.case-hidden { display:none !important; }
#prelimView:has(#noticeModal.open) > :not(#noticeModal) { display:none; }
#prelimView #noticeModal { position:static; padding:0; background:none; backdrop-filter:none; }
#prelimView #noticeModal.open { display:block; }
#noticeModal .notice-entry-modal { display:grid; grid-template-columns:minmax(0,1fr) 276px; gap:18px; width:100%; max-width:none; max-height:none; overflow:visible; border:0; box-shadow:none; background:transparent; border-radius:0; }
#noticeModal .notice-entry-modal { animation:none; }
#noticeModal .case-editor-breadcrumb { grid-column:1 / -1; color:#6d8194; font-size:12px; padding:0 0 2px; }
#noticeModal .case-editor-breadcrumb span { margin:0 8px; color:#a4b2c0; }
#noticeModal .case-editor-breadcrumb strong { color:#24445e; }
#noticeModal .case-section[data-notice-step="identity"] .case-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#noticeModal .case-section[data-notice-step="identity"] .case-core-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
#noticeModal .case-core-fields .notice-field-title,
#noticeModal .case-core-fields .notice-field-client,
#noticeModal .case-core-fields .notice-field-sponsor,
#noticeModal .case-core-fields .notice-field-type { grid-column:auto; }
#noticeModal .notice-flow-nav button { flex:1 0 21%; }
#noticeModal .modal-header { align-items:flex-start; }
#noticeModal .modal-header h2 { font-size:28px; letter-spacing:-.04em; }
#noticeModal .case-editor-subtitle { margin:5px 0 0; color:#657b90; font-size:13px; }
.case-editor-actions { align-self:center; }
#noticeModal #noticeForm { gap:18px; padding:18px; background:transparent; border:0; }
#noticeModal .notice-flow-nav { display:grid; grid-template-columns:repeat(7,minmax(116px,1fr)); gap:0; padding:10px 6px; overflow-x:auto; border-radius:14px; background:#fff; box-shadow:0 4px 14px rgba(27,66,92,.06); }
#noticeModal .notice-flow-nav button { position:relative; display:grid; min-height:56px; gap:5px; padding:4px; color:#70859a; background:transparent; }
#noticeModal .notice-flow-nav button:not(:last-child)::after { content:''; position:absolute; right:-1px; top:17px; width:calc(50% - 15px); height:1px; background:#dce6ee; transform:translateX(50%); }
#noticeModal .notice-flow-nav b { z-index:1; width:24px; height:24px; margin:auto; color:#517088; background:#edf3f7; font-size:10px; }
#noticeModal .notice-flow-nav button.active { color:#123b58; font-weight:800; background:transparent; }
#noticeModal .notice-flow-nav button.active b { color:#fff; background:#008bc5; box-shadow:0 0 0 4px #e4f5fc; }
#noticeModal .notice-flow-nav span { overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
#noticeModal .notice-form-intro { padding:2px 5px 0; }
#noticeModal .notice-form-intro p { font-size:13px; }
#noticeModal .case-section[data-notice-step] { padding:21px; border-radius:14px; background:#fff; box-shadow:0 4px 14px rgba(27,66,92,.05); }
#noticeModal .case-section h3 { color:#153652; font-size:18px; }
#noticeModal .case-project-type-field { display:none !important; }
#noticeModal .case-template-field { display:none !important; }
#noticeModal .notice-field-code { display:none !important; }
#noticeModal .case-investment-type,#noticeModal .case-template-picker { display:grid; grid-template-columns:1fr; gap:13px; }
#noticeModal .case-template-continue { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:4px; color:#567287; font-size:12px; font-weight:700; }
#noticeModal .case-template-continue .primary-button { min-height:42px; }
#noticeModal #casePackages,#noticeModal #caseAddPackage { display:none; }
#noticeModal .case-investment-type h3,#noticeModal .case-template-picker h3 { margin:0; color:#153652; font-size:15px; }
#noticeModal .case-investment-type p,#noticeModal .case-template-picker p { margin:4px 0 0; color:#718498; font-size:12px; }
.case-type-options { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.case-type-options button,.case-template-options button { min-height:64px; padding:9px; border:1px solid #dce6ee; border-radius:10px; color:#536d84; background:#fbfdfe; cursor:pointer; font:inherit; font-size:11px; text-align:center; }
.case-type-options button::before { content:'+'; display:block; margin-bottom:5px; color:#1a8ab9; font-size:16px; font-weight:800; }
.case-type-options button.active,.case-template-options button.active { border-color:#1697c9; color:#0f6689; background:#ebf8fc; box-shadow:0 0 0 2px rgba(22,151,201,.12); font-weight:800; }
.case-type-hint { display:flex; align-items:center; width:fit-content; max-width:min(680px,100%); margin:0; padding:9px 12px; border:1px solid #e1e9f0; border-radius:10px; color:#586d81; background:#fafcfd; box-shadow:0 3px 10px rgba(21,54,82,.04); font-size:12px; line-height:1.45; }
.case-type-hint::before { display:grid; width:17px; height:17px; flex:0 0 17px; margin-right:8px; border:1px solid #aebdcc; border-radius:50%; color:#547089; content:'i'; font-size:11px; font-weight:800; line-height:1; place-items:center; }
.case-template-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.case-template-options button { display:grid; min-height:58px; place-content:center start; text-align:left; }
.case-template-options strong { font-size:12px; }
.case-template-options small { margin-top:4px; color:#7a8c9d; font-size:10px; }
#noticeModal .case-template-picker { margin-top:2px; }
#noticeModal .case-template-picker .template-preview-heading { display:block; margin:0; }
#noticeModal .case-template-picker .template-preview-heading h3 { font-size:16px; }
#noticeModal .case-template-picker .template-preview-heading span { display:block; margin-top:3px; color:#718498; font-size:12px; }
#noticeModal .case-template-picker .template-preview-rail { grid-template-columns:26px minmax(0,1fr) 26px; }
#noticeModal .case-template-picker .template-preview-card { flex:0 0 148px; min-width:148px; min-height:112px; border-radius:12px; }
#noticeModal .case-template-picker .template-preview-card.active { border-color:#168cc7; background:#eefaff; box-shadow:0 0 0 2px rgba(22,140,199,.15); }
.case-industry-profile { display:grid; grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr); gap:22px; align-items:center; padding:18px 20px; border:1px solid #dce7ef; border-radius:14px; background:linear-gradient(135deg,#fff 0%,#f2fbfd 100%); }
.case-industry-profile .section-kicker { margin:0 0 5px; font-size:10px; }
.case-industry-profile h3 { margin:0; font-size:16px; }
.case-industry-profile > div > span { display:block; margin-top:5px; color:#678096; font-size:12px; line-height:1.4; }
.case-industry-profile-fields { display:flex; flex-wrap:wrap; gap:8px; }
.case-industry-profile-fields span { padding:8px 10px; border-radius:999px; color:#22607e; background:#e4f6f8; font-size:11px; font-weight:700; }
.case-executive-summary { padding:0; overflow:hidden; border:1px solid #dfe9f0; border-radius:14px; background:#fff; }
.case-summary-tabs { display:flex; gap:22px; padding:12px 16px 10px; overflow-x:auto; border-bottom:1px solid #e8eff4; color:#698096; font-size:11px; white-space:nowrap; }
.case-summary-tabs b { position:relative; color:#087fca; }
.case-summary-tabs b::after { position:absolute; right:0; bottom:-11px; left:0; height:2px; background:#168cc7; content:""; }
.case-executive-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; padding:13px; }
.case-executive-metrics div { min-width:0; padding:12px; border:1px solid #e6edf3; border-radius:9px; background:#fbfdff; }
.case-executive-metrics small { display:block; min-height:26px; color:#718499; font-size:10px; line-height:1.25; }
.case-executive-metrics strong { display:block; margin-top:5px; overflow:hidden; color:#173c5b; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:900px) { .case-industry-profile { grid-template-columns:1fr; } .case-executive-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
#noticeModal .case-editor-aside { position:sticky; top:16px; gap:14px; }
#noticeModal .case-editor-aside .case-section { padding:18px; background:#fff; box-shadow:0 4px 14px rgba(27,66,92,.05); }
#noticeModal .case-editor-aside .case-section h3 { margin:0 0 11px; font-size:15px; }
#noticeModal .case-editor-aside .case-section p { font-size:12px; }
#noticeModal .case-editor-aside .case-summary { grid-template-columns:1fr 1fr; gap:11px; margin-top:16px; }
#noticeModal .case-editor-aside .case-summary div { padding:10px 0 0; border-top:1px solid #edf2f6; }
#noticeModal .case-editor-aside .case-summary strong { color:#153d58; font-size:12px; }
#noticeModal .form-actions { box-shadow:none; }
@media(max-width:1180px) { #noticeModal .notice-entry-modal { grid-template-columns:1fr; } #noticeModal .case-editor-aside { position:static; grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { #noticeModal .case-section[data-notice-step="identity"] .case-grid,.case-type-options,.case-template-options,#noticeModal .case-editor-aside { grid-template-columns:1fr; } #noticeModal .notice-flow-nav { grid-template-columns:repeat(8,95px); } #noticeModal .modal-header h2 { font-size:23px; } }
#noticeModal .modal-header { grid-column:1 / -1; position:static; padding:0 0 20px; background:transparent; flex-wrap:wrap; gap:16px; backdrop-filter:none; }
#noticeModal .modal-close { order:-1; }
.case-editor-actions { display:flex; gap:10px; margin-left:auto; }
#noticeModal #noticeForm { background:white; border:1px solid #dce6ee; border-radius:16px; padding:20px; align-self:start; min-width:0; }
#noticeModal .notice-flow-nav { position:static; grid-column:1 / -1; flex-wrap:wrap; background:#f5f9fc; padding:8px; }
#noticeModal .notice-flow-nav button { flex:1 0 100px; padding:9px; font-size:11px; }
#noticeModal .notice-form-intro { padding:0; }
#noticeModal .form-actions { position:static; margin:12px 0 0; padding:16px 0 0; background:white; }
.case-editor-aside { display:grid; gap:16px; align-self:start; }
.case-editor-aside .case-summary { grid-template-columns:1fr 1fr; padding:0; margin-top:20px; background:white; }
.case-editor-aside h3 { font-size:15px; }
#caseSideIdentity { font-size:12px; color:#60758a; }
#caseSideWorkflow { padding:0; margin:0; list-style:none; }
#caseSideWorkflow li { position:relative; padding:0 0 20px 25px; font-size:12px; color:#6b8094; }
#caseSideWorkflow li::before { content:''; position:absolute; left:2px; top:2px; width:10px; height:10px; border:2px solid #cbd9e5; border-radius:50%; background:white; }
#caseSideWorkflow li:not(:last-child)::after { content:''; position:absolute; left:8px; top:17px; width:1px; height:16px; background:#dce6ee; }
#caseSideWorkflow li.active { color:#007ab6; font-weight:700; }
#caseSideWorkflow li.active::before { background:#008ed8; border-color:#008ed8; box-shadow:0 0 0 3px #e2f5ff; }
.case-list-controls { display:grid; gap:16px; padding:16px 0 22px; }
.case-list-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.case-list-tabs button { border:1px solid #dbe5ee; background:white; color:#546d83; padding:10px 16px; border-radius:9px; cursor:pointer; font:inherit; font-size:12px; }
.case-list-tabs button[aria-pressed="true"] { color:#007ab6; background:#e9f7fe; border-color:#a2d9f4; font-weight:700; }
.case-list-search { display:flex; gap:12px; }
.case-list-search input,.case-list-search select { padding:12px; border:1px solid #dbe5ee; border-radius:9px; background:white; color:#18314a; min-width:0; font:inherit; font-size:12px; }
.case-list-search input { flex:1; }
#noticeTableBody [hidden],#caseListEmpty[hidden] { display:none!important; }
.investment-workspace-nav { display:none; }
.investment-subnav { display:grid; gap:4px; margin:4px 0 10px; }
.investment-nav-title { display:flex; align-items:center; gap:12px; min-height:42px; padding:0 13px; color:rgba(241,245,250,.9); font-size:13px; font-weight:700; }
.investment-nav-title svg { width:19px; height:19px; color:var(--electric-cyan); fill:none; stroke:currentColor; stroke-width:1.8; }
.investment-nav-title.active { position:relative; border:1px solid rgba(0,230,255,.42); border-radius:var(--radius-md); color:#fff; background:var(--ocean-depth); box-shadow:0 0 0 1px rgba(0,230,255,.08),0 0 14px rgba(0,230,255,.1); }
.investment-nav-title.active::after { position:absolute; right:12px; top:50%; width:6px; height:6px; border-radius:999px; background:var(--electric-cyan); box-shadow:0 0 8px rgba(0,230,255,.55); content:""; transform:translateY(-50%); }
.investment-subnav button { display:flex; align-items:center; gap:13px; width:100%; min-height:38px; padding:0 13px; border:1px solid transparent; border-radius:9px; color:rgba(241,245,250,.79); background:transparent; font:inherit; font-size:12px; font-weight:600; text-align:left; cursor:pointer; transition:.16s ease; }
.investment-subnav button svg { width:18px; height:18px; flex:0 0 18px; fill:none; stroke:currentColor; stroke-width:1.8; opacity:.92; }
.investment-subnav button:hover { color:#fff; background:rgba(255,255,255,.06); }
.investment-subnav button.active { border-color:rgba(0,142,216,.25); color:#fff; background:linear-gradient(90deg,#075fba,#087fda); box-shadow:0 6px 15px rgba(0,80,180,.25); }
.investment-subnav button.active svg { color:#d9fbff; }
.sidebar.collapsed .investment-nav-title { display:none; }
.sidebar.collapsed .investment-subnav { display:grid; gap:8px; margin:5px 0 12px; }
.sidebar.collapsed .investment-subnav button { position:relative; justify-content:center; min-height:39px; padding:0; }
.sidebar.collapsed .investment-subnav button span { display:none; }
.investment-workspace-nav button { display:grid; grid-template-columns:34px 1fr; column-gap:10px; align-items:center; min-height:76px; padding:13px 16px; border:1px solid #dce7ef; border-radius:14px; color:#4f667d; background:#fff; text-align:left; cursor:pointer; transition:.18s ease; }
.investment-workspace-nav button span { grid-row:span 2; display:grid; width:30px; height:30px; place-items:center; border-radius:50%; color:#2b6f91; background:#edf5f8; font-size:11px; font-weight:900; }
.investment-workspace-nav button strong { color:#163653; font-size:13px; }
.investment-workspace-nav button small { color:#70859a; font-size:11px; }
.investment-workspace-nav button:hover,.investment-workspace-nav button.active { border-color:#0fa7c5; background:#f0fbfc; box-shadow:0 8px 22px rgba(15,119,148,.1); }
.investment-workspace-nav button.active span { color:#fff; background:#008fb4; }
.investment-workspace-panel { margin-bottom:20px; }
.investment-workspace-panel[hidden] { display:none !important; }
.investment-capture-panel { display:grid; gap:18px; padding:22px 24px; border:1px solid #dce7ef; border-radius:18px; background:linear-gradient(135deg,#fff 0%,#f4fbfc 100%); }
.investment-capture-copy { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:22px; align-items:center; }
.investment-capture-copy .section-kicker,.investment-capture-copy h2,.investment-capture-copy p:not(.section-kicker) { grid-column:1; }
.investment-capture-copy .primary-button { grid-column:2; grid-row:1 / span 3; }
.investment-capture-copy h2 { margin:2px 0 8px; color:#112d49; font-size:24px; }
.investment-capture-copy p:not(.section-kicker) { margin:0 0 18px; color:#637c92; font-size:13px; line-height:1.55; }
.investment-notice-register { padding-top:18px; border-top:1px solid #e3edf2; }
.investment-notice-register .investment-register-heading { margin-bottom:12px; }
.investment-pipeline-board { display:flex; gap:12px; min-height:330px; padding:14px; overflow-x:auto; border:1px solid #dce7ef; border-radius:16px; background:#f4f8fa; }
.investment-pipeline-column { flex:0 0 230px; min-width:230px; }
.investment-pipeline-column > header { display:flex; align-items:center; justify-content:space-between; padding:4px 4px 10px; color:#49667e; font-size:12px; font-weight:800; }
.investment-pipeline-column > header b { display:grid; min-width:21px; height:21px; place-items:center; border-radius:999px; color:#287b9c; background:#dff3f7; font-size:10px; }
.investment-pipeline-column > div { display:grid; gap:9px; }
.investment-pipeline-card { display:grid; gap:6px; padding:13px; border:1px solid #dbe6ed; border-radius:11px; background:#fff; box-shadow:0 3px 10px rgba(28,64,90,.05); cursor:pointer; transition:.16s ease; }
.investment-pipeline-card:hover { border-color:#16a4c2; box-shadow:0 7px 17px rgba(16,126,153,.11); transform:translateY(-1px); }
.investment-pipeline-card small { color:#1881a8; font-size:10px; font-weight:900; letter-spacing:.04em; }
.investment-pipeline-card h3 { margin:0; color:#173853; font-size:13px; line-height:1.3; }
.investment-pipeline-card p { margin:0; color:#73899d; font-size:11px; }
.investment-pipeline-card strong { color:#173853; font-size:13px; }
.investment-pipeline-card > span { color:#648199; font-size:10px; }
.investment-pipeline-empty { min-height:100px; padding:18px 10px; border:1px dashed #cadce5; border-radius:10px; color:#8294a4; background:rgba(255,255,255,.62); font-size:11px; text-align:center; }
.investment-template-preview { min-width:0; }
.template-preview-heading { margin-bottom:9px; }
.template-preview-heading h3 { margin:0; color:#173a58; font-size:14px; }
.template-preview-heading span { display:block; margin-top:2px; color:#71869a; font-size:11px; }
.template-preview-rail { display:grid; grid-template-columns:22px minmax(0,1fr) 22px; align-items:center; gap:5px; }
.template-preview-grid { display:flex; gap:8px; padding:2px 1px 7px; overflow-x:auto; scrollbar-width:none; scroll-snap-type:x proximity; }
.template-preview-grid::-webkit-scrollbar { display:none; }
.template-preview-card { position:relative; display:grid; flex:0 0 148px; min-width:148px; min-height:112px; align-content:center; justify-items:center; padding:13px 11px; overflow:hidden; border:1px solid #dce7ef; border-radius:12px; color:#567088; background:linear-gradient(145deg,#fff,#f8fbfd); text-align:center; cursor:pointer; scroll-snap-align:start; transition:.18s ease; }
.template-preview-icon { display:grid; width:30px; height:30px; place-items:center; margin-bottom:8px; border-radius:9px; color:#087fca; background:#eaf7fc; }
.template-preview-icon svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
.template-preview-card strong { display:-webkit-box; overflow:hidden; color:#264763; font-size:12px; font-weight:800; line-height:1.2; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.template-preview-card small { display:-webkit-box; min-height:24px; margin-top:5px; overflow:hidden; color:#71879b; font-size:10px; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.template-rail-control { display:grid; width:28px; height:40px; place-items:center; border:1px solid #dce7ef; border-radius:9px; color:#173a58; background:#fff; cursor:pointer; }
.template-rail-control svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; transform:rotate(180deg); }
.template-rail-control.next svg { transform:none; }
.template-preview-card:hover,.template-preview-card.active { border-color:#12a4c4; background:#effbfc; box-shadow:0 8px 20px rgba(11,126,154,.12); transform:translateY(-2px); }
.template-preview-card.active .template-preview-icon,.template-preview-card:hover .template-preview-icon { color:#087fca; background:#dff5fb; }
.template-preview-card:hover span,.template-preview-card.active span { opacity:1; transform:translateY(0); }
.investment-approval-queue { display:grid; gap:10px; }
.investment-approval-card { display:grid; grid-template-columns:minmax(0,1fr) 155px auto; gap:18px; align-items:center; padding:16px 18px; border:1px solid #dce7ef; border-radius:13px; background:#fff; }
.investment-approval-card > div:first-child > span,.investment-approval-stage small { color:#1783a9; font-size:10px; font-weight:900; letter-spacing:.04em; }
.investment-approval-card h3 { margin:4px 0; color:#143551; font-size:15px; }
.investment-approval-card p { margin:0; color:#70859a; font-size:12px; }
.investment-approval-stage { display:grid; gap:4px; padding-left:16px; border-left:1px solid #e4edf2; }
.investment-approval-stage strong { color:#173a58; font-size:12px; }
.investment-approval-actions { display:flex; gap:8px; }
.investment-approval-actions .primary-button,.investment-approval-actions .secondary-button { min-height:34px; padding:7px 11px; font-size:11px; }
.investment-approval-empty { display:grid; gap:4px; place-items:center; min-height:160px; border:1px dashed #cbdde6; border-radius:14px; color:#6f8497; background:#fbfdfe; }
.investment-approval-empty strong { color:#244662; }
@media(max-width:1200px) { #noticeModal .notice-entry-modal { grid-template-columns:minmax(0,1fr); } .case-editor-aside { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .investment-capture-copy { grid-template-columns:1fr; } .investment-capture-copy .primary-button { grid-column:1; grid-row:auto; justify-self:start; } .investment-approval-card { grid-template-columns:1fr; gap:10px; } .investment-approval-stage { padding:0; border:0; } }
@media(max-width:640px) { .template-preview-heading { display:grid; gap:3px; } .template-preview-rail { grid-template-columns:1fr; gap:10px; } .template-preview-grid { gap:10px; padding:2px 2px 8px; } #noticeModal .case-template-picker .template-preview-card { flex:0 0 72vw; min-width:72vw; min-height:126px; } .template-rail-control { display:none; } .investment-capture-panel { padding:18px; } #noticeModal .case-template-picker { padding:16px; } #noticeModal .case-template-picker .template-preview-heading h3 { font-size:15px; } #noticeModal .case-editor-aside { grid-template-columns:1fr; } }
@media(max-width:760px) { .case-editor-aside { grid-template-columns:1fr; } .case-editor-actions { margin:0; width:100%; } .case-editor-actions button { flex:1; font-size:12px; padding:10px; } #noticeModal #noticeForm { padding:14px; } .case-list-search { flex-direction:column; } }

/* En teléfono las plantillas y etapas se leen como una cuadrícula, no como carrusel lateral. */
@media(max-width:640px) {
  .template-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; padding:2px 0; }
  .template-preview-card, #noticeModal .case-template-picker .template-preview-card { width:auto; min-width:0 !important; min-height:118px; }
  #noticeModal .case-template-continue { flex-direction:column; align-items:stretch; }
  #noticeModal .case-template-continue .primary-button { width:100%; }
  .notice-entry-form .notice-flow-nav, #noticeModal .notice-flow-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; padding:6px; }
  .notice-entry-form .notice-flow-nav button, #noticeModal .notice-flow-nav button { min-width:0; padding:10px 7px; }
  .investment-pipeline-board { display:grid; grid-template-columns:1fr; min-height:0; overflow:visible; }
}
.notice-entry-form:not([data-case-template="ev"]) .investment-field-capacity,
.notice-entry-form:not([data-case-template="ev"]) .investment-cost-saved-meta > span:nth-child(2) { display:none; }
.case-section { padding:18px; border:1px solid #dce6ee; border-radius:14px; background:#fff; min-width:0; }
.case-section h3 { margin:0 0 14px; font-size:18px; }
.case-section h4 { margin:18px 0 10px; }
.case-section p,.case-section small { font-size:12px; color:#5d7185; line-height:1.6; }
.case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.case-section label,.case-risk-dialog label { display:grid; gap:6px; margin-bottom:12px; font-size:12px; min-width:0; }
.case-section input,.case-section select,.case-section textarea,.case-risk-dialog input { width:100%; min-width:0; border:1px solid #d6e2ec; background:#fff; border-radius:8px; min-height:40px; padding:9px; font:inherit; color:#18314a; box-sizing:border-box; }
.case-summary { padding:12px 16px; background:#eef8fc; border-radius:10px; color:#17455b; font-size:12px; line-height:1.6; }
.notice-entry-form .notice-flow-nav { display:flex; overflow-x:auto; gap:5px; }
.notice-entry-form .notice-flow-nav button { flex:0 0 auto; min-width:110px; padding:12px; }
.notice-entry-form .notice-flow-nav button span { display:inline; }
.case-checkboxes { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
.case-checkboxes label { display:flex; align-items:center; gap:6px; padding:8px; border:1px solid #dce7ee; border-radius:9px; margin:0; }
.case-checkboxes input { width:16px; min-height:16px; }
.case-inline { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.case-inline input { flex:1; }
.case-package { border:1px solid #dce6ee; border-radius:12px; padding:14px; margin:12px 0; }
.case-package strong,.case-package small { display:block; margin-bottom:8px; }
.case-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(135px,1fr)); gap:10px; }
.case-metrics > div { border:1px solid #dce6ee; border-radius:10px; padding:12px; }
.case-metrics span { display:block; font-size:11px; color:#5d7185; margin-bottom:8px; }
.case-metrics strong { font-size:16px; }
.case-metrics details { grid-column:1 / -1; }
.case-workflow { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 20px; }
.case-workflow span { font-size:11px; padding:8px; border-radius:8px; background:#eef3f7; }
.case-workflow .active { background:#d5f4ee; color:#086657; font-weight:700; }
.case-risk-dialog { padding:0; }
.case-risk-dialog form { margin:0; }
.case-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.case-summary span { display:block; color:#567087; font-size:11px; margin-bottom:5px; }
.case-summary strong { display:block; font-size:13px; overflow-wrap:anywhere; }
.case-package summary { cursor:pointer; padding:4px; }
.case-package[open] > .case-grid { margin-top:16px; }
@media(max-width:600px) { .case-grid {grid-template-columns:1fr;} .case-section{padding:12px;} .case-section .primary-button,.case-section .secondary-button,.case-risk-dialog .primary-button,.case-risk-dialog .secondary-button {font-size:12px;width:auto;min-width:90px;} }
@media(max-width:760px) {
  #noticeForm { grid-template-columns:minmax(0,1fr); }
  #noticeForm > * { grid-column:1 / -1 !important; min-width:0; }
  #noticeForm .notice-flow-nav { width:100%; box-sizing:border-box; position:static; }
  #noticeForm .notice-flow-nav button { min-width:100px; gap:6px; }
  #noticeForm .case-summary { overflow-wrap:anywhere; }
  #noticeModal .form-actions .primary-button { font-size:12px; width:auto; padding:10px 14px; }
}

/* On phones the case editor becomes a focused sheet instead of extending the page. */
@media(max-width:760px) {
  #prelimView #noticeModal { position:fixed; z-index:120; inset:0; display:none; align-items:flex-end; padding:0; overflow:hidden; background:rgba(5,20,38,.56); backdrop-filter:blur(5px); }
  #prelimView #noticeModal.open { display:flex; }
  #noticeModal .notice-entry-modal { display:block; width:100%; max-height:min(94dvh,calc(100vh - 8px)); overflow-y:auto; overscroll-behavior:contain; border:0; border-radius:20px 20px 0 0; background:#f5f9fc; box-shadow:0 -18px 50px rgba(3,18,34,.22); }
  #noticeModal .case-editor-breadcrumb { display:none; }
  #noticeModal .modal-header { position:sticky; z-index:4; top:0; display:flex; padding:15px 16px; border-bottom:1px solid #dce7ef; background:rgba(255,255,255,.97); backdrop-filter:blur(13px); }
  #noticeModal .modal-header h2 { font-size:20px; }
  #noticeModal .modal-close { order:initial; width:38px; height:38px; }
  #noticeModal #noticeForm { padding:14px; border:0; border-radius:0; background:transparent; }
  #noticeModal .notice-flow-nav { position:sticky; z-index:3; top:68px; margin:0 -2px; padding:6px; border:1px solid #dce7ef; background:rgba(247,250,252,.97); }
  #noticeModal .notice-flow-nav button { min-height:42px; padding:6px 9px; }
  #noticeModal .notice-flow-nav button span { font-size:10px; }
  #noticeModal .case-section[data-notice-step] { padding:16px; border-radius:13px; }
  #noticeModal .case-editor-aside { margin-bottom:8px; }
  #noticeModal .form-actions { position:sticky; z-index:3; bottom:0; margin:0 -14px; padding:12px 14px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid #dce7ef; background:rgba(255,255,255,.97); }
  #noticeModal .form-actions .primary-button, #noticeModal .form-actions .secondary-button { flex:1; min-height:44px; }
}
 .case-label-with-help { display: inline-flex; align-items: center; gap: 7px; }
 .case-help-button { display: inline-grid; width: 18px; height: 18px; padding: 0; border: 1px solid #8dbfe5; border-radius: 50%; color: #087dcc; background: #f4fbff; font-family: inherit; font-size: 12px; font-weight: 800; line-height: 1; place-items: center; }
 .case-help-button:hover, .case-help-button:focus-visible { border-color: #008ed8; color: #fff; background: #008ed8; outline: none; }