:root{--ink: #202932;--muted: #485563;--line: #c7d0d9;--primary: #365f8c;--primary-container: #e3ebf4;--amber: #895600;--red: #b3261e}body{min-width:360px}button{font:inherit}button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.top{background:#202d3b;color:#fff;border-bottom:1px solid #47586a}.top-inner{max-width:1680px;margin:auto;padding:13px clamp(24px,3.1vw,56px);display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:#dce7f3;color:#294e77;flex-shrink:0}.brand strong{font-size:19px;letter-spacing:-.025em}.brand strong span{color:#d4e2f1}.brand small{display:block;font-size:12px;color:#d0d9e3}.demo{display:flex;align-items:center;gap:7px;border:1px solid #738396;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;color:#edf2f7}.demo i,.local-dot{width:7px;height:7px;border-radius:50%;background:#b6cde6;display:inline-block;flex-shrink:0}main{max-width:1680px;margin:auto;padding:31px clamp(24px,3.1vw,56px) 20px}.page-heading,.test-actions,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-heading{margin-bottom:25px}.test-actions{flex-wrap:wrap;justify-content:flex-end}.test-actions button{white-space:nowrap}h1,h2,h3,p{margin:0}h1{color:var(--ink);font-size:clamp(30px,3vw,43px);font-weight:740;letter-spacing:-.04em;line-height:1.15}.page-heading p{margin-top:8px;color:var(--muted)}.board{display:grid;grid-template-columns:minmax(365px,.87fr) minmax(560px,1.4fr);align-items:start;gap:20px}.panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-header{display:flex;align-items:center;gap:10px;padding:17px 18px 14px}.panel-header h2{color:var(--ink);font-size:20px;font-weight:700;letter-spacing:-.02em}.panel-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--primary-container);color:var(--primary)}.panel-icon.neutral{background:#edf0f3;color:#475b70}.header-count{margin-left:auto;border:1px solid #b6c7da;border-radius:7px;background:var(--primary-container);color:#294e77;min-width:32px;padding:3px 8px;text-align:center;font-weight:750;font-variant-numeric:tabular-nums}.header-count.neutral{background:#edf0f3;color:#344454;border-color:var(--line)}.phase-row,.filters{display:flex;gap:5px;flex-wrap:wrap}.phase-row{margin:0 14px 13px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#edf0f3}.phase-row button,.filters button{cursor:pointer;color:#3d4d5d;border:1px solid transparent;border-radius:6px;background:transparent;padding:7px 9px;font-size:13px;font-weight:650}.phase-row button{flex:1;white-space:nowrap}.phase-row button[aria-pressed=true]{background:#fff;color:#294e77;border-color:#a7bbd2}.phase-row button:hover,.filters button:hover{background:#e3ebf4}.phase-row span,.filters span{margin-left:4px;font-weight:750;font-variant-numeric:tabular-nums}.filters button{border-color:#b8c4d0;border-radius:8px;background:#fff}.filters button[aria-pressed=true]{background:#dce7f3;border-color:#8fa9c6;color:#294e77}.reminder-list{padding:0 14px 14px;display:grid;gap:8px}.reminder{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:start;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.kind-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:7px;background:var(--primary-container);color:var(--primary)}.kind-label{font-size:12px;font-weight:700;color:#365f8c}.kind-late .kind-icon{background:#fbe9e7;color:var(--red)}.kind-late .kind-label{color:var(--red)}.kind-soon .kind-icon{background:#fff0d1;color:var(--amber)}.kind-soon .kind-label{color:var(--amber)}.reminder-title{font-size:14px;font-weight:700;line-height:1.3;margin:2px 0 4px;overflow-wrap:anywhere}.reminder-meta,.row-id,.muted{font-size:12px;color:var(--muted)}.reminder-meta span{margin:0 2px}.reminder-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:132px}.reminder-actions button{width:32px;height:34px;color:#3c526a}.reminder-actions button:hover{background:var(--primary-container)}.five-s{display:inline-block;background:#edf0f3;color:#465564;border:1px solid #bdc8d3;border-radius:4px;padding:0 5px;font-size:11px;font-weight:700;margin-left:4px;vertical-align:middle}.request-controls{padding:0 18px 14px}.search-row{display:flex;gap:10px;margin-bottom:12px}.workplace-filter{min-width:202px!important}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}th,td{text-align:left;padding:10px;border-top:1px solid #d8dfe6}th:first-child,td:first-child{padding-left:18px}th:last-child,td:last-child{padding-right:18px}th{background:#edf1f5;color:#344454;font-size:12px;font-weight:700;letter-spacing:.015em;white-space:nowrap;border-top-color:var(--line);border-bottom:1px solid var(--line)}td:nth-child(3),td:last-child{white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover,tbody tr:focus-within{background:#f0f5fa}.item-link{border:0;background:none;color:var(--ink);font-weight:700;padding:0;text-align:left;cursor:pointer;line-height:1.3}.item-link:hover{color:var(--primary);text-decoration:underline}.row-id{margin-top:4px;overflow-wrap:anywhere}.deadline{font-variant-numeric:tabular-nums}.deadline.late,.deadline.soon{font-weight:700}.deadline.late{color:var(--red)}.deadline.soon{color:var(--amber)}.status{display:inline-block;padding:3px 7px;border:1px solid #c3cdd7;border-radius:5px;font-size:12px;font-weight:650;background:#edf0f3;color:#3c4c5c}.status-new{background:#e3ecf7;border-color:#b5c9df;color:#2b527e}.status-accepted{background:#edf2f8;border-color:#c0cddd;color:#385775}.status-working{background:#e7edf4;border-color:#b5c6d8;color:#2d4d6f}.status-done,.status-cancelled{background:#f0f2f4;color:#4a5663}.empty{text-align:center;color:var(--muted);padding:26px 12px;font-size:14px;line-height:1.5}.empty p{margin-top:6px}footer{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:17px}.local-dot{background:#5a7695}.request-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.eyebrow{font-size:12px;color:var(--primary);font-weight:700}.description{margin-bottom:9px}.request-photo{max-width:100%;max-height:230px;border-radius:8px;object-fit:contain}.details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 18px;background:#f0f3f6;border:1px solid #d3dce5;padding:13px;border-radius:8px}.details dt,.note time{color:var(--muted);font-size:12px}.details dd{margin:2px 0 0;font-weight:650;overflow-wrap:anywhere}.detail-section{margin-top:20px}.detail-section h3{font-size:16px;margin-bottom:5px}.note{padding:8px 0;overflow-wrap:anywhere;border-bottom:1px solid #dde3e9}.note p{white-space:pre-wrap}.note-form,.quick-times{display:flex;align-items:center;gap:8px;margin-top:9px}.note-form button{white-space:nowrap}.detail-reminder{margin-top:7px}.quick-times{flex-wrap:wrap}@media(max-width:1050px){.board{grid-template-columns:minmax(0,1fr)}.reminder-actions{max-width:none}.page-heading{align-items:flex-start}}@media(max-width:640px){.top-inner{padding:12px 16px;flex-wrap:wrap}main{padding:24px 16px 18px}.page-heading{flex-wrap:wrap}.search-row{flex-direction:column}.reminder-actions{max-width:70px}.phase-row button{white-space:normal}.note-form,.section-heading{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
