:root{--bg:#f7faf8;--surface:#ffffff;--surface-strong:#eef8f3;--text:#17211d;--muted:#61706a;--border:#d9e4df;--teal:#0f766e;--teal-strong:#0b5f58;--green:#15803d;--yellow:#b7791f;--red:#b91c1c;--red-soft:#fff1f2;--shadow:0 14px 34px rgba(25,54,43,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding:max(16px,env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom))}.mobile-frame{width:min(100%,680px);margin:0 auto}.login-card{display:grid;width:min(100%,420px);grid-gap:14px;gap:14px;margin:8vh auto 0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:18px;box-shadow:var(--shadow)}.login-brand{margin-bottom:4px}.top-bar{justify-content:space-between;gap:12px;margin-bottom:12px}.brand,.top-bar{display:flex;align-items:center}.brand{gap:10px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:var(--teal);color:#fff;font-weight:700}.brand h1{margin:0;font-size:1.15rem;line-height:1.15}.brand p,.muted,.subtitle{margin:0;color:var(--muted);font-size:.86rem}.connectivity{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--teal-strong);padding:8px 10px;font-size:.82rem;white-space:nowrap}.connectivity-button{cursor:pointer}.connectivity svg{width:16px;height:16px}.role-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px;margin-bottom:12px}.role-button{min-height:46px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer;font-weight:700}.role-button.active{border-color:var(--teal);background:var(--surface-strong);color:var(--teal-strong)}.urgency-banner{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;border:1px solid #fecdd3;border-radius:8px;background:var(--red-soft);color:#7f1d1d;padding:12px;box-shadow:var(--shadow)}.urgency-banner.capacity-full{border-color:#fed7aa;background:#fff7ed;color:#7c2d12}.urgency-banner strong{display:block;font-size:.95rem}.urgency-banner span{color:#991b1b;font-size:.82rem}.countdown-pill{min-width:84px;border-radius:999px;background:#fff;padding:8px 10px;text-align:center;font-weight:700}.section{scroll-margin-top:86px;margin-bottom:18px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.section-header h2{margin:0;font-size:1rem}.alert-card,.case-card,.metric-card,.panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 8px 20px rgba(27,55,43,.06)}.panel{padding:14px}.step-indicator{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.progress-track{flex:1 1;height:8px;overflow:hidden;border-radius:999px;background:#e5eee9}.progress-fill{height:100%;width:25%;border-radius:inherit;background:var(--teal)}.progress-fill.wide{width:100%}.form-grid{display:grid;grid-gap:10px;gap:10px}.step-list{display:grid;grid-gap:12px;gap:12px}.form-section{display:grid;grid-gap:10px;gap:10px;border-top:1px solid var(--border);padding-top:12px}.form-section:first-child{border-top:0;padding-top:0}.field{display:grid;grid-gap:6px;gap:6px}.field label,.toggle-label{color:#314039;font-size:.82rem;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:46px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);padding:11px 12px}.field textarea{min-height:84px;resize:vertical}.vitals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.danger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:8px}.danger-option{display:flex;min-height:46px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:8px;font-size:.82rem}.summary-strip{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:12px 0}.capacity-strip{border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;color:var(--green);padding:10px;font-size:.88rem;font-weight:700}.capacity-strip.limited{border-color:#fde68a;background:#fffbeb;color:var(--yellow)}.capacity-strip.full{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.summary-item{border-radius:8px;background:var(--surface-strong);padding:10px}.summary-item b{display:block;font-size:1.25rem}.button-row{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:10px;gap:10px}.attachment-field{margin:10px 0}.attachment-field input[type=file]{padding:9px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer;padding:10px 12px;text-decoration:none}.btn-primary{border-color:var(--teal);background:var(--teal);color:#fff;font-weight:700}.btn-danger{border-color:var(--red);background:var(--red);color:#fff}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.filter-chip,.status-chip{border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--text);padding:8px 11px;white-space:nowrap}.filter-chip{cursor:pointer}.filter-chip.active{border-color:var(--teal);background:var(--surface-strong);color:var(--teal-strong);font-weight:700}.status-chip.red{border-color:#fecdd3;background:var(--red-soft);color:var(--red)}.status-chip.yellow{border-color:#fde68a;background:#fffbeb;color:var(--yellow)}.status-chip.green{border-color:#bbf7d0;background:#f0fdf4;color:var(--green)}.alert-list,.case-list,.metric-grid{display:grid;grid-gap:10px;gap:10px}.alert-card,.case-card,.metric-card{padding:12px}.case-detail{margin-top:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px;box-shadow:0 8px 20px rgba(27,55,43,.06)}.alert-card h3,.case-card h3,.case-detail h3,.case-detail h4,.metric-card h3{margin:0;font-size:.98rem}.case-detail h4{margin-top:12px}.case-detail-section{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.detail-item{min-width:0;border:1px solid var(--border);border-radius:8px;background:#fff;padding:9px}.detail-item.wide{grid-column:1/-1}.detail-item span{display:block;margin-bottom:3px;color:var(--muted);font-size:.74rem}.detail-item strong{display:block;overflow-wrap:anywhere;color:var(--ink);font-size:.86rem;line-height:1.3}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.alert-card.red{border-color:#fecdd3;background:linear-gradient(180deg,#fff,#fff5f6)}.alert-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:10px}.compact-actions{grid-template-columns:1fr}.handover-card{border:1px solid var(--border);border-radius:8px;background:#fff;padding:10px}.btn-compact{width:100%;min-height:42px;margin-top:10px;font-size:.88rem}.decision-note{display:grid;grid-gap:4px;gap:4px;border-radius:8px;background:var(--surface-strong);padding:10px}.decision-note strong{font-size:.82rem}.decision-note span{color:var(--muted);font-size:.86rem}.message-form,.mini-form{display:grid;grid-gap:10px;gap:10px;margin-top:12px}.admin-card,.compact-field{margin-top:10px}.timeline-list{display:grid;grid-gap:8px;gap:8px;margin:10px 0 0;padding:0;list-style:none}.timeline-list li{display:grid;grid-template-columns:58px 1fr;grid-gap:8px;gap:8px;align-items:start}.timeline-list time{color:var(--muted);font-size:.78rem}.timeline-list span{font-size:.86rem}.metric-card strong{display:block;margin-top:6px;font-size:1.6rem}.bottom-tabs{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;border-top:1px solid var(--border);background:rgba(255,255,255,.96);padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-tabs a{display:grid;min-height:54px;place-items:center;border-radius:8px;color:var(--muted);font-size:.76rem;text-decoration:none}.bottom-tabs a:first-child{background:var(--surface-strong);color:var(--teal-strong);font-weight:700}.bottom-tabs svg,.btn svg{width:18px;height:18px}@media (min-width:760px){.mobile-frame{width:min(100%,1120px)}.content-grid{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(360px,1.1fr);grid-gap:18px;gap:18px;align-items:start}.bottom-tabs{right:calc((100vw - min(100%, 1120px)) / 2 + 18px);bottom:18px;left:auto;width:420px;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}}