/* DigitClínicas · UI unificada, 1.1.12-manager · camada final, sem dependências de banco/config. */
:root{--dc-button-radius:12px;--dc-card-shadow:0 14px 34px rgba(11,49,74,.075);--dc-card-border-size:1px;--dc-focus-ring:0 0 0 3px rgba(30,176,159,.2)}
.app-shell{--dc-button-height:42px;--dc-ui-radius:var(--dc-radius,12px);--dc-ui-border:var(--skin-border,#dce8f0);--dc-ui-surface:var(--skin-card,#fff);min-width:0}
.app-shell .app-main,.app-shell .content-area,.app-shell main,.app-shell section{min-width:0}
.app-shell .content-area{padding-bottom:60px!important}
.app-shell .page-heading{margin-bottom:24px!important}
.app-shell .surface-card,.app-shell .dc-ops-kpi,.app-shell .dc-dashboard-kpi,.app-shell .metric-card,.app-shell .dc-rf-toolbar,.app-shell .dc-ops-toolbar-standalone{
 border:var(--dc-card-border-size) solid var(--dc-ui-border)!important;border-radius:var(--dc-ui-radius)!important;
 box-shadow:var(--dc-card-shadow)!important;background:var(--dc-ui-surface);color:var(--skin-ink,#17344b)
}
.app-shell .surface-card{margin:0 0 24px!important;padding:clamp(18px,2vw,26px)!important;overflow:visible}
.app-shell .surface-card>:last-child,.app-shell .surface-card>form:last-child{margin-bottom:0!important}
.app-shell .card-head{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;margin:0 0 20px!important}
.app-shell .card-head h2{font-size:16px!important;font-weight:760;margin:0!important;letter-spacing:-.2px;line-height:1.4}
.app-shell .card-head p{font-size:12.5px;line-height:1.6;margin:6px 0 0!important}
.app-shell :is(.metric-card,.dc-dashboard-kpi,.dc-support-stat,.dc-health-entry,.soft-box){transition:border-color .18s,box-shadow .18s,transform .18s}
.app-shell .metric-card:hover,.app-shell .dc-dashboard-kpi:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(10,55,72,.11)!important}
.app-shell .dc-rf-toolbar,.app-shell .dc-ops-toolbar-standalone{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 22px!important;margin-bottom:22px!important}
.app-shell .dc-rf-toolbar h2{font-weight:760;font-size:18px;letter-spacing:-.4px;margin-bottom:6px}
.app-shell .dc-rf-toolbar p{font-size:12.5px;margin:0;color:var(--skin-muted,#61778a)}
/* One geometry/spacing/typography system across all actions. Semantic variants retain their meaning. */
.app-shell :is(a,button,input).btn:not(.btn-link),.panel-offcanvas :is(a,button).btn:not(.btn-link),.modal :is(a,button).btn:not(.btn-link){
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px;
 min-height:var(--dc-button-height)!important;padding:9px 16px!important;margin-inline:0;
 border:1px solid transparent!important;border-radius:var(--dc-button-radius)!important;
 font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important;font-size:13px!important;font-weight:680!important;line-height:1.35!important;
 text-align:center;text-decoration:none!important;white-space:normal;vertical-align:middle;
 transition:background .2s,box-shadow .2s,transform .2s,border-color .2s
}
.app-shell :is(a,button).btn.btn-sm:not(.btn-link),.panel-offcanvas :is(a,button).btn.btn-sm:not(.btn-link){min-height:35px!important;padding:7px 12px!important;font-size:12px!important}
.app-shell :is(a,button).btn.btn-lg:not(.btn-link){min-height:48px!important;padding:12px 22px!important;font-size:14px!important}
.app-shell .btn:not(:disabled):not(.disabled):not(.btn-link):active,.panel-offcanvas .btn:not(:disabled):not(.btn-link):active{transform:translateY(1px)}
.app-shell .btn-brand,.app-shell .btn-primary,.panel-offcanvas .btn-brand,.modal .btn-brand{
 background:var(--skin-accent,#087f85)!important;border-color:var(--skin-accent,#087f85)!important;color:#fff!important;
 box-shadow:0 6px 15px color-mix(in srgb,var(--skin-accent,#087f85) 20%,transparent)!important
}
.app-shell :is(.btn-brand,.btn-primary):hover,.panel-offcanvas .btn-brand:hover{filter:brightness(1.05)}
.app-shell .btn-outline-primary,.panel-offcanvas .btn-outline-primary{background:transparent!important;border-color:var(--skin-accent,#087f85)!important;color:var(--skin-accent,#087f85)!important;box-shadow:none!important}
.app-shell .btn-outline-primary:hover,.panel-offcanvas .btn-outline-primary:hover{background:color-mix(in srgb,var(--skin-accent,#087f85) 10%,var(--skin-card,#fff))!important;color:var(--skin-accent,#087f85)!important}
.app-shell :is(.btn-outline-secondary,.btn-secondary),.panel-offcanvas .btn-outline-secondary{background:var(--skin-card,#fff)!important;border-color:var(--skin-border,#cbdce7)!important;color:var(--skin-ink,#254355)!important;box-shadow:none!important}
.app-shell :is(.btn-outline-secondary,.btn-secondary):hover{background:var(--skin-page,#f3f8fa)!important}
.app-shell .btn-outline-danger,.panel-offcanvas .btn-outline-danger{background:transparent!important;border-color:#edb4b8!important;color:#ba3448!important;box-shadow:none!important}
.app-shell .btn-outline-danger:hover,.panel-offcanvas .btn-outline-danger:hover{background:#fff1f2!important}
.app-shell .btn-outline-success,.panel-offcanvas .btn-outline-success{background:transparent!important;border-color:#2d9976!important;color:#087557!important;box-shadow:none!important}
.app-shell .btn-outline-success:hover{background:#e9f8f1!important}
.app-shell .btn:disabled,.app-shell .btn.disabled,.panel-offcanvas .btn:disabled{opacity:.5!important;cursor:not-allowed;box-shadow:none!important}
.app-shell .btn>i,.panel-offcanvas .btn>i{font-size:1.05em;flex-shrink:0;margin-right:0!important}
.app-shell :is(.btn,.form-control,.form-select,.form-check-input,.nav-link):focus-visible,.panel-offcanvas :is(a,button,input):focus-visible{
 outline:2px solid var(--skin-accent,#087f85)!important;outline-offset:2px!important;box-shadow:var(--dc-focus-ring)!important
}
.app-shell .form-label{font-size:12px!important;font-weight:680!important;color:var(--skin-ink,#274457);margin-bottom:8px!important}
.app-shell :is(.form-control,.form-select){min-height:43px!important;padding:10px 12px!important;border-radius:calc(var(--dc-ui-radius) - 2px)!important;border:1px solid var(--skin-border,#d8e6ee)!important;font-size:13px}
.app-shell textarea.form-control{min-height:95px!important;resize:vertical}
.app-shell :is(.form-control,.form-select):focus{border-color:var(--skin-accent,#087f85)!important;box-shadow:var(--dc-focus-ring)!important}
.app-shell :is(.form-control,.form-select)::placeholder{opacity:.75}
.app-shell .form-help{line-height:1.5;font-size:11.5px;margin-top:6px}
.app-shell .row{--bs-gutter-x:20px;--bs-gutter-y:18px}
.app-shell :is(.dc-rf-actions,.dc-action-strip,.dc-button-row,.dc-ops-toolbar,.dc-notification-actions,.dc-panel-actions,.dc-package-actions){display:flex;align-items:center;gap:10px!important;flex-wrap:wrap}
.app-shell :is(.dc-rf-actions,.dc-action-strip){padding:18px 0 3px!important;margin:12px 0 0!important;border-top:1px solid var(--skin-border,#dce8f0)}
.app-shell .dc-rf-actions .btn{min-width:150px}
.app-shell #dcClinicForm{margin:20px 0 28px!important;scroll-margin-top:82px;padding:0 0 8px!important}
.app-shell #dcClinicForm>.surface-card{border-color:color-mix(in srgb,var(--skin-accent,#087f85) 35%,var(--skin-border,#dce8f0))!important}
.app-shell :is(.dc-clinic-steps,.dc-rf-form,.dc-rf-section){margin-bottom:16px}
.app-shell .dc-rf-form .col-12{min-width:0}
.app-shell .dc-rf-section{scroll-margin-top:70px}
.app-shell .dc-clinic-create-surface+.surface-card{margin-top:20px!important}
.app-shell .table-responsive{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-radius:calc(var(--dc-ui-radius) - 3px)}
.app-shell :is(.table-modern,.table){width:100%;margin-bottom:0}
.app-shell :is(.table-modern,.table) th{font-size:11px!important;font-weight:750!important;letter-spacing:.02em}
.app-shell :is(.table-modern,.table) td{font-size:12.5px;vertical-align:middle}
.app-shell .dc-tabs{box-shadow:0 8px 22px rgba(8,42,64,.04);margin-bottom:22px!important;min-width:0}
.app-shell .dc-tabs .nav-link{min-height:40px;border-radius:calc(var(--dc-ui-radius) - 3px);font-weight:650}
.app-shell .dc-tabs .nav-link.active{box-shadow:0 3px 12px rgba(8,42,64,.065)}
.app-shell .tab-content>.tab-pane:not(.active){display:none}
.app-shell .tab-content>.tab-pane.active{display:block}
/* Sidebar, header, profile chip */
.app-shell .side-link{gap:12px;align-items:center;min-height:44px;border-radius:calc(var(--dc-ui-radius) - 3px)!important}
.app-shell .side-link i{font-size:17px;flex:0 0 20px;text-align:center}
.app-shell .side-link .nav-label{line-height:1.32}
.app-shell .topbar{box-shadow:0 7px 25px rgba(4,30,48,.08)!important;min-width:0}
.app-shell .topbar .top-icon{border:1px solid color-mix(in srgb,var(--skin-highlight,#55d7ba) 18%,transparent);border-radius:calc(var(--dc-ui-radius) - 2px)}
.app-shell .topbar .top-icon:hover{transform:translateY(-1px)}
.app-shell .profile-trigger{border:1px solid color-mix(in srgb,var(--skin-highlight,#55d7ba) 18%,transparent);border-radius:var(--dc-ui-radius);padding:5px 9px}
.app-shell .profile-trigger:hover{background:color-mix(in srgb,var(--skin-highlight,#55d7ba) 12%,transparent)}
.app-shell .profile-copy{min-width:0}
.app-shell .profile-copy b,.app-shell .profile-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Panels: both account & notifications use one coherent surface and scroll behavior. */
.panel-offcanvas.dc-offcanvas-managed{background:#f6f9fc!important;color:#203b50!important;border-left:1px solid #dce6ed!important;box-shadow:-18px 0 60px rgba(1,18,35,.23)!important;border-radius:20px 0 0 20px}
.panel-offcanvas.dc-offcanvas-managed .offcanvas-header{background:linear-gradient(122deg,#082b42,#0b5562)!important;color:white!important;min-height:96px!important;padding:22px!important;box-shadow:none!important}
.panel-offcanvas.dc-offcanvas-managed .offcanvas-title{font-size:16px;font-weight:750;letter-spacing:-.25px;display:flex;align-items:center;gap:8px;color:#fff}
.panel-offcanvas.dc-offcanvas-managed .offcanvas-header .btn-close{filter:invert(1) grayscale(1);opacity:.85;box-shadow:none}
.panel-offcanvas.dc-offcanvas-managed .offcanvas-body{padding:24px 20px 28px!important;scrollbar-width:thin;overscroll-behavior:contain}
.panel-offcanvas .account-header{background:#fff!important;border:1px solid #e0eaf1;border-radius:16px;padding:23px 14px!important;display:flex;align-items:center;flex-direction:column;gap:5px;margin-bottom:22px!important;box-shadow:0 10px 25px rgba(4,31,52,.055)}
.panel-offcanvas .account-header .avatar-large{width:78px;height:78px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #9fe5d9,0 8px 18px rgba(3,34,50,.12);background:linear-gradient(135deg,#087f85,#35b49d);color:#fff;font-size:28px;overflow:hidden;margin-bottom:9px}
.panel-offcanvas .account-header .avatar-large img{width:100%;height:100%;object-fit:cover}
.panel-offcanvas .account-header>b{font-size:16px;color:#17374b;text-align:center;overflow-wrap:anywhere}
.panel-offcanvas .account-header small{font-size:12px;color:#708596;overflow-wrap:anywhere;text-align:center}
.panel-offcanvas .offcanvas-section-title{font-size:10.5px;font-weight:800;letter-spacing:.11em;color:#738797;margin-bottom:12px;margin-top:6px}
.panel-offcanvas .offcanvas-menu-link{min-height:52px!important;margin:0 0 9px!important;padding:12px 15px!important;box-shadow:0 3px 9px rgba(10,36,55,.025)}
.panel-offcanvas .offcanvas-menu-link:hover{border-color:#9fd8d5!important;background:#f0faf8!important}
.panel-offcanvas .offcanvas-menu-link>i:first-child{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#e9f6f5;color:#0a8687;flex-shrink:0}
.panel-offcanvas .offcanvas-menu-link>i:last-child{font-size:12px;color:#8fa2b0}
.panel-offcanvas .notif-row{display:flex;gap:12px;padding:15px!important;border:1px solid #e0e9ef;background:#fff!important;border-radius:14px!important;margin-bottom:10px!important;box-shadow:0 5px 13px rgba(5,40,64,.035)}
.panel-offcanvas .notif-row.unread{border-left:3px solid #0aa89b!important;background:#f0fbf9!important}
.panel-offcanvas .notif-row .notif-icon{width:36px;height:36px;flex-shrink:0;border-radius:11px;background:#e7f6f5;color:#087f85;display:grid;place-items:center}
.panel-offcanvas .notif-row>div:last-child{min-width:0;flex:1}
.panel-offcanvas .notif-row strong{font-size:12.5px;color:#16384a;overflow-wrap:anywhere}
.panel-offcanvas .notif-row p{font-size:12px;line-height:1.55;color:#607589;overflow-wrap:anywhere;margin:6px 0}
.panel-offcanvas .notif-row small{font-size:11px;color:#8797a3}
.panel-offcanvas .dc-panel-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin:0 0 18px!important}
.panel-offcanvas .dc-panel-actions form,.panel-offcanvas .dc-panel-actions .btn{min-width:0;width:100%;height:100%;margin:0}
.panel-offcanvas .dc-panel-actions .btn{font-size:11.5px!important;padding-inline:8px!important}
.panel-offcanvas .empty-state{padding:30px 20px!important;text-align:center;background:#fff;border:1px dashed #cbdde7;border-radius:14px}
.panel-offcanvas .empty-state i{color:#087f85;font-size:26px}
.panel-offcanvas .btn.btn-brand{width:100%}
/* Appearance controls & preview: no clipping, no broken nested cards. */
.app-shell .dc-appearance-layout,.app-shell .dc-appearance-layout>*,.app-shell .dc-skin-options,.app-shell .dc-custom-options,.app-shell .dc-brand-upload-grid{min-width:0}
.app-shell .dc-skin-options-v2{gap:12px!important}
.app-shell .dc-skin-select{padding:12px!important;border:1px solid var(--skin-border,#d8e6ed)!important;border-radius:var(--dc-ui-radius)!important;min-width:0;background:var(--skin-card,#fff);transition:border-color .2s,box-shadow .2s,transform .2s}
.app-shell .dc-skin-select:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(10,50,72,.09)}
.app-shell .dc-skin-select:has(input:checked){border-color:var(--skin-accent,#087f85)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--skin-accent,#087f85) 17%,transparent)!important;outline:none}
.app-shell .dc-brand-upload{border-style:dashed!important;border-width:1px!important;border-radius:var(--dc-ui-radius)!important;padding:15px!important}
.app-shell .dc-brand-upload:focus-within{border-color:var(--skin-accent,#087f85)!important}
.app-shell .dc-color-control-row{border-radius:calc(var(--dc-ui-radius) - 2px)}
.app-shell .dc-actions-sticky{position:sticky;bottom:12px;z-index:3;background:var(--skin-card,#fff);box-shadow:0 10px 25px rgba(15,47,68,.11);border-radius:var(--dc-ui-radius);padding:14px!important}
.app-shell #dcSkinPreview .dc-demo-buttons span{border-radius:var(--dc-button-radius)!important}
.app-shell #dcSkinPreview :is(.dc-demo-panel,.dc-demo-metrics>div){box-shadow:var(--dc-card-shadow)!important;border-width:var(--dc-card-border-size)!important;border-style:solid;border-color:var(--skin-border,#dce6ec)}
/* Status / health / support */
.app-shell .dc-health-grid,.app-shell .dc-root-stat-grid,.app-shell .dc-support-stats{gap:14px!important}
.app-shell .dc-health-entry,.app-shell .dc-root-stat-grid>div,.app-shell .dc-support-stat{padding:17px!important;border-radius:var(--dc-ui-radius)!important;background:var(--skin-card,#fff)!important;border:1px solid var(--skin-border,#dce7ef)!important;min-width:0}
.app-shell .dc-health-entry>i{width:40px;height:40px;flex-shrink:0;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--skin-accent,#087f85) 9%,var(--skin-card,#fff))}
.app-shell .dc-health-entry small{overflow-wrap:anywhere}
.app-shell .dc-status{font-size:10px;letter-spacing:.02em}
.app-shell .dc-root-audit .card-head a{white-space:normal}
.app-shell .dc-root-diagnostics>div,.app-shell .dc-root-stat-grid>div{min-width:0}
.app-shell .dc-support-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.app-shell .dc-support-header h2{font-weight:750;font-size:20px;letter-spacing:-.5px}
.app-shell .dc-support-stat:hover{border-color:var(--skin-accent,#087f85)!important;box-shadow:0 10px 24px rgba(3,47,63,.065)!important}
.app-shell :is(.dc-notification-entry,.dc-backup-warning,.dc-health-row,.module-item){min-width:0;overflow-wrap:anywhere}
/* Responsive behavior with deterministic gaps and no sideways scrolling. */
@media(min-width:992px){.app-shell.sidebar-collapsed .sidebar{width:76px!important}.app-shell.sidebar-collapsed .app-main{margin-left:76px!important}.app-shell.sidebar-collapsed .sidebar :is(.sidebar-bottom,.nav-label,.nav-caption,.brand-word){overflow:hidden}.app-shell.sidebar-collapsed .sidebar .side-link{padding-inline:0!important}}
@media(max-width:1199.98px){.app-shell .dc-appearance-layout{grid-template-columns:minmax(0,1fr)!important}.app-shell .dc-appearance-right{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:991.98px){.app-shell .app-main{margin-left:0!important}.app-shell .dc-rf-toolbar{flex-wrap:wrap}.app-shell .dc-appearance-right{grid-template-columns:1fr!important}}
@media(max-width:767.98px){.app-shell .content-area{padding:18px 14px 40px!important}.app-shell .surface-card{padding:17px!important}.app-shell .dc-rf-actions .btn{flex:1 1 160px}.app-shell .dc-rf-toolbar .btn{width:100%}.app-shell .dc-skin-options-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app-shell .dc-brand-upload-grid,.app-shell .dc-custom-options{grid-template-columns:minmax(0,1fr)!important}.app-shell .dc-actions-sticky{bottom:0;margin-inline:-5px}.app-shell .dc-root-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.app-shell .page-heading h1{font-size:25px!important}.app-shell .topbar{gap:8px!important;padding-inline:12px!important}.app-shell .topbar .profile-copy,.app-shell .topbar .top-help-link span{display:none!important}.app-shell :is(.dc-rf-actions,.dc-action-strip) .btn{flex:1 1 100%}.panel-offcanvas.dc-offcanvas-managed{border-radius:0!important}.panel-offcanvas .dc-panel-actions{grid-template-columns:1fr!important}.app-shell .dc-root-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.app-shell :is(.btn,.metric-card,.dc-skin-select),.panel-offcanvas :is(.btn,.offcanvas-menu-link){transition:none!important;transform:none!important}}
/* Closed drawers are removed from layout, avoiding horizontal scroll and paint bleed on narrow viewports. */
html,body{max-width:100%;overflow-x:clip}
.panel-offcanvas.dc-offcanvas-managed:not(.show){display:none!important}
.panel-offcanvas.dc-offcanvas-managed.show{display:flex!important}


/* 1.1.13 refinement pack */
.app-shell .top-help-link,.app-shell .top-help-link:visited{color:#fff!important}
.app-shell .top-help-link:hover{color:#d9fff3!important}
.app-shell .dc-page-note{display:flex;align-items:flex-start;gap:14px;padding:15px 18px;border:1px solid var(--skin-border,#dce7ef);background:linear-gradient(180deg,#f8fcff,#f3f8fc);border-radius:var(--dc-ui-radius);box-shadow:var(--dc-card-shadow)}
.app-shell .dc-page-note>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--skin-accent,#087f85) 10%,#fff);color:var(--skin-accent,#087f85);font-size:20px;flex-shrink:0}
.app-shell .dc-page-note strong{display:block;font-size:14px;margin-bottom:3px}
.app-shell .dc-page-note span{display:block;font-size:12.5px;color:var(--skin-muted,#667f90);line-height:1.55}
.app-shell .dc-settings-shell .dc-tabs .nav-link{border-radius:999px!important;border:1px solid var(--skin-border,#dce7ef)!important;background:#fff;color:var(--skin-ink,#17344b);font-weight:700;padding:9px 16px!important}
.app-shell .dc-settings-shell .dc-tabs .nav-link.active{background:color-mix(in srgb,var(--skin-accent,#087f85) 12%,#fff)!important;border-color:color-mix(in srgb,var(--skin-accent,#087f85) 45%,var(--skin-border,#dce7ef))!important;color:var(--skin-accent,#087f85)!important}
.app-shell .dc-settings-shell .tab-pane{min-width:0}
.app-shell .dc-infra-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.app-shell .dc-infra-tabs span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--skin-border,#dce7ef);border-radius:999px;background:#fff;font-size:12.5px;font-weight:700;color:var(--skin-ink,#17344b)}
.app-shell .dc-infra-tabs span.active{background:color-mix(in srgb,var(--skin-accent,#087f85) 12%,#fff);color:var(--skin-accent,#087f85);border-color:color-mix(in srgb,var(--skin-accent,#087f85) 45%,var(--skin-border,#dce7ef))}
.app-shell .form-check-input{width:44px;height:24px}
.app-shell .form-check-input:checked{background-color:var(--skin-accent,#087f85);border-color:var(--skin-accent,#087f85)}
.app-shell .form-check.form-switch{padding-left:3rem}
.app-shell .surface-card .soft-box{border:1px solid var(--skin-border,#dce7ef);border-radius:calc(var(--dc-ui-radius) - 2px);background:linear-gradient(180deg,#fff,#fbfdff);padding:16px!important}
.app-shell .dc-health-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px}
.app-shell .dc-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-weight:700;background:#eef5fb;color:#557084}
.app-shell .dc-status-ok{background:#eaf8f0;color:#0a7f53}
.app-shell .dc-status-warn{background:#fff4df;color:#b06d00}
.app-shell .dc-status-info{background:#eaf3ff;color:#255db0}
.app-shell .dc-package-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.app-shell .table-modern td,.app-shell .table-modern th{vertical-align:middle}
.app-shell .table-modern td .pill{white-space:nowrap}
.app-shell .dc-support-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.app-shell .dc-support-toolbar .form-control{max-width:420px}
@media(min-width:992px){.app-shell.sidebar-collapsed .topbar{left:76px!important;width:calc(100% - 76px)!important}.app-shell.sidebar-collapsed .content-area,.app-shell.sidebar-collapsed .app-footer{margin-left:0!important}}
@media(max-width:767.98px){.app-shell .dc-settings-shell .dc-tabs .nav-link{width:100%}.app-shell .dc-package-toolbar,.app-shell .dc-support-toolbar{align-items:stretch}.app-shell .dc-support-toolbar .form-control{max-width:none;width:100%}}