:root{--navy:#102e3d;--ink:#173342;--muted:#627680;--line:#dde4e5;--cream:#f5f3ed;--radius:10px}button{cursor:pointer;font:inherit}button:disabled{opacity:.55;cursor:wait}.primary{width:auto}.secondary{border:1px solid #ccd8dc;border-radius:8px;background:#fff;color:var(--ink);padding:10px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.secondary:hover{background:#edf2f3;border-color:#aabdc5}.danger{color:#a92132;border-color:#e9bdc2;background:#fff5f5}.warning{color:#825d17;background:#fff2ce;border-color:#dec78e}.muted{color:var(--muted);line-height:1.6}.dark{color:var(--muted)}#portal{width:100%;min-height:100vh}.app-header{background:var(--navy);color:#fff;padding:16px 24px 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:24px}.app-brand{display:flex;align-items:center;gap:24px}.app-brand img{width:142px;height:142px;object-fit:contain}.app-brand h1{font-size:30px;margin:7px 0;letter-spacing:-.6px}.app-header .eyebrow{color:#b2c8d0}.account{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:13px;flex-wrap:wrap}.app-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;padding:0 24px 0 8px;align-items:start}.app-body{width:100%;min-width:0;padding:0 0 32px}.app-nav{display:flex;align-items:center;gap:6px;padding:20px 0;flex-wrap:wrap}.app-nav button{padding:11px 14px;background:transparent;border:0;color:var(--muted);border-radius:8px;font-size:13px;font-weight:600}.app-nav .nav-active{color:#fff;background:var(--navy)}.app-nav .new-case-cta{order:99;margin-left:auto;background:#173e50;color:#fff;padding:12px 20px}.app-nav .new-case-cta:hover{background:#24596d}.mascot-panel{position:sticky;top:16px;background:transparent;border:0;box-shadow:none;margin-top:14px;padding:0 6px 20px;text-align:center;max-height:calc(100dvh - 30px);overflow-y:auto;scrollbar-width:thin}.mascot-panel>img{display:block;width:100%;height:335px;object-fit:contain;object-position:center;mix-blend-mode:normal;margin:0 auto 8px;border:0;background:transparent}.legalcito-guide-card{background:var(--navy);border-radius:12px;padding:21px 19px;text-align:left;color:#faf7ee}.legalcito-guide-card h2{font-size:21px;line-height:1.3;margin:0 0 8px;letter-spacing:-.4px;color:#faf7ee}.guide-intro{font-size:12px;line-height:1.65;color:#b9cbd2;margin:0 0 18px}.legalcito-guide-card summary{color:#c5d4d9;cursor:pointer;font-size:12px;font-weight:600;padding:9px 0}.legalcito-guide-card h3{font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;margin:17px 0 14px;color:#e4e9e7}.guide-role{display:inline-block;font-size:10px;color:#c8d8de;border:1px solid #46616e;border-radius:4px;padding:4px 8px;margin-top:8px}.guide-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.guide-list li{display:flex;gap:10px;font-size:12px;line-height:1.6;color:#dbe4e7}.guide-dot{width:6px;height:6px;border:1px solid #a4c0cb;border-radius:50%;flex-shrink:0;margin-top:6px}.guide-more{margin-top:9px}.guide-more .guide-list{margin-top:8px}.guide-tip{border-top:1px solid #365260;margin-top:19px;padding-top:16px}.guide-tip b{font-size:11px;letter-spacing:.4px;color:#eef0ea}.guide-tip p{font-size:12px;color:#b9cbd2;line-height:1.7;margin:7px 0 0}.contextual-guidance{border-top:1px solid #365260;padding-top:15px;margin:17px 0 0;color:#e4e9e7;font-size:12px;line-height:1.65}.panel-overview{height:155px;position:relative;border-radius:12px;overflow:hidden;background:var(--cream);margin:0 0 20px}.panel-overview>img{width:100%;height:100%;object-fit:cover;object-position:center}.panel-overview>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:22px 27px;width:48%;background:linear-gradient(90deg,#f5f3edf0,#f5f3ed00)}.panel-overview h2{font-size:23px;line-height:1.3;margin:8px 0;letter-spacing:-.4px}.panel-overview p{font-size:12px;line-height:1.6;margin:0;color:#627680}.panel-overview .eyebrow{font-size:9px;letter-spacing:1.2px}.notification-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-left:3px solid #4d7e8f;background:#fff;border-radius:10px;padding:15px 18px;margin-bottom:22px}.notification-banner b{font-size:14px}.notification-banner p{margin:5px 0 0;font-size:12px;color:var(--muted)}#notification-count{background:#e8eff1;padding:2px 6px;border-radius:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.section-heading h2{font-size:24px;letter-spacing:-.5px;margin:6px 0}.section-heading h3{font-size:16px;margin:0}.section-heading p{font-size:12px;margin:5px 0 0}.operational-pulse{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 22px}.metric{padding:15px 13px;background:#fff;border:1px solid var(--line);border-radius:9px}.metric span{color:var(--muted);font-size:11px;line-height:1.4;display:block;min-height:30px}.metric strong{display:block;font-size:26px;line-height:1;margin-top:10px;color:var(--ink)}.attention-module,.recent-module{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin:0 0 22px}.attention-module .section-heading{margin-bottom:4px}.count-chip{font-size:11px;padding:5px 9px;border-radius:5px;background:#f3ecd9;color:#79612d}.attention-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #edf0f0}.attention-row:first-child{border-top:0}.attention-row .case-title{font-size:13px}.attention-row p{font-size:11px;color:#7b6d4a;margin:6px 0 0;line-height:1.6}.attention-row .secondary{padding:7px 11px;font-size:11px;white-space:nowrap}.more-attention summary{font-size:12px;cursor:pointer;color:#426b7c;padding:11px 0}.filters{display:grid;grid-template-columns:2fr 1.3fr 1fr;gap:14px;margin-bottom:16px}label{font-size:12px;font-weight:600;line-height:1.5}input,select,textarea{width:100%;font:inherit;color:var(--ink);border:1px solid #ccd8dc;border-radius:7px;padding:11px;background:#fff;margin-top:6px}textarea{resize:vertical}.advanced-filters{padding:12px 0 17px;margin-bottom:8px}.advanced-filters>summary{cursor:pointer;font-size:12px;font-weight:600;color:#426b7c}.advanced-filters .filters{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px}.advanced-filters .secondary{font-size:11px;padding:7px 10px}.crm-list{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:16px}.crm-head,.crm-row{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(130px,1.1fr) minmax(70px,.7fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(180px,1.3fr);gap:13px;align-items:center;padding:17px 18px}.crm-head{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#74858d;background:#f8f9f7;border-radius:10px 10px 0 0}.crm-row{font-size:12px;border-top:1px solid #e9eeed;transition:background .15s}.crm-row:hover{background:#fafbf9}.crm-client{min-width:0}.case-title{background:none;border:0;text-align:left;padding:0;color:var(--ink);font-weight:600;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.case-title:hover{text-decoration:underline}.crm-client small{display:block;font-size:10px;color:#7c8b92;line-height:1.65;margin-top:4px;overflow-wrap:anywhere}.crm-row time{color:#627680;font-size:11px}.crm-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.crm-actions .secondary{font-size:10px;padding:8px 9px}.crm-actions .drop-action{margin-left:auto;order:99}.badge{display:inline-block;border-radius:5px;padding:6px 9px;font-size:10px;line-height:1.5;font-weight:600;background:#e8eef0;color:#315d6d}.badge.intake{background:#fff1c9;color:#7e631e}.badge.sent{background:#e2edf1;color:#285b72}.badge.signed{background:#e8ecf3;color:#4a6081}.badge.confirmed{background:#e3ede7;color:#38634b}.badge.drop{background:#f9e4e6;color:#a53746}.terminal-button{font-size:15px;padding:3px 5px;border:0;background:transparent}.quick-actions{position:relative}.quick-actions>summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:6px 10px;color:#52707d;font-size:12px;letter-spacing:1px}.quick-actions>summary::-webkit-details-marker{display:none}.quick-actions[open]{z-index:20}.quick-menu{position:absolute;right:0;top:34px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px;min-width:190px;box-shadow:0 8px 22px #102e3d13;display:grid;gap:3px}.quick-menu button,.quick-menu .secondary{background:none;border:0;text-align:left;padding:9px 10px;font-size:12px;color:#315d6d;border-radius:5px}.quick-menu button:hover{background:#edf2f3}.recent-module{margin-top:25px}.recent-row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0f0;padding:14px 0;font-size:12px}.recent-row:first-child{border-top:0}.activity-dot{width:6px;height:6px;background:#7895a0;border-radius:50%;flex-shrink:0}.recent-row>div{flex:1}.recent-row b{font-size:12px}.recent-row p{font-size:11px;color:var(--muted);margin:5px 0 0;line-height:1.6}.recent-row time{font-size:10px;color:#7a8b92;white-space:nowrap}.text-button{background:transparent;border:0;color:#426b7c;font-size:12px;padding:5px;white-space:nowrap}.text-button:hover{text-decoration:underline}.surface{background:#fff;border:1px solid var(--line);padding:24px;border-radius:10px;margin-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wide{grid-column:1/-1}fieldset{border:1px solid var(--line);border-radius:8px;padding:18px;margin:18px 0}legend{padding:0 8px;font-size:12px;font-weight:600}.check{display:inline-flex;align-items:center;gap:9px;margin:8px 17px 8px 0}.check input{width:16px;height:16px;margin:0}.pax-row{border-top:1px solid var(--line);padding:16px 0}.pax-row .form-grid{margin-bottom:10px}.inline-form{display:flex;align-items:end;gap:14px}.inline-form label{flex:1}dialog{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:26px;max-height:90dvh;overflow:auto;color:var(--ink);width:min(520px,94vw);text-align:left}dialog::backdrop{background:#0b2338aa}.large-dialog{width:min(950px,94vw);max-width:950px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.dialog-heading h2{font-size:23px;margin:0}.detail-header-actions{display:flex;gap:9px;flex-wrap:wrap}.secondary.edit-intake-warning{background:#fff0bf;border-color:#d4aa3a;color:#74520c}.secondary.edit-intake-warning:hover{background:#ffe69c}.secondary.close-case-success{background:#26764f;border-color:#26764f;color:#fff}.secondary.close-case-success:hover{background:#1b5e3d}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.detail-grid dt{color:var(--muted);font-size:11px;margin-bottom:7px}.detail-grid dd{margin:0;overflow-wrap:anywhere;font-size:13px}.detail-description{white-space:pre-wrap;line-height:1.7}.detail-section{padding-top:20px;border-top:1px solid var(--line);margin-top:22px}.note,.event,.directory-row{border-bottom:1px solid var(--line);padding:16px 0;overflow-wrap:anywhere}.note p{white-space:pre-wrap;margin:7px 0;line-height:1.7}.note small,.event small{color:var(--muted);font-size:11px}.event button{margin:12px 8px 0 0}.notice{padding:13px 17px;border-radius:8px;background:#e5eef1;line-height:1.6;font-size:13px}.notice.error,#case-message.error,#detail-message.error,#action-message.error{color:#a22234;background:#fff0f1}.app-footer{padding:24px;text-align:center;font-size:10px;color:var(--muted)}.empty{padding:32px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}.empty b{color:#426471;font-size:14px}.celebration-mascot{display:block;width:200px;height:220px;object-fit:contain;margin:auto}.file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}.directory-row{display:flex;justify-content:space-between;gap:20px}.action-panel{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.action-panel .drop-action{margin-left:auto}#action-fields label{display:block;margin:16px 0}#portal-message:empty{display:none}#case-form>.primary{margin-top:15px}.error{color:#a22234}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 0}.permission-grid .check{margin:0;font-size:12px;align-items:flex-start}.permission-grid .check input{flex-shrink:0}.member-permission-card{padding-bottom:16px;border-bottom:1px solid var(--line)}.member-permission-card .directory-row{border-bottom:0}.member-permission-card summary{cursor:pointer;color:#24596d;font-size:12px;font-weight:600;padding:8px 0}.permission-message{font-size:12px;color:#24596d}.role-preview-dialog{width:min(1500px,98vw);max-width:1500px;height:95dvh;max-height:95dvh;padding:20px}.role-preview-dialog .dialog-heading p{font-size:12px;margin-bottom:0}.preview-toolbar{display:flex;gap:18px;margin-bottom:16px}.preview-toolbar label{min-width:170px}.role-preview-dialog iframe{display:block;width:100%;height:calc(95dvh - 220px);min-height:320px;border:1px solid var(--line);border-radius:10px;background:var(--cream);margin:auto}.role-preview-dialog iframe.mobile{width:min(390px,100%)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #669aaa;outline-offset:3px}
@media(min-width:761px){#guide-collapse>summary{display:none}}
@media(max-width:1350px){.app-workspace{grid-template-columns:220px minmax(0,1fr);gap:20px}.mascot-panel>img{height:300px}.legalcito-guide-card{padding:18px 16px}.crm-head,.crm-row{grid-template-columns:minmax(145px,1.5fr) minmax(110px,1.1fr) minmax(65px,.6fr) minmax(80px,.8fr) minmax(75px,.7fr) minmax(150px,1.1fr);gap:9px;padding:15px 13px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric span{min-height:0}}
@media(max-width:1100px){.crm-head{display:none}.crm-list{border:0;background:transparent}.crm-row{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.crm-client{grid-column:1/-1}.crm-row [data-column]::before{content:attr(data-column);display:block;color:#829097;font-size:10px;margin-bottom:6px}.crm-actions{grid-column:1/-1;border-top:1px solid #edf0f0;padding-top:12px;justify-content:flex-start}.app-brand img{width:120px;height:120px}.app-brand h1{font-size:27px}.account{max-width:340px}.panel-overview>div{width:58%}.panel-overview h2{font-size:21px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.advanced-filters .filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-header{padding:16px;flex-wrap:wrap;gap:16px}.app-brand{gap:16px}.app-brand img{width:105px;height:105px}.app-brand h1{font-size:25px}.account{max-width:none;width:100%;justify-content:space-between}.app-workspace{grid-template-columns:minmax(0,1fr);padding:0 16px;gap:0}.mascot-panel{position:static;max-height:none;overflow:visible;display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:14px 0 0;margin:0;text-align:left;align-items:start}.mascot-panel>img{width:110px;height:155px;margin:auto}.legalcito-guide-card{padding:16px}.legalcito-guide-card h2{font-size:18px}.guide-intro{font-size:11px;margin-bottom:4px}.legalcito-guide-card #guide-collapse summary{font-size:11px}.legalcito-guide-card .contextual-guidance{font-size:11px}.app-nav{gap:4px;padding:16px 0}.app-nav button{font-size:12px;padding:10px}.app-nav .new-case-cta{padding:11px 14px}.panel-overview{height:135px}.panel-overview>div{padding:15px;width:65%}.panel-overview h2{font-size:19px}.panel-overview p{display:none}.panel-overview .eyebrow{font-size:8px}.section-heading h2{font-size:22px}.filters{grid-template-columns:1fr 1fr;gap:12px}.filters>label:first-child{grid-column:1/-1}.advanced-filters .filters>label:first-child{grid-column:auto}.notification-banner{padding:14px}.notification-banner b{font-size:12px}.notification-banner .secondary{font-size:11px;padding:9px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-preview-dialog .dialog-heading{align-items:flex-start}.preview-toolbar{gap:10px}.preview-toolbar label{min-width:0;flex:1}.role-preview-dialog iframe{height:calc(95dvh - 250px)}}
@media(max-width:500px){.app-brand img{width:98px;height:98px}.app-brand h1{font-size:23px}.app-brand .eyebrow{font-size:9px;letter-spacing:1.4px}.metrics{gap:8px}.metric{padding:13px 10px}.metric span{font-size:10px;min-height:27px}.metric strong{font-size:24px}.notification-banner{align-items:flex-start;flex-direction:column;gap:11px}.form-grid{grid-template-columns:minmax(0,1fr)}.surface{padding:19px}.attention-module,.recent-module{padding:16px}.attention-row{align-items:flex-start}.attention-row .secondary{padding:7px 9px}.recent-row{gap:9px;flex-wrap:wrap}.recent-row>div{min-width:160px}.recent-row time{margin-left:15px}.inline-form{flex-direction:column;align-items:stretch}.permission-grid{grid-template-columns:1fr}.dialog-heading{align-items:flex-start}.dialog-heading h2{font-size:20px}dialog{padding:20px}.detail-header-actions{gap:6px}.detail-header-actions .secondary{padding:8px;font-size:11px}.preview-toolbar{flex-wrap:wrap}.mascot-panel{grid-template-columns:88px minmax(0,1fr)}.mascot-panel>img{width:88px;height:135px}.legalcito-guide-card h2{font-size:17px}.guide-intro{font-size:10px}.guide-list li{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.user-profile{display:flex;align-items:center;gap:10px;text-align:left}.user-profile #identity b{display:block;font-size:12px;font-weight:600}.user-profile #identity small{display:block;font-size:10px;color:#b2c8d0;margin-top:4px}#account-avatar{display:grid;place-items:center;background:#244a5c;border:1px solid #527281;border-radius:50%;width:35px;height:35px;color:#e5ecee;font-size:11px;font-weight:600}.header-notification{position:relative;display:grid;place-items:center;border:1px solid #4b6977;background:transparent;color:#dbe5e9;border-radius:8px;width:35px;height:35px}.header-notification>span{position:absolute;top:-6px;right:-5px;background:#f1ead9;color:#173342;min-width:16px;height:16px;padding:2px;border-radius:5px;font-size:9px;font-weight:700}

.performance-row{display:grid;grid-template-columns:minmax(120px,1.5fr) repeat(4,minmax(65px,1fr));gap:12px;padding:14px 0;border-top:1px solid #edf0f0;font-size:11px;color:#627680}.performance-row:first-child{border-top:0}.performance-row b{color:#315d6d;font-size:12px}@media(max-width:600px){.performance-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.performance-row b{grid-column:1/-1}}
/* Shared Employee Portal shell: one navigation component for every internal role. */
#portal{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;background:var(--cream,#f5f3ed)}.portal-main{min-width:0;width:100%}.sidebar-host{min-width:0;position:sticky;top:0;height:100dvh;z-index:40}.global-sidebar{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:0;width:280px;height:100dvh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;background:#102e3d;color:#f7f4ec;padding:25px 16px 20px;border:0;box-shadow:none}.global-sidebar:after{display:none}.sidebar-brand{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;padding:0 4px 24px;border-bottom:1px solid #ffffff20}.sidebar-brand>img{display:block;width:156px;height:145px;object-fit:contain}.sidebar-brand>strong{font:700 18px/1.4 Arial,sans-serif;letter-spacing:1.2px;margin-top:8px;color:#faf7ee}.sidebar-brand>span{font:11px/1.6 Arial,sans-serif;color:#b9cbd2;margin-top:7px}.sidebar-nav{display:grid;gap:6px;padding:24px 0 18px}.sidebar-link{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#c4d2d8;font:600 13px/1.4 Arial,sans-serif;cursor:pointer;box-shadow:none}.sidebar-link svg{flex:none;width:21px;height:21px}.sidebar-link:hover{background:#ffffff0b;color:#fff}.sidebar-link.nav-active{background:#f2eee5;color:#173342;border-color:#fff3;box-shadow:0 4px 14px #07182325}.sidebar-link:focus-visible,.sidebar-close:focus-visible,.portal-mobile-bar button:focus-visible{outline:2px solid #cadce3;outline-offset:3px}.global-sidebar .mascot-panel{display:block;position:static;max-height:none;overflow:visible;text-align:left;padding:6px 0 0;margin:0;background:transparent;border:0;box-shadow:none}.global-sidebar .mascot-panel>img{width:100%;height:245px;margin:0 auto;object-fit:contain;background:transparent}.global-sidebar .legalcito-guide-card{padding:18px 14px;border:1px solid #ffffff15;background:#173c4d;color:#f5f1e8;border-radius:12px}.global-sidebar .legalcito-guide-card h2{font-size:21px}.global-sidebar .guide-intro{font-size:12px;color:#cad7dc}.global-sidebar .guide-list li{font-size:12px}.global-sidebar .guide-tip p,.global-sidebar .contextual-guidance{font-size:12px;line-height:1.65;overflow-wrap:anywhere}.global-sidebar .legalcito-guide-card>b,.global-sidebar .guide-tip>b{font-size:10px;letter-spacing:1.2px;color:#cbd6dc}.sidebar-footer{padding:24px 12px 0;font-size:11px;line-height:1.8;color:#d7e0e3}.sidebar-footer span{color:#9fb7c1}.portal-mobile-bar,.sidebar-backdrop,.sidebar-close{display:none}.portal-main .app-workspace{display:block;padding:0 26px}.app-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}.toolbar-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#73838b}.app-toolbar .new-case-cta{width:auto;min-height:46px;padding:12px 22px;margin-left:auto}.portal-main .app-header{padding:16px 24px;gap:18px}.portal-main .app-brand img{width:105px;height:105px}.portal-main .app-brand h1{font-size:29px}.portal-main .app-brand{gap:14px}.portal-main .account{flex-wrap:wrap;justify-content:flex-end}.attention-row small,.recent-row small{overflow-wrap:anywhere}.portal-main .section-heading{scroll-margin-top:20px}
@media(min-width:981px) and (max-width:1250px){.portal-main .app-header{flex-wrap:wrap}.portal-main .account{width:100%;justify-content:flex-end}.portal-main .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-main .filters{grid-template-columns:1fr 1fr}.portal-main .filters>label:first-child{grid-column:1/-1}}
@media(max-width:980px){#portal{display:block}.sidebar-host{position:sticky;top:0;height:58px;width:100%;z-index:80}.portal-mobile-bar{height:58px;display:flex;align-items:center;gap:14px;padding:0 16px;background:#102e3d;color:#f7f4ec;box-shadow:0 2px 8px #0a233420}.portal-mobile-bar strong{font:700 13px/1.3 Arial,sans-serif;letter-spacing:1px}.portal-mobile-bar button{display:grid;place-items:center;width:42px;height:42px;padding:0;background:transparent;border:1px solid #ffffff2a;color:#f7f4ec;border-radius:8px}.global-sidebar{position:fixed;left:0;top:0;height:100dvh;width:min(280px,88vw);transform:translateX(-105%);visibility:hidden;transition:transform .18s ease,visibility .18s;z-index:82}.sidebar-host[data-open="true"] .global-sidebar{transform:translateX(0);visibility:visible}.sidebar-host[data-open="true"] .sidebar-backdrop{display:block;position:fixed;inset:0;width:100%;height:100dvh;border:0;border-radius:0;background:#07192499;z-index:81;padding:0}.sidebar-close{display:block;position:absolute;right:0;top:0;width:38px;height:38px;border:1px solid #ffffff30;background:transparent;color:#fff;border-radius:8px;font-size:24px}.sidebar-drawer-open{overflow:hidden}.portal-main .app-workspace{padding:0 16px}.portal-main .app-header{padding:14px 16px;flex-wrap:wrap}.portal-main .app-brand img{width:82px;height:82px}.portal-main .app-brand h1{font-size:25px}.portal-main .account{width:100%;justify-content:flex-end;gap:10px}.portal-main .account .user-profile{margin-right:auto}.app-toolbar{padding:16px 0}.toolbar-label{font-size:9px;letter-spacing:1px}.portal-main .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-main .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.portal-main .form-grid{grid-template-columns:minmax(0,1fr)}.portal-main .app-brand h1{font-size:23px}.portal-main .account .secondary{font-size:11px;padding:9px}.portal-main .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-label{display:none}.portal-main .app-brand .eyebrow{font-size:9px}.portal-main .detail-grid{grid-template-columns:minmax(0,1fr)}.portal-main .app-toolbar .new-case-cta{width:100%;min-height:48px}.global-sidebar .guide-list li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.global-sidebar{transition:none}html{scroll-behavior:auto}}
@media(min-width:981px) and (max-width:1300px){.portal-main .crm-head{display:none}.portal-main .crm-list{border:0;background:transparent}.portal-main .crm-row{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.portal-main .crm-client{grid-column:1/-1}.portal-main .crm-row [data-column]::before{content:attr(data-column);display:block;color:#829097;font-size:10px;margin-bottom:6px}.portal-main .crm-actions{grid-column:1/-1;border-top:1px solid #edf0f0;padding-top:12px;justify-content:flex-start}}
/* Compact navigation keeps Legalcito and his guidance directly below the portal identity. */
.sidebar-menu{margin:18px 0 8px;border:1px solid #ffffff26;border-radius:10px;background:#173c4d;overflow:hidden;flex:none}.sidebar-menu>summary{list-style:none;display:flex;align-items:center;gap:11px;min-height:64px;padding:12px 13px;color:#f7f4ec;cursor:pointer}.sidebar-menu>summary::-webkit-details-marker{display:none}.sidebar-menu>summary>svg{width:21px;height:21px;flex:none}.sidebar-menu>summary>span{flex:1;min-width:0}.sidebar-menu>summary b{display:block;font-size:13px;line-height:1.4}.sidebar-menu>summary small{display:block;font-size:11px;color:#b4c9d3;margin-top:4px}.sidebar-menu .sidebar-menu-chevron{width:17px;height:17px;transition:transform .15s}.sidebar-menu[open] .sidebar-menu-chevron{transform:rotate(180deg)}.sidebar-menu>summary:focus-visible{outline:2px solid #cadce3;outline-offset:-4px}.sidebar-menu .sidebar-nav{padding:5px 6px 8px;gap:4px;max-height:45dvh;overflow-y:auto;scrollbar-width:thin}.sidebar-menu .sidebar-link{font-size:12px;padding:10px;min-height:44px}.global-sidebar .mascot-panel>img{height:220px}.sidebar-brand{padding-bottom:18px}.sidebar-brand>img{width:140px;height:128px}.portal-main .app-header{min-height:106px}.portal-main .app-brand{padding:6px 0}.global-sidebar{scroll-padding-top:12px}@media(max-width:980px){.portal-main .app-header{min-height:90px}.sidebar-menu .sidebar-nav{max-height:42dvh}}@media(prefers-reduced-motion:reduce){.sidebar-menu .sidebar-menu-chevron{transition:none}}
.invitation-history{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.invitation-history>summary{font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.invitation-history .directory-row{gap:14px}.invitation-history .directory-row>div{min-width:0;overflow-wrap:anywhere}.invitation-history .directory-row>button{flex:none}@media(max-width:540px){.invitation-history .directory-row{align-items:flex-start;flex-direction:column}.invitation-history .directory-row>button{min-height:44px;width:100%}}
.header-home{font:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;background:transparent;border:0;padding:0;text-align:left;border-radius:4px}.header-home:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.header-home:focus-visible{outline:2px solid #c1d3df;outline-offset:5px}.panel-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid #d2dde1;border-radius:8px;background:#fffdf8;color:#31596c;font-size:12px;font-weight:600}.panel-back span{font-size:19px;line-height:1}.panel-back:hover{background:#eaf0f2}.panel-back:focus-visible{outline:2px solid #416c82;outline-offset:3px}@media(max-width:540px){.app-toolbar:has(.panel-back:not([hidden])){flex-wrap:wrap}.app-toolbar .panel-back{margin-right:auto}}
/* Phone workspace: shared navigation and data, layouts designed for touch. */
.mobile-tabbar,.mobile-welcome,.mobile-form-progress,.mobile-step-actions{display:none}.case-step-heading{font-size:16px;color:var(--ink);margin:8px 0 16px}#case-form>[data-case-step]+[data-case-step]{margin-top:22px}.mobile-brand-lockup{display:flex;align-items:center;gap:9px}.mobile-brand-lockup img{width:34px;height:34px;object-fit:contain}.mobile-brand-lockup span{display:flex;flex-direction:column;gap:3px}.mobile-brand-lockup b{font-size:10px;letter-spacing:.8px}.mobile-brand-lockup small{font-size:8px;letter-spacing:1.3px;color:#afc5d1}
@media(max-width:760px){
 #portal{min-height:100svh}.portal-main{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.portal-mobile-bar{padding-top:env(safe-area-inset-top,0px);height:calc(58px + env(safe-area-inset-top,0px))}.sidebar-host{height:calc(58px + env(safe-area-inset-top,0px))}.global-sidebar{padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}
 .mobile-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:65;align-items:stretch;justify-content:space-around;min-height:72px;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));background:#fffefa;border-top:1px solid #dce4e7;box-shadow:0 -6px 24px #102e3d08}.mobile-tab{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:52px;border:0;border-radius:12px;padding:6px 4px;background:transparent;color:#7c929e;font-size:10px;font-weight:600}.mobile-tab svg{width:22px;height:22px}.mobile-tab.nav-active{background:#eaf0f2;color:#163e52}.mobile-tab.mobile-create{background:#173e50;color:#fffaf1;margin:0 5px;max-width:100px}.mobile-tab:focus-visible{outline:2px solid #416c82;outline-offset:2px}.sidebar-drawer-open .mobile-tabbar{visibility:hidden;pointer-events:none}
 body:has(#portal input:not([type="checkbox"]):not([type="file"]):focus,#portal textarea:focus) .mobile-tabbar{display:none}
 .portal-main .app-header{min-height:0;padding:17px 18px 16px;gap:12px;align-items:center}.portal-main .app-brand h1{font-size:22px;margin:0}.portal-main .app-brand .eyebrow{display:none}.portal-main .app-brand{padding:0}.portal-main .account{gap:9px;max-width:none;font-size:11px}.portal-main .user-profile{gap:8px}.portal-main #identity b{font-size:12px}.portal-main #identity small{font-size:10px}.portal-main #account-avatar{width:31px;height:31px;font-size:10px}.portal-main .account .secondary{padding:9px 10px;font-size:10px;min-height:38px}.portal-main .header-notification{min-height:38px;min-width:38px}
 .portal-main .app-workspace{padding:0 15px}.portal-main .app-body{padding-bottom:10px}.portal-main .app-toolbar{padding:14px 0;min-height:16px;gap:8px}.portal-main .app-toolbar .toolbar-label,.portal-main .app-toolbar .new-case-cta{display:none}.portal-main .app-toolbar:has(.panel-back[hidden]){padding:7px 0}.portal-main .panel-back{min-height:42px;font-size:12px}.portal-main .panel-overview{display:none}
 .mobile-welcome{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 14px 12px 18px;margin:0 0 18px;border-radius:17px;background:linear-gradient(115deg,#e4ecef,#f1f3ed);border:1px solid #dae3e5;overflow:hidden}.mobile-welcome>div{flex:1;min-width:0}.mobile-welcome span{font-size:8px;font-weight:700;letter-spacing:1.4px;color:#718a98}.mobile-welcome h2{font-size:22px;letter-spacing:-.6px;margin:9px 0 7px;color:#173e50}.mobile-welcome p{font-size:11px;line-height:1.6;color:#6b8390;margin:0;max-width:210px}.mobile-welcome img{width:90px;height:112px;object-fit:contain;flex:none;background:transparent;margin:0 -3px -8px 0}
 .portal-main .notification-banner{padding:14px;align-items:center;flex-direction:row;gap:9px;border-radius:13px;margin-bottom:20px}.portal-main .notification-banner b{font-size:11px}.portal-main .notification-banner p{font-size:10px;line-height:1.5}.portal-main .notification-banner .secondary{font-size:10px;padding:9px;min-height:40px;max-width:132px}.portal-main .section-heading{gap:10px;margin-bottom:15px}.portal-main .section-heading h2{font-size:21px}.portal-main .section-heading h3{font-size:15px}.portal-main .section-heading p{font-size:11px}.portal-main .section-heading>.secondary{font-size:11px;min-height:42px;padding:9px 12px}.portal-main .operational-pulse{gap:6px 14px;font-size:10px;line-height:1.6;margin-bottom:13px}.portal-main .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.portal-main .metric{padding:16px;border-radius:13px;min-height:96px}.portal-main .metric span{font-size:11px;line-height:1.5;min-height:17px}.portal-main .metric strong{font-size:29px;margin-top:13px}
 .portal-main .attention-module,.portal-main .recent-module{padding:17px;border-radius:14px;margin-bottom:19px}.portal-main .attention-row{gap:12px;align-items:flex-start;padding:14px 0}.portal-main .attention-row p{font-size:11px}.portal-main .attention-row small{display:block;font-size:9px;line-height:1.6;color:#83949c;margin-top:6px}.portal-main .attention-row .secondary{min-height:40px;font-size:11px;padding:9px 11px}.portal-main .recent-row time{white-space:normal;line-height:1.5}.portal-main .recent-row p small{display:none}.portal-main .recent-row .text-button{min-height:40px}
 .portal-main .filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.portal-main .filters>label:first-child{grid-column:1/-1}.portal-main .filters label{font-size:11px}.portal-main input,.portal-main select,.portal-main textarea{font-size:16px;min-height:48px;border-radius:10px;max-width:100%}.portal-main label{font-size:12px}.portal-main .check input{min-height:20px;height:20px;width:20px;flex:none}.portal-main input[type="file"]{font-size:12px;height:auto;min-height:52px;padding:12px}.portal-main .advanced-filters{margin-bottom:0}.portal-main .advanced-filters>summary{min-height:40px;padding:10px 0}.portal-main .advanced-filters .filters{grid-template-columns:minmax(0,1fr)}
 .portal-main .crm-head{display:none}.portal-main .crm-list{border:0;background:transparent}.portal-main .crm-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:18px;margin-bottom:14px;border-radius:15px;border:1px solid #dce4e7;background:#fffefa}.portal-main .crm-client{grid-column:1/-1}.portal-main .crm-client .case-title{font-size:17px;line-height:1.4}.portal-main .crm-client small{font-size:11px;line-height:1.6;margin-top:6px}.portal-main .crm-row>[data-column="Estado"]{grid-column:1/-1;display:flex;align-items:center;gap:9px}.portal-main .crm-row>[data-column="Estado"]:before{display:none}.portal-main .crm-row [data-column]::before{font-size:10px}.portal-main .crm-row .badge{font-size:11px;padding:7px 10px;border-radius:7px}.portal-main .crm-row time{font-size:11px}.portal-main .crm-actions{gap:8px;padding-top:14px;align-items:center}.portal-main .crm-actions .secondary{min-height:43px;padding:10px 12px;font-size:11px}.portal-main .quick-actions>summary{display:flex;align-items:center;justify-content:center;min-height:43px;min-width:43px}.portal-main .quick-menu{top:48px;min-width:210px}.portal-main .quick-menu button{min-height:44px;font-size:13px}.portal-main .terminal-button{min-height:42px;min-width:42px;font-size:19px}.portal-main .empty{padding:25px 15px;border:1px dashed #d4dfe3;border-radius:14px}.portal-main .performance-row{flex-wrap:wrap;gap:9px;font-size:11px}
 .portal-main .surface{padding:19px 16px;border-radius:15px}.portal-main .form-grid{grid-template-columns:minmax(0,1fr);gap:17px}.portal-main fieldset{padding:14px;margin:18px 0;border-radius:11px}.portal-main legend{font-size:11px}.portal-main .check{align-items:flex-start;font-size:12px;line-height:1.6}.portal-main .check input{margin-top:2px}.portal-main .inline-form{align-items:stretch}.portal-main .inline-form .primary{min-height:48px}.portal-main .directory-row{flex-wrap:wrap;gap:12px}.portal-main .directory-row .secondary{min-height:44px}
 .mobile-form-progress{display:block;padding:12px 14px;border:1px solid #dce6eb;border-radius:10px;background:#edf3f5;color:#365c72;font-size:12px;font-weight:600;margin-bottom:24px;scroll-margin-top:calc(72px + env(safe-area-inset-top,0px))}.case-step-heading{font-size:18px;margin:0 0 20px}#case-form>[data-case-step]+[data-case-step]{margin-top:0}.mobile-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.mobile-step-actions button{min-height:48px;flex:1;border-radius:10px;font-size:13px;padding:12px}#case-form>.primary{min-height:51px;width:100%;border-radius:11px;font-size:13px}#case-form #new-files{border:1px dashed #acbfc9;background:#f3f7f7;padding:18px 12px}#case-form .muted{font-size:11px;line-height:1.6}
 #case-detail,#case-action,#notifications,#attention-dialog,#celebration{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;position:fixed;inset:0;margin:0;border:0;border-radius:0;padding:calc(16px + env(safe-area-inset-top,0px)) 17px calc(24px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}#case-detail .dialog-heading,#case-action .dialog-heading,#notifications .dialog-heading,#attention-dialog .dialog-heading,#celebration .dialog-heading{position:sticky;top:calc(-16px - env(safe-area-inset-top,0px));background:var(--cream);z-index:30;margin:-16px -17px 22px;padding:18px 17px 14px;border-bottom:1px solid #dce5e7;align-items:flex-start;gap:12px}dialog .dialog-heading h2{font-size:20px;line-height:1.4;overflow-wrap:anywhere}dialog .dialog-heading .secondary{min-height:43px;padding:10px 12px;font-size:11px}dialog .detail-header-actions{gap:7px;justify-content:flex-end}dialog .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}dialog input,dialog select,dialog textarea{font-size:16px;min-height:48px}dialog input[type="checkbox"]{min-height:20px;height:20px;width:20px}dialog input[type="file"]{font-size:12px}dialog .action-panel .secondary{min-height:44px;font-size:12px}dialog .primary{min-height:48px}dialog .detail-grid dd{font-size:13px;line-height:1.65}dialog .note p{font-size:13px;line-height:1.7}dialog .note small{line-height:1.6}dialog .file-item{flex-wrap:wrap;font-size:12px}dialog .file-item button{min-height:42px}dialog .celebration-mascot{width:200px;height:240px;margin:20px auto}dialog #celebration-text{font-size:15px;line-height:1.8}#celebration #celebration-open{width:100%;margin-top:20px}.portal-main .app-footer{font-size:9px;line-height:1.6;padding:18px 20px}
}
@media(max-width:360px){.portal-main .notification-banner{align-items:flex-start;flex-direction:column}.portal-main .notification-banner .secondary{max-width:none;width:100%}.mobile-welcome img{width:75px;height:101px}.mobile-welcome h2{font-size:20px}.mobile-welcome p{font-size:10px}.portal-main .metric{padding:14px}.mobile-tab{font-size:9px}dialog .detail-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.portal-main #role-preview-button{font-size:0;min-width:44px}.portal-main #role-preview-button::after{content:'Roles';font-size:10px}.portal-main #identity{max-width:130px}.portal-main #identity b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.invite-row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.invite-row-actions .text-button{white-space:normal}#team-action-message:not(:empty){background:#e8f0f3;border:1px solid #cbdde4;border-radius:10px;padding:14px 16px;font-size:12px;line-height:1.7}#team-action-message.error{color:#a22234;background:#fff0f1}#invite-email-editor .primary{margin-top:18px;width:100%;min-height:48px}@media(max-width:760px){.invite-row-actions{width:100%;justify-content:flex-start}.invite-row-actions button{min-height:44px}.member-permission-card .directory-row{align-items:center;flex-wrap:wrap}.member-permission-card .directory-row>[data-member-access]{width:100%}#invite-email-editor{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;margin:0;border-radius:0;padding:calc(18px + env(safe-area-inset-top,0px)) 18px 30px}#invite-email-editor input{font-size:16px;min-height:50px}}
.member-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.member-removal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.member-removal-actions button{min-height:46px}.remove-member-identity{padding:14px 16px;background:#e9f0f3;border-radius:10px;font-size:15px;font-weight:600;color:#234e65}#remove-member-dialog>p{line-height:1.7;font-size:13px}@media(max-width:760px){.member-actions{width:100%;justify-content:flex-start}.member-actions button{min-height:44px}.member-actions .danger{margin-left:auto}#remove-member-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;margin:0;border-radius:0;padding:calc(18px + env(safe-area-inset-top,0px)) 18px 30px}.member-removal-actions button{flex:1;min-height:50px}}

/* Keep phone content within the viewport, including long names and flex rows. */
@media(max-width:760px){
 #portal,.portal-main,.portal-main .app-workspace,.portal-main .app-body{min-width:0;max-width:100%}
 .portal-main .app-header{flex-wrap:wrap;justify-content:center;text-align:center}
 .portal-main .app-brand,.portal-main .account{justify-content:center;max-width:100%;min-width:0}
 .mobile-brand-lockup{justify-content:center;min-width:0;text-align:center}
 .mobile-welcome{flex-direction:column;text-align:center;align-items:center;padding:18px}
 .mobile-welcome>div{width:100%}.mobile-welcome p{max-width:100%;margin:0 auto}.mobile-welcome img{margin:0 auto -8px}
 .portal-main .section-heading,.portal-main .attention-row,.portal-main .recent-row{flex-wrap:wrap}
 .portal-main .section-heading>*,.portal-main .attention-row>*,.portal-main .recent-row>*,.portal-main .directory-row>*,.portal-main .inline-form>*{min-width:0;max-width:100%}
 .portal-main .inline-form{flex-wrap:wrap}.portal-main fieldset{min-inline-size:0}
 .portal-main .crm-row>*,.portal-main .form-grid>*{min-width:0;overflow-wrap:anywhere}
 .portal-main .app-footer{text-align:center}
}

/* Shared case receipt: clear client identity and centered status on every screen. */
#celebration{width:min(520px,calc(100% - 32px));text-align:center}
#celebration .dialog-heading{text-align:left}
#celebration-client{font-size:22px;line-height:1.45;color:var(--ink);text-align:center;margin:20px auto 12px;max-width:100%;overflow-wrap:anywhere}
#celebration-text{font-size:15px;line-height:1.8;text-align:center;max-width:410px;margin:0 auto 24px;color:var(--muted);overflow-wrap:anywhere}
#celebration-open{display:block;min-height:48px;margin:0 auto}
@media(max-width:760px){#celebration{width:100%;max-width:100%}#celebration-client{font-size:21px;margin-top:16px}#celebration-text{padding:0 8px}#celebration #celebration-open{max-width:410px;margin:24px auto 0}}

/* Consistent workflow colors on cards and case details. */
.secondary[data-action="send"],.quick-menu button[data-action="send"]{background:#24596f;color:#fff;border-color:#24596f}
.secondary[data-action="send"]:hover,.quick-menu button[data-action="send"]:hover{background:#173e50;color:#fff}
.secondary[data-contact]{background:#e4f0eb;color:#235e49;border-color:#aacabc}
.secondary[data-contact]:hover{background:#d1e6dc;border-color:#7dab96}
#document-viewer{width:min(1000px,calc(100% - 32px));max-width:100%;max-height:92dvh;padding:20px;background:var(--cream)}
#document-viewer .dialog-heading{position:sticky;top:-20px;background:var(--cream);padding:12px 0;z-index:1;gap:16px}
#document-viewer-title{font-size:17px;overflow-wrap:anywhere;min-width:0}
#document-viewer .dialog-heading button{flex:none;min-height:44px}
.document-preview-stage{min-width:0;text-align:center;margin:16px 0}
#document-preview-image{display:block;max-width:100%;max-height:68dvh;object-fit:contain;margin:auto}
#document-preview-pdf{width:100%;height:65dvh;border:0}
#document-preview-image[hidden],#document-preview-pdf[hidden]{display:none}
#document-preview-link{display:inline-block;padding:12px 0;font-size:13px}
@media(max-width:760px){#document-viewer{width:100%;height:100dvh;max-height:100dvh;inset:0;margin:0;border:0;border-radius:0;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px))}#document-viewer .dialog-heading{top:calc(-16px - env(safe-area-inset-top,0px));display:flex;align-items:center}#document-preview-image{max-height:70dvh}}

/* Workflow choices remain distinct inside the overflow menu and case detail. */
button.secondary[data-action="send"],.portal-main .quick-menu button[data-action="send"]{background:#24596f;color:#fff;border:1px solid #24596f;border-radius:8px;padding:11px 14px}
button.secondary[data-action="signed"],.portal-main .quick-menu button[data-action="signed"]{background:#e4f0eb;color:#235e49;border:1px solid #aacabc;border-radius:8px;padding:11px 14px}
button.secondary[data-action="signed"]:hover,.portal-main .quick-menu button[data-action="signed"]:hover{background:#d1e6dc;color:#235e49;border-color:#7dab96}
.quick-menu button[data-action]{margin-top:7px}
.accident-details{padding:18px;background:#edf2f3;border:1px solid #d8e2e6;border-radius:12px}
.accident-details h3{font-size:16px;color:var(--ink);margin:0 0 12px}
.accident-details .detail-description{margin:0;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}

/* Compact activity history and concrete daily priorities. */
.recent-activity-disclosure>summary{cursor:pointer;font-size:16px;font-weight:600;color:var(--ink);padding:3px 0;min-height:36px;line-height:1.6}
.recent-activity-disclosure>summary span{font-size:11px;font-weight:400;color:var(--muted);margin-left:12px}
.recent-activity-disclosure[open]>summary{margin-bottom:16px}
#recent-activity{max-height:360px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#daily-priority{white-space:pre-line;line-height:1.7}
.portal-main .panel-overview>div{padding-left:16px;text-align:left;align-items:flex-start}
.portal-main .app-toolbar .toolbar-label{margin-left:0;padding-left:0;text-align:left}
@media(max-width:760px){.recent-activity-disclosure>summary span{display:block;margin-left:0}#recent-activity{max-height:45dvh}}
/* Align the workspace label and hero copy with the main heading, without nested indents. */
@media(min-width:761px){
 .portal-main .app-header{padding-left:16px}
 .portal-main .app-workspace{padding-left:16px}
 .portal-main .panel-overview>div{padding-left:0}
 .portal-main .app-toolbar{justify-content:flex-start}
 .portal-main .app-toolbar .toolbar-label{margin:0;padding:0}
}

/* High-visibility final confirmation and review actions, shared across screen sizes. */
button.secondary[data-action="confirm"],.portal-main .quick-menu button[data-action="confirm"]{background:#adff2f;color:#173508;border:1px solid #79c915;border-radius:8px;padding:11px 14px;font-weight:700}
button.secondary[data-action="confirm"]:hover,.portal-main .quick-menu button[data-action="confirm"]:hover{background:#98ed20;color:#173508;border-color:#68b40e}
button.secondary.review-case-action{background:#ffe477;color:#55420a;border:1px solid #d8b641;font-weight:700}
button.secondary.review-case-action:hover{background:#ffda4b;border-color:#c5a02b;color:#55420a}
button.secondary[data-action="confirm"]:focus-visible,button.secondary.review-case-action:focus-visible{outline:3px solid #24596f;outline-offset:3px}

#case-action[data-workflow="confirm"] button.primary{background:#adff2f;color:#173508;border:1px solid #79c915;font-weight:700}#case-action[data-workflow="confirm"] button.primary:hover{background:#98ed20}

#team-performance .section-heading h3,#team-performance .performance-row b{color:#111111}

#notifications button[data-close="notifications"]{background:#e4f0eb;color:#235e49;border-color:#aacabc}
#notifications button[data-event]{background:#24596f;color:#fff;border-color:#24596f}
#notifications button[data-read]{background:#ffe477;color:#55420a;border-color:#d8b641}
#notifications button[data-close="notifications"]:hover{background:#d1e6dc}
#notifications button[data-event]:hover{background:#173e50}
#notifications button[data-read]:hover{background:#ffda4b}
#notifications .event>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
#clear-recent-activities{margin:14px 12px 0 0;min-height:44px}#recent-activity-message{font-size:12px;line-height:1.6}
#clear-activity-dialog{width:min(480px,calc(100% - 32px));border-radius:16px}#clear-activity-dialog>p{font-size:13px;line-height:1.7}

.quality-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid;border-radius:10px;line-height:1.5;margin:10px 0}
.quality-item.quality-complete{background:#e4f0eb;border-color:#aacabc;color:#235e49}
.quality-item.quality-pending{background:#fff3c4;border-color:#e5cd76;color:#68500d}
.quality-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;flex:none;font-weight:700;font-size:18px}
.quality-complete .quality-symbol{background:#287453;color:#fff}
.quality-pending .quality-symbol{background:#ffe477;color:#55420a}
.quality-item small{display:block;font-size:11px;margin-top:3px;font-weight:600}
#drop-confirmation{width:min(480px,calc(100% - 32px));border:1px solid #e9bdc2;border-radius:16px;background:var(--cream)}
#drop-confirmation h2{font-size:22px;line-height:1.4;color:#a22234}
#drop-confirmation p{font-size:13px;line-height:1.7}.drop-confirmation-client{font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.drop-confirmation-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.drop-confirmation-actions button{min-height:48px}
#drop-confirmation [data-confirm-drop]{background:#ad2639;color:#fff;border-color:#ad2639}#drop-confirmation [data-confirm-drop]:hover{background:#8f1d2d}
@media(max-width:540px){.drop-confirmation-actions{flex-direction:column-reverse}.drop-confirmation-actions button{width:100%}}

.case-scope-tabs{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap}.case-scope-tabs button{min-height:44px}.case-scope-tabs .scope-active{background:#173e50;border-color:#173e50;color:#fff}
#member-role-dialog{width:min(600px,calc(100% - 32px));border-radius:16px;max-height:90dvh}#member-role-form>button{min-height:48px;margin-top:16px}#member-role-name{font-weight:600;overflow-wrap:anywhere}
@media(max-width:760px){.case-scope-tabs button{flex:1}#member-role-dialog{width:100%;height:100dvh;max-height:100dvh;inset:0;margin:0;border-radius:0;padding:24px 18px}#member-role-form select{font-size:16px}}

.member-profile-name{border:0;background:transparent;color:#111;font-size:inherit;font-weight:700;text-align:left;padding:0;text-decoration:underline;text-decoration-color:#afbec5;text-underline-offset:4px;cursor:pointer;min-height:36px}
.member-profile-name:hover{color:#24596f;text-decoration-color:currentColor}.member-profile-name:focus-visible{outline:2px solid #24596f;outline-offset:3px}
.member-case-row{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid #dde4e5}.member-case-row>div{flex:1;min-width:0}.member-case-row p{font-size:12px;color:var(--muted);margin:7px 0}.member-case-row small{font-size:11px;color:var(--muted)}.member-case-row .badge{white-space:normal}.member-case-row .secondary{min-height:44px}
#member-performance-dialog .metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}#member-performance-dialog .filters{grid-template-columns:repeat(2,minmax(0,1fr))}#member-performance-dialog .filters small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:7px}
@media(max-width:760px){#member-performance-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;inset:0;margin:0;border:0;border-radius:0;padding:20px 17px}#member-performance-dialog .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.member-case-row{flex-wrap:wrap}.member-case-row>div{flex-basis:100%}.member-case-row .secondary{margin-left:auto}#member-performance-dialog input,#member-performance-dialog select{font-size:16px;min-height:48px}}
@media(max-width:760px){.performance-row .member-profile-name{grid-column:1/-1}}

.clinic-directory-list{display:grid;gap:16px;margin:20px 0}.clinic-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;background:#fffefa;border:1px solid var(--line);border-radius:12px}.clinic-card>div{min-width:0;overflow-wrap:anywhere}.clinic-card h3{font-size:18px;margin:14px 0 10px}.clinic-card p{font-size:13px;line-height:1.7;color:var(--muted)}.clinic-card .badge{margin-right:8px}.clinic-card button{flex:none;min-height:44px}
#clinic-editor{width:min(640px,calc(100% - 32px));border-radius:16px;max-height:90dvh}#clinic-form>.check{margin:20px 0}#clinic-form>.primary{min-height:48px}.private-clinic{padding:18px;border:1px solid #c3d7df;background:#edf3f5;border-radius:12px}.private-clinic p{line-height:1.7;overflow-wrap:anywhere}#clinic-picker-find{margin:12px 0 18px}
@media(max-width:760px){.clinic-card{flex-direction:column;padding:18px}.clinic-card button{width:100%}#clinic-editor{width:100%;max-width:100%;height:100dvh;max-height:100dvh;inset:0;margin:0;border-radius:0;padding:22px 18px}#clinic-editor input{font-size:16px;min-height:48px}}

.clinic-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.clinic-controls .clinic-deactivate{background:#fff1bf;color:#624900;border-color:#c89822}.clinic-controls .clinic-activate{background:#daf4e2;color:#155d32;border-color:#4b9b66}@media(max-width:760px){.clinic-controls{width:100%}.clinic-controls button{flex:1 1 100%}}

/* Keep case overflow actions inside the phone viewport, above bottom navigation. */
@media(max-width:760px){
 .portal-main .quick-menu{position:fixed;inset:auto max(14px,env(safe-area-inset-right,0px)) calc(90px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));width:auto;min-width:0;max-width:none;max-height:calc(100dvh - 180px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:10px;border-radius:14px;box-shadow:0 -8px 32px #102e3d26}
 .portal-main .quick-menu button,.portal-main .quick-menu .secondary{width:100%;min-width:0;min-height:46px;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.5}
}

/* Center brand lines together beside the unchanged logo. */
@media(max-width:980px){
 .portal-mobile-bar>button{flex-shrink:0}
 .portal-mobile-bar .mobile-brand-lockup{flex:1;min-width:0;justify-content:flex-start}
 .portal-mobile-bar .mobile-brand-lockup>img{flex-shrink:0}
 .portal-mobile-bar .mobile-brand-lockup>span{flex:0 1 auto;min-width:0;align-items:center;text-align:center}
}

.contact-record{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;width:fit-content;max-width:100%;margin-top:10px;padding:8px 10px;border-radius:8px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.contact-record.contact-complete{background:#e4f2e8;border:1px solid #b5d5bf;color:#225d39}.contact-record.contact-pending{background:#fff3d0;color:#7d601e}.crm-client .contact-record time,.contact-record.contact-complete time{font-size:11px;color:#225d39}.contact-record span{font-size:11px}#detail-body>.contact-record{margin-top:14px;padding:12px 14px}button[data-contact]{background:#e4f2e8;border-color:#91bfa1;color:#225d39}

/* Searchable clinic choices use direct selection on desktop and phones. */
.clinic-search-controls{display:flex;flex-wrap:wrap;gap:8px}
.clinic-choices{max-height:300px;max-height:min(300px,40dvh);overflow-y:auto;overscroll-behavior:contain;padding:3px}
#action-fields label.clinic-choice{display:flex;align-items:flex-start;gap:12px;margin:0 0 8px;padding:14px;border:1px solid #c8cdd4;border-radius:10px;cursor:pointer;min-height:48px}
#action-fields .clinic-choice input{width:18px;height:18px;flex:0 0 18px;margin:3px 0;accent-color:#142b49}
.clinic-choice>span{min-width:0;overflow-wrap:anywhere}.clinic-choice>span>span{display:block;margin-top:4px;font-size:.9em}
#action-fields label.clinic-choice:has(input:checked){border-color:#142b49;background:#eef2f6;box-shadow:0 0 0 1px #142b49}
#action-fields label.clinic-choice:focus-within{outline:2px solid #142b49;outline-offset:1px}