*{box-sizing:border-box}body{font:16px system-ui,sans-serif;margin:0;color:#17252d;background:#f5f7f8}main{max-width:1100px;margin:auto;padding:1rem}.pilot-banner{padding:1rem;background:#fff0bd;font-weight:700;border-bottom:2px solid #b47d00}a{color:#075b91}button,input,select,textarea{font:inherit;min-height:44px;max-width:100%;padding:.65rem}button{cursor:pointer;background:#075b91;color:white;border:0;border-radius:4px}button:disabled{background:#687982}label{display:block;margin:.7rem 0}section,article,.notice{padding:1rem;background:white;border:1px solid #b8c8cf;margin:1rem 0}table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}td,th{padding:.5rem;border:1px solid #ccc}img.preview{max-width:100%;max-height:220px}nav{display:flex;gap:1rem;flex-wrap:wrap}details{margin:1rem 0}summary{min-height:44px;cursor:pointer;padding:.6rem;font-weight:700}.login-box{width:100%;max-width:420px;margin:2rem auto}input:not([type=checkbox]):not([type=hidden]),textarea{width:100%}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem;margin:1rem 0}.dash-card{border:1px solid #b8c8cf;border-radius:8px;padding:.85rem;background:#fff}.dash-card strong{display:block;font-size:1.05rem}.light{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:.45rem;vertical-align:-1px;border:1px solid #65747b}.light-green{background:#16883d}.light-amber{background:#e3a008}.light-red{background:#c52d2d}.light-grey{background:#aab4b9}.status-green{border-left:8px solid #16883d;background:#f1fbf4}.status-amber{border-left:8px solid #e3a008;background:#fff9e8}.status-red{border-left:8px solid #c52d2d;background:#fff1f1}.status-grey{border-left:8px solid #aab4b9;background:#f4f6f7}.recon-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.metric-row{display:flex;gap:1rem;flex-wrap:wrap;margin:.65rem 0}.metric-row span{font-weight:700}.comparison-list{list-style:none;padding:0;margin:.75rem 0}.comparison-list li{padding:.45rem 0;border-top:1px solid #d9e1e5}.detail-box{margin-top:.8rem}.detail-box summary{color:#075b91}.done-badge{display:inline-block;background:#2f8f46;color:#fff;font-weight:700;border-radius:999px;padding:.15rem .55rem;margin-right:.35rem;font-size:.82em}
.confirmed-box{padding:.8rem;border-left:8px solid #16883d;background:#f1fbf4;margin:.8rem 0}.login-box button{margin-top:.9rem}@media(max-width:600px){main{padding:.6rem}section,article{padding:.65rem}button{width:100%}.user{float:none}h1{font-size:1.5rem}.dash-grid{grid-template-columns:1fr 1fr}.recon-summary{grid-template-columns:1fr}}

.queue-item{display:grid;grid-template-columns:18px minmax(160px,1fr) 120px minmax(180px,1fr);gap:.65rem;align-items:center;padding:.8rem;margin:.55rem 0;text-decoration:none;color:#17252d;border-top:1px solid #b8c8cf;border-right:1px solid #b8c8cf;border-bottom:1px solid #b8c8cf}.queue-item:hover{filter:brightness(.98)}.camera-button{display:inline-block;background:#075b91;color:white;padding:.8rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;margin:.4rem 0}.camera-button+input[type=file]{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}@media(max-width:700px){.queue-item{grid-template-columns:18px 1fr}.queue-item span:nth-child(n+3){grid-column:2}.camera-button{width:100%;text-align:center}}
.camera-panel{margin:.6rem 0}.camera-panel video{display:block;width:100%;max-height:420px;background:#000;border-radius:6px;margin-bottom:.6rem}.camera-panel button{width:100%}
.button{display:inline-block;background:#075b91;color:#fff;text-decoration:none;padding:.8rem 1rem;border-radius:4px;font-weight:700}.action-row{display:flex;gap:.6rem;flex-wrap:wrap}.next-action{border-left:8px solid #075b91}@media(max-width:600px){.action-row .button,.next-action .button{width:100%;text-align:center}}
.camera-file-input{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.camera-review img{display:block;width:100%;max-height:420px;object-fit:contain;background:#000;border-radius:6px;margin:.6rem 0}.camera-review-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.camera-review-actions button{width:100%}@media(max-width:600px){.camera-review-actions{grid-template-columns:1fr}}
.delivery-entry[open] + .delivery-complete-form{display:none!important}
.delivery-choice-actions{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.75rem}.delivery-choice-actions .button,.delivery-choice-actions form,.delivery-choice-actions button{width:100%;margin:0}
.evidence-photo{display:block;max-width:100%;max-height:520px;object-fit:contain;background:#000;border-radius:6px;margin:.75rem 0}

.report-nav{display:flex;gap:.55rem;align-items:center;margin:.25rem 0 1rem;color:#60717a}.report-title{display:flex;justify-content:space-between;gap:1rem;align-items:end;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid #c9d8e0;border-radius:10px;padding:1.1rem 1.2rem;margin-bottom:1rem}.report-title h1{margin:.15rem 0}.report-title p{margin:.15rem 0;color:#58707d}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800;color:#075b91!important}.report-filter{display:grid;grid-template-columns:auto auto auto;gap:.7rem;align-items:end;min-width:48%}.report-filter label{margin:0}.report-signoff{display:grid;grid-template-columns:auto minmax(220px,1fr) repeat(2,minmax(130px,.55fr)) minmax(220px,1fr) auto;gap:1rem;align-items:center;border-radius:10px;padding:1rem 1.1rem}.report-signoff.signed{background:#f1fbf4;border:1px solid #b8dfc4}.report-signoff.pending{background:#fff9e8;border:1px solid #ead8a6}.signoff-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;font-weight:800;background:#16883d;color:#fff}.report-signoff.pending .signoff-icon{background:#e3a008}.report-signoff h2{margin:0}.report-signoff p{margin:.2rem 0}.signoff-meta{border-left:1px solid #cdd9df;padding-left:1rem}.signoff-meta span{display:block;font-size:.78rem;color:#60717a}.signoff-meta strong{display:block;margin-top:.15rem}.signoff-badge{background:#dff5e6;color:#126b32;font-weight:800;padding:.8rem 1rem;border-radius:8px;text-align:center}.report-signoff-form{grid-column:3/-1;display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:end}.report-signoff-form label{margin:0}.report-signoff-form textarea{min-height:70px}.report-panel{border-radius:10px}.report-panel h2{margin:.1rem 0}.muted{color:#60717a;margin:.25rem 0 .85rem}.exception-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}.exception-summary-card{border-radius:9px;padding:1rem;border:1px solid #d3dfe5}.exception-summary-card span{display:block;font-weight:700;min-height:2.5em}.exception-summary-card strong{display:block;font-size:1.8rem;margin-top:.3rem}.exception-summary-card.serious{background:#fff1f1;color:#b11f1f}.exception-summary-card.info{background:#f0f6ff;color:#165fb6}.exception-summary-card.photo{background:#f6f0ff;color:#6b2fb9}.exception-summary-card.pending{background:#fff7e9;color:#b36a00}.exception-summary-card.gain{background:#eefaf2;color:#18763c}.report-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.report-table{width:100%;display:table;border-collapse:separate;border-spacing:0;background:#fff}.report-table th{background:#edf4f8;text-align:left;color:#27414f}.report-table td,.report-table th{padding:.6rem .7rem;border-right:1px solid #d6e0e5;border-bottom:1px solid #d6e0e5}.report-table tr>*:first-child{border-left:1px solid #d6e0e5}.report-table tr:first-child>*{border-top:1px solid #d6e0e5}.report-table.compact td,.report-table.compact th{padding:.48rem .55rem}.good-number{color:#16883d;font-weight:800;background:#f1fbf4}.bad-number{color:#c52d2d;font-weight:800;background:#fff1f1}.month-label{display:inline-block;background:#eef5fb;border:1px solid #c9d8e0;border-radius:7px;padding:.35rem .65rem;margin:.2rem 0 .7rem}.exception-detail-head{display:flex;justify-content:space-between;gap:1rem;align-items:end}.report-legend{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.82rem;color:#4f626d}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.3rem}.dot.serious{background:#c52d2d}.dot.gain{background:#16883d}.dot.pending{background:#e3a008}.dot.info{background:#2b6fd0}.status-pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800}.status-pill.signed{background:#dff5e6;color:#126b32}.status-pill.exception{background:#ffe5e5;color:#a91f1f}.table-wrap{overflow-x:auto}.report-table.wide{min-width:1000px}.report-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.report-card{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;color:#17252d;background:#fff;border:1px solid #c9d8e0;border-left:6px solid #075b91;border-radius:10px;padding:1.2rem}.report-card strong{font-size:1.15rem}.report-card span{color:#60717a}
@media(max-width:850px){.report-title{display:block}.report-filter{grid-template-columns:1fr;margin-top:1rem}.report-signoff{grid-template-columns:auto 1fr}.signoff-meta,.signoff-badge,.report-signoff-form{grid-column:1/-1}.report-two-col{grid-template-columns:1fr}.exception-summary-grid{grid-template-columns:1fr 1fr}.exception-detail-head{display:block}}

.todo-summary{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:.8rem}.todo-card{border:1px solid #ccd9df;border-radius:9px;padding:1rem;margin:.8rem 0}.todo-card h3{margin:.65rem 0 .3rem}.todo-card p{margin:.35rem 0}.todo-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.todo-card-head strong{display:block;font-size:1.05rem}.todo-card-head span{display:block;color:#60717a;font-size:.9rem;margin-top:.15rem}.todo-context{background:#f6f9fb;border-radius:6px;padding:.7rem}.todo-card form{margin-top:.8rem}.todo-card form button{min-width:120px}@media(max-width:650px){.todo-summary{grid-template-columns:1fr}.todo-card-head{display:block}.todo-card-head>.status-pill{margin-top:.5rem}.todo-card form button{width:100%}}

.todo-added{display:inline-block;background:#eef5fb;border:1px solid #b9d2e4;color:#075b91;font-weight:700;border-radius:7px;padding:.55rem .75rem;margin:.4rem 0}.inline-action{margin:.45rem 0}.secondary-action{background:#526e7d}.secondary-action:hover{filter:brightness(.95)}

.signoff-choice.three{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:.6rem}.reviewer-followup-action{background:#6d3fb5}.reviewer-followup-action:hover{filter:brightness(.95)}@media(max-width:850px){.signoff-choice.three{grid-template-columns:1fr}}

.fuel-product-grid{display:grid;grid-template-columns:1fr;gap:1rem}.fuel-product-card{border:1px solid #ccd9df;border-radius:8px;padding:.8rem;background:#fff}.fuel-product-card h3{margin:.1rem 0 .65rem}.fuel-table{min-width:1050px}.warning-number{background:#fff7df;color:#9a6500;font-weight:800}.total-row th{background:#e7eef2;font-weight:800}.opening-item.status-green>summary{background:#eefaf2}.opening-item.status-amber>summary{background:#fff8e8}

.calculation-detail{display:block;margin-top:.25rem;color:#566b76;font-size:.86rem;line-height:1.35}.discrepancy-box>summary{background:#fff1e8;border:1px solid #e3b084;border-radius:6px;padding:.65rem .75rem;font-weight:800;color:#8b4200}.discrepancy-box[open]>summary{margin-bottom:.6rem}

.report-table .total-row th.good-number{color:#16883d;background:#f1fbf4;font-weight:800}
.report-table .total-row th.warning-number{color:#9a6500;background:#fff7df;font-weight:800}
.report-table .total-row th.bad-number{color:#c52d2d;background:#fff1f1;font-weight:800}
