/* One clear task per screen. Existing authenticated workflows remain intact. */
:root{--canvas:#f4f5f6;--ink:#252a30;--muted:#616972;--line:#e2e5e8;--red:#bd2026;--radius:12px;font-size:15px}
body{background:var(--canvas)}
.app-shell{display:block;min-height:100vh}.sidebar{position:sticky;inset:auto;top:0;width:100%;height:auto;min-height:76px;z-index:30;display:flex;align-items:center;gap:32px;padding:12px max(24px,calc((100vw - 1240px)/2));background:#fff;color:var(--ink);border-bottom:1px solid var(--line);transform:none}
.brand{padding:0;gap:10px;flex:none;color:var(--ink)}.brand-mark{width:38px;height:42px;font-size:31px}.brand-copy strong{font-size:16px}.brand-copy span{font-size:10px;color:var(--muted)}.nav-section{margin:0;padding:0;flex:1}.nav-section-label,.sidebar-note{display:none}#main-nav{display:flex;gap:8px}.nav-item{display:flex;align-items:center;gap:9px;color:#515a64;border:0;border-radius:8px;margin:0;min-height:46px;padding:11px 16px;font-size:15px;font-weight:600;box-shadow:none;background:none}.nav-item .icon{width:19px;height:19px}.nav-item.active{color:#971c23;background:#faeeee;box-shadow:none;border:0}.nav-item:hover{background:#f3f4f6;color:#252a30}.nav-item.active:hover{background:#faeeee}.support-nav{border:0;padding:0;margin:0;flex:none}.sidebar-footer{padding:0;margin:0;border:0;flex:none}.sidebar-footer>.sidebar-reset{display:none}.profile{padding:0;min-height:46px;color:var(--ink);gap:10px;max-width:190px}.profile-avatar{background:#f0f1f2;color:#48505a;border:1px solid var(--line)}.profile strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.profile small{font-size:11px;color:var(--muted)}.sidebar-overlay,.mobile-menu-btn{display:none!important}
.workspace{margin:0 auto!important;padding:34px 28px 20px;max-width:1160px;min-width:0;min-height:calc(100vh - 76px)}.topbar{margin:0 0 26px;align-items:center;gap:20px}.topbar h1{font-size:30px;line-height:1.2;margin:0 0 7px;letter-spacing:-.8px}.topbar .eyebrow{display:none}.subtitle{font-size:15px;line-height:1.55;color:var(--muted);margin:0}.topbar-actions{gap:8px}.button{font-size:14px;min-height:44px;border-radius:8px;padding:11px 16px;line-height:1.35;letter-spacing:0}.button.primary{background:var(--red);border-color:var(--red);box-shadow:none}.button.primary:hover{background:#a61b22}.button.ghost{color:#515a64}.button.small{min-height:40px}.field>span{font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;color:#3e4650}.field input,.field select,.field textarea{font-size:15px;min-height:44px}.badge{font-size:11px;letter-spacing:0;text-transform:none;font-weight:600;padding:5px 8px}.badge.neutral{background:#eef0f2;color:#4d5660}.badge.blue{background:#eaf1fb;color:#235e99}.badge.amber{background:#fff4df;color:#825400}.badge.green{background:#eaf3ec;color:#386147}.badge.red{background:#fcebec;color:#a5252a}.icon-button{min-width:40px;min-height:40px}
.home-welcome{background:#fff;border:1px solid var(--line);border-top:3px solid var(--yellow);border-radius:12px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.home-date{color:var(--muted);font-size:13px}.home-welcome h2{font-size:24px;letter-spacing:-.4px;margin:9px 0;line-height:1.3}.home-welcome p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.home-welcome>.button{flex:none}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 30px}.home-shortcuts>button{text-align:left;padding:21px 23px;border:1px solid var(--line);background:white;border-radius:10px;display:grid;gap:11px}.home-shortcuts>button:hover{border-color:#a9b1ba;background:#fdfdfd}.home-shortcuts>button>span{font-size:14px;color:#4c545d}.home-shortcuts strong{font-size:28px;line-height:1.25;letter-spacing:-.5px}.home-shortcuts small{font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.home-shortcuts .icon{width:16px;height:16px}.home-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.home-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.simple-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px 14px}.simple-section-title h2{font-size:17px;margin:0;line-height:1.4}.text-button{font-size:12px;min-height:36px}.overview-row,.overview-appointment{width:100%;display:flex;align-items:center;gap:13px;border:0;border-top:1px solid #edf0f2;background:transparent;padding:17px 22px;text-align:left}.overview-row:hover,.overview-appointment:hover{background:#fafbfc}.overview-row>span:nth-child(2),.overview-appointment>span:nth-child(2){display:grid;gap:5px;min-width:0;flex:1}.overview-row strong,.overview-appointment strong{font-size:14px}.overview-row small,.overview-appointment small{font-size:12px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.overview-row .avatar{width:36px;height:36px;flex:none;background:#f0f2f4;color:#525f6d}.overview-row-end{display:flex;align-items:center;gap:10px}.overview-row-end>.icon,.overview-appointment>.icon{width:17px;height:17px;color:#7f8790}.simple-date{background:#f5f4ef;border:1px solid #e7e4d9;border-radius:8px;min-width:47px;text-align:center;display:grid;gap:2px;padding:6px}.simple-date strong{font-size:20px}.simple-date small{font-size:10px}.home-empty{font-size:14px;color:var(--muted);line-height:1.65;padding:8px 22px 24px;margin:0}
#stats{display:none!important}.inbox-views{display:flex;width:auto;margin:0 0 18px;gap:6px;background:#e9ecef;border-radius:9px;padding:4px;max-width:max-content}.inbox-view{border:0;box-shadow:none;background:transparent;border-radius:6px;font-size:14px;font-weight:600;padding:9px 18px;color:#636b74}.inbox-view.active{background:#fff;color:#2e343c;box-shadow:0 1px 3px #0000000d}.inbox-toolbar{margin-bottom:16px;align-items:flex-start;gap:12px;flex-wrap:wrap}.search-field{background:#fff;border:1px solid var(--line);border-radius:8px;max-width:520px;min-height:46px;flex:1}.search-field input{font-size:15px}.simple-filter{position:relative;flex:none}.simple-filter>summary{list-style:none;cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px 18px;font-size:14px;font-weight:500;min-height:46px}.simple-filter>summary::-webkit-details-marker{display:none}.simple-filter[open]>summary{background:#eef0f2}.simple-filter .toolbar-filters{position:absolute;right:0;top:54px;z-index:10;width:300px;max-width:calc(100vw - 36px);background:#fff;border:1px solid var(--line);padding:18px;border-radius:10px;box-shadow:0 12px 35px #18202915;display:grid;gap:14px}.toolbar-filters .field{width:100%;margin:0}.toolbar-filters select{width:100%;font-size:15px}.inbox-layout{display:block;min-height:0}.request-list-panel{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;max-height:none}.list-header{padding:17px 22px;background:#fff;border-bottom:1px solid var(--line)}.list-header strong{font-size:14px}.list-order{font-size:12px}.list-header #result-count{font-size:12px;margin-left:10px}.simple-request-row{width:100%;display:flex;align-items:center;gap:16px;text-align:left;background:#fff;border:0;border-bottom:1px solid #e9ecef;min-height:100px;padding:19px 22px;position:relative}.simple-request-row:last-child{border-bottom:0}.simple-request-row:hover{background:#f9fafb}.simple-request-row>.avatar{width:42px;height:42px;flex:none;background:#f1f3f5;color:#586574}.simple-request-main{display:grid;gap:5px;min-width:0;flex:1}.simple-request-main strong{font-size:15px}.simple-request-main>span{font-size:14px;overflow-wrap:anywhere}.simple-request-main small{font-size:12px;color:var(--muted)}.simple-request-status{display:grid;gap:7px;justify-items:start;width:165px;flex:none}.simple-request-status small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.simple-request-date{font-size:12px;color:var(--muted);min-width:67px}.simple-request-row>.icon{width:18px;height:18px;color:#858c94}.simple-request-row.urgent:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--red);border-radius:0 3px 3px 0}
.detail-panel{display:none;max-height:none;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:visible}.detail-panel .loading-view{min-height:240px}body[data-detail-open="true"] #inbox-views,body[data-detail-open="true"] .inbox-toolbar,body[data-detail-open="true"] .request-list-panel{display:none!important}body[data-detail-open="true"] .detail-panel{display:block!important}body[data-detail-open="false"] .detail-panel{display:none!important}body[data-detail-open="true"] .topbar{display:none}.simple-case-header{padding:24px 32px;border-bottom:1px solid var(--line)}.simple-case-header>button{margin:0 0 20px -12px}.simple-case-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.simple-case-header h1{font-size:27px;line-height:1.3;letter-spacing:-.5px;margin:15px 0}.simple-customer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:14px}.simple-customer .contact-item{padding:0;gap:7px;min-width:0}.simple-customer .contact-item small{display:none}.simple-customer .contact-item .icon{width:16px;height:16px}.simple-customer .contact-item strong{font-size:13px;font-weight:500}.simple-case-owner{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:12px;color:var(--muted)}.simple-case-content{padding:0 32px 30px}.simple-customer-message{padding:26px 0}.simple-customer-message h3{font-size:13px;margin:0 0 13px;color:var(--muted);font-weight:600}.simple-customer-message .message-text{font-size:16px;line-height:1.75;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.simple-next-step{padding:23px;background:#f5f6f7;border:1px solid #e8eaed;border-radius:10px;margin-bottom:22px}.simple-next-step h3{font-size:17px;margin:0 0 6px}.simple-next-step p{font-size:13px;color:var(--muted);margin:0}.simple-primary-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.simple-case-content>.detail-section{padding:24px 0;border-top:1px solid var(--line);margin:0}.simple-extras{margin-top:22px}.simple-extras>details{border-top:1px solid var(--line)}.simple-extras summary{cursor:pointer;font-size:14px;font-weight:600;padding:19px 0;list-style:revert}.simple-disclosure-body{padding:0 0 24px}.simple-disclosure-body .field{margin-bottom:15px}.simple-disclosure-body>form>.button{margin-top:12px}.simple-disclosure-body .request-facts{margin:0}.simple-case-content .callout{font-size:12px;padding:10px 12px}.application-section .inline-actions{gap:8px}.section-title h3{font-size:16px}.message-card{box-shadow:none}.workspace-footnote{font-size:11px;color:#68717b;margin-top:27px;line-height:1.6}
.simple-more{max-width:780px;margin:0 auto;display:grid;gap:12px}.simple-more>button{padding:23px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left}.simple-more>button>span{display:grid;gap:6px;flex:1}.simple-more>button strong{font-size:16px}.simple-more>button small{font-size:13px;color:var(--muted);line-height:1.5}.simple-more>button>.icon{width:22px;height:22px;color:#707b87}.simple-more>a{font-size:13px;justify-self:center;padding:15px}.administration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-card p{line-height:1.6}.modal{border-radius:14px;max-width:640px}.modal-header{padding:24px 26px}.modal-header h2{font-size:21px;letter-spacing:-.4px}.modal-header .eyebrow{font-size:10px;color:#64707b}.modal-body{padding:24px 26px}.modal-body>p{font-size:14px;line-height:1.7}.modal-footer{padding:18px 26px;background:#fafbfc;border-top:1px solid var(--line);gap:10px}.form-error,.app-error{font-size:14px;line-height:1.6}.auth-card{border-radius:16px;box-shadow:0 8px 35px #13203908}.auth-card h1{font-size:28px}.auth-screen .subtitle{font-size:15px}.auth-notice{font-size:14px;line-height:1.6}.callout.warning{line-height:1.65}
@media(max-width:1050px){.sidebar{gap:16px;padding:12px 24px}.nav-item{padding:11px 12px}.profile>span:last-child{display:none}.workspace{padding:28px 24px}.home-welcome{padding:24px}.home-columns{gap:16px}.simple-request-status{width:145px}}
@media(max-width:760px){.sidebar{display:grid;grid-template-columns:1fr auto auto;gap:9px 14px;padding:12px 16px 0;position:sticky;min-height:0;height:auto;width:100%;max-width:none;transform:none!important}.brand{grid-column:1;grid-row:1}.brand-copy{display:grid}.brand-mark{width:29px;height:33px;font-size:25px}.brand-copy strong{font-size:14px}.brand-copy span{font-size:9px}.sidebar-footer{grid-column:3;grid-row:1}.profile{min-height:35px}.profile-avatar{width:33px;height:33px;font-size:11px}.support-nav{grid-column:2;grid-row:1}.support-nav .nav-item{min-height:35px;padding:6px 8px;font-size:13px}.support-nav .icon{width:16px;height:16px}.nav-section{grid-column:1/-1;grid-row:2;width:100%}#main-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.nav-item{border-radius:0;justify-content:center;padding:12px 4px;font-size:13px;min-height:45px;gap:7px}.nav-item.active{background:transparent;box-shadow:inset 0 -3px 0 var(--red)}.nav-item .icon{width:17px;height:17px}.workspace{padding:24px 16px 18px}.topbar{display:block;margin-bottom:22px}.topbar h1{font-size:26px}.subtitle{font-size:14px}.topbar-actions{margin-top:15px;display:flex;justify-content:flex-start}.topbar-actions .button{font-size:12px;min-height:40px;padding:9px 12px}#refresh-button{width:auto!important}#refresh-button .icon{display:inline}.home-welcome{padding:22px;display:block}.home-welcome h2{font-size:21px}.home-welcome>.button{margin-top:20px;width:100%}.home-shortcuts{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 22px}.home-shortcuts>button{padding:16px;gap:9px}.home-shortcuts>button:last-child{display:none}.home-shortcuts>button>span{font-size:12px}.home-shortcuts strong{font-size:27px}.home-shortcuts small{font-size:11px}.home-columns{grid-template-columns:1fr;gap:18px}.simple-section-title{padding:17px 16px 12px}.simple-section-title h2{font-size:16px}.overview-row,.overview-appointment{padding:15px 16px;gap:10px}.overview-row-end{gap:4px}.overview-row-end>.icon{display:none}.overview-row strong,.overview-appointment strong{font-size:13px}.overview-row small,.overview-appointment small{font-size:12px}.inbox-views{display:flex;width:100%;max-width:none;gap:2px;padding:4px}.inbox-view{flex:1;padding:9px 4px;font-size:12px;white-space:nowrap}.inbox-toolbar{display:flex;gap:8px}.search-field{min-width:0;flex:1;max-width:none}.search-field input{width:100%;font-size:14px;padding-left:6px}.simple-filter>summary{font-size:12px;padding:13px 10px}.simple-filter .toolbar-filters{right:0}.list-header{padding:16px}.list-order{display:none}.simple-request-row{padding:18px 15px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px 11px;min-height:118px}.simple-request-row>.avatar{grid-column:1;grid-row:1;width:34px;height:34px;font-size:11px}.simple-request-main{grid-column:2;grid-row:1}.simple-request-main strong{font-size:14px}.simple-request-main>span{font-size:13px;line-height:1.5}.simple-request-main small{font-size:11px;line-height:1.4}.simple-request-row>.icon{grid-column:3;grid-row:1;width:15px}.simple-request-status{grid-column:2/-1;grid-row:2;width:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.simple-request-date{display:none}.simple-request-status small{font-size:10px}.simple-request-status .badge{font-size:10px;padding:4px 7px}.simple-case-header{padding:18px}.simple-case-header>button{margin-bottom:16px;font-size:12px}.simple-case-meta{font-size:11px;gap:8px}.simple-case-header h1{font-size:23px;margin:13px 0}.simple-customer{display:grid;gap:11px}.simple-customer .contact-item{max-width:100%;overflow-wrap:anywhere}.simple-case-content{padding:0 18px 18px}.simple-customer-message{padding:22px 0}.simple-customer-message .message-text{font-size:15px}.simple-next-step{padding:17px;margin-bottom:20px}.simple-next-step h3{font-size:16px}.simple-next-step p{font-size:12px}.simple-primary-actions{display:grid;gap:8px}.simple-primary-actions .button{width:100%;font-size:13px}.simple-extras summary{font-size:13px;padding:18px 0}.simple-disclosure-body .split-row{display:grid;grid-template-columns:1fr}.simple-case-content .inline-actions{gap:8px}.simple-case-content .inline-actions>.button{flex:1;font-size:12px}.simple-case-content .section-title{align-items:flex-start;gap:10px;flex-wrap:wrap}.simple-case-content .section-title h3{font-size:15px}.simple-case-content .calendar-card{padding:15px;gap:12px}.simple-more>button{padding:19px 16px;gap:12px}.simple-more>button strong{font-size:15px}.simple-more>button small{font-size:12px}.administration-grid{grid-template-columns:1fr}.modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;border-radius:12px}.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.modal-footer{padding:15px 20px;display:flex;flex-wrap:wrap}.modal-footer>.button{flex:1;font-size:13px}.workspace-footnote{font-size:10px;margin-top:22px}.sidebar-overlay{display:none!important}}
.sidebar{flex-direction:row;overflow:visible}.sidebar .nav-section{margin:0}.brand-copy strong,.profile strong{color:var(--ink)}.profile{margin:0;border:0}.profile:hover{background:#f3f4f6;border-radius:7px}.profile .avatar{background:#f0f2f4;color:#4b5765;border-color:#dce1e6}.nav-item{width:auto}.nav-item.active svg{color:currentColor}.topbar-actions{padding-top:0}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.simple-customer-message .message-text{max-width:800px}

.reply-recipient{font-size:14px;line-height:1.7;margin:0 0 20px}.reply-recipient span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.simple-reply-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:18px 0 10px}.simple-reply-check input{margin-top:4px;flex:none}.simple-reply-more{margin-top:23px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.simple-reply-more summary{padding-top:16px;cursor:pointer;font-weight:600}.simple-reply-more p{line-height:1.65}

.modal-body>p{color:var(--muted)}.modal-body>.reply-recipient{color:var(--ink)}

/* Narrow screens and long customer/team text retain readable controls. */
.simple-request-main,.simple-case-header,.simple-case-owner,.home-welcome,.modal-header>div,.auth-card{min-width:0}
.simple-request-main strong,.simple-case-header h1,.home-welcome h2,.auth-card h1,.auth-notice,.simple-case-owner{overflow-wrap:anywhere}
.button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:760px){.field input,.field select,.field textarea,.search-field input{font-size:16px}.modal-footer>.button{min-width:0}}