
:root{
  --sw-bg:var(--fb-bg,#101a2b);
  --sw-panel:var(--fb-panel,#1a2a3e);
  --sw-raised:var(--fb-raised,#22344b);
  --sw-line:var(--fb-edge,#41526a);
  --sw-text:var(--fb-ink,#f3f7fc);
  --sw-muted:var(--fb-dim,#adc1d1);
  --sw-accent:var(--fb-accent,#65bfd1);
  --sw-accent-ink:var(--fb-accent-ink,#08141d);
}
.sw-button{min-height:42px;padding:9px 14px;border-radius:11px;border:1px solid var(--sw-line);background:var(--sw-raised);color:var(--sw-text);cursor:pointer;font:inherit}
.sw-button:hover{filter:brightness(1.04)}
.sw-button:active{transform:translateY(1px)}
.sw-primary{background:var(--sw-accent);color:var(--sw-accent-ink);border-color:transparent;font-weight:700}
.sw-overlay{position:fixed;inset:0;z-index:9500;background:color-mix(in srgb,var(--sw-bg) 86%, black 14%);display:flex;align-items:stretch;justify-content:center;padding:0}
.sw-workspace{width:100%;height:100dvh;max-height:none;background:var(--sw-bg);color:var(--sw-text);border:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column}
.sw-header{padding:15px clamp(14px,4vw,50px);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--sw-line);background:color-mix(in srgb,var(--sw-panel) 94%, transparent)}
.sw-header h2{font-size:clamp(19px,2.6vw,27px);margin:0}
.sw-header small{display:block;margin-top:4px;color:var(--sw-muted)}
.sw-tabs{display:flex;gap:8px;padding:10px clamp(14px,4vw,50px);border-bottom:1px solid var(--sw-line);overflow:auto;background:color-mix(in srgb,var(--sw-panel) 94%, transparent)}
.sw-tabs button{flex:0 1 180px;white-space:nowrap}
.sw-tabs .active{background:var(--sw-accent);color:var(--sw-accent-ink);border-color:transparent}
.sw-body{overflow:auto;flex:1;width:100%;max-width:1050px;margin:0 auto;box-sizing:border-box;padding:18px clamp(14px,4vw,34px) 110px}
.sw-card{background:var(--sw-panel);border:1px solid var(--sw-line);border-radius:16px;margin-bottom:14px;padding:14px;box-shadow:0 3px 18px #00000014}
.sw-card h3{margin:0 0 10px;font-size:16px}
.sw-fact{display:grid;grid-template-columns:minmax(118px,31%) minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid var(--sw-line);font-size:14px;align-items:start}
.sw-fact:last-child{border-bottom:none}.sw-fact span:first-child{opacity:.75}.sw-fact strong{overflow-wrap:anywhere}
.sw-equip{width:100%;border-collapse:collapse}.sw-equip td{padding:10px 2px;border-bottom:1px solid var(--sw-line);font-size:13px;vertical-align:top}.sw-equip td:last-child{text-align:right;white-space:nowrap}.sw-equip td:nth-child(2){color:var(--sw-muted)}
.sw-editgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sw-field{display:flex;flex-direction:column;gap:5px;font-size:13px}.sw-field input,.sw-field textarea,.sw-field select,.sw-entrykind{min-height:42px;background:var(--sw-bg);border:1px solid var(--sw-line);border-radius:10px;color:var(--sw-text);padding:8px 10px;font:inherit;box-sizing:border-box;width:100%}.sw-field textarea{min-height:75px}
.sw-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:9px}.sw-brief-actions{justify-content:flex-end}
.sw-equip-row{display:grid;grid-template-columns:1fr 1fr 90px 95px auto;gap:8px;margin-bottom:8px}.sw-equip-row input,.sw-equip-row select{width:100%;min-width:0;box-sizing:border-box;background:var(--sw-bg);color:var(--sw-text);border:1px solid var(--sw-line);border-radius:10px;padding:10px}
.sw-entry{border-left:4px solid var(--sw-accent);padding:16px}
.sw-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.sw-entry-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline}
.sw-entry-label{font-size:15px}
.sw-entrytime{font-size:12px;color:var(--sw-muted)}
.sw-entry-actions{display:flex;gap:8px;flex:none}
.sw-entry-actions .sw-button{min-height:38px;padding:7px 12px;border-radius:10px}
.sw-content{line-height:1.6;overflow-wrap:anywhere}.sw-content ul,.sw-content ol{margin:7px 0;padding-left:23px}
.sw-editor{min-height:160px;max-height:50dvh;overflow:auto;background:var(--sw-bg);border:1px solid var(--sw-line);border-radius:14px;padding:12px;line-height:1.55;outline-offset:3px}.sw-editor:empty:before{content:'Type a quick observation…';opacity:.5}.sw-editor ul,.sw-editor ol{padding-left:25px}
.sw-editorbar{display:flex;gap:7px;margin:10px 0;flex-wrap:wrap}
.sw-hint,.sw-status{font-size:12px;color:var(--sw-muted)}
.sw-empty{padding:16px;color:var(--sw-muted);text-align:center}
.sw-segment{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.sw-segment button[aria-pressed=true]{background:var(--sw-accent);color:var(--sw-accent-ink);border-color:transparent}
.sw-check-head{display:flex;justify-content:space-between;gap:12px;margin:10px 0 20px}.sw-check-group{background:var(--sw-panel);border:1px solid var(--sw-line);border-radius:13px;margin:10px 0;padding:0 14px}.sw-check-group summary{cursor:pointer;font-weight:650;padding:16px 2px}.sw-check-row{display:flex;align-items:flex-start;gap:12px;padding:12px 2px;border-top:1px solid var(--sw-line);cursor:pointer}.sw-check-row input{width:20px;height:20px;flex:none;accent-color:var(--sw-accent)}
.sw-picker-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.sw-pick{display:block;text-align:left;background:var(--sw-panel);border:1px solid var(--sw-line);border-radius:16px;padding:14px;color:var(--sw-text);width:100%}
.sw-pick strong{display:block;font-size:16px;margin-bottom:4px}
.sw-pick small{display:block;color:var(--sw-muted);font-size:12px;line-height:1.45}
.sw-pick-title{font-size:14px;color:var(--sw-text);margin-top:6px}
.sw-pick-excerpt{margin-top:8px;color:var(--sw-muted);font-size:13px;line-height:1.45}
.sw-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.sw-sheet-title{margin:0}
.sw-sheet-subtitle{margin:4px 0 0;color:var(--sw-muted);font-size:13px}
@media (min-width:900px){.sw-body:has(.sw-check-group){max-width:900px}.sw-editgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.sw-body{padding:14px 12px 100px}.sw-header{padding:12px 14px}.sw-header h2{font-size:17px}.sw-tabs{padding:8px 12px}.sw-tabs button{flex:1;min-width:0}.sw-card{padding:12px}.sw-editgrid{grid-template-columns:1fr}.sw-fact{grid-template-columns:1fr;gap:4px}.sw-equip-row{grid-template-columns:1fr 1fr 72px auto}.sw-equip-row select{grid-column:1 / -1}.sw-entry-head{flex-direction:column;align-items:stretch}.sw-entry-actions{justify-content:flex-end}.sw-segment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sw-segment .sw-button{width:100%;padding-inline:10px}.sw-editorbar{position:sticky;top:0;z-index:3;padding:8px 0;background:color-mix(in srgb,var(--sw-panel) 92%, transparent)}.sw-editorbar .sw-button{flex:1 1 calc(50% - 4px);min-width:0}.sw-button{min-height:44px}.sw-list-head{flex-direction:column}.sw-picker-list{grid-template-columns:1fr}.sw-pick{padding:13px}}
/* v7.0.2: compact site-walk action rows, answers, and checklist notes */
.sw-segment{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.sw-segment .sw-button,.sw-editorbar .sw-button{min-width:0;min-height:38px;padding:7px 4px;font-size:12px;white-space:nowrap}
.sw-editorbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;position:static;padding:0;background:transparent}
.sw-entry-actions{gap:5px}
.sw-entry-actions .sw-button{font-size:12px;padding:5px 9px;min-height:32px}
.sw-entry-head{flex-direction:row;align-items:center}
.sw-inline-edit{display:grid;gap:8px;margin-top:12px}
.sw-inline-edit textarea,.sw-inline-edit select,.sw-check-note textarea{box-sizing:border-box;width:100%;min-height:70px;background:var(--sw-bg);color:var(--sw-text);border:1px solid var(--sw-line);border-radius:10px;padding:10px;font:inherit}
.sw-inline-edit select{min-height:42px}
.sw-inline-actions{display:flex;flex-wrap:wrap;gap:8px}
.sw-answer{margin-top:12px;padding-top:10px;border-top:1px solid var(--sw-line)}
.sw-answer>.sw-button{min-height:32px;padding:5px 10px;font-size:12px}
.sw-answer-text,.sw-check-note-text{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--sw-text)}
.sw-check-note{padding:2px 0 12px 32px}
.sw-check-note>.sw-button{min-height:30px;padding:4px 10px;font-size:12px}
@media(max-width:700px){.sw-segment{grid-template-columns:repeat(4,minmax(0,1fr))}.sw-editorbar{grid-template-columns:repeat(4,minmax(0,1fr));position:static;padding:0;background:transparent}.sw-editorbar .sw-button{flex:none}.sw-entry-head{align-items:flex-start}.sw-entry-actions .sw-button{font-size:11px;padding:5px 7px}.sw-entry-meta{gap:3px 7px}.sw-entrytime{font-size:10px}}

/* v7.0.3: The Fieldbook theme atmosphere belongs behind the Site Walk content. */
.sw-overlay { isolation:isolate; background:var(--sw-bg); }
.sw-overlay > #fb64-atmosphere {
  position:absolute !important; inset:0 !important; z-index:0 !important;
  pointer-events:none;
}
.sw-overlay > .sw-workspace {
  position:relative; z-index:1;
  background:transparent !important;
}
.sw-overlay .sw-header,.sw-overlay .sw-tabs {
  background:color-mix(in srgb,var(--sw-panel) 94%,transparent);
}
:root[data-studio-kind="rain"][data-motion="on"] .sw-overlay > #fb64-atmosphere,
:root[data-studio-kind="glow"][data-motion="on"] .sw-overlay > #fb64-atmosphere {
  opacity:1 !important;
}
:root[data-studio-kind="glow"][data-motion="on"] .sw-overlay > #fb64-atmosphere {
  background:
    radial-gradient(ellipse at 15% 20%,var(--fb-glow-1,#4cc8b533),transparent 55%),
    radial-gradient(ellipse at 85% 75%,var(--fb-glow-2,#7c66db33),transparent 58%);
  animation:fb64-aurora 18s ease-in-out infinite alternate;
}
:root[data-motion="off"] .sw-overlay > #fb64-atmosphere { opacity:0 !important;animation:none!important; }
@media(prefers-reduced-motion:reduce) {.sw-overlay > #fb64-atmosphere {animation:none!important}}

/* v7.1 configurable project brief */
.sw-template-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;align-items:center}
.sw-template-tools select{min-width:180px;max-width:100%;background:var(--sw-bg);color:var(--sw-text);border:1px solid var(--sw-line);border-radius:10px;padding:10px;min-height:42px}
.sw-custom-builder{display:grid;gap:12px;margin:12px 0}
.sw-builder-section{padding:12px;border:1px solid var(--sw-line);border-radius:12px;background:color-mix(in srgb,var(--sw-panel) 82%,transparent)}
.sw-builder-head{display:flex;gap:8px;margin-bottom:9px;align-items:center}
.sw-builder-head input{flex:1;min-width:0;font-weight:700}
.sw-builder-head input,.sw-builder-field input,.sw-builder-field textarea{background:var(--sw-bg);color:var(--sw-text);border:1px solid var(--sw-line);border-radius:9px;padding:10px;min-height:42px;font:inherit;box-sizing:border-box}
.sw-builder-field{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1.6fr) auto;align-items:start;gap:8px;margin-bottom:8px}
.sw-builder-field input,.sw-builder-field textarea{width:100%;min-width:0}
.sw-builder-field .sw-button{min-width:42px}
@media(max-width:700px){.sw-template-tools select{width:100%}.sw-template-tools .sw-button{flex:1 1 42%}.sw-builder-field{grid-template-columns:1fr auto}.sw-builder-field input{grid-column:1}.sw-builder-field textarea{grid-column:1}.sw-builder-field .sw-button{grid-column:2;grid-row:1 / span 2}.sw-builder-head .sw-button{white-space:nowrap;padding:7px 9px;font-size:12px}.sw-tabs{gap:5px}.sw-tabs .sw-button{font-size:12px;padding:8px 6px;flex:1 0 auto}.sw-tabs{overflow-x:auto}}

/* v7.2 guided Site Walk steps */
.sw-wizard-nav{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:var(--sw-bg);padding:14px 0 22px;z-index:2}
.sw-wizard-fields{display:grid;gap:6px;margin-top:14px}
.sw-wizard-answer{padding:9px 4px}
.sw-wizard-answer textarea{width:100%;min-height:44px}
.sw-wizard-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:14px}
.sw-wizard-check input{width:22px;height:22px;flex:none}
.sw-wizard-nav .sw-button{min-width:128px}
@media(max-width:650px){.sw-wizard-nav .sw-button{flex:1;min-width:0}.sw-wizard-fields .sw-check-group{margin:5px 0}}
