/**
 * AutoBotSignal webmail theme — typography + polish layer.
 *
 * The heavy lifting (full color re-theme) is compiled into the skin
 * stylesheet from theme/_autobot-vars.less; this file only adds what a
 * variable recompile can't: the brand webfont and a few structural
 * refinements. Loaded on every page including login.
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

body,
input, button, select, textarea,
.listing, .toolbar, .menu, .popover, .ui-dialog {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Search bar reads as an app input: soft card with hairline border. */
#layout-list > .header .searchbar,
.searchbar {
    border-radius: 8px;
}

/* Login screen: card treatment around the form, app-style. */
#layout-login .box-inner,
body.task-login #login-form {
    background-color: #12161e;
    border: 1px solid rgba(245, 123, 0, 0.2);
    border-radius: 16px;
    padding: 28px 24px;
}

/* Focus rings in brand orange rather than browser default blue. */
input:focus, select:focus, textarea:focus, button:focus {
    outline-color: #f57b00;
}

/* Elastic renders the attachment drop-zone's download glyph at 10rem
   (140px) with 12rem of padding — wildly out of proportion. Keep the
   drag-and-drop affordance at app scale. */
.file-upload {
    padding-bottom: 3rem;
}
.file-upload.droptarget:after {
    width: 4rem;
    margin: 1.25rem auto 0;
    opacity: 0.5;
}

/* Slightly slimmer glyphs in the touch-layout headers (default 1.75rem
   reads oversized against the app's iconography). Tap targets unchanged —
   selector and media query mirror elastic's own rule (layout.less ~312)
   so this wins by stylesheet order at equal specificity. */
@media screen and (max-width: 768px) {
    #layout > div > .header a.button:before {
        font-size: 1.4rem;
    }
    #layout > div > .header a.button.filter:before {
        font-size: 1.3rem;
    }
}