/* Shared field theme. Presentation only; diagnostic and work control state stay in their modules. */
:root{
 --bg-void:#171b1f;--bg-panel:#22282d;--bg-raised:#2c343a;--bg-raised-2:#353f46;
 --border:#536168;--border-soft:#3d484f;--text-1:#edf3f4;--text-2:#c0cdd0;--text-3:#a8bbbf;
 --cyan:#65dace;--cyan-dim:#193e3c;--blue:#89caca;--blue-dim:#253e43;
 --amber:#ffd18a;--amber-dim:#453820;--red:#ffa7a7;--red-dim:#452b30;
 --chrome-top:var(--bg-panel);--chrome-mid:var(--bg-raised);--chrome-bottom:var(--bg-raised-2);--navy:#193e3c;
 --surface:var(--bg-panel);--text:var(--text-1);--shadow:0 4px 16px #0003;
 --id-bg:var(--bg-void);--id-panel:var(--bg-panel);--id-raised:var(--bg-raised);--id-line:var(--border);
 --id-text:var(--text-1);--id-muted:var(--text-2);--id-accent:#126e67;--id-danger:var(--red);--id-ok:var(--cyan);
 color-scheme:dark;
}
html,body{background:var(--bg-void);color:var(--text-1)}
body{line-height:1.55;position:relative;isolation:isolate}
/* Decorative plant watermark sits behind solid reading surfaces and never captures input. */
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('./plant-watermark.png') center center / cover no-repeat;opacity:.22}
@media(max-width:760px){body::before{background-position:60% center;opacity:.18}}
@media print{body::before{display:none}}
/* Keep ordinary words whole. Long URLs and identifiers can wrap only if they cannot fit. */
*,*::before,*::after{hyphens:none;-webkit-hyphens:none;word-break:normal}
h1,h2,h3,h4,button,.btn,.chip,.tab-btn,.field-nav a,.home-area strong,.section-tools strong,.hub-card strong{
 overflow-wrap:normal;word-break:normal;white-space:normal;
}
p,li,dd,pre,.newton-bubble,.report-row,.n2-card{overflow-wrap:break-word}
.home-area,.section-hub>*,.section-tools a,.hub-card,.machine-card__body,.workspace-top>*{min-width:0}
h1,h2,h3,h4{line-height:1.3;text-wrap:pretty}
.field-bar{background:var(--bg-panel);color:var(--text-1);border-bottom:1px solid var(--border-soft);box-shadow:none;padding-block:16px}
.field-brand::before{background:var(--cyan-dim);border:1px solid var(--cyan);color:var(--cyan);box-shadow:none}
.save-state{color:var(--cyan)}.save-error{color:var(--amber)}
.app-header{color:var(--text-1);text-shadow:none;padding-top:32px}
.app-header h1{color:var(--text-1);font-size:clamp(28px,4vw,44px);line-height:1.2}
.app-header__eyebrow{color:var(--cyan)}.app-header__sub{color:var(--text-2)}
.back-link,.app-header .back-link{background:var(--bg-panel);color:var(--cyan);border-color:var(--border);backdrop-filter:none}
.newton-home{padding-block:48px 80px}
.ask-newton{background:var(--cyan-dim);color:var(--text-1);border:1px solid var(--cyan);box-shadow:none;transform:none;border-radius:16px;min-height:120px}
.ask-newton:hover{background:#224c48;box-shadow:none;transform:none}
.ask-newton .newton-mark{background:var(--bg-panel);color:var(--cyan);border-color:var(--border);box-shadow:none}
.home-area,.home-tile{background:var(--bg-panel);color:var(--text-1);border:1px solid var(--border);box-shadow:none;transform:none;backdrop-filter:none}
.home-area:hover,.home-area:focus-visible,.home-tile:hover,.home-tile:focus-visible{background:var(--bg-raised);border-color:var(--cyan);box-shadow:none;transform:none}
.home-area strong{color:var(--cyan)}.home-area span,.home-tile p{color:var(--text-2)}
.home-intro,.home-footer,.home-footer a,.home-links a,.photo-credit{color:var(--text-2);text-shadow:none}
.tile-icon,.tile-open{background:var(--bg-raised);color:var(--cyan);border-color:var(--border);box-shadow:none}
.panel,.category-card,.history-card,.diag-card,.cheat-card,.section-hub,.group-intro,.calc-card,.n2-card,.machine-card{
 background:var(--bg-panel);color:var(--text-1);border:1px solid var(--border-soft);box-shadow:none;
}
.panel p,.section-hub p,.group-intro p{color:var(--text-2)}
.machine-card{transform:none}.machine-card:hover{background:var(--bg-raised);border-color:var(--cyan);box-shadow:none;transform:none}
.machine-card__tagline,.wizard-context,.diag-field-value,.ref-card__field-value,.limit-kind,.section-title{color:var(--text-2)}
.section-title,.calc-card__head>span{color:var(--cyan)}
.section-tools a,.section-tool-single,.hub-card{background:var(--bg-raised);color:var(--text-1);border-color:var(--border);box-shadow:none;padding:16px}
.section-tools a:hover,.section-tool-single:hover,.hub-card:hover{background:#34423f;border-color:var(--cyan);transform:none}
.section-tools span,.section-tool-single span,.hub-card span{color:var(--text-2)}
.hub-card:has(.btn__chev){padding-right:48px}
.tabnav,.field-nav{background:var(--bg-panel);border-color:var(--border-soft);box-shadow:none}
.tab-btn,.field-nav a{color:var(--text-2)}
.tab-btn:hover,.field-nav a:hover{background:var(--bg-raised);color:var(--text-1)}
.tab-btn.active,.field-nav a[aria-current=page],.field-nav a[aria-current=page]:hover{background:var(--cyan-dim);color:var(--cyan);border-color:var(--cyan);box-shadow:none}
.btn,.chip,.result-btn{background:var(--bg-raised);color:var(--text-1);border:1px solid var(--border);box-shadow:none;line-height:1.4}
.btn:hover,.chip:hover,.result-btn:hover{background:#34423f;border-color:var(--cyan)}
.btn-primary,.btn-primary:hover{background:var(--cyan);color:#132423;border-color:var(--cyan);box-shadow:none;font-weight:700}
.chip[aria-pressed=true],.result-btn[aria-pressed=true]{background:var(--cyan-dim);color:var(--cyan);border-color:var(--cyan)}
.result-btn.issue[aria-pressed=true]{background:var(--amber-dim);color:var(--amber);border-color:var(--amber)}
input,textarea,select,.search-input,.n2-card input:not([type=checkbox]),.n2-card textarea,.n2-card select,.n2-toolbar select{
 background:var(--bg-void);color:var(--text-1);border-color:var(--border);box-shadow:none;
}
input::placeholder,textarea::placeholder{color:var(--text-3);opacity:1}
input[type=checkbox],input[type=radio]{accent-color:var(--cyan)}
main>.log-field{background:var(--bg-panel);color:var(--text-1);box-shadow:none}
.newton-bubble{background:var(--bg-panel);color:var(--text-1);border-color:var(--border-soft)}
.newton-row--user .newton-bubble{background:var(--cyan-dim)}.newton-avatar{background:var(--cyan-dim);color:var(--cyan)}
.n2-understood,.n2-system-node--recorded,.n2-system-node--current{background:var(--cyan-dim);color:var(--text-1);border-color:var(--cyan)}
.n2-system-node{background:var(--bg-raised);color:var(--text-1);border-color:var(--border)}
.n2-system-node--unknown,.reference-status{background:var(--amber-dim);color:var(--amber);border-color:var(--amber)}
.n2-system-node--recorded,.n2-system-node--current{background:var(--cyan-dim);border-color:var(--cyan)}
.n2-system-node small{color:var(--text-2)}.n2-route-label,.n2-trust{color:var(--text-2);border-color:var(--border)}
#n2-error:not(:empty){background:var(--red-dim);color:var(--red);border-color:var(--red)}
.report-status.issue{color:var(--amber)}
dialog{background:var(--bg-panel);color:var(--text-1);border-color:var(--border);box-shadow:0 24px 80px #0008}
.company-dialog{--id-bg:var(--bg-void);--id-panel:var(--bg-panel);--id-raised:var(--bg-raised);--id-line:var(--border);--id-text:var(--text-1);--id-muted:var(--text-2);--id-accent:#126e67;--id-danger:var(--red);--id-ok:var(--cyan)}
dialog::backdrop{background:#111519c9}
.manual-table th,.manual-table td,.manual-document{border-color:var(--border-soft)}.manual-table thead th{color:var(--text-2)}
:focus-visible,.home-area:focus-visible,.ask-newton:focus-visible,.app-header a:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
/* Navigation wraps as whole labels instead of squeezing words into narrow columns. */
.field-nav{gap:8px;flex-wrap:wrap}.field-nav a{flex:0 1 auto;min-width:96px;padding:12px 16px}
@media(max-width:760px){.field-nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:8px}.field-nav a{min-width:0;font-size:14px;padding:12px 8px}body{padding-bottom:0}.section-tools a,.section-tool-single,.hub-card{padding:16px}.newton-home{padding:32px 16px 48px}.ask-newton{padding:24px 16px}.ask-newton span{letter-spacing:-.5px;font-size:30px}}
@media(max-width:600px){.metric{flex:1 1 160px;min-width:0}.metric strong{overflow-wrap:normal;white-space:normal;font-size:22px}.metric-row{gap:12px}}
@media(max-width:360px){.field-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ask-newton span{font-size:26px}.ask-newton{gap:12px}}
@media print{
 :root{--bg-void:#fff;--bg-panel:#fff;--bg-raised:#fff;--border:#bbb;--border-soft:#ddd;--text-1:#111;--text-2:#333;--text-3:#444;--cyan:#125a54;--cyan-dim:#fff;--amber:#754100;--amber-dim:#fff;--red:#8c2525}
 html,body,.panel,.n2-card,dialog,.machine-card,.newton-bubble,.category-card,.history-card,.diag-card,.section-hub,.group-intro{background:#fff!important;color:#111!important;box-shadow:none}
 .app-header h1,.app-header__eyebrow,.app-header__sub{color:#111}.field-nav{display:none}
}

/* Clear task hierarchy: one workspace, one selected view, one next step. */
.task-workspace{display:grid;gap:28px}
.task-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:8px 0 4px}
.task-intro h2{font-size:clamp(24px,3vw,32px);max-width:700px;margin:0 0 12px}
.task-intro p{max-width:640px;color:var(--text-2);font-size:17px;line-height:1.65}
.task-intro>.btn{width:auto;flex-shrink:0;margin:0;padding:14px 24px}
.task-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.task-summary button{display:flex;align-items:center;gap:18px;text-align:left;padding:20px 24px;border:1px solid var(--border-soft);border-radius:12px;background:var(--bg-panel);color:var(--text-1)}
.task-summary strong{font-size:32px;color:var(--cyan);line-height:1.2}.task-summary span{color:var(--text-2);line-height:1.4}
.task-summary button:hover{border-color:var(--cyan)}
.task-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border);padding-bottom:16px}
.task-tabs button,.task-steps button{background:var(--bg-panel);color:var(--text-2);border:1px solid var(--border-soft);border-radius:8px;padding:12px 18px;min-height:48px;line-height:1.4;white-space:normal;overflow-wrap:normal}
.task-tabs button.is-current,.task-steps button.is-current{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-dim);font-weight:700}
.task-view{display:grid;gap:24px;min-width:0}
.task-view-heading{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}
.task-view-heading>div{margin-right:auto}.task-view-heading h2{font-size:26px;margin:0 0 8px}.task-view-heading p{color:var(--text-2)}
.task-view-heading>a{color:var(--cyan);font-size:15px;min-height:44px;align-content:center;text-underline-offset:5px}
.task-view>.panel,.task-view>.report-row{margin:0;padding:28px}.task-view>.report-row{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:12px}
.task-workspace .btn-row{gap:12px;margin-top:20px}.task-workspace .btn-row>.btn{width:auto;flex:0 1 auto;margin:0;padding:14px 22px}
.task-workspace .workspace-top{align-items:center;gap:24px}.task-workspace .workspace-top h2{margin-bottom:8px}
.task-workspace .log-field{margin-top:20px}.task-workspace .log-field input,.task-workspace .log-field select{margin-top:8px}
.task-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.task-choice{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:28px;min-height:230px;border:1px solid var(--border);border-radius:12px;background:var(--bg-panel);color:var(--text-1);text-decoration:none;min-width:0}
.task-choice h3{font-size:23px;margin:0;line-height:1.3}.task-choice p{color:var(--text-2);line-height:1.65}.task-choice span{color:var(--cyan);font-weight:600;margin-top:auto;padding-top:12px}
.task-choice:hover{border-color:var(--cyan);background:var(--bg-raised)}
.task-secondary{margin-top:8px;padding:28px}.task-secondary h3{font-size:22px;margin:0 0 12px}.task-search{padding:28px;margin:0}.task-search .log-field{margin:0;font-size:17px;font-weight:600}
.task-search-results{display:grid;gap:12px;margin-top:20px}.task-search-results a{display:flex;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text-1);background:var(--bg-raised)}
.task-search-results span{color:var(--cyan);font-size:14px;flex-shrink:0}.task-workspace .module-grid{gap:24px}.task-workspace .module-tile{padding:28px;min-height:210px}
.task-order h2{font-size:26px;margin:0 0 20px}.task-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.task-step h3{font-size:23px;margin-bottom:16px}.task-step p{line-height:1.65;color:var(--text-2)}
dialog:has(.task-order){width:min(860px,calc(100vw - 32px));padding:28px}
.task-action-list{display:grid;gap:14px;margin-top:24px}.task-action-list .btn{margin:0;padding:16px 20px;text-align:left}
.task-step .btn-row{gap:12px;margin-top:24px}.task-step .btn{white-space:normal;line-height:1.4}
.task-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px 0;margin:20px 0;border-block:1px solid var(--border-soft)}
.task-facts dt{color:var(--text-3);font-size:13px;margin-bottom:8px}.task-facts dd{margin:0;color:var(--text-1);overflow-wrap:break-word}
.task-requirements{padding-left:24px;display:grid;gap:16px;margin:24px 0}.task-ready{padding:16px;background:var(--cyan-dim);border-left:3px solid var(--cyan)}
.task-complaint{font-size:18px}.task-order details{margin:20px 0}.task-order summary{min-height:44px;cursor:pointer}.task-order li{margin:12px 0;line-height:1.6}
@media(max-width:900px){.task-choice-grid{grid-template-columns:1fr}.task-choice{min-height:0}.task-summary button{padding:18px;gap:12px}.task-summary span{font-size:14px}}
@media(max-width:600px){.task-workspace{gap:24px}.task-intro{flex-direction:column;gap:20px}.task-intro>.btn{width:100%}.task-summary{grid-template-columns:1fr;gap:10px}.task-summary button{padding:16px 20px}.task-summary strong{font-size:28px}.task-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.task-tabs button{padding:12px;min-width:0}.task-view>.panel,.task-view>.report-row,.task-secondary,.task-search,.task-choice{padding:20px}.task-workspace .btn-row>.btn{width:100%;flex:1 1 100%}.task-search-results a{flex-direction:column}.task-search-results span{flex-shrink:1}.task-facts{grid-template-columns:1fr;gap:16px}.task-steps{display:grid;grid-template-columns:1fr 1fr}.task-steps button{padding:12px;min-width:0}.task-order h2{font-size:23px}dialog:has(.task-order){padding:20px;width:calc(100vw - 24px)}}

.task-intro{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:12px;padding:24px}.task-intro h2{font-size:24px}.task-summary strong{font-size:28px}.task-workspace .group-intro{margin:0}.task-workspace>.module-grid{margin:0}

.n2-history-transcript{display:grid;gap:20px;margin-top:24px}.n2-history-message{white-space:pre-wrap;line-height:1.7}.n2-chat-history>.n2-card{margin-top:20px;padding:24px}