/* EMI HelpDesk AI 1.1.0 - Unified Experience Layer
   Visual / responsive layer only: no ticket, SLA, mail or data logic. */

:root{
  --ui-content-max:1720px;
  --ui-page-gap:22px;
  --ui-card-radius:18px;
  --ui-card-border:rgba(117,153,187,.18);
  --ui-card-border-strong:rgba(117,171,216,.31);
  --ui-glass:rgba(12,27,42,.86);
  --ui-glass-soft:rgba(15,34,51,.72);
  --ui-shadow:0 18px 48px rgba(0,0,0,.16);
  --ui-shadow-soft:0 8px 24px rgba(0,0,0,.12);
}

/* ---- Application shell ---- */
body.app-body{background:
  radial-gradient(circle at 78% -5%,rgba(47,148,230,.12),transparent 27%),
  radial-gradient(circle at 22% 115%,rgba(36,116,181,.08),transparent 31%),
  linear-gradient(180deg,#08131f 0,#07101b 42%,#060e17 100%);
}
.content{width:min(var(--ui-content-max),100%);padding-top:26px;}
.main-shell{min-width:0;}

.sidebar{
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:#29445d transparent;
  overscroll-behavior:contain;
}
.sidebar::-webkit-scrollbar{width:7px}.sidebar::-webkit-scrollbar-thumb{background:#29445d;border-radius:999px}
.brand-block{position:sticky;top:-22px;z-index:3;margin:0 -4px 5px;padding:22px 12px 18px;background:linear-gradient(180deg,#091724 72%,rgba(9,23,36,0));backdrop-filter:blur(10px)}

.brand-block-pro{padding-bottom:12px}
.sidebar-context{display:flex;align-items:center;gap:9px;margin:0 5px 8px;padding:10px 11px;border:1px solid rgba(83,132,170,.16);border-radius:12px;background:rgba(13,31,47,.58)}
.sidebar-context-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(57,217,154,.08)}
.sidebar-context div{min-width:0;display:grid;gap:1px}.sidebar-context strong{font-size:10px;color:#c5d6e5}.sidebar-context small{min-width:0;color:#71879a;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.nav-section{margin-top:13px;padding-top:12px;border-top:1px solid rgba(93,128,158,.11)}
.nav-section:first-of-type{border-top:0;padding-top:0}
.nav-label{padding-left:11px;color:#71879c;font-size:9px;letter-spacing:.15em}
.nav-list{gap:4px}
.nav-item{min-height:42px;border-radius:12px;padding:8px 10px;color:#a8b9c9;font-size:13px}
.nav-item:hover{transform:none;background:rgba(26,55,82,.65)}
.nav-item.active{background:linear-gradient(135deg,rgba(23,68,105,.94),rgba(15,43,67,.94));border-color:rgba(83,159,216,.38);box-shadow:inset 3px 0 0 var(--blue),0 8px 26px rgba(0,0,0,.12)}
.nav-icon{width:27px;height:27px;flex-basis:27px;border-radius:9px;font-size:10px}

.utility-bar{min-height:64px;background:rgba(8,19,31,.82);border-bottom-color:rgba(91,129,162,.18);box-shadow:0 8px 25px rgba(0,0,0,.07)}
.utility-title{gap:8px}.utility-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* ---- Page identity ---- */
.page-header,.page-heading,.ticket-hero,.case-header{
  position:relative;
  margin-bottom:22px;
  padding:20px 22px;
  border:1px solid rgba(96,151,195,.17);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(16,38,58,.78),rgba(10,25,39,.55));
  box-shadow:0 12px 34px rgba(0,0,0,.10);
  overflow:hidden;
}
.page-header::before,.page-heading::before,.ticket-hero::before,.case-header::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--blue),rgba(60,167,255,.10));
}
.page-header h1,.page-heading h1,.ticket-hero h1,.case-header h1{font-size:clamp(25px,2.4vw,34px);margin-bottom:6px}
.page-subtitle,.page-heading p,.ticket-hero p{max-width:900px;color:#8fa3b7}
.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.eyebrow{color:#72c5ff;font-size:9px;letter-spacing:.16em}

/* ---- Unified surfaces ---- */
.panel,.card,.report-card,.settings-card,.ops-panel,.contract-kpi,.maintenance-customer-card{
  border-color:var(--ui-card-border);
  border-radius:var(--ui-card-radius);
  box-shadow:var(--ui-shadow-soft);
}
.panel{padding:19px 20px;background:linear-gradient(180deg,rgba(16,32,48,.96),rgba(11,25,38,.97))}
.panel:hover{border-color:rgba(111,158,197,.22)}
.panel-header,.section-title,.form-card-header{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid rgba(96,130,159,.15)}
.panel-header h2,.section-title h2,.form-card-header h2{font-size:15px;margin:0 0 2px}
.panel-header span,.section-title span,.form-card-header p{font-size:11px;color:#7f94a8}

/* Reduce the "pile of windows" feeling by using quieter nested blocks. */
.panel .panel,.settings-card .panel{box-shadow:none;background:rgba(8,22,35,.45);border-color:rgba(103,139,169,.13)}
.compact-list,.activity-list,.admin-list{gap:7px}
.compact-row,.activity-row,.admin-row{border-color:rgba(104,140,170,.14);background:rgba(255,255,255,.018);border-radius:12px}
.compact-row:hover,.admin-row:hover{background:rgba(55,133,193,.055);border-color:rgba(91,157,208,.22)}

/* ---- Forms ---- */
label{color:#b8c7d5;font-size:12px;font-weight:700}
input,textarea,select{
  border-radius:11px!important;
  border-color:rgba(84,124,158,.28)!important;
  background:rgba(6,19,31,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
input:hover,textarea:hover,select:hover{border-color:rgba(89,154,205,.42)!important}
input:focus,textarea:focus,select:focus{border-color:rgba(60,167,255,.72)!important;box-shadow:0 0 0 3px rgba(60,167,255,.10)!important}
textarea{resize:vertical}
.button{border-radius:11px;min-height:39px}
.button-primary{box-shadow:0 8px 20px rgba(22,140,240,.18)}

/* ---- Tables ---- */
.table-lite,.maintenance-table,.contract-table{border-collapse:separate;border-spacing:0;width:100%}
.table-lite th,.maintenance-table th,.contract-table th{position:sticky;top:0;z-index:1;background:#0e2132;color:#8399ad;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.table-lite th,.table-lite td,.maintenance-table th,.maintenance-table td,.contract-table th,.contract-table td{padding:11px 12px;border-bottom:1px solid rgba(91,126,155,.12)}
.table-lite tbody tr:hover,.maintenance-table tbody tr:hover,.contract-table tbody tr:hover{background:rgba(44,132,200,.045)}

/* ---- Consistent KPI cards ---- */
.ops-kpi,.contract-kpi,.report-card{background:linear-gradient(145deg,rgba(16,37,56,.94),rgba(10,25,39,.94));border-color:rgba(94,139,176,.18)}
.ops-kpi strong,.contract-kpi strong,.report-card strong{letter-spacing:-.035em}

/* ---- Unified tab workbench ---- */
.ui-tabs-shell{margin:0 0 22px;min-width:0}
.ui-tabs-bar{
  position:sticky;top:76px;z-index:18;
  display:flex;align-items:center;gap:7px;
  margin-bottom:14px;padding:7px;
  border:1px solid rgba(96,145,184,.18);border-radius:15px;
  background:rgba(8,22,35,.90);backdrop-filter:blur(16px);
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  overflow-x:auto;scrollbar-width:none;
}
.ui-tabs-bar::-webkit-scrollbar{display:none}
.ui-tab{
  flex:0 0 auto;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:10px;
  background:transparent;color:#8ea4b8;font-weight:800;font-size:11px;cursor:pointer;white-space:nowrap
}
.ui-tab:hover{color:#d9e9f7;background:rgba(255,255,255,.03)}
.ui-tab[aria-selected="true"]{color:#eaf6ff;border-color:rgba(68,158,226,.35);background:linear-gradient(135deg,rgba(26,88,136,.45),rgba(19,57,88,.52));box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.ui-tab .ui-tab-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.055);font-size:9px;color:#9fc3df}
.ui-tabpane{min-width:0}
.ui-tabpane[hidden]{display:none!important}
.ui-tabpane>.panel:first-child,.ui-tabpane>.management-grid:first-child,.ui-tabpane>.contract-two-col:first-child{margin-top:0}
.ui-pane-stack{display:grid;gap:14px}
.ui-pane-stack>.panel{margin:0!important}
.ui-section-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 2px}
.ui-section-intro h2{margin:0 0 3px;font-size:17px}.ui-section-intro p{margin:0;color:var(--muted);font-size:12px}

/* Ticket: conversation remains primary, right-side actions become a clean workspace. */
body.ui-route-ticket .ticket-layout{grid-template-columns:minmax(0,1.45fr) minmax(360px,.72fr);gap:18px}
body.ui-route-ticket .ticket-sidebar{top:80px;align-self:start;max-height:calc(100dvh - 96px);overflow:hidden;display:block}
body.ui-route-ticket .ticket-sidebar>.ui-tabs-shell{margin:0}
body.ui-route-ticket .ticket-sidebar .ui-tabs-bar{position:static;margin:0 0 12px}
body.ui-route-ticket .ticket-sidebar .ui-tabpane{max-height:calc(100dvh - 160px);overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#29445d transparent}
body.ui-route-ticket .conversation-column{gap:14px}
body.ui-route-ticket .conversation-panel,body.ui-route-ticket .compose-panel{box-shadow:var(--ui-shadow-soft)}
body.ui-route-ticket .ticket-activity-details{margin-top:14px}

/* Customer: one page, clear sections, no endless cascade. */
body.ui-route-customer .customer-maintenance-shortcut{margin:-8px 0 14px}
body.ui-route-customer .ui-tabs-shell{margin-top:4px}
body.ui-route-customer .ui-tabpane>.management-grid{margin:0}
body.ui-route-customer .management-grid{gap:14px}

/* Backup / service management / account security become compact workbenches. */
body.ui-route-backup .dr-layout{display:block!important}
body.ui-route-backup .ui-tabpane>.panel{margin:0}
body.ui-route-service .management-grid{display:contents}
body.ui-route-account-security .management-grid{display:contents}

/* Settings PRO: align legacy enhancement with the global design. */
body.settings-pro-active .settings-pro-workbench{gap:16px!important}
body.settings-pro-active .settings-pro-rail{border-radius:17px!important;border-color:var(--ui-card-border)!important;background:rgba(9,23,36,.72)!important;box-shadow:var(--ui-shadow-soft)!important}
body.settings-pro-active .settings-pro-main{min-width:0}
body.settings-pro-active .settings-pro-section{border-radius:18px!important}
body.settings-pro-active .settings-card{margin-bottom:12px!important}
body.settings-pro-active .settings-heading{margin-bottom:16px!important}

/* Long diagnostics should be contained instead of stretching the page. */
pre,code{max-width:100%}
pre{overflow:auto;border-radius:12px}
.mantis-diagnostics,.email-body{max-height:520px;overflow:auto}

/* Empty states */
.empty-state{min-height:150px;display:grid;place-items:center;align-content:center;gap:5px;padding:34px 24px;background:rgba(11,26,40,.65)}
.empty-state strong,.empty-state h2{color:#dceaf6}

/* Responsive */
@media(max-width:1180px){
  body.ui-route-ticket .ticket-layout{grid-template-columns:1fr}
  body.ui-route-ticket .ticket-sidebar{position:static;max-height:none;overflow:visible}
  body.ui-route-ticket .ticket-sidebar .ui-tabpane{max-height:none;overflow:visible}
  .ui-tabs-bar{top:70px}
}

@media(max-width:940px){
  .content{padding:18px 14px calc(82px + env(safe-area-inset-bottom))}
  .sidebar{overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:calc(30px + env(safe-area-inset-bottom))!important}
  .brand-block{position:relative;top:auto;margin:0;padding:4px 3px 16px;background:transparent}
  .nav-section{margin-top:8px;padding-top:10px}
  .nav-item{min-height:43px}
  .ui-tabs-bar{position:sticky;top:66px;margin-left:-2px;margin-right:-2px;border-radius:13px;padding:6px}
  .page-header,.page-heading,.ticket-hero,.case-header{padding:17px 17px;border-radius:17px}
  .panel{padding:16px}
}

@media(max-width:640px){
  .utility-actions{gap:5px}.utility-actions .button{min-height:36px;padding:7px 9px}
  .page-header,.page-heading,.ticket-hero,.case-header{margin-bottom:15px}
  .page-header h1,.page-heading h1,.ticket-hero h1,.case-header h1{font-size:24px}
  .page-subtitle,.page-heading p,.ticket-hero p{font-size:12px}
  .ui-tabs-bar{top:62px}
  .ui-tab{min-height:36px;padding:7px 10px;font-size:10px}
  .panel-header{align-items:flex-start}
  .management-grid,.feature-grid,.report-grid,.contract-two-col{grid-template-columns:1fr!important}
  .advanced-toolbar{grid-template-columns:1fr!important}
  .advanced-toolbar>.button,.advanced-toolbar>form,.advanced-toolbar>form>.button{width:100%}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ---- Client portal / authentication ---- */
.portal-body{background:
  radial-gradient(circle at 78% -8%,rgba(47,148,230,.12),transparent 28%),
  linear-gradient(180deg,#08131f,#07101b 48%,#060e17)}
.portal-topbar{background:rgba(8,19,31,.88)!important;backdrop-filter:blur(16px);border-bottom-color:rgba(95,137,173,.18)!important;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.portal-container{width:min(1380px,100%);padding-top:24px!important}
.portal-hero{border-color:rgba(96,151,195,.18)!important;border-radius:20px!important;box-shadow:var(--ui-shadow-soft)!important}
.portal-panel,.portal-detail-grid .panel{border-color:var(--ui-card-border)!important;border-radius:18px!important;box-shadow:var(--ui-shadow-soft)!important}
.portal-ticket-row{border-radius:13px!important;border-color:rgba(91,131,164,.14)!important}
.portal-ticket-row:hover{background:rgba(49,127,187,.06)!important;border-color:rgba(78,155,214,.25)!important}
body.ui-route-portal-ticket .portal-detail-grid>aside>.ui-tabs-shell{margin:0}
body.ui-route-portal-ticket .portal-detail-grid>aside .ui-tabs-bar{position:sticky;top:74px}
body.ui-route-portal-ticket .portal-detail-grid>aside .ui-pane-stack{gap:12px}
body.ui-route-portal-security .ui-tabs-shell{margin-top:12px}
.login-card,.portal-login-card{border-radius:22px!important;border-color:rgba(96,151,195,.20)!important;box-shadow:0 28px 80px rgba(0,0,0,.28)!important;background:linear-gradient(180deg,rgba(17,34,51,.98),rgba(9,23,36,.98))!important}

@media(max-width:760px){
  .portal-container{padding-left:13px!important;padding-right:13px!important}
  .portal-topbar{padding-left:13px!important;padding-right:13px!important}
  body.ui-route-portal-ticket .portal-detail-grid>aside .ui-tabs-bar{top:64px}
}
@media(max-width:940px){.sidebar-context{display:none}}

/* ---- 1.1.0 compact administration / directory extensions ---- */
.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.form-actions,.button-row,.secondary-action-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}

/* Customer directory */
.customers-admin-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr)!important;gap:16px!important}
.customer-directory-list{gap:7px!important}.customer-directory-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.customer-directory-id{min-width:0;display:flex;align-items:center;gap:10px}.customer-directory-id>div{min-width:0;display:grid;gap:2px}
.customer-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(70,151,211,.20);background:linear-gradient(145deg,rgba(52,136,198,.10),rgba(22,63,95,.18));color:#91d0fb;font-size:11px;font-weight:900}
.new-customer-panel{position:sticky;top:82px;align-self:start}

/* Users: collapsed accounts instead of a vertical wall of forms */
.users-admin-pro{grid-template-columns:minmax(0,1.55fr) minmax(310px,.62fr)!important;gap:16px!important}
.user-accordion-list{display:grid;gap:7px!important}.user-account-disclosure{padding:0!important;overflow:hidden!important}
.user-account-disclosure>summary{list-style:none;cursor:pointer;padding:12px 13px!important;margin:0!important;border-bottom:1px solid transparent;transition:background .13s ease,border-color .13s ease}
.user-account-disclosure>summary::-webkit-details-marker{display:none}.user-account-disclosure>summary::after{content:"+";margin-left:auto;flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(102,151,190,.16);color:#7797ae;font-size:15px}
.user-account-disclosure[open]>summary::after{content:"–"}.user-account-disclosure>summary:hover{background:rgba(53,129,187,.05)}.user-account-disclosure[open]>summary{background:rgba(53,129,187,.045);border-bottom-color:rgba(109,154,189,.11)}
.user-account-disclosure .user-account-topline{display:flex!important;align-items:center!important;gap:12px!important}.user-account-disclosure .user-account-badges{margin-left:auto}
.user-account-detail{background:rgba(5,16,26,.20)}.user-security-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(109,154,189,.09)}
.user-security-grid>.user-account-section{border-bottom:0!important}.user-security-grid>.user-account-section+.user-account-section{border-left:1px solid rgba(109,154,189,.09)}
.user-account-section{padding:14px!important}.user-account-danger{padding:12px 14px!important}.new-account-panel{top:82px!important}

/* Knowledge Base: library rows expand only when needed */
.knowledge-layout-pro{grid-template-columns:minmax(0,1.45fr) minmax(320px,.62fr)!important;gap:16px!important}.knowledge-filter-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px) auto auto;gap:8px;align-items:end;margin-bottom:13px}
.knowledge-disclosure-list{display:grid;gap:7px}.record-disclosure{border:1px solid rgba(110,155,191,.13);border-radius:12px;background:rgba(255,255,255,.014);overflow:hidden}.record-disclosure+ .record-disclosure{margin-top:0}
.record-disclosure>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:11px 12px;color:#d8e9f5}.record-disclosure>summary::-webkit-details-marker{display:none}.record-disclosure>summary::after{content:"+";display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:8px;border:1px solid rgba(106,155,192,.16);color:#7394ad;font-size:15px}.record-disclosure[open]>summary::after{content:"–"}
.record-disclosure>summary>div{min-width:0;display:grid;gap:2px}.record-disclosure>summary strong{font-size:11.5px}.record-disclosure>summary span{font-size:9.5px;color:#718a9e}.record-disclosure>summary>.status-pill{margin-left:auto}
.record-disclosure-body{padding:14px;border-top:1px solid rgba(110,155,191,.10);background:rgba(5,16,26,.30)}.knowledge-article-body{display:grid;gap:10px}.knowledge-field{display:grid;gap:5px}.knowledge-field>span{font-size:8.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6faed8}.knowledge-field p{margin:0;color:#b6c9d8;font-size:11px;line-height:1.55}.knowledge-field pre{margin:0;white-space:pre-wrap;word-break:break-word;padding:11px;border-radius:10px;background:rgba(3,14,23,.55);border:1px solid rgba(108,153,189,.10);color:#d9eaf6;font:10.5px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.kb-create-panel{position:sticky;top:82px;align-self:start}

@media(max-width:1180px){
  .customers-admin-layout,.users-admin-pro,.knowledge-layout-pro{grid-template-columns:1fr!important}
  .new-customer-panel,.new-account-panel,.kb-create-panel{position:static!important}
  .user-security-grid{grid-template-columns:1fr}.user-security-grid>.user-account-section+.user-account-section{border-left:0;border-top:1px solid rgba(109,154,189,.09)}
  .knowledge-filter-bar{grid-template-columns:1fr 1fr auto auto}
}
@media(max-width:720px){
  .form-grid-2,.knowledge-filter-bar{grid-template-columns:1fr!important}
  .knowledge-filter-bar .button{width:100%}
  .user-account-disclosure .user-account-topline{align-items:flex-start!important;flex-direction:column!important}.user-account-disclosure .user-account-badges{margin-left:0!important;justify-content:flex-start!important}.user-account-disclosure>summary::after{position:absolute;right:12px;top:12px}.user-account-disclosure>summary{position:relative;padding-right:46px!important}
  .user-security-actions{grid-template-columns:1fr 1fr!important}.user-security-actions form,.user-security-actions .button{width:100%!important}
}
@media(max-width:480px){.user-security-actions{grid-template-columns:1fr!important}}


/* ---- 1.1.1 visual refinement: brand, navigation text and customer directory ---- */
.brand-copy-pro{min-width:0;overflow:visible}
.brand-copy-pro strong{display:flex!important;align-items:center;gap:6px;min-width:0;white-space:nowrap;line-height:1.05}
.brand-copy-pro strong>span:first-child{white-space:nowrap}
.brand-ai{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:24px;height:20px;padding:0 6px;border:1px solid rgba(86,174,235,.30);border-radius:7px;background:rgba(44,137,205,.11);color:#87d2ff;font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1}
.brand-copy-pro>span{margin-top:3px}

.nav-list{padding-top:2px;padding-bottom:2px}
.nav-item{overflow:visible!important;line-height:1.2}
.nav-item>span:last-child{display:block;min-width:0;padding-top:1px;line-height:1.25;overflow:visible;text-overflow:clip}
.page-header h1,.page-heading h1,.ticket-hero h1,.case-header h1{line-height:1.12;padding-top:2px;overflow:visible}
.page-header>div:first-child,.page-heading>div:first-child{min-width:0;padding-top:1px}

.customers-admin-layout{grid-template-columns:minmax(0,1.68fr) minmax(320px,.62fr)!important;align-items:start}
.customer-directory-panel{min-width:0}
.customer-directory-head{align-items:center!important;gap:14px}
.customer-directory-tools{display:flex;align-items:center;justify-content:flex-end;min-width:min(360px,42%);margin-left:auto}
.customer-search-field{display:block;width:100%}
.customer-search-field input{width:100%;min-height:40px;padding-left:13px!important}
.customer-directory-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;align-content:start}
.customer-directory-row{min-width:0;min-height:60px;padding:10px 11px!important;margin:0!important}
.customer-directory-id>div strong,.customer-directory-id>div span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customer-directory-id>div strong{font-size:12px}.customer-directory-id>div span{font-size:10px}
.customer-directory-row[hidden]{display:none!important}
.customer-directory-empty{grid-column:1/-1;min-height:180px}
.customer-directory-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(96,130,159,.13)}
.customer-page-summary{color:#7890a4;font-size:10px;font-weight:700}
.customer-page-actions{display:flex;align-items:center;gap:8px}
.customer-page-button{min-width:108px!important}
.customer-page-indicator{min-width:58px;text-align:center;color:#9db1c3;font-size:10px;font-weight:850}
.customer-page-button:disabled{opacity:.35;cursor:default}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:1280px){
  .customer-directory-list{grid-template-columns:1fr}
}
@media(max-width:940px){
  .brand-copy-pro strong{font-size:14px}
  .customers-admin-layout{grid-template-columns:1fr!important}
  .new-customer-panel{position:static!important}
  .customer-directory-tools{min-width:0;width:min(420px,100%)}
}
@media(max-width:640px){
  .customer-directory-head{align-items:stretch!important;flex-direction:column}
  .customer-directory-tools{width:100%;max-width:none;margin-left:0}
  .customer-directory-footer{align-items:stretch;flex-direction:column}
  .customer-page-actions{display:grid;grid-template-columns:1fr auto 1fr;width:100%}
  .customer-page-button{min-width:0!important;width:100%!important}
  .brand-copy-pro strong{gap:5px;font-size:13px}
  .brand-ai{min-width:22px;height:19px;padding:0 5px;font-size:9px}
}


/* ---- 1.1.2 dashboard alignment polish ---- */
.dashboard-hero{
  align-items:center!important;
  gap:22px 36px!important;
  padding:24px 28px!important;
}
.dashboard-hero>div:first-child{
  min-width:0;
  padding:2px 0 1px!important;
}
.dashboard-hero .eyebrow{
  display:block;
  margin:0 0 8px;
  line-height:1.35;
}
.dashboard-hero h1{
  margin:0 0 8px!important;
  padding:0!important;
  line-height:1.1!important;
}
.dashboard-hero .page-subtitle{
  margin:0;
  line-height:1.5;
}
.dashboard-hero .page-actions{
  align-self:center;
  margin-left:auto;
  padding:0 1px 0 18px;
  gap:12px!important;
  flex-wrap:nowrap;
}
.dashboard-hero .page-actions form{margin:0}
.dashboard-hero .page-actions .button{
  min-height:42px;
  padding:9px 16px;
}
.dashboard-workbench-heading{
  width:100%;
  max-width:var(--admin-max,1480px);
  box-sizing:border-box;
  margin:8px auto 12px!important;
  padding:0 20px;
}
.dashboard-workbench-heading>div:first-child{min-width:0}
.dashboard-workbench-heading .eyebrow{margin-bottom:4px}
.dashboard-workbench-heading h2{margin:2px 0 0!important}
@media(max-width:900px){
  .dashboard-hero{align-items:stretch!important;padding:19px 18px!important;gap:16px!important}
  .dashboard-hero .page-actions{width:100%;margin-left:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:9px!important}
  .dashboard-hero .page-actions form,.dashboard-hero .page-actions .button{width:100%}
  .dashboard-workbench-heading{padding:0 2px;margin-top:6px!important}
}
@media(max-width:520px){
  .dashboard-hero .page-actions{grid-template-columns:1fr}
}

/* ---- 1.1.3 iPhone command center: immediate counts + ticket list ---- */
.mobile-ticket-snapshot,.mobile-collapse-summary,.mobile-filter-summary{display:none}
.dashboard-mobile-collapse,.dashboard-filter-details{margin:0;padding:0;border:0;background:transparent}
.dashboard-mobile-collapse>summary,.dashboard-filter-details>summary{list-style:none}
.dashboard-mobile-collapse>summary::-webkit-details-marker,.dashboard-filter-details>summary::-webkit-details-marker{display:none}

@media(max-width:640px){
  body.ui-route-dashboard .content{padding-top:10px!important}
  .dashboard-page-shell{display:flex;flex-direction:column;gap:0}
  .dashboard-page-shell>.bulk-success{order:5}
  .dashboard-hero{order:10;margin-bottom:10px!important;padding:13px 14px!important;gap:10px!important;border-radius:15px!important}
  .dashboard-hero .eyebrow,.dashboard-hero .page-subtitle{display:none!important}
  .dashboard-hero h1{font-size:22px!important;margin:0!important;line-height:1.08!important}
  .dashboard-hero .page-actions{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:1px!important}
  .dashboard-hero .page-actions .button{min-height:34px!important;padding:6px 8px!important;font-size:10px!important}

  .mobile-ticket-snapshot{order:20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 10px}
  .mobile-snapshot-card{min-width:0;min-height:64px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:center;gap:2px 8px;padding:10px 11px;border:1px solid rgba(92,145,185,.18);border-radius:13px;background:linear-gradient(145deg,rgba(15,35,53,.96),rgba(9,23,36,.96));color:var(--text);text-decoration:none;box-shadow:0 8px 22px rgba(0,0,0,.09)}
  .mobile-snapshot-card>span{align-self:end;color:#7fa0b8;font-size:8.5px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
  .mobile-snapshot-card>strong{grid-column:2;grid-row:1/3;align-self:center;font-size:25px;line-height:1;letter-spacing:-.04em}
  .mobile-snapshot-card>small{grid-column:1;grid-row:2;color:#6f899f;font-size:9px}
  .mobile-snapshot-main{grid-column:1/-1;min-height:72px;border-color:rgba(55,166,242,.27);background:linear-gradient(145deg,rgba(18,51,77,.98),rgba(10,28,43,.98))}
  .mobile-snapshot-main>strong{font-size:34px;color:#e9f6ff}
  .mobile-snapshot-card.is-danger{border-color:rgba(255,101,105,.32);background:linear-gradient(145deg,rgba(73,28,34,.48),rgba(11,25,38,.97))}
  .mobile-snapshot-card.is-danger>strong{color:#ff989b}

  .dashboard-workbench-heading{order:30;margin:2px 0 7px!important;padding:0 2px!important}
  .dashboard-workbench-heading .eyebrow,.dashboard-workbench-heading>p{display:none!important}
  .dashboard-workbench-heading h2{margin:0!important;font-size:18px!important;line-height:1.15}

  .workbench{order:40;padding:9px!important;margin:0 0 8px!important;border-radius:14px!important}
  .workbench-top{display:grid!important;grid-template-columns:1fr;gap:7px!important}
  .filters{display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1px 0 3px!important}
  .filters::-webkit-scrollbar{display:none}
  .filter{flex:0 0 auto!important;min-height:34px!important;padding:7px 9px!important;font-size:9.5px!important;border-radius:9px!important}
  .filter span{font-size:9px!important}
  .view-switch{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:4px!important;padding:4px!important}
  .view-choice{justify-content:center!important;min-height:32px!important;padding:6px 8px!important;font-size:9.5px!important}

  .dashboard-filter-details{margin-top:6px!important;border-top:1px solid rgba(93,137,171,.12)!important;padding-top:6px!important}
  .mobile-filter-summary,.mobile-collapse-summary{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:38px;padding:9px 10px;border:1px solid rgba(94,143,181,.15);border-radius:11px;background:rgba(255,255,255,.018);color:#a9c0d1;font-size:10px;font-weight:850;cursor:pointer}
  .mobile-filter-summary b,.mobile-collapse-summary b{font-size:9px;color:#69bff7;text-transform:uppercase;letter-spacing:.06em}
  .dashboard-filter-details[open]>.mobile-filter-summary b,.dashboard-mobile-collapse[open]>.mobile-collapse-summary b{font-size:0}
  .dashboard-filter-details[open]>.mobile-filter-summary b::after,.dashboard-mobile-collapse[open]>.mobile-collapse-summary b::after{content:'Chiudi';font-size:9px}
  .dashboard-filter-details>.search-form{margin-top:8px!important}
  .search-wide{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}
  .search-wide>input[name="q"]{min-width:0;min-height:38px!important}
  .search-wide>.button{min-width:72px!important;width:auto!important;min-height:38px!important;padding-inline:10px!important}
  .search-wide>.advanced-toolbar{grid-column:1/-1!important;margin-top:1px!important}
  .saved-views{margin-top:8px!important;padding-top:8px!important}

  .dashboard-ticket-results{order:50;display:block;min-width:0}
  .dashboard-ticket-results>.ticket-table,.dashboard-ticket-results>.customer-board,.dashboard-ticket-results>.empty-state{margin-top:0!important}
  .ticket-table{border-radius:13px!important;overflow:hidden}
  .ticket-table-head{display:none!important}
  .ticket-table .ticket-line.bulk-ticket-row{grid-template-columns:28px minmax(0,1fr)!important;gap:0!important;min-height:0!important;padding:0!important}
  .ticket-table .ticket-select{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:14px!important}
  .ticket-table .ticket-select input{width:16px;height:16px}
  .ticket-row-link-list{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:5px 8px!important;padding:10px 10px 10px 4px!important;min-width:0!important}
  .ticket-row-link-list>div:nth-child(1){display:grid!important;grid-column:1/-1!important;grid-row:1!important;gap:2px!important;min-width:0}
  .ticket-row-link-list>div:nth-child(1) .ticket-number{font-size:10px!important;color:#9fd7fb}
  .ticket-row-link-list>div:nth-child(1) .ticket-subject{font-size:11.5px!important;color:#dcebf6;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .ticket-row-link-list>div:nth-child(2){display:grid!important;grid-column:1!important;grid-row:2!important;gap:1px!important;min-width:0}
  .ticket-row-link-list>div:nth-child(2) strong{font-size:9.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ticket-row-link-list>div:nth-child(2) span{font-size:8.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6f899d}
  .ticket-row-link-list>div:nth-child(3){display:flex!important;grid-column:2!important;grid-row:2!important;align-items:center!important;justify-content:flex-end!important}
  .ticket-row-link-list>div:nth-child(3) .status-pill{max-width:118px!important;min-height:24px!important;padding:3px 7px!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .ticket-row-link-list>div:nth-child(4),.ticket-row-link-list>div:nth-child(5){display:none!important}

  .bulk-action-bar{order:55}
  body.ui-route-dashboard:not(.bulk-has-selection) .bulk-action-bar{display:none!important}
  body.ui-route-dashboard.bulk-has-selection .bulk-action-bar{display:grid!important;position:fixed!important;left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;top:auto!important;z-index:90!important;max-height:68dvh;overflow:auto!important;margin:0!important;padding:11px!important;border-radius:15px!important;box-shadow:0 20px 60px rgba(0,0,0,.50)!important}
  body.ui-route-dashboard.bulk-has-selection .bulk-selection{padding-bottom:8px!important}
  .trash-danger-zone{order:56}

  .dashboard-kpi-collapse{order:60;margin-top:8px!important}
  .dashboard-ops-collapse{order:70;margin-top:7px!important}
  .dashboard-mobile-collapse>.mobile-collapse-summary{display:flex!important}
  .dashboard-mobile-collapse:not([open])>.ops-kpi-grid,.dashboard-mobile-collapse:not([open])>.operations-board{display:none!important}
  .dashboard-mobile-collapse[open]>.ops-kpi-grid,.dashboard-mobile-collapse[open]>.operations-board{margin-top:7px!important}
  .dashboard-kpi-collapse .ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-bottom:0!important}
  .dashboard-kpi-collapse .ops-kpi{min-height:84px!important;padding:10px!important}
  .dashboard-kpi-collapse .ops-kpi-label{font-size:8px!important}.dashboard-kpi-collapse .ops-kpi strong{font-size:23px!important}.dashboard-kpi-collapse .ops-kpi small{font-size:8px!important}.dashboard-kpi-collapse .ops-kpi-code{min-width:28px!important;height:28px!important}
  .dashboard-ops-collapse .operations-board{grid-template-columns:1fr!important;gap:7px!important;margin-bottom:0!important}
  .dashboard-ops-collapse .ops-panel{padding:11px!important;border-radius:13px!important}
  .dashboard-ops-collapse .ops-panel-head{margin-bottom:7px!important}.dashboard-ops-collapse .ops-panel-head h2{font-size:14px!important}

  .customer-board{gap:7px!important}.customer-ticket-group{border-radius:13px!important}.customer-group-head{padding:10px!important}.customer-group-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-ticket-row{min-height:0!important}
}

@media(max-width:390px){
  .mobile-ticket-snapshot{gap:6px}.mobile-snapshot-card{padding:9px;min-height:60px}.mobile-snapshot-main{min-height:68px}
  .dashboard-hero .page-actions{grid-template-columns:1fr!important}
  .ticket-row-link-list>div:nth-child(3) .status-pill{max-width:92px!important}
}


/* ---- 1.1.4 iPhone Premium: ONE LINE command bar, aligned ticket selection ---- */
/* New toolbar exists in markup but has NO effect on tablet/desktop. */
.mobile-topbar-brand,.mobile-header-more{display:none}

@media (max-width:720px){
  body.app-body .utility-bar{
    position:sticky!important;top:0!important;z-index:85!important;
    min-height:56px!important;height:auto!important;
    padding:max(8px,env(safe-area-inset-top)) 12px 8px!important;
    display:flex!important;align-items:center!important;
    background:rgba(7,20,32,.97)!important;
    border-bottom:1px solid rgba(95,144,182,.17)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.19)!important;
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
    overflow:visible!important;
  }
  body.app-body .utility-bar .utility-title{display:none!important}
  body.app-body .utility-actions{
    width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:40px minmax(0,1fr) auto 40px!important;
    align-items:center!important;justify-items:stretch!important;
    column-gap:8px!important;row-gap:0!important;
    flex-wrap:nowrap!important;
  }
  body.app-body .utility-actions>#mobile-nav-toggle{
    grid-column:1;display:flex!important;align-items:center!important;justify-content:center!important;
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    margin:0!important;padding:0!important;
    border:1px solid rgba(102,152,194,.23)!important;border-radius:12px!important;
    color:#cde4f6!important;background:rgba(20,43,63,.65)!important;
    font-size:17px!important;box-shadow:none!important;
  }
  body.app-body .mobile-topbar-brand{
    grid-column:2;display:flex!important;min-width:0;align-items:center;justify-content:flex-start;gap:6px;
    white-space:nowrap;overflow:hidden;
  }
  body.app-body .mobile-topbar-brand strong{
    font-size:12.5px;line-height:1.15;font-weight:850;letter-spacing:-.025em;color:#e5f1fa;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  body.app-body .mobile-topbar-brand>span{
    display:inline-grid;place-items:center;min-width:21px;height:19px;padding:1px 4px;
    border:1px solid rgba(90,155,205,.25);border-radius:6px;
    background:rgba(49,111,166,.17);color:#a6cfe9;font-size:9px;font-weight:900;
  }
  body.app-body .utility-actions>.upgrade-health-chip{
    grid-column:3;justify-self:end;display:inline-flex!important;
    align-items:center!important;gap:6px!important;
    min-height:33px!important;margin:0!important;padding:5px 8px!important;
    border:1px solid rgba(77,199,159,.22)!important;border-radius:10px!important;
    background:rgba(21,63,57,.25)!important;white-space:nowrap!important;
    box-shadow:none!important;
  }
  body.app-body .utility-actions>.upgrade-health-chip.upgrade-warning{
    border-color:rgba(233,185,73,.27)!important;background:rgba(233,185,73,.08)!important;
  }
  body.app-body .utility-actions>.upgrade-health-chip.upgrade-error{
    border-color:rgba(245,99,106,.28)!important;background:rgba(245,99,106,.08)!important;
  }
  body.app-body .upgrade-health-chip .upgrade-health-label{display:none!important}
  body.app-body .utility-actions>.upgrade-health-chip strong{
    color:#c8e1da!important;font-size:10px!important;font-weight:850!important;line-height:1!important;
  }
  body.app-body .utility-actions>.upgrade-health-chip .upgrade-led{margin:0!important;flex:0 0 7px!important}
  body.app-body .utility-actions>.m365-health-chip,
  body.app-body .utility-actions>a.button,
  body.app-body .utility-actions>span.badge,
  body.app-body .utility-actions>.pwa-header-button,
  body.app-body .utility-actions>form{display:none!important}

  body.app-body .mobile-header-more{grid-column:4;justify-self:end;position:relative;display:block!important;margin:0}
  body.app-body .mobile-header-more>summary{
    list-style:none;display:flex;align-items:center;justify-content:center;
    width:40px;min-width:40px;height:40px;min-height:40px;
    margin:0;padding:0;border:1px solid rgba(102,152,194,.23);border-radius:12px;
    color:#d2e5f5;background:rgba(20,43,63,.65);cursor:pointer;user-select:none;
  }
  body.app-body .mobile-header-more>summary::-webkit-details-marker{display:none}
  body.app-body .mobile-header-more[open]>summary{background:rgba(41,109,163,.34);border-color:rgba(94,176,239,.48);color:#fff}
  body.app-body .mobile-header-popover{
    position:absolute;right:0;top:calc(100% + 10px);
    width:min(310px,calc(100vw - 24px));max-height:min(65dvh,520px);overflow-y:auto;
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
    padding:9px;border:1px solid rgba(104,158,202,.32);border-radius:17px;
    background:#10263a;box-shadow:0 24px 64px rgba(0,0,0,.54);
    color:#dce9f5;
  }
  body.app-body .mobile-header-popover-head{display:grid;gap:3px;padding:9px 11px 10px}
  body.app-body .mobile-header-popover-head strong{font-size:12px;font-weight:850}
  body.app-body .mobile-header-popover-head small{font-size:10px;color:#849fb4}
  body.app-body .mobile-header-status-line{
    display:flex;align-items:center;gap:8px;margin:1px 4px 9px;padding:10px;
    border:1px solid rgba(100,155,194,.14);border-radius:10px;
    background:rgba(8,22,35,.56);font-size:10.5px;font-weight:700;color:#d0e1ec;
  }
  body.app-body .mobile-header-status-led{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#3bd3a0;box-shadow:0 0 0 3px rgba(59,211,160,.1)}
  body.app-body .mobile-header-status-text{margin-left:auto;font-size:9px;color:#6ecfae}
  body.app-body .mobile-header-popover-actions{display:grid;gap:3px}
  body.app-body .mobile-header-popover-action{
    box-sizing:border-box;width:100%;min-height:43px;display:flex;align-items:center;gap:11px;
    margin:0;padding:9px 11px;border:0;border-radius:10px;background:transparent;
    color:#d5e4ef;font:inherit;font-size:12px;font-weight:750;
    text-align:left;text-decoration:none;cursor:pointer;
  }
  body.app-body .mobile-header-popover-action:hover,body.app-body .mobile-header-popover-action:focus-visible{
    background:rgba(69,148,204,.14);outline:2px solid rgba(98,181,239,.25);outline-offset:0;
  }
  body.app-body .mobile-header-popover-action svg{flex:0 0 19px;color:#83b3d4}
  body.app-body .mobile-header-chevron{margin-left:auto;color:#6189a6;font-size:20px;font-weight:400}
  body.app-body .mobile-header-logout{border-top:1px solid rgba(106,155,190,.18);padding-top:6px;margin-top:5px}
  body.app-body .mobile-header-logout .mobile-header-popover-action{color:#d9bfca}
  body.app-body .mobile-header-logout .mobile-header-popover-action svg{color:#b68d9d}
  body.app-body .mobile-header-more>summary:focus-visible,
  body.app-body .utility-actions>#mobile-nav-toggle:focus-visible{outline:2px solid #62b9f4;outline-offset:2px}

  /* Two compact dashboard actions instead of a second vertical cascade on small iPhones. */
  body.ui-route-dashboard .dashboard-hero .page-actions{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;gap:8px!important;
  }
  body.ui-route-dashboard .dashboard-hero .page-actions>form{min-width:0!important;width:100%!important;margin:0!important}
  body.ui-route-dashboard .dashboard-hero .page-actions>form>.button{
    box-sizing:border-box;width:100%!important;min-height:38px!important;
    padding:7px 5px!important;font-size:10px!important;white-space:nowrap!important;
  }

  /* Keep the entire checkbox inside its own padded column, in BOTH list modes. */
  body.ui-route-dashboard .ticket-table .ticket-line.bulk-ticket-row{
    grid-template-columns:39px minmax(0,1fr)!important;
    gap:5px!important;padding:0 11px 0 10px!important;
  }
  body.ui-route-dashboard .ticket-table .ticket-line .ticket-select{
    display:flex!important;justify-content:center!important;align-items:flex-start!important;
    padding:15px 0 0!important;margin:0!important;min-width:0!important;
    align-self:stretch;
  }
  body.ui-route-dashboard .ticket-table .ticket-row-link-list{
    padding:12px 0 12px 4px!important;
  }
  body.ui-route-dashboard .customer-ticket-row.bulk-ticket-row{
    grid-template-columns:39px minmax(0,1fr)!important;
    gap:5px!important;padding:0 11px 0 10px!important;
  }
  body.ui-route-dashboard .customer-ticket-row .ticket-select{
    display:flex!important;justify-content:center!important;align-items:flex-start!important;
    padding:14px 0 0!important;margin:0!important;min-width:0!important;
  }
  body.ui-route-dashboard .customer-ticket-row .ticket-row-link{
    padding:11px 0 11px 4px!important;
  }
  body.ui-route-dashboard input.bulk-ticket-checkbox,
  body.ui-route-dashboard input.bulk-group-toggle{
    -webkit-appearance:none!important;appearance:none!important;
    position:relative!important;display:inline-block!important;
    width:19px!important;min-width:19px!important;max-width:19px!important;
    height:19px!important;min-height:19px!important;max-height:19px!important;
    box-sizing:border-box!important;flex:0 0 19px!important;
    margin:0!important;padding:0!important;
    background:#0a1c2d!important;border:1.5px solid #6688a3!important;
    border-radius:6px!important;box-shadow:none!important;cursor:pointer!important;
    vertical-align:middle!important;
  }
  body.ui-route-dashboard input.bulk-ticket-checkbox:checked,
  body.ui-route-dashboard input.bulk-group-toggle:checked{
    background:#229df0 url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="m5 12 5 5 9-10"/%3E%3C/svg%3E') center/14px 14px no-repeat!important;
    border-color:#60bfff!important;
  }
  body.ui-route-dashboard input.bulk-ticket-checkbox:focus-visible,
  body.ui-route-dashboard input.bulk-group-toggle:focus-visible{
    outline:2px solid #83ceff!important;outline-offset:3px!important;
  }
  body.ui-route-dashboard .customer-group-head input.bulk-group-toggle{margin:0!important}
}
@media(max-width:370px){
  body.app-body .mobile-topbar-brand strong{font-size:11px}
  body.app-body .utility-actions{column-gap:6px!important}
  body.app-body .utility-actions>.upgrade-health-chip{padding:5px 7px!important}
}