:root{color-scheme:light;--bg:#f6f8fc;--surface:#fff;--ink:#172b4d;--muted:#52657c;--line:#dce6f0;--accent:#2563eb;--accent-hover:#1d4ed8;--soft:#eff6ff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}button,input,select{font:inherit}button{border:1px solid transparent;border-radius:9px;background:var(--accent);color:white;min-height:44px;padding:10px 18px;font-weight:600;cursor:pointer;transition:background .15s}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}button.quiet{background:transparent;color:var(--muted);padding:8px 12px}button.danger{background:#a02a28}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2563eb;outline-offset:3px}input,select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:11px;background:var(--surface);color:var(--ink);min-height:44px}label{display:grid;gap:8px;margin:14px 0;font-size:.92rem;font-weight:600}small,.muted{color:var(--muted);line-height:1.6}small{display:block;margin-top:12px}h1,h2,h3,p{margin:0}h1{font-size:2rem;letter-spacing:-.045em;line-height:1.25}h2{font-size:1.25rem}h3{font-size:1rem}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1260px)/2));display:flex;align-items:center;gap:18px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--accent);font-size:30px;font-weight:800;text-decoration:none}.brand span{font-size:18px;letter-spacing:-.02em;color:var(--ink)}.service-tag{font-size:12px;color:var(--accent);background:var(--soft);padding:5px 9px;border-radius:5px}.topbar #logout{margin-left:auto}main{max-width:1260px;margin:auto;padding:32px 24px 64px}#status{min-height:0;position:sticky;top:0;z-index:5;background:#fff6da;color:#654808;padding:0 24px}#status:not(:empty){padding:12px 24px;border-bottom:1px solid #e0c776}#status[data-error=true]{color:#8c211d;background:#fff0ef}.auth-panel{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px;min-height:70vh}.intro h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.25;margin:22px 0}.intro p:not(.eyebrow){color:var(--muted);line-height:1.9}.eyebrow{color:var(--accent);font-size:11px;font-weight:750;letter-spacing:.15em;margin-bottom:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}.auth-panel form{max-width:420px;width:100%;padding:32px}.auth-panel form p{margin:12px 0 24px}.auth-panel form button{width:100%;margin-top:10px}.workspace-heading,.view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-heading{margin-bottom:28px}.farm-picker{min-width:220px;margin:0}.view-heading{margin:28px 0 20px}.view-heading p{margin-top:8px}nav{display:flex;gap:6px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow-x:auto}nav button{flex:1;background:transparent;color:var(--muted);white-space:nowrap;padding:10px 14px}nav button[aria-current=page]{background:var(--soft);color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{font-size:2.25rem;font-weight:700;margin:12px 0 4px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.card-header h3{overflow-wrap:anywhere}.badge{display:inline-block;background:var(--soft);color:var(--accent);border-radius:5px;padding:4px 8px;font-size:12px;white-space:nowrap}.badge.warning{background:#fff1d5;color:#825500}.row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center;justify-content:space-between}.row:last-child{border:0}.row-title{font-weight:600;overflow-wrap:anywhere}.row-detail{color:var(--muted);font-size:13px;margin-top:6px;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.empty{padding:56px 24px;text-align:center;background:var(--surface);border:1px dashed #cbd5e1;border-radius:14px;color:var(--muted);line-height:1.8}.empty h3{color:var(--ink);margin-bottom:10px}.section-action{margin-bottom:18px}.compact-form{max-width:560px;margin-top:20px}.checkbox{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.checkbox input{width:20px;min-height:20px;margin-top:2px;flex:0 0 20px}dialog{width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:16px;padding:26px;max-height:90vh;color:var(--ink);background:var(--surface)}dialog::backdrop{background:#172b4d66}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}dialog button[type=submit]{margin-top:18px;width:100%}#print-routes{margin:16px 0}.progress{height:6px;background:var(--line);border-radius:3px;width:100%;margin-top:16px}progress{width:100%;accent-color:var(--accent)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-panel{gap:36px}.intro h1{font-size:2.4rem}}@media(max-width:600px){main{padding:24px 16px 40px}.topbar{padding:0 16px;height:64px;gap:10px}.brand span{font-size:16px}.service-tag{font-size:10px}.auth-panel{grid-template-columns:1fr;gap:26px;min-height:0}.intro h1{font-size:2rem;margin:12px 0}.intro p:not(.eyebrow){display:none}.auth-panel form{max-width:none;padding:24px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:18px}.farm-picker{width:100%}h1{font-size:1.65rem}.grid,.grid.two{grid-template-columns:1fr}nav{position:sticky;top:0;z-index:3;border-radius:9px}nav button{flex:none;min-width:58px;padding:8px 12px}.card{padding:20px}.view-heading{align-items:flex-start}.row{align-items:flex-start}.row button{flex-shrink:0}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#content>div>.card{margin-top:20px}#content>div>.card:first-child{margin-top:0}@media(max-width:600px){nav{flex-wrap:wrap;gap:4px}nav button{flex:1 0 22%;min-width:0}}

.row > div { min-width: 0; overflow-wrap: anywhere; }
.workspace-heading > div, .view-heading > div { min-width: 0; overflow-wrap: anywhere; }
.farm-picker { max-width: 100%; }
.card p, dialog p, .dialog-heading h2 { overflow-wrap: anywhere; }
.dialog-status:not(:empty) { padding: 12px; margin: 12px 0; background: #fff6da; color: #654808; border-radius: 8px; }
.dialog-status[data-error=true] { background: #fff0ef; color: #8c211d; }
@media(max-width:600px) { .row { flex-wrap: wrap; } .row > div { flex: 1 1 160px; } .card-header { flex-wrap: wrap; } .topbar { flex-wrap: wrap; height: auto; min-height: 64px; padding-block: 8px; } }

/* Shared desktop blue/white interaction treatment. */
button:not(.secondary):not(.quiet):not(.danger):not(nav button):hover { background: var(--accent-hover); filter: none; }
nav button:hover, button.quiet:hover, button.secondary:hover { background: var(--soft); color: var(--accent); filter: none; }
nav button[aria-current=page] { box-shadow: inset 0 0 0 1px #bfdbfe; }
input[type=checkbox], input[type=radio] { accent-color: var(--accent); }
.card, dialog { box-shadow: 0 4px 14px rgba(23,50,77,.055); }

.site-filing { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; padding: 20px 24px; border-top: 1px solid var(--line); background: var(--surface); color: var(--muted); font-size: 13px; line-height: 1.7; text-align: center; overflow-wrap: anywhere; }
.site-filing a { color: var(--muted); text-underline-offset: 3px; }
.site-filing a:hover { color: var(--accent); }
/* Official white wordmark is rendered in ink on the light surface. */
.brand img{display:block;width:116px;height:auto;object-fit:contain;filter:brightness(0)}
@media(max-width:600px){.brand{gap:8px}.brand img{width:92px}.brand span{font-size:13px}.topbar{gap:8px}.topbar #logout{padding:6px}.service-tag{padding:5px}.brand{white-space:nowrap}}
@media(max-width:360px){.brand span{display:none}}