:root{--color-app-bg: #f5f7fb;--color-border: #dbe4ef;--color-border-strong: #cbd5e1;--color-danger: #ef4444;--color-danger-soft: #fee2e2;--color-muted: #64748b;--color-panel-soft: #f8fafc;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-soft: #dbeafe;--color-purple: #a855f7;--color-purple-soft: #f3e8ff;--color-sidebar: #0f1b2d;--color-sidebar-hover: #1b2b45;--color-success: #22c55e;--color-success-soft: #dcfce7;--color-text: #0f172a;--color-warning: #f59e0b;--color-warning-soft: #fef3c7;background:var(--color-app-bg);color:var(--color-text);font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--color-app-bg);margin:0}button,input,select,textarea{font:inherit}.login-shell{align-items:center;background:linear-gradient(90deg,#0f1b2df0,#0f1b2dd1 26%,#0f1b2dd1 74%,#0f1b2df0),linear-gradient(135deg,var(--color-sidebar) 0%,#183a68 52%,var(--color-sidebar) 100%);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#1b2b45d1;border:1px solid rgba(219,228,239,.18);border-radius:8px;box-shadow:0 26px 70px #00000057;color:#fff;display:block;max-width:560px;overflow:hidden;padding:40px 50px 34px;width:min(100%,560px)}.login-card-loading{max-width:500px}.login-brand-panel{align-items:center;background:transparent;display:grid;gap:12px;justify-items:center;min-height:0;padding:0;text-align:center}.login-brand-mark{align-items:center;background:linear-gradient(135deg,#facc15,var(--color-warning));border-radius:18px;box-shadow:0 14px 28px #f59e0b42;color:var(--color-text);display:inline-flex;height:80px;justify-content:center;width:80px}.login-brand-panel h1{color:#fff;font-size:36px;line-height:1.2;margin:0}.login-brand-panel p{color:#c7d2fe;font-size:16px;margin:0}.login-panel{display:grid;min-height:0;padding:38px 0 0;width:100%}.eyebrow{color:#1f5f99;font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 8px}h1,h2,h3,p{letter-spacing:0}h1{font-size:36px;line-height:1.2;margin:0 0 24px}h2{font-size:28px;margin:0}h3{font-size:18px;margin:0 0 16px}.login-form{display:grid;gap:24px;margin-top:0}.login-form label{color:#e2e8f0;display:grid;font-size:14px;gap:8px}.login-form input{background:#0f1b2dc7;border:1px solid rgba(203,213,225,.18);border-radius:8px;color:#fff;min-height:58px;padding:12px 16px}.login-form input::placeholder{color:#e2e8f085}.login-form input:focus{border-color:#facc15c7;box-shadow:0 0 0 3px #facc1524;outline:none}.login-form .primary-button{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 16px 30px #2563eb57;color:#fff;font-size:18px;min-height:64px;width:100%}.login-form .primary-button:hover:not(:disabled){background:linear-gradient(135deg,#3b82f6,var(--color-primary))}.login-security-note{align-items:start;border-top:1px solid rgba(219,228,239,.18);color:#e2e8f0c2;display:grid;gap:8px;justify-items:center;margin-top:40px;padding-top:26px;text-align:center}.login-security-note p{font-size:13px;line-height:1.7;margin:0}.form-error{color:#b42318;font-size:14px;margin:0}.field-error{color:#b42318;font-size:12px;line-height:1.4;margin:-2px 0 0}.error-message{align-items:flex-start;background:#fdecec;border:1px solid #f3b8b3;border-radius:8px;color:#9f1f15;display:flex;font-size:14px;gap:8px;margin:0;padding:10px 12px}.error-message span{overflow-wrap:anywhere}.content-area,.page-stack,.section-heading,.summary-card,.permission-panel,.search-panel,.detail-panel,.case-form,.form-section,.detail-summary div,.mobile-data-card,.confirm-dialog{min-width:0}.section-heading h2,.summary-card strong,.detail-field dd,.note-body,.attachment-draft-list span,.row-actions,.dialog-body p{overflow-wrap:anywhere}.empty-state{background:#fff;border:1px dashed #b8c6d4;border-radius:8px;display:grid;gap:8px;padding:18px}.empty-state strong{color:var(--color-text)}.empty-state p{color:var(--color-muted);margin:0}.empty-state-action{margin-top:4px}.primary-button,.secondary-button,.danger-button,.icon-button{align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:center}.primary-button{background:var(--color-primary);border-radius:8px;color:#fff;gap:8px;min-height:44px;padding:10px 16px}.secondary-button,.danger-button{border-radius:8px;gap:8px;min-height:38px;padding:8px 12px}.secondary-button{background:#eef5ff;color:#1e3a8a}.danger-button{background:#dc2626;color:#fff}.primary-button:hover:not(:disabled){background:var(--color-primary-dark)}.secondary-button:hover:not(:disabled),.icon-button:hover:not(:disabled){background:var(--color-primary-soft);color:#1e40af}.danger-button:hover:not(:disabled){background:#b91c1c}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.65}.button-loading-dot{animation:button-loading-pulse 1s ease-in-out infinite;background:currentColor;border-radius:50%;display:inline-flex;height:8px;width:8px}@keyframes button-loading-pulse{0%,to{opacity:.35}50%{opacity:1}}.compact-button,.fit-button{width:fit-content}.app-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.skip-link{background:#fff;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);left:12px;padding:8px 12px;position:fixed;top:12px;transform:translateY(-140%);transition:transform .16s ease;z-index:40}.skip-link:focus{transform:translateY(0)}.sidebar{background:var(--color-sidebar);color:#fff;padding:24px}.sidebar-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:32px}.brand{align-items:center;display:flex;gap:12px;min-width:0}.brand-mark{align-items:center;background:linear-gradient(135deg,#facc15,#f59e0b);border-radius:8px;color:var(--color-text);display:inline-flex;font-size:13px;font-weight:800;height:40px;justify-content:center;width:40px}.brand p,.brand strong{display:block;margin:0}.brand p{color:#cbd5e1;font-size:12px}.brand strong{font-size:15px}.nav-list{display:grid;gap:6px}.nav-link{align-items:center;border-radius:8px;color:#dbe8f5;display:flex;gap:10px;min-height:40px;padding:10px 12px;text-decoration:none}.nav-link:hover{background:var(--color-sidebar-hover)}.nav-link[aria-current=page]{background:var(--color-primary);box-shadow:0 8px 18px #2563eb42;color:#fff}.layout-scrim,.mobile-nav-button,.sidebar-close-button{display:none}.content-shell{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0}.topbar{align-items:center;background:#fff;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;min-height:88px;padding:18px 28px}.topbar h1{font-size:24px;margin:0}.topbar-title-row{align-items:center;display:flex;gap:12px;min-width:0}.topbar-actions{align-items:center;display:flex;gap:10px}.role-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;display:inline-flex;font-size:13px;gap:6px;min-height:36px;padding:8px 10px}.icon-button{background:#eef5ff;border-radius:8px;color:#1e3a8a;height:36px;width:36px}.content-area{padding:28px}.dashboard{display:grid;gap:24px}.page-stack{display:grid;gap:18px}.page-title-row,.panel-title-row,.toolbar-actions,.table-tools,.pagination,.form-actions,.dialog-actions,.row-actions{align-items:center;display:flex;gap:10px}.page-title-row,.panel-title-row,.table-tools{justify-content:space-between}.toolbar-actions,.panel-title-row,.form-actions,.row-actions{flex-wrap:wrap}.muted-text{color:var(--color-muted);margin:0}.section-heading{display:grid;gap:4px}.summary-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card,.permission-panel,.search-panel,.detail-panel,.case-form fieldset,.confirm-dialog{background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0f172a0d;padding:18px}.summary-card{display:grid;gap:8px;min-height:112px}.dashboard-metric-card{align-content:start;background:linear-gradient(180deg,#ffffff 0%,var(--metric-soft, #ffffff) 180%);border-top:3px solid var(--metric-color, var(--color-primary))}.dashboard-metric-card-blue{--metric-color: var(--color-primary);--metric-soft: var(--color-primary-soft)}.dashboard-metric-card-green{--metric-color: var(--color-success);--metric-soft: var(--color-success-soft)}.dashboard-metric-card-purple{--metric-color: var(--color-purple);--metric-soft: var(--color-purple-soft)}.dashboard-metric-card-red{--metric-color: var(--color-danger);--metric-soft: var(--color-danger-soft)}.summary-card-heading,.dashboard-followup-grid span{align-items:center;display:flex;gap:8px}.summary-card-heading svg,.dashboard-followup-grid svg{color:var(--color-primary);flex:0 0 auto}.dashboard-metric-card .summary-card-heading svg{background:var(--metric-color, var(--color-primary));border-radius:50%;box-sizing:content-box;color:#fff;padding:10px}.summary-card-muted{--metric-color: #94a3b8;--metric-soft: var(--color-panel-soft);background:var(--color-panel-soft)}.summary-card small{color:var(--color-muted);font-size:13px}.summary-card span{color:var(--color-muted);font-size:14px}.summary-card strong{font-size:20px}.dashboard-followup-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-followup-grid span{background:var(--color-panel-soft);border:1px solid var(--color-border);border-left:3px solid var(--followup-color, var(--color-warning));border-radius:8px;color:var(--color-text);min-height:52px;padding:12px}.dashboard-followup-grid span:nth-child(1){--followup-color: var(--color-primary)}.dashboard-followup-grid span:nth-child(2){--followup-color: var(--color-success)}.dashboard-followup-grid span:nth-child(3){--followup-color: var(--color-danger)}.compact-heading h3{margin:0}.dashboard-recent-table .data-table{min-width:760px}.permission-list{display:flex;flex-wrap:wrap;gap:8px}.permission-list span{background:#eef5ff;border-radius:8px;color:#1e3a8a;font-size:13px;padding:6px 8px}.permission-list p{color:var(--color-muted);margin:0}.search-panel{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(140px,1fr))}.new-case-search-panel,.developed-site-search-panel{background:linear-gradient(180deg,#fff,#f8fbff);border-color:#cddbeb;grid-template-columns:1fr}.search-panel-header,.search-panel-footer{align-items:flex-start;display:flex;gap:12px;grid-column:1 / -1;justify-content:space-between}.search-panel-header strong{color:var(--color-text);display:block;font-size:17px;margin-bottom:4px}.search-panel-header p,.search-panel-footer p{color:var(--color-muted);font-size:13px;margin:0}.search-panel-footer{align-items:center;border-top:1px solid var(--color-border);padding-top:12px}.search-section{background:#eff6ff9e;border:1px solid #dbe8f7;border-radius:8px;display:grid;gap:12px;grid-column:1 / -1;padding:14px}.search-section-title{color:#155e75;font-size:13px;font-weight:700}.search-range-grid,.search-input-grid{display:grid;gap:12px}.search-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-input-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.developed-site-search-panel .search-input-grid{grid-template-columns:repeat(5,minmax(150px,1fr))}.search-range-field{border:0;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;min-width:0;padding:0}.search-range-field legend{color:#0f172a;font-size:13px;font-weight:700;grid-column:1 / -1;padding:0}.mobile-search-toolbar{display:none}.filter-count{align-items:center;background:#fff;border-radius:8px;color:var(--color-primary);display:inline-flex;font-size:12px;font-weight:700;justify-content:center;min-height:22px;min-width:22px;padding:2px 6px}.search-panel label,.case-form label{color:#334155;display:grid;font-size:13px;gap:6px}.case-form .checkbox-field{align-items:center;display:flex;gap:10px;min-height:40px}.search-panel input,.search-panel select,.case-form input,.case-form select,.case-form textarea{background:#fff;border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-text);min-height:40px;padding:9px 10px;width:100%}.case-form .checkbox-field input[type=checkbox]{min-height:18px;width:18px}.case-form input[aria-invalid=true],.case-form select[aria-invalid=true],.case-form textarea[aria-invalid=true]{background:#fff7f7;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.case-form input:disabled,.case-form select:disabled{background:#eef2f7;color:var(--color-muted)}.search-panel input:focus,.search-panel select:focus,.case-form input:focus,.case-form select:focus,.case-form textarea:focus,.login-form input:focus,.attachment-upload-grid input:focus,.attachment-upload-grid select:focus,.attachment-create-panel input:focus,.attachment-create-panel select:focus,.note-editor textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f;outline:none}.search-panel input[aria-invalid=true],.search-panel select[aria-invalid=true]{background:#fff7f7;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.case-form textarea{min-height:96px;resize:vertical}.case-form .lease-note-field textarea{height:40px;min-height:40px;overflow-y:auto}.search-actions{align-self:end}.list-results-panel{background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 10px #0f172a0f;display:grid;gap:14px;padding:16px}.list-results-toolbar{background:linear-gradient(90deg,#f8fbff,#fff);border:1px solid #dbe8f7;border-radius:8px;padding:12px}.list-results-toolbar>div:first-child{display:grid;gap:3px}.list-results-toolbar strong{color:var(--color-text);font-size:16px}.list-results-toolbar span{color:var(--color-muted);font-size:13px}.data-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.result-table-wrap{border:1px solid var(--color-border);border-radius:8px}.data-table{background:#fff;border-collapse:collapse;min-width:1180px;width:100%}.audit-log-table{min-width:1120px}.data-table th,.data-table td{border-bottom:1px solid var(--color-border);font-size:13px;padding:12px;text-align:left;vertical-align:middle}.data-table th{background:#f1f5f9;color:#334155;font-weight:700}.result-table th{background:#eef5fb;border-bottom-color:#d5e2ef;color:#19324d;white-space:nowrap}.result-table tbody tr{transition:background-color .16s ease,box-shadow .16s ease}.result-table tbody tr:hover{background:#f8fbff}.result-table td{line-height:1.45}.developed-site-result-table{min-width:1040px}.new-case-result-table{min-width:1360px}.new-case-result-table th,.new-case-result-table td,.new-case-result-table .sensitive-value,.new-case-result-table .status-badge,.new-case-result-table .table-link-button,.new-case-result-table .table-primary-text{white-space:nowrap}.new-case-result-table .row-actions{flex-wrap:nowrap}.table-primary-text{color:var(--color-text);font-weight:700}.table-link-button{background:transparent;border:0;color:var(--color-primary);cursor:pointer;font:inherit;font-weight:700;padding:0;text-align:left}.table-link-button:hover,.table-link-button:focus{color:#1d4ed8;text-decoration:underline}.table-link-button:focus{outline:2px solid rgba(37,99,235,.28);outline-offset:3px}.status-badge,.sensitive-value,.status-badge-danger,.status-badge-neutral{border-radius:8px;display:inline-flex;font-size:12px;min-height:26px;padding:5px 8px}.status-badge{background:var(--color-success-soft);color:#166534}.sensitive-value{background:var(--color-warning-soft);color:#92400e}.status-badge-danger{background:var(--color-danger-soft);color:#991b1b}.status-badge-neutral{background:#eef2f7;color:#334155}.danger-icon{background:var(--color-danger-soft);color:#991b1b}.mobile-card-list{display:none;gap:12px}.mobile-data-card{background:#fff;border:1px solid var(--color-border);border-radius:8px;display:grid;gap:12px;padding:14px}.mobile-data-card strong,.mobile-data-card span{display:block}.mobile-data-card span{color:var(--color-muted);font-size:13px}.mobile-data-card dl,.detail-grid{display:grid;gap:10px;margin:0}.mobile-data-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-data-card dt,.detail-field dt{color:var(--color-muted);font-size:12px}.mobile-data-card dd,.detail-field dd{margin:0}.mobile-data-card dd{overflow-wrap:anywhere}.new-case-mobile-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.muted-block{color:var(--color-muted);display:block;font-size:12px;margin-top:4px;overflow-wrap:anywhere}.audit-log-search-panel{grid-template-columns:repeat(5,minmax(150px,1fr))}.voided-record-form{grid-template-columns:minmax(160px,220px) minmax(280px,1fr) auto}.voided-record-result{max-width:920px}.audit-log-summary{color:#334155;display:block;max-width:300px;overflow-wrap:anywhere}.audit-log-details{margin-top:8px}.audit-log-details summary{color:var(--color-primary);cursor:pointer;font-size:13px}.audit-log-payload-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.audit-log-payload-grid strong{display:block;font-size:12px;margin-bottom:4px}.audit-log-payload{background:var(--color-panel-soft);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:12px;margin:0;max-height:220px;overflow:auto;padding:10px;white-space:pre-wrap}.case-form{display:grid;gap:16px}.form-step-nav{display:flex;flex-wrap:wrap;gap:8px}.form-step-nav a{align-items:center;background:#eef5ff;border-radius:8px;color:#1e3a8a;display:inline-flex;font-size:13px;gap:6px;min-height:34px;padding:7px 10px;text-decoration:none}.form-step-nav span{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.form-progress-note{color:var(--color-muted);margin:0}.case-form fieldset{border-style:solid;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.form-section{background:#fff;border:1px solid var(--color-border);border-radius:8px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:18px}.case-form legend,.form-section legend{color:var(--color-text);font-size:16px;font-weight:700;padding:0 6px}.form-section-description{color:var(--color-muted);grid-column:1 / -1;margin:0}.financial-field-group{grid-column:1 / -1}.financial-field-group summary{color:var(--color-primary);cursor:pointer;font-size:13px;font-weight:700;margin-bottom:12px}.financial-field-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.wide-field{grid-column:span 2}.detail-summary{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.detail-summary div{background:#fff;border:1px solid var(--color-border);border-radius:8px;display:grid;gap:6px;min-height:86px;padding:14px}.detail-summary span{color:var(--color-muted);font-size:13px}.detail-summary strong{font-size:18px}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-field{border-bottom:1px solid #eef2f7;display:grid;gap:4px;min-height:54px;padding-bottom:10px}.attachment-panel{display:grid;gap:14px}.attachment-upload-grid{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(220px,2fr) auto}.attachment-upload-grid label,.attachment-upload-grid .attachment-file-input,.attachment-create-panel label{color:#334155;display:grid;font-size:13px;gap:6px}.attachment-upload-grid input,.attachment-upload-grid select,.attachment-create-panel input,.attachment-create-panel select{background:#fff;border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-text);min-height:40px;padding:9px 10px;width:100%}.visually-hidden-file-input{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.file-picker-row{align-items:center;background:#fff;border:1px solid var(--color-border-strong);border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);min-height:40px;padding:6px}.file-picker-button{min-height:34px;white-space:nowrap}.selected-file-name,.selected-file-placeholder{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-name{color:var(--color-text)}.selected-file-placeholder{color:var(--color-muted)}.attachment-draft-list{display:flex;flex-wrap:wrap;gap:8px}.attachment-draft-list span{align-items:center;background:#eef5ff;border-radius:8px;color:#1e3a8a;display:inline-flex;gap:6px;min-height:32px;padding:6px 8px}.attachment-create-panel{display:grid;gap:12px}.attachment-table{min-width:860px}.attachment-center-table{min-width:1040px}.selection-column{width:44px;text-align:center}.selection-column input,.mobile-attachment-selection input{width:18px;height:18px;accent-color:var(--color-primary)}.mobile-attachment-selection{display:flex;align-items:flex-start;gap:10px}.user-admin-grid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr)}.user-admin-list-panel{align-content:start;display:grid;gap:14px;grid-auto-rows:max-content}.user-admin-table{min-width:980px}.user-admin-form fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.user-admin-role-box,.user-admin-permission-panel{grid-column:1 / -1}.user-admin-role-box{display:grid;gap:10px}.role-checkbox-grid{border:1px solid var(--color-border);border-radius:8px;display:grid;gap:0;grid-template-columns:1fr;overflow:hidden}.role-checkbox-grid .checkbox-row{background:var(--color-panel-soft);border-bottom:1px solid var(--color-border);display:grid;gap:8px;grid-template-columns:18px minmax(0,1fr);line-height:1.35;min-height:0;padding:8px 10px}.role-checkbox-grid .checkbox-row:has(input[type=checkbox]:checked){background:#eff6ff;box-shadow:inset 3px 0 0 var(--color-primary)}.role-checkbox-grid .checkbox-row:last-child{border-bottom:0}.role-checkbox-grid[aria-invalid=true]{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.role-checkbox-grid input[type=checkbox]{height:18px;margin:2px 0 0;min-height:18px;padding:0;width:18px}.role-option-text{display:grid;gap:2px}.role-option-text strong{color:var(--color-text);font-size:14px}.role-option-text small{color:var(--color-muted);font-size:12px;line-height:1.4}.compact-permission-list span{align-items:center;display:inline-flex;gap:4px}.user-admin-permission-groups{display:grid;gap:10px}.user-admin-permission-groups details{background:var(--color-panel-soft);border:1px solid var(--color-border);border-radius:8px;padding:10px}.user-admin-permission-groups summary{align-items:center;color:var(--color-primary);cursor:pointer;display:flex;gap:6px;font-weight:700}.note-panel,.note-editor,.note-timeline{display:grid;gap:14px}.note-editor label{color:#334155;display:grid;font-size:13px;gap:6px}.note-editor textarea{background:#fff;border:1px solid var(--color-border-strong);border-radius:8px;color:var(--color-text);min-height:96px;padding:10px;resize:vertical;width:100%}.note-editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.checkbox-row{align-items:center;display:inline-flex;gap:8px}.note-item{border-left:3px solid var(--color-primary);display:grid;gap:8px;padding:4px 0 4px 12px}.note-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.note-body{margin:0;white-space:pre-wrap}.note-badge{background:var(--color-warning-soft);border-radius:8px;color:#92400e;display:inline-flex;font-size:12px;min-height:26px;padding:5px 8px}.dialog-backdrop{align-items:center;background:#0f172a75;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:18px;position:fixed;z-index:10}.confirm-dialog{max-width:420px;width:100%}.attachment-preview-dialog{background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 18px 42px #0f172a38;display:grid;gap:14px;max-height:calc(100vh - 36px);max-width:960px;min-width:0;padding:18px;width:min(100%,960px)}.attachment-preview-body{align-items:center;background:var(--color-panel-soft);border:1px solid var(--color-border);border-radius:8px;display:grid;justify-items:center;min-height:420px;overflow:auto}.attachment-preview-frame{border:0;height:min(72vh,720px);width:100%}.attachment-preview-image{display:block;max-height:min(72vh,720px);max-width:100%;object-fit:contain}.dialog-body p{margin:0 0 16px}.dialog-summary-list{margin:0 0 16px;max-height:180px;overflow:auto;padding-left:20px}.dialog-summary-list li{margin:4px 0;overflow-wrap:anywhere}.dialog-actions{justify-content:flex-end}@media(min-width:861px)and (max-width:1180px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.content-area{padding:22px}.search-panel,.audit-log-search-panel,.summary-grid,.user-admin-grid,.case-form fieldset,.form-section,.detail-summary,.detail-grid,.financial-field-grid,.attachment-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-case-search-panel,.developed-site-search-panel,.search-range-grid,.search-input-grid,.developed-site-search-panel .search-input-grid{grid-template-columns:1fr}.wide-field{grid-column:span 2}}@media(max-width:860px){.login-shell{padding:18px}.login-card{padding:30px 22px 26px}.login-brand-panel{padding:0}.login-brand-mark{border-radius:16px;height:64px;width:64px}.login-brand-panel h1{font-size:30px}.login-panel{padding-top:30px}.app-layout{display:block}.sidebar{bottom:0;box-shadow:12px 0 28px #17203347;left:0;max-width:320px;overflow-y:auto;padding:18px;position:fixed;top:0;transform:translate(-100%);transition:transform .18s ease;width:min(84vw,320px);z-index:30}.sidebar.sidebar-open{transform:translate(0)}.sidebar-header{margin-bottom:18px}.sidebar-close-button,.mobile-nav-button{display:inline-flex}.layout-scrim{background:#17203375;border:0;display:block;top:0;right:0;bottom:0;left:0;padding:0;position:fixed;z-index:20}.nav-list{display:grid;gap:8px;overflow:visible;padding-bottom:0}.nav-link{width:100%}.topbar{align-items:stretch;gap:12px;padding:18px;position:sticky;top:0;z-index:12}.topbar-title-row{width:100%}.topbar h1{font-size:22px}.topbar-actions{flex-wrap:wrap;justify-content:flex-start}.role-chip{max-width:100%;overflow-wrap:anywhere}.content-area{padding:18px}.mobile-search-toolbar{align-items:flex-start;display:grid;gap:8px}.mobile-filter-button{width:fit-content}.new-case-search-panel:not(.search-panel-open),.developed-site-search-panel:not(.search-panel-open),.project-company-search-panel:not(.search-panel-open){display:none}.new-case-search-panel.search-panel-open,.developed-site-search-panel.search-panel-open,.project-company-search-panel.search-panel-open{display:grid}.summary-grid,.dashboard-followup-grid{grid-template-columns:1fr}.page-title-row,.panel-title-row,.table-tools{align-items:flex-start;flex-direction:column}.search-panel,.audit-log-search-panel,.audit-log-payload-grid,.user-admin-grid,.user-admin-form fieldset,.role-checkbox-grid,.case-form fieldset,.form-section,.detail-summary,.detail-grid,.financial-field-grid,.attachment-upload-grid{grid-template-columns:1fr}.search-panel-header,.search-panel-footer{align-items:stretch;flex-direction:column}.search-range-grid,.search-input-grid,.developed-site-search-panel .search-input-grid,.search-range-field{grid-template-columns:1fr}.attachment-preview-dialog{max-height:calc(100vh - 24px);padding:14px}.attachment-preview-body{min-height:300px}.wide-field{grid-column:auto}.data-table-wrap{display:none}.mobile-card-list{display:grid}.primary-button,.secondary-button,.danger-button{max-width:100%}.row-actions{align-items:stretch;width:100%}.mobile-data-card .row-actions>button,.mobile-data-card .row-actions>.icon-button{flex:1 1 140px}.mobile-data-card .row-actions .icon-button{min-width:44px}.dialog-actions,.form-actions{width:100%}.dialog-actions>button,.form-actions>button{flex:1 1 140px}.form-step-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.form-step-nav a{flex:0 0 auto}}@media(max-width:520px){.new-case-mobile-card dl{grid-template-columns:1fr}.new-case-mobile-card .row-actions>button{flex-basis:100%}}