/* A quiet field notebook: familiar controls, softer surfaces, purposeful feedback. */
:root{--bg:#f4f3ef;--card:#fffefa;--ink:#183345;--muted:#64727a;--line:#dedfd9;--accent:#187d80;--accent-soft:#e9f3f0;--radius:16px}
body{font-size:16px;line-height:1.5}
body>header{background:var(--card);box-shadow:0 3px 18px #18334507}
.hd{gap:10px;padding-top:14px;padding-bottom:12px}
.hd h1{font-size:19px;letter-spacing:-.04em;color:var(--ink)}
.header-actions{display:flex;align-items:stretch;gap:8px}
.header-actions .btn{min-height:44px}
.header-actions .clear-survey{width:124px;height:44px;padding:5px 8px;font-size:12px;line-height:1.2;white-space:normal}
.project-context{display:block;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;margin-top:2px}
.viewtabs{gap:5px;padding-bottom:12px}
.viewtabs button{border-color:transparent;background:transparent;min-height:40px;border-radius:11px;font-size:13px}
.viewtabs button[aria-selected=true]{border-color:var(--line);box-shadow:0 2px 4px #18334508}
.card{box-shadow:0 3px 15px #18334504;margin:16px 0}
.btn,button{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}
.btn{border-radius:10px}
.btn.pri{box-shadow:0 2px 6px #187d801a}
button:active:not(:disabled):not(.phdel){transform:translateY(1px)}
/* Destructive arming feedback must be immediate and keep its hit target still. */
.phdel{transition:none}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
input,textarea,select{accent-color:var(--accent)}
textarea{line-height:1.6}
.personal-dialog{border-radius:20px;box-shadow:0 24px 80px #18334530}
dialog::backdrop{background:#102c3c70}
.room-context-pill{box-shadow:0 4px 14px #1833451c;font-weight:650;letter-spacing:0}
.handoff-changes{padding:0;list-style:none;max-height:260px;overflow:auto}
.handoff-changes li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.handoff-changes b{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.handoff-changes span{font-size:12px;color:var(--muted);white-space:nowrap}
.handoff-current{color:var(--ok);padding:12px;background:var(--ok-bg);border-radius:10px}
.personal-dialog h3{font-size:16px;margin-bottom:8px}
@media(prefers-color-scheme:dark){
  :root{--bg:#101b22;--card:#17262e;--ink:#e5efed;--muted:#a7b7ba;--line:#30424a;--accent:#77c7bf;--accent-soft:#203e40}
  .btn.pri{color:#102c30;background:#77c7bf;border-color:#77c7bf}
  .card{box-shadow:0 3px 15px #00000012}
  .room-context-pill{color:#102c30}
}
@media(max-width:480px){.hd{padding:10px 12px}.project-context{max-width:34vw}.hd h1{font-size:18px}.hd .btn{font-size:11px;padding:8px}.hd .update-check{white-space:normal;max-width:95px}.viewtabs{padding-bottom:8px}}
@media(max-width:480px){.header-actions{order:2;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.header-actions .btn{width:100%;min-width:0;max-width:none;height:44px;padding:5px}.header-actions .clear-survey{padding:2px 5px;line-height:1.1}.hd .corechip{order:1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}