/* Brand reference: https://www.junkluggers.com/ — official logo and Roboto families. */
@font-face{font-family:JL Roboto;src:url('/assets/Roboto-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:JL Roboto;src:url('/assets/Roboto-Bold.ttf') format('truetype');font-style:normal;font-weight:500 900;font-display:swap}
@font-face{font-family:JL Condensed;src:url('/assets/RobotoCondensed-Black.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
:root{font-family:JL Roboto,Arial,sans-serif;--ink:#222;--paper:#fff;--bg:#f5f5f5;--accent:#44d62c;--border:#dedede;--muted:#626262;color:var(--ink);background:var(--bg)}
body{font-family:JL Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
h1,.heading h1,h2,.field-brand-label{font-family:JL Condensed,Arial,sans-serif;font-weight:900;letter-spacing:-.3px;color:#111}
.appbar{background:#fff;border-top:5px solid #44d62c;border-bottom:1px solid #dedede;height:82px;gap:22px}
.app-brand{gap:12px;letter-spacing:0;color:#111}.junkluggers-logo{width:169px;height:auto;object-fit:contain;flex:none}.field-brand-label{font-size:21px;border-left:1px solid #ddd;padding-left:12px}
.button{background:#44d62c;border-color:#44d62c;color:#111;border-radius:8px;font-weight:700}.button:hover{background:#36bd22;border-color:#36bd22}
.button.secondary{background:#fff;color:#222;border-color:#ccc}.button.secondary:hover{background:#effbe9;border-color:#8bba7f}
.button.quiet,.button.icon-button,.settings-button{background:transparent;color:#222;border-color:transparent}.button.quiet:hover,.button.icon-button:hover,.settings-button:hover{background:#effbe9}
.button.danger{color:#8f281d;background:#fff5f4;border-color:#e2b2ad}
.button.nav-button{background:transparent;color:#626262;border:0;border-radius:0}.button.nav-button[aria-current=page]{color:#111}.button.nav-button[aria-current=page]::after{background:#44d62c;height:4px}
.button.connection-button{background:transparent;color:#333}.statusbar{color:#555}
.job-picker select,.field input,.field select,.field textarea{color:#222;border-color:#ccc;background:#fff}
.field-dock,.panel,.item-card,.pickup-toolbar,.capture-save{border-color:#ddd}.field-dock{background:#fff}.camera-fab{background:#111;color:#44d62c;border-color:#111}.camera-fab:hover{background:#222;color:#44d62c}
.tabs .button[aria-current=page],.tabs .button[aria-selected=true]{background:#44d62c;color:#111;border-color:#44d62c}
.boot{display:flex;min-height:70dvh;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#111}.boot strong{font-family:JL Condensed,Arial,sans-serif;font-size:32px}.boot p{font-size:15px}
.boot.card{align-items:stretch;min-height:0}.boot.card>img{align-self:center;margin:8px auto 12px}.boot.card h1{text-align:center;font-size:28px;margin-bottom:8px}.boot.card form,.boot.card .field,.boot.card input{width:100%}
.empty{background:#fff;border-color:#ddd}.empty h2{color:#111;font-weight:900}.empty p,.job-address,.pickup-toolbar,.save-indicator{color:#626262}
.tabs .button{color:#222}.tabs .button.selected{background:#44d62c;color:#111;border-color:#44d62c}
.button.camera-fab{background:#111;color:#44d62c;border-color:#111}.button.camera-fab:hover{background:#222;color:#44d62c}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #111;outline-offset:3px}
@media(max-width:760px){
 .appbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;height:auto;min-height:109px;column-gap:8px;row-gap:0;padding:9px 16px 0}
 .app-brand{grid-column:1;grid-row:1;gap:8px;min-width:0}.junkluggers-logo{width:142px;max-width:100%;height:auto}.field-brand-label{padding-left:8px;font-size:18px}
 .settings-button{grid-column:2;grid-row:1}.appbar>.account-menu{grid-column:3;grid-row:1;margin-left:0!important}
 .appbar nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;width:100%;height:44px}
 .button.nav-button{min-height:44px;font-size:13px}.heading h1,h1{font-size:30px}
}
@media(max-width:360px){.appbar{padding-inline:12px}.junkluggers-logo{width:126px}.field-brand-label{font-size:16px;padding-left:6px}.app-brand{gap:6px}}
