:root{--teal:#005478;--cyan:#00adee;--lime:#99c13c;--ink:#17313d;--muted:#526873;--page:#f4f7f9;--panel:#fff;--soft:#e7f3f7;--line:#d5e0e5;--success:#287a4b;--warning:#9a6500;--danger:#b42332;--shadow:0 16px 44px rgba(0,84,120,.10)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--page);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,.brand{font-family:Sora,Inter,"Segoe UI",sans-serif}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12;margin:.25rem 0 .75rem}h2{font-size:1.1rem}button,input,select,textarea{font:inherit}.app-header{min-height:76px;display:flex;align-items:center;gap:2rem;padding:.75rem max(1rem,calc((100% - 1180px)/2));background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand img{width:205px;max-height:48px;object-fit:contain;object-position:left center}.main-nav,.account-nav{display:flex;align-items:center;gap:1.15rem}.main-nav{margin-left:auto}.main-nav a,.account-nav a,.account-nav button{color:var(--ink);font-weight:500}.account-nav form{margin:0}.account-nav button{border:0;background:none;cursor:pointer}.nav-toggle{display:none}.app-main{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 5rem;min-height:calc(100vh - 150px)}.app-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem max(1rem,calc((100% - 1180px)/2));color:var(--muted);border-top:1px solid var(--line);background:var(--panel);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.65rem;padding:.72rem 1rem;border:1px solid transparent;font-weight:600;cursor:pointer}.btn:hover{text-decoration:none}.btn-brand{background:var(--teal);color:#fff}.btn-brand:hover{background:#00425e}.btn-quiet{background:var(--panel);border-color:var(--line);color:var(--ink)}.btn-block{width:100%}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-size:.76rem;font-weight:600}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:4rem 0}.hero h1 em{color:var(--teal);font-style:normal}.hero>div>p{max-width:620px;font-size:1.12rem;color:var(--muted)}.hero-actions,.form-actions{display:flex;gap:.75rem;align-items:center;margin-top:1.5rem}.hero-panel{background:var(--teal);color:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow)}.hero-panel-label{color:#bfe4ee;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.hero-panel ol{list-style:none;padding:0;margin:1rem 0 0;counter-reset:steps}.hero-panel li{display:grid;grid-template-columns:2.2rem 1fr;gap:.2rem .7rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.18);counter-increment:steps}.hero-panel li:before{content:counter(steps);grid-row:1/3;color:var(--lime);font-family:Sora;font-size:1.4rem}.hero-panel li span{color:#d8edf2;font-size:.87rem}.feature-strip,.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-strip article,.settings-grid article{background:var(--panel);border:1px solid var(--line);padding:1.4rem;border-radius:.8rem}.feature-strip article>span{color:var(--lime);font-weight:600}.feature-strip p,.settings-grid p,.page-heading p{color:var(--muted)}.page-heading,.ticket-title{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:2rem}.page-heading h1,.ticket-title h1{font-size:2rem}.page-heading p,.ticket-title p{margin:0}.ticket-panel,.form-card,.reply-box,.side-card,.conversation{background:var(--panel);border:1px solid var(--line);border-radius:.85rem;overflow:hidden}.ticket-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 90px 32px;gap:1rem;align-items:center;padding:1.1rem 1.25rem;color:var(--ink);border-bottom:1px solid var(--line)}.ticket-row:last-child{border:0}.ticket-row:hover{background:#f9fbfc;text-decoration:none}.ticket-row small{display:block;color:var(--muted);margin-top:.25rem}.ticket-row.agent{grid-template-columns:minmax(0,1fr) 180px 90px 145px}.status{display:inline-flex;align-items:center;width:max-content;padding:.28rem .58rem;border-radius:99px;font-size:.78rem;font-weight:600;background:var(--soft);color:var(--teal)}.status-pendingcustomer,.status-pendingthirdparty{background:#fff4d9;color:var(--warning)}.status-resolved,.status-closed{background:#e5f5eb;color:var(--success)}.priority{font-size:.83rem;color:var(--muted)}.priority-high,.priority-urgent{color:var(--danger);font-weight:600}.empty-state{text-align:center;padding:4rem 1rem}.form-card{max-width:760px;padding:2rem}.field{display:grid;gap:.4rem;margin-bottom:1.2rem}.field label,.reply-box>label{font-weight:600}.field input,.field select,.field textarea,.reply-box textarea,.side-card select{width:100%;border:1px solid #b9c8cf;border-radius:.55rem;background:#fff;color:var(--ink);padding:.72rem .8rem}.field input:focus,.field select:focus,.field textarea:focus,.reply-box textarea:focus{outline:3px solid rgba(0,173,238,.25);border-color:var(--teal)}.field small{color:var(--muted)}.field span,.reply-box span[data-valmsg-for]{color:var(--danger);font-size:.85rem}.validation-summary{color:var(--danger)}.notice{padding:.8rem 1rem;border-radius:.6rem;margin-bottom:1rem}.notice.success{background:#e5f5eb;color:var(--success)}.conversation{padding:0 1.5rem}.message{padding:1.4rem 0;border-bottom:1px solid var(--line)}.message:last-child{border:0}.message header{display:flex;justify-content:space-between;gap:1rem}.message header time,.message header span{color:var(--muted);font-size:.8rem}.message p{white-space:pre-wrap;margin:.75rem 0 0}.message.internal{background:#fff9e8;margin:0 -1.5rem;padding:1.4rem 1.5rem}.reply-box{padding:1.4rem;margin-top:1rem}.reply-box textarea{display:block;margin-top:.45rem}.composer-tabs{display:flex;justify-content:flex-end;margin-bottom:.6rem}.agent-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem}.side-card{padding:1.3rem;height:max-content}.side-card h2{margin-top:0}.side-card dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.5rem;font-size:.88rem}.side-card dt{color:var(--muted)}.side-card dd{text-align:right;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.metric-grid>div{background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:1rem 1.2rem}.metric-grid span{display:block;color:var(--muted);font-size:.82rem}.metric-grid strong{font-family:Sora;font-size:1.8rem;color:var(--teal)}.filter-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.filter-tabs a{background:var(--panel);border:1px solid var(--line);border-radius:.55rem;padding:.5rem .75rem;font-size:.85rem}.settings-grid article>span{font-size:.8rem;color:var(--teal);font-weight:600}
@media(max-width:820px){.app-header{flex-wrap:wrap}.nav-toggle{display:block;margin-left:auto;background:var(--panel);border:1px solid var(--line);border-radius:.5rem;padding:.5rem}.main-nav{display:none;order:3;width:100%;margin:0;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.account-nav{margin-left:auto}.hero,.agent-ticket-layout{grid-template-columns:1fr}.feature-strip,.settings-grid{grid-template-columns:1fr 1fr}.ticket-row,.ticket-row.agent{grid-template-columns:minmax(0,1fr) auto}.ticket-row>*:nth-child(3),.ticket-row>*:nth-child(4){display:none}}
@media(max-width:540px){.brand img{width:150px}.account-nav>a:first-child{display:none}.app-main{padding-top:2rem}.hero{padding:1rem 0 3rem}.feature-strip,.settings-grid,.metric-grid{grid-template-columns:1fr}.page-heading,.ticket-title{flex-direction:column}.app-footer{flex-direction:column}.message header{flex-direction:column;gap:.2rem}}

/* Portal refinement: consistent controls, cards, tables, and responsive layouts. */
body{font-size:1rem}.app-main{width:min(1240px,calc(100% - 3rem))}.app-header{padding-inline:max(1.5rem,calc((100% - 1240px)/2));box-shadow:0 1px 0 rgba(23,49,61,.03)}
.main-nav a,.account-nav a,.account-nav button{position:relative;padding:.55rem .2rem;text-decoration:none}.main-nav a:hover,.account-nav a:hover,.account-nav button:hover{color:var(--teal);text-decoration:none}.main-nav a.active{color:var(--teal)}.main-nav a.active:after{content:"";position:absolute;left:.15rem;right:.15rem;bottom:.15rem;height:2px;border-radius:2px;background:var(--lime)}.account-nav a.btn-brand,.account-nav a.btn-brand:hover{padding:.72rem 1rem;color:#fff}
.page-heading{align-items:center}.page-heading h1,.ticket-title h1{margin-top:.35rem}.page-heading p{max-width:720px}.back-link{display:inline-flex;margin-bottom:.55rem;font-size:.9rem;font-weight:600}
.btn{min-height:44px;line-height:1.2;box-shadow:none}.btn-sm{min-height:36px;padding:.45rem .75rem}.btn-brand:focus,.btn-quiet:focus{box-shadow:0 0 0 .25rem rgba(0,173,238,.2)}
.form-control,.form-select,.field input,.field select,.field textarea,.reply-box textarea,.side-card select{min-height:46px;border-color:#b9c8cf;border-radius:.6rem;padding:.68rem .8rem;box-shadow:none}.form-control:focus,.form-select:focus{border-color:var(--teal);box-shadow:0 0 0 .22rem rgba(0,173,238,.18)}
.form-label,.field label{margin-bottom:.4rem;color:var(--ink);font-weight:600}.text-danger{display:block;margin-top:.3rem;font-size:.84rem}.form-intro{color:var(--muted);margin-bottom:1.5rem}
.queue-filter{align-items:stretch;background:var(--panel);border:1px solid var(--line);border-radius:.85rem;padding:.85rem;margin-inline:0!important}.queue-filter>div:first-child{padding-left:0}.queue-filter>div:last-child{padding-right:0}.queue-filter .btn{height:100%}
.ticket-panel{box-shadow:0 8px 28px rgba(0,84,120,.04)}.ticket-columns{display:grid;grid-template-columns:minmax(0,1fr) 170px 90px 32px;gap:1rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--line);background:#f9fbfc;color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.ticket-columns.agent{grid-template-columns:minmax(0,1fr) 180px 90px 145px}.ticket-columns span:last-child{text-align:right}.ticket-row{min-height:76px;transition:background .15s ease,box-shadow .15s ease}.ticket-row:hover{position:relative;background:#f3f9fb;box-shadow:inset 3px 0 0 var(--cyan)}.ticket-row strong{font-weight:600}.row-arrow{color:var(--teal);font-size:1.2rem}.ticket-updated{color:var(--muted);font-size:.86rem;text-align:right}
.metric-grid>div{min-height:96px;display:flex;flex-direction:column;justify-content:center;padding:1.05rem 1.4rem}.metric-grid strong{line-height:1.15;margin-top:.15rem}.settings-grid article{min-height:175px;display:flex;flex-direction:column}.settings-grid article h2{margin-bottom:.5rem}.settings-grid article p{flex:1}.settings-grid article a,.settings-grid article>span{margin-top:auto}
.content-card{background:var(--panel);border:1px solid var(--line);border-radius:.85rem;overflow:hidden}.admin-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.75fr);gap:1.25rem;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem 1.5rem;border-bottom:1px solid var(--line)}.section-heading h2{margin:0}.section-heading p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.count-badge{display:grid;place-items:center;min-width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--teal);font-weight:600}.mailbox-form-card{max-width:none;padding:1.5rem}.mailbox-form-card h2{margin:0 0 .4rem}.mailbox-table-wrap{padding:0 .75rem}.mailbox-table{margin:0}.mailbox-table th{padding:1rem .75rem;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;border-bottom-color:var(--line)}.mailbox-table td{padding:1rem .75rem;border-bottom-color:var(--line);vertical-align:middle}.mailbox-table tbody tr:last-child td{border-bottom:0}.mailbox-table td:first-child span{color:var(--muted);font-size:.88rem}.mailbox-table form{margin:0;text-align:right}
.conversation{box-shadow:0 8px 28px rgba(0,84,120,.04)}.message{position:relative;padding:1.5rem .15rem}.message.customer{padding-left:1rem;border-left:3px solid var(--cyan)}.message.agent{padding-left:1rem;border-left:3px solid var(--lime)}.message header{align-items:flex-start}.message header>div{display:grid;gap:.12rem}.message header strong{font-size:.93rem}.message-kind{color:var(--muted);font-size:.75rem}.message p{max-width:82ch;overflow-wrap:anywhere}.message-expand{margin-top:1rem}.message-expand summary{width:max-content;color:var(--teal);cursor:pointer;font-size:.85rem;font-weight:600}.message-expand[open] summary{margin-bottom:.75rem}.message-expand p{padding:1rem;border-radius:.55rem;background:#f7f9fa;color:var(--muted);font-size:.9rem}.reply-box{padding:1.5rem;box-shadow:0 8px 28px rgba(0,84,120,.04)}.composer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.composer-heading strong,.composer-heading span{display:block}.composer-heading span{margin-top:.15rem;color:var(--muted);font-size:.85rem}.switch-field{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border:1px solid var(--line);border-radius:.55rem;font-size:.87rem;font-weight:600;white-space:nowrap}.switch-field input{width:1rem;height:1rem;accent-color:var(--teal)}
.side-card{position:sticky;top:96px}.side-card form{display:grid;gap:.1rem}.side-card dl{padding-top:1.2rem;border-top:1px solid var(--line)}
.auth-shell{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1fr);gap:clamp(2rem,7vw,6rem);align-items:center;max-width:1040px;margin:2rem auto}.auth-copy p{max-width:470px;color:var(--muted);font-size:1.08rem}.auth-card{max-width:none;padding:2rem}.auth-card h2{margin:0 0 .35rem}.label-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.label-row a{font-size:.86rem}.remember-field{display:flex;align-items:center;gap:.55rem;margin:-.2rem 0 1.25rem;color:var(--muted);font-size:.9rem}.remember-field input{width:1rem;height:1rem;accent-color:var(--teal)}.auth-alternate{margin:1.25rem 0 0;text-align:center;color:var(--muted);font-size:.9rem}
.plan-badge{display:inline-flex;align-items:center;width:max-content;padding:.45rem .75rem;border:1px solid rgba(0,84,120,.16);border-radius:99px;background:var(--soft);color:var(--teal);font-size:.82rem;font-weight:600}.subscription-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.subscription-summary>div{padding:1.4rem;border-right:1px solid var(--line)}.subscription-summary>div:last-child{border:0}.subscription-summary span,.subscription-summary strong{display:block}.subscription-summary span{margin-bottom:.35rem;color:var(--muted);font-size:.8rem}.section-title{margin:2rem 0 1rem}.usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.usage-card{padding:1.15rem 1.25rem;border:1px solid var(--line);border-radius:.75rem;background:var(--panel)}.usage-card>div:first-child{display:flex;justify-content:space-between;gap:1rem}.usage-card span{color:var(--muted)}.usage-card strong small{color:var(--muted);font-weight:400}.usage-meter{height:.45rem;margin-top:1rem;overflow:hidden;border-radius:99px;background:#e9eff2}.usage-meter span{display:block;height:100%;border-radius:inherit;background:var(--teal)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);padding:0 1.25rem}.feature-list>div{display:grid;grid-template-columns:28px 1fr auto;gap:.65rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.feature-list>div:nth-last-child(-n+2){border-bottom:0}.feature-list strong{font-size:.82rem}.feature-state{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eef2f4;color:var(--muted);font-weight:600}.feature-state.included{background:#e5f5eb;color:var(--success)}.platform-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);gap:1.25rem;align-items:start}.tenant-table-head,.tenant-row{display:grid;grid-template-columns:minmax(220px,1fr) 100px 110px 55px 55px 90px;gap:.75rem;align-items:center;padding:.9rem 1.25rem}.tenant-table-head{border-bottom:1px solid var(--line);background:#f9fbfc;color:var(--muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.tenant-row{border-bottom:1px solid var(--line)}.tenant-row:last-child{border:0}.tenant-row small{display:block;margin-top:.2rem;color:var(--muted)}.tenant-row form{margin:0}.provision-card{padding:1.5rem}.provision-card h2{margin:0 0 .35rem}.provision-card>p{margin:0 0 1.4rem;color:var(--muted)}.stack-form{display:grid}.input-suffix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #b9c8cf;border-radius:.6rem;overflow:hidden;background:#f7fafb}.input-suffix input{border:0;border-radius:0}.input-suffix span{padding:0 .7rem;color:var(--muted);font-size:.8rem}.check-field{display:flex;align-items:flex-start;gap:.55rem;margin:.25rem 0 1.25rem;color:var(--muted);font-size:.86rem}.check-field input{margin-top:.25rem;accent-color:var(--teal)}.alert-success{margin-bottom:1rem;padding:.85rem 1rem;border-radius:.6rem;background:#e5f5eb;color:var(--success)}
@media(max-width:1100px){.platform-grid{grid-template-columns:1fr}.provision-card{max-width:680px}}@media(max-width:980px){.admin-split{grid-template-columns:1fr}.mailbox-form-card{max-width:none}.app-main{width:min(100% - 2rem,1240px)}}
@media(max-width:820px){.app-header{gap:1rem}.account-nav{order:2}.main-nav{padding:.75rem 0;border-top:1px solid var(--line)}.main-nav a{width:100%;padding:.65rem 0}.main-nav a.active:after{left:0;right:auto;width:36px}.side-card{position:static}.queue-filter>div{padding-inline:calc(var(--bs-gutter-x)*.5)!important}.auth-shell{grid-template-columns:1fr;max-width:620px;margin-top:0}.auth-copy{text-align:center}.auth-copy p{margin-inline:auto}.ticket-columns{display:none}.subscription-summary{grid-template-columns:1fr}.subscription-summary>div{border-right:0;border-bottom:1px solid var(--line)}.usage-grid,.feature-list{grid-template-columns:1fr}.feature-list>div:nth-last-child(2){border-bottom:1px solid var(--line)}.tenant-table-head{display:none}.tenant-row{grid-template-columns:1fr auto auto}.tenant-row>span:nth-last-child(-n+2){display:none}}
@media(max-width:640px){.app-main{width:calc(100% - 1.25rem);padding:1.75rem 0 3rem}.app-header{padding-inline:.75rem}.page-heading,.ticket-title{gap:1rem;margin-bottom:1.5rem}.page-heading h1,.ticket-title h1{font-size:1.65rem}.page-heading>.btn{width:100%}.ticket-title>.status{align-self:flex-start}.ticket-row,.ticket-row.agent{padding:1rem;gap:.75rem}.ticket-row .status{justify-self:end}.ticket-row.agent>*:nth-child(2){display:inline-flex}.admin-split{gap:1rem}.section-heading{padding:1.1rem}.mailbox-table-wrap{padding:0}.mailbox-table th:nth-child(2),.mailbox-table td:nth-child(2),.mailbox-table th:nth-child(3),.mailbox-table td:nth-child(3){display:none}.mailbox-table th,.mailbox-table td{padding:.85rem .65rem}.mailbox-form-card{padding:1.15rem}.composer-heading{flex-direction:column}.switch-field{width:100%;justify-content:center}.reply-box{padding:1.1rem}.conversation{padding:0 1.1rem}.message.internal{margin-inline:-1.1rem;padding-inline:1.1rem}}
.trial-shell{align-items:start}.check-list{padding:0;list-style:none}.check-list li{margin:.7rem 0;color:var(--muted)}.check-list li:before{content:"Yes";display:inline-flex;margin-right:.65rem;padding:.1rem .4rem;border-radius:99px;background:#e5f5eb;color:var(--success);font-size:.72rem;font-weight:600}.success-panel{max-width:760px;margin:3rem auto;padding:2.5rem}.success-panel dl{display:grid;grid-template-columns:150px 1fr;gap:.75rem;margin:1.5rem 0;padding:1.25rem;border-radius:.7rem;background:#f7fafb}.success-panel dt{color:var(--muted)}.success-panel dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.tenant-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem;align-items:start}.tenant-detail-main,.tenant-detail-side{display:grid;gap:1.25rem}.detail-section{padding:1.4rem}.detail-section>.section-heading{margin:-1.4rem -1.4rem 1.4rem}.detail-section h2{margin-top:0}.detail-form{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end}.detail-form .field{margin:0}.audit-list{margin:-.25rem 0}.audit-list article{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.audit-list article:last-child{border:0}.audit-list p{margin:.25rem 0 0;color:var(--muted);font-size:.84rem;overflow-wrap:anywhere}.audit-list time{flex:none;color:var(--muted);font-size:.78rem}.summary-list{display:grid;grid-template-columns:1fr auto;gap:.65rem;margin:0}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;text-align:right;font-weight:600}.active-grant{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding:.75rem;border-radius:.55rem;background:#fff4d9;color:var(--warning);font-size:.8rem}.active-grant form{margin:0}.danger-zone{border-color:#e7c4c8}.danger-zone p{color:var(--muted)}@media(max-width:980px){.tenant-detail-grid{grid-template-columns:1fr}.tenant-detail-side{grid-template-columns:repeat(2,1fr)}.tenant-detail-side>*:last-child{grid-column:1/-1}}@media(max-width:700px){.detail-form,.tenant-detail-side{grid-template-columns:1fr}.tenant-detail-side>*:last-child{grid-column:auto}.audit-list article{display:block}.audit-list time{display:block;margin-top:.4rem}}
.user-admin-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.6fr);gap:1.25rem;align-items:start}.compact-search{display:flex;gap:.5rem}.compact-search input,.user-edit-form input,.user-edit-form select{min-height:38px;border:1px solid #b9c8cf;border-radius:.5rem;padding:.45rem .6rem}.user-admin-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(420px,1.4fr) auto;gap:1rem;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.user-admin-row:last-child{border:0}.user-identity{display:flex;align-items:center;gap:.75rem;min-width:0}.user-identity small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--teal);font-weight:700}.user-edit-form{display:grid;grid-template-columns:minmax(120px,1fr) 130px auto auto;gap:.5rem;align-items:center}.inline-check{display:flex;align-items:center;gap:.35rem;font-size:.82rem}.inline-check input{min-height:auto}.user-admin-row>form:last-child{margin:0}@media(max-width:1050px){.user-admin-grid{grid-template-columns:1fr}.user-admin-grid>.provision-card{max-width:620px}.user-admin-row{grid-template-columns:1fr}.user-edit-form{grid-template-columns:1fr 150px auto auto}}@media(max-width:650px){.section-heading{align-items:flex-start;flex-direction:column}.compact-search{width:100%}.compact-search input{min-width:0;flex:1}.user-edit-form{grid-template-columns:1fr}.user-edit-form .btn{width:100%}}
.permission-card{margin-top:1.25rem}.permission-matrix{overflow-x:auto}.permission-head,.permission-row{display:grid;grid-template-columns:130px repeat(7,minmax(92px,1fr)) 72px;gap:.5rem;align-items:center;min-width:900px;padding:.75rem 1rem}.permission-head{background:#f9fbfc;color:var(--muted);font-size:.68rem;font-weight:600;text-transform:uppercase}.permission-row{border-top:1px solid var(--line)}.permission-row label{text-align:center}.permission-row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--teal)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.group-admin-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.6fr);gap:1.25rem;align-items:start}.group-list{display:grid;gap:1rem}.group-card{padding:1.25rem}.group-card-head{display:flex;justify-content:space-between;gap:1rem}.group-card-head h2{margin:0}.group-card-head p{margin:.25rem 0 1rem;color:var(--muted)}.group-edit{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;align-items:end}.group-edit .field{margin:0}.member-picker{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.75rem;border:1px solid var(--line);border-radius:.6rem}.member-picker legend{padding:0 .35rem;font-size:.82rem;font-weight:600}.member-picker label{display:flex;gap:.35rem;align-items:center;font-size:.84rem}.member-picker input{accent-color:var(--teal)}.disable-row{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.disable-row select{min-width:230px;border:1px solid #b9c8cf;border-radius:.5rem;padding:.4rem}.group-card>form:last-child{margin-top:1rem}@media(max-width:980px){.group-admin-grid{grid-template-columns:1fr}.group-admin-grid>.provision-card{max-width:620px}}@media(max-width:700px){.group-edit{grid-template-columns:1fr}.disable-row{align-items:stretch;flex-direction:column}.disable-row select{min-width:0}}
.recipient-grid,.reply-recipients{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem}.message-recipients{display:flex;gap:1rem;margin-top:.5rem;color:var(--muted);font-size:.75rem}@media(max-width:700px){.recipient-grid,.reply-recipients{grid-template-columns:1fr}}
.attachment-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:1rem 0 0}.attachment-list li{display:flex;gap:.5rem;align-items:center;padding:.45rem .65rem;border:1px solid var(--line);border-radius:.55rem;background:var(--surface)}.attachment-list span{font-size:.75rem;color:var(--muted)}input[type=file]{padding:.65rem;background:var(--surface)}
.workflow-list form{display:grid;grid-template-columns:150px 1fr auto auto;gap:.75rem;align-items:center;padding:.85rem 1.25rem;border-top:1px solid var(--line)}.workflow-list input[type=text],.workflow-list input:not([type]){min-height:38px;border:1px solid #b9c8cf;border-radius:.5rem;padding:.45rem .6rem}.field-list{margin-top:1.25rem}.field-list>div:not(.section-heading){display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--line)}.field-list small{display:block;color:var(--muted)}.ticket-fields{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:.5rem 1rem;padding:1rem;margin:0;border-bottom:1px solid var(--line);background:#f9fbfc}.ticket-fields dt{color:var(--muted)}.ticket-fields dd{margin:0}@media(max-width:700px){.workflow-list form{grid-template-columns:1fr}.field-list>div:not(.section-heading){grid-template-columns:1fr auto}}
.domain-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--line)}.domain-row code,.domain-row small{display:block;margin-top:.35rem;overflow-wrap:anywhere}.domain-row small{color:var(--muted)}.inline-create{display:flex;gap:.75rem;padding:1.25rem}.inline-create input{flex:1;min-width:0;border:1px solid #b9c8cf;border-radius:.5rem;padding:.65rem}@media(max-width:600px){.domain-row{grid-template-columns:1fr}.inline-create{flex-direction:column}}
.notification-list article{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:start;padding:1rem 1.25rem;border-top:1px solid var(--line)}.notification-list small{display:block;color:var(--muted);margin-top:.3rem}.notification-list details p{max-width:800px;color:var(--danger);overflow-wrap:anywhere}.row-actions{display:flex;gap:.4rem}@media(max-width:700px){.notification-list article{grid-template-columns:1fr}.row-actions{justify-content:flex-start}}
.rich-composer{border:1px solid #b9c8cf;border-radius:.6rem;background:#fff;overflow:hidden}.rich-composer:focus-within{outline:3px solid rgba(0,173,238,.2);border-color:var(--teal)}.rich-toolbar{display:flex;gap:.25rem;flex-wrap:wrap;padding:.45rem;border-bottom:1px solid var(--line);background:#f7f9fa}.rich-toolbar button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:.35rem;padding:.3rem .55rem;cursor:pointer}.rich-editor{min-height:150px;padding:.8rem;outline:0;overflow-wrap:anywhere}.rich-editor:empty:before{content:attr(data-placeholder);color:#71838c}.message-html{margin-top:.75rem;max-width:82ch;overflow-wrap:anywhere}.message-html p{margin:.5rem 0;white-space:normal}.message-html a{word-break:break-word}.email-signature{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--line);color:var(--muted)}
.metric-grid>a{display:block;background:var(--panel);border:1px solid var(--line);border-radius:.7rem;padding:1rem 1.2rem;color:var(--ink)}.metric-grid>a:hover{border-color:var(--teal);text-decoration:none}.metric-grid>a span{display:block;color:var(--muted);font-size:.82rem}.metric-grid>a strong{font-family:Sora;font-size:1.8rem;color:var(--teal)}.account-menu{position:relative}.account-menu summary{cursor:pointer;font-weight:500;list-style:none}.account-menu-panel{position:absolute;right:0;top:calc(100% + .75rem);min-width:210px;display:grid;gap:.2rem;padding:.5rem;background:#fff;border:1px solid var(--line);border-radius:.65rem;box-shadow:var(--shadow);z-index:30}.account-menu-panel a,.account-menu-panel button{display:block;width:100%;padding:.6rem .7rem;text-align:left;border-radius:.4rem}.account-menu-panel a:hover,.account-menu-panel button:hover{background:var(--soft);text-decoration:none}.ticket-title-actions{display:flex;align-items:center;gap:.75rem}.app-footer nav{display:flex;gap:1rem;flex-wrap:wrap}.legal-page{max-width:820px;margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:.85rem;padding:clamp(1.25rem,4vw,3rem)}.legal-page h2{margin-top:2rem}.detail-section+ .detail-section{margin-top:1rem}.plan-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:1.25rem}.plan-editor .field{margin:0}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem}.price-grid>form{border:1px solid var(--line);border-radius:.65rem;padding:1rem}.page-actions{display:flex;align-items:center;gap:.75rem}@media(max-width:800px){.plan-editor,.price-grid{grid-template-columns:1fr}.account-menu-panel{position:fixed;left:.75rem;right:.75rem;top:72px}}
.email-signature img,.rich-editor img{max-width:100%;height:auto}.account-tabs{display:flex;gap:.4rem;margin:-1rem 0 1.5rem;border-bottom:1px solid var(--line)}.account-tabs a{padding:.7rem .9rem;color:var(--muted);border-bottom:3px solid transparent}.account-tabs a.active{color:var(--teal);border-bottom-color:var(--lime);font-weight:600}.signature-upload{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem}.notice.error{background:#fdeaea;color:var(--danger)}
.notification-filter{grid-template-columns:minmax(220px,1fr) 170px 160px 160px auto}.template-manager>.notice{margin:1rem 1.25rem}.template-form{padding:1.25rem}.template-list{display:grid;border-top:1px solid var(--line)}.template-list a{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;color:var(--ink);border-bottom:1px solid var(--line)}.template-list a:hover{background:var(--soft);text-decoration:none}.template-list span{color:var(--muted)}@media(max-width:850px){.notification-filter{grid-template-columns:1fr 1fr}.notification-filter .btn{grid-column:1/-1}}@media(max-width:540px){.notification-filter{grid-template-columns:1fr}.notification-filter .btn{grid-column:auto}}