/* ATTENT visual tokens: design-system 313c49a, tokens/machine-ops.visual.json. */
body.field-shell{--navy:#0A2A4A;--gold:#D4A017;--text:#102235;background:#EEF2F6;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;padding-bottom:100px}
.field-shell .app-shell{max-width:780px;margin:auto;padding:0 18px}
.field-shell .topbar{padding:24px 0 18px;align-items:center;border-bottom:1px solid #ccd6df}
.field-shell .topbar h1{font-size:22px;letter-spacing:-.6px;line-height:1.2}
.field-shell .topbar .eyebrow{font-size:10px;letter-spacing:2px}
.field-shell .topbar-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}
.field-shell .topbar .identity-control,.field-shell #sessionBadge,.field-shell #roleExperienceBanner,.field-shell #mainViewSwitcher,.field-shell .demo-banner-actions{display:none!important}
.field-shell #demoModeBanner{margin:12px 0 20px;padding:10px 12px;background:#e4eaf0;border:0;border-radius:8px;color:#3d5162;box-shadow:none;font-size:11px}
.field-shell #demoModeBanner strong{font-size:10px;letter-spacing:.8px;display:block}
.field-shell #demoModeDescription{display:block;font-size:11px;margin-top:3px}
.field-shell .field-section[hidden],.field-shell [hidden]{display:none!important}
.field-shell .field-intro{padding:10px 2px 24px}
.field-shell .field-intro>span,.field-section-heading>span{font-size:10px;font-weight:800;letter-spacing:2px;color:#607183}
.field-shell .field-intro h2{font-size:34px;line-height:1.12;letter-spacing:-1.4px;margin:10px 0}
.field-shell .field-intro p{color:#536577;margin:0;font-size:14px}
.field-shell .hero{display:block;padding:22px;background:linear-gradient(135deg,#0A2A4A,#071D33);color:white;border:0;border-radius:18px}
.field-shell .hero>div:not(.field-asset):not(.hero-metrics){border-top:1px solid #ffffff25;padding-top:16px}
.field-shell .hero h2{font-size:18px;color:white;margin:8px 0}
.field-shell .hero p{color:#c2d0dd;font-size:12px;overflow-wrap:anywhere}
.field-shell .hero .eyebrow{color:#c3d2df}
.field-shell .field-asset{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:20px}
.field-shell .field-asset h3{font-size:25px;letter-spacing:-.7px;color:white;margin:8px 0}
.field-shell .field-asset img{width:106px;height:106px;filter:invert(1);opacity:.86}
.field-shell .hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border-top:1px solid #ffffff25;padding-top:16px;gap:8px}
.field-shell .hero-metrics>div{background:transparent;border:0;padding:0}
.field-shell .hero-metrics strong{font-size:26px;color:white}
.field-shell .hero-metrics span{color:#c2d0dd;font-size:11px}
.field-shell .card{border:1px solid #DFE6ED;border-radius:16px;box-shadow:0 4px 15px #10223505;margin-bottom:16px;padding:20px}
.field-shell .hero.card{border:0}
.field-shell #fieldGuide{margin-top:16px}
.field-shell #fieldGuideTitle{font-size:23px;letter-spacing:-.5px;margin:10px 0}
.field-shell .field-guide-description{font-size:14px;color:#526576}
.field-shell .field-sync-strip{display:flex;flex-direction:column;align-items:stretch;margin:16px 0;padding:12px;background:#f0f4f7;border:0}
.field-shell .field-sync-text{font-size:12px;line-height:1.5}
.field-shell #fieldSyncBtn{min-height:48px;margin-top:8px;font-size:12px}
.field-shell button,.field-shell input,.field-shell select{min-height:48px;font-size:16px;border-radius:9px;max-width:100%}
.field-shell button{font-weight:700}
.field-shell .primary,.field-shell .field-quick-primary,.field-shell .field-start-shortcut{background:var(--gold);color:#142334;border:0;box-shadow:none;min-height:54px}
.field-shell .primary:disabled{background:#e0e5e9;color:#647484}
.field-shell button:disabled{opacity:.6;cursor:not-allowed}
.field-shell button:focus-visible,.field-shell a:focus-visible,.field-shell input:focus-visible,.field-shell select:focus-visible{outline:3px solid #1966a3;outline-offset:3px}
.field-shell .field-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.field-shell #fieldActionPrimary{grid-column:1/-1}
.field-shell .field-quick-secondary{font-size:13px;background:white;border:1px solid #d4dde5;color:#163953}
.field-shell .field-section-heading{padding:8px 0 18px}
.field-shell .field-section-heading h2{font-size:30px;letter-spacing:-1px;margin:8px 0}
.field-shell .field-section-heading p,.field-shell .card p{line-height:1.6}
.field-shell .grid.two{grid-template-columns:1fr;gap:16px}
.field-shell .checklist{display:grid;gap:14px;margin:24px 0}
.field-shell label{font-size:13px;color:#354d60;gap:7px}
.field-shell input,.field-shell select{width:100%;background:#f8fafc;border:1px solid #ccd7e0;color:#102235;padding:12px}
.field-shell .tabs{display:flex;overflow:auto;flex-wrap:nowrap;gap:7px;padding-bottom:10px;margin-bottom:8px}
.field-shell .tab{flex:0 0 auto;min-height:48px;font-size:12px;padding:10px 14px}
.field-shell .tab.active{background:#0A2A4A;color:white}
.field-shell .cycle-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:20px 0}
.field-shell .cycle-step{font-size:10px;min-width:0;padding:8px 3px}
.field-shell .button-row{display:flex;flex-direction:column;gap:8px}
.field-shell .button-row button{width:100%}
.field-shell #tab-work button:disabled{display:none}
.field-shell .event-id{display:block;font-family:ui-monospace,monospace;font-size:10px;overflow-wrap:anywhere;color:#526576;margin-top:5px}
.field-shell .event{overflow-wrap:anywhere;border-bottom:1px solid #e1e7ed;padding:14px 0}
.field-shell .event small{display:block;line-height:1.5}
.field-shell .event-log{max-height:none}
.field-shell #fieldRetry,.field-shell #fieldReport{width:100%;margin-top:10px}
.field-shell .field-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:780px;background:#fff;border-top:1px solid #d6dfe7;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:100}
.field-shell .field-bottom-nav button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:11px;border:0;background:transparent;color:#617486;min-height:56px}
.field-shell .field-bottom-nav button span{font-size:23px;line-height:1}
.field-shell .field-bottom-nav button[aria-current=page]{color:#0A2A4A;background:#edf2f6;border-bottom:3px solid var(--gold)}
.field-shell .field-feedback{position:sticky;top:8px;z-index:90;background:#fff0ec;border:1px solid #9c2f2f;border-left:5px solid #9c2f2f;color:#7c2020;padding:16px;border-radius:10px;margin-bottom:16px}
.field-shell [data-field-section=more] li{margin:12px 0;line-height:1.6}
.field-shell #fieldBuild{font-family:ui-monospace,monospace;font-size:11px;overflow-wrap:anywhere}
.field-shell .summary-grid{grid-template-columns:1fr 1fr}
.field-shell #reportView{overflow-wrap:anywhere}
.field-shell .refinery-ribbon,.field-shell .refinery-status-orbit{display:none!important}
@media(min-width:600px){.field-shell .grid.two{grid-template-columns:1fr 1fr}.field-shell .field-intro h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.field-shell *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.field-shell #fieldStartShortcut,.field-shell #fieldActionPrimary{background:#D4A017!important;color:#102235!important}
.field-shell .field-intro{padding:4px 0 18px}
.field-shell .field-intro h2{font-size:29px}
.field-shell .hero{padding:18px}
.field-shell .field-asset{padding-bottom:12px}
.field-shell .field-asset img{width:85px;height:85px}
.field-shell .hero-metrics{padding-top:10px;margin-top:12px}
.field-shell #fieldGuide .field-sync-strip{margin-bottom:0}
.field-shell .field-record-filters{margin-bottom:16px}
body.field-shell[data-experience="field"] #opsPanel .tabs{display:flex}
body.field-shell[data-experience="field"] #operatorView .log-card #eventLog{max-height:none}