/* SGPLUS workspace: light canvas, a collapsible graphite rail and one accent. */
/* Global zoom displaced fixed native dropdowns by 10% from their triggers. */
html:has(body.sg-workspace) { zoom: 1 !important; }
html body.sg-workspace {
  --sg-nav-width: 80px;
  --sg-ink: #252637;
  --sg-muted: #7e8192;
  --sg-accent: #a435de;
  --sg-accent-soft: #f6edfc;
  --sg-surface: #fff;
  --sg-border: #e8e9ef;
  --bs-primary: #a435de;
  --bs-primary-rgb: 164,53,222;
  --el-color-primary: #a435de;
  --el-color-primary-light-9: #f8effd;
  --el-color-primary-light-8: #f0dcfa;
  --bs-body-color: #252637;
  --bs-body-bg: #f0f2f5;
  margin: 0 !important;
  background: #f0f2f5 !important;
  background-image: none !important;
  color: var(--sg-ink) !important;
  font-family: 'Plus Jakarta Sans', 'Segoe UI', Arial, sans-serif !important;
  font-size: 13px;
  line-height: 1.55;
}
html body.sg-workspace.sg-nav-expanded { --sg-nav-width: 260px; }
html body.sg-workspace #kt_aside,
html body.sg-workspace #kt_header,
html body.sg-workspace #kt_header_mobile,
html body.sg-workspace .header-mobile,
html body.sg-workspace .mobile-page-title-shell,
html body.sg-workspace #kt_footer,
html body.sg-workspace .footer,
html body.sg-workspace #sgplus-sidebar-toggle { display: none !important; }
html body.sg-workspace #kt_wrapper {
  margin-left: calc(var(--sg-nav-width) + 48px) !important;
  padding: 112px 24px 28px 0 !important;
  width: auto !important;
  min-height: 100dvh;
  background: transparent !important;
  transition: margin-left .22s ease;
}
html body.sg-workspace #kt_content { padding: 0 !important; margin: 0 !important; }
html body.sg-workspace #kt_content_container { padding: 0 !important; max-width: 100% !important; }
html body.sg-workspace #kt_app_root,
html body.sg-workspace .page,
html body.sg-workspace .post { background: transparent !important; }
html body.sg-workspace h1, html body.sg-workspace h2, html body.sg-workspace h3,
html body.sg-workspace h4, html body.sg-workspace h5, html body.sg-workspace h6 {
  color: #252637 !important; font-family: inherit !important; letter-spacing: -.025em;
}
html body.sg-workspace a { color: #8334b5; }
html body.sg-workspace .text-muted, html body.sg-workspace .text-gray-500 { color: #7c7f90 !important; }

/* Shell is outside Vue's managed DOM. Only visible routes are mirrored into it. */
#sg-workspace-shell[hidden] { display: none !important; }
html body.sg-workspace .sg-operation-note {background:#fff;color:#757486;border:1px solid #e9e8ef;border-left:3px solid #b347dc;border-radius:12px;padding:12px 16px;margin:0 0 18px;font-size:11px;}
#sg-workspace-shell { font: 500 13px/1.5 'Plus Jakarta Sans','Segoe UI',Arial,sans-serif; }
#sg-workspace-shell svg { width: 21px; height: 21px; flex: 0 0 21px; }
#sg-workspace-topbar {
  position: fixed; z-index: 1010; left: 24px; right: 24px; top: 20px; height: 68px;
  display: flex; align-items: center; gap: 20px; padding: 0 22px;
  border: 1px solid rgba(255,255,255,.7); border-radius: 22px;
  background: #fff; color: #252637; box-shadow: 0 5px 25px #25263704;
}
#sg-workspace-topbar a { text-decoration: none; color: #414252; }
.sg-brand { display: flex; align-items: center; gap: 10px; font-size: 19px; font-weight: 800; letter-spacing: -.6px; }
.sg-brand-image { display: block; width: auto; height: auto; max-width: 160px; max-height: 52px; object-fit: contain; }
.sg-brand-image[hidden], .sg-brand-fallback[hidden] { display: none !important; }
.sg-top-toggle { display: none; }
.sg-top-route { border-left: 1px solid #e8e9ef; padding-left: 22px; font-weight: 650; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sg-top-search { margin-left: auto; width: min(350px,28vw); position: relative; }
.sg-top-search label { display: flex; gap: 8px; align-items: center; background: #f5f6f9; border-radius: 12px; padding: 0 12px; color: #9a7ab0; }
html body.sg-workspace .sg-top-search input { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 11px 0 !important; height: 42px; font-size: 12px; width: 100%; color: #414252 !important; outline: 0 !important; }
.sg-top-search kbd { background: transparent; color: #9a9cab; white-space: nowrap; font: 10px inherit; }
#sg-nav-search-results { position: absolute; top: 50px; left: 0; right: 0; max-height: 65vh; overflow-y: auto; padding: 8px; background: #fff; border: 1px solid #e8e9ef; border-radius: 14px; box-shadow: 0 18px 45px #25263722; }
#sg-nav-search-results a { display: flex; flex-direction: column; border-radius: 8px; padding: 8px 12px; }
#sg-nav-search-results a:hover, #sg-nav-search-results a:focus { background: #f6edfc; }
#sg-nav-search-results small { color: #9395a3; font-size: 10px; }
#sg-nav-search-results p { padding: 10px; margin: 0; color: #7e8192; }
.sg-top-notifications { padding: 8px; display: flex; border-left: 1px solid #e8e9ef; padding-left: 20px; }
.sg-top-account { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 650; }
.sg-top-account svg { width: 32px !important; height: 32px !important; padding: 6px; background: #f1eafa; border-radius: 50%; color: #8f3bbd; }
#sg-workspace-nav {
  position: fixed; z-index: 1020; left: 24px; top: 112px; bottom: 24px;
  width: var(--sg-nav-width); display: flex; flex-direction: column;
  padding: 12px; background: #30303c; border: 0; border-radius: 24px;
  box-shadow: 0 16px 30px #25263710; color: #b5b5c3;
  transition: width .22s ease; overflow: hidden;
}
.sg-nav-toggle { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 11px; height: 44px; border: 0; border-radius: 12px; color: #e9e9f1; background: #ffffff08; cursor: pointer; flex-shrink: 0; margin-bottom: 15px; }
.sg-nav-toggle span { display: none; font-size: 11px; }
.sg-nav-toggle:hover { background: #ffffff14; }
.sg-nav-scroll { overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #575765 transparent; flex: 1; }
#sg-workspace-nav details { margin: 3px 0; }
#sg-workspace-nav summary { list-style: none; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 48px; padding: 12px; border-radius: 12px; cursor: pointer; color: #a9a9b9; }
#sg-workspace-nav summary::-webkit-details-marker { display: none; }
#sg-workspace-nav summary:hover { background: #ffffff08; color: #fff; }
#sg-workspace-nav .is-current > summary { background: linear-gradient(120deg,#d249ea,#933ce3); color: #fff; }
.sg-nav-label, #sg-workspace-nav summary svg:last-child, .sg-nav-children { display: none; }
body.sg-nav-expanded #sg-workspace-nav summary { justify-content: flex-start; }
body.sg-nav-expanded .sg-nav-label { display: inline; white-space: nowrap; font-size: 12px; flex: 1; }
body.sg-nav-expanded #sg-workspace-nav summary svg:last-child { display: block; width: 13px; height: 13px; flex: 0 0 13px; }
body.sg-nav-expanded #sg-workspace-nav details[open] > summary svg:last-child { transform: rotate(90deg); }
body.sg-nav-expanded #sg-workspace-nav details[open] > .sg-nav-children { display: block; padding: 5px 0 8px 30px; }
body.sg-nav-expanded .sg-nav-toggle { justify-content: flex-start; }
body.sg-nav-expanded .sg-nav-toggle svg { transform: rotate(180deg); }
body.sg-nav-expanded .sg-nav-toggle span { display: inline; }
#sg-workspace-nav .sg-nav-link { display: block; color: #b8b8c8; padding: 8px 12px; border-radius: 8px; font-size: 11px; line-height: 1.5; text-decoration: none; }
#sg-workspace-nav .sg-nav-link:hover, #sg-workspace-nav .sg-nav-link:focus-visible { color: #fff; background: #ffffff0b; }
#sg-workspace-nav .sg-nav-link.is-active { background: #ffffff0e; color: #f1b4ff; }
#sg-nav-backdrop { display: none; }
#sg-workspace-shell :focus-visible { outline: 2px solid #d684f0; outline-offset: 3px; }

/* Content, forms and tables share a single density and surface. */
html body.sg-workspace .card, html body.sg-workspace .el-card, html body.sg-workspace .dp-panel, html body.sg-workspace .dp-kpi {
  background: #fff !important; border: 1px solid #e8e9ef !important; border-radius: 22px !important;
  color: #252637 !important; box-shadow: 0 4px 20px #25263703 !important; backdrop-filter: none !important;
}
html body.sg-workspace .card-header { padding: 22px 24px 12px !important; gap: 12px; flex-wrap: wrap; min-height: 0 !important; }
html body.sg-workspace .card-body { padding: 22px 24px !important; }
html body.sg-workspace .btn, html body.sg-workspace .el-button { border-radius: 10px !important; font-family: inherit !important; font-size: 12px !important; font-weight: 600 !important; box-shadow: none !important; }
html body.sg-workspace .btn-primary, html body.sg-workspace .el-button--primary { --el-button-bg-color: #a435de; --el-button-border-color: #a435de; background: linear-gradient(115deg,#ca40e3,#9237de) !important; border-color: transparent !important; color: #fff !important; }
html body.sg-workspace .btn-primary:hover, html body.sg-workspace .el-button--primary:hover { filter: brightness(.96); }
html body.sg-workspace .btn-light, html body.sg-workspace .btn-light-primary { background: #f4f1f8 !important; border: 1px solid #eee8f3 !important; color: #79439b !important; }
html body.sg-workspace .btn.btn-icon { width: 32px !important; height: 32px !important; padding: 6px !important; }
html body.sg-workspace .form-control, html body.sg-workspace .form-select,
html body.sg-workspace .el-input__wrapper, html body.sg-workspace .el-select__wrapper { border-color: #dfe1e9 !important; border-radius: 10px !important; box-shadow: none !important; }
html body.sg-workspace .el-input__wrapper:focus-within, html body.sg-workspace .el-select__wrapper.is-focused { border-color: #b551dc !important; box-shadow: 0 0 0 3px #b551dc12 !important; }
html body.sg-workspace input[type="checkbox"], html body.sg-workspace input[type="radio"] { accent-color: #a435de !important; }
html body.sg-workspace .el-checkbox__input.is-checked .el-checkbox__inner, html body.sg-workspace .el-radio__input.is-checked .el-radio__inner { background: #a435de !important; border-color: #a435de !important; }
html body.sg-workspace .table { color: #414252 !important; font-size: 12px !important; }
html body.sg-workspace .table thead th { padding: 14px 12px !important; background: #f7f8fa !important; color: #8b8d9e !important; font-size: 10px !important; letter-spacing: .06em; font-weight: 650 !important; border-color: #eceef3 !important; }
html body.sg-workspace .table tbody td { padding: 16px 12px !important; border-color: #eef0f5 !important; vertical-align: middle !important; background: #fff !important; }
html body.sg-workspace .table tbody tr:hover > td { background: #fbf9fd !important; }
html body.sg-workspace .table .alert { border: 0 !important; padding: 4px 7px !important; border-radius: 6px !important; font-size: 10px; }
html body.sg-workspace .table .alert-success { background: #eaf8f0 !important; color: #318760 !important; }
html body.sg-workspace .table .alert-info { background: #f3eefd !important; color: #9554bf !important; }
html body.sg-workspace .page-item.active .page-link { background: #a435de !important; color: #fff !important; border: 0 !important; border-radius: 9px !important; }
html body.sg-workspace #sg-server-monitoring { margin-bottom: 18px !important; }
html body.sg-workspace #sg-server-monitoring summary { padding: 14px 20px !important; color: #7e8192; font-size: 11px; }

/* Customer actions sit immediately beside the account, with optional shortcuts. */
html body.sg-workspace .sg-customer-table { width: 100%; min-width: 860px; table-layout: fixed; }
html body.sg-workspace .sg-customer-table tr { display: grid; grid-template-columns: 240px 180px minmax(200px,1.1fr) 120px minmax(140px,.8fr); }
html body.sg-workspace .sg-customer-table th,html body.sg-workspace .sg-reseller-table th {width:auto !important;min-width:0 !important;}
html body.sg-workspace .sg-customer-table tr > :nth-child(1) { grid-column: 1; grid-row: 1; }
html body.sg-workspace .sg-customer-table tr > :nth-child(5) { grid-column: 2; grid-row: 1; text-align: left !important; }
html body.sg-workspace .sg-customer-table tr > :nth-child(2) { grid-column: 3; grid-row: 1; }
html body.sg-workspace .sg-customer-table tr > :nth-child(3) { grid-column: 4; grid-row: 1; }
html body.sg-workspace .sg-customer-table tr > :nth-child(4) { grid-column: 5; grid-row: 1; }
html body.sg-workspace .sg-customer-table td:last-child > .d-flex { justify-content: flex-start !important; gap: 6px; flex-wrap: wrap; }
html body.sg-workspace .sg-customer-table td:last-child > .d-flex:first-child > .btn,
html body.sg-workspace .sg-customer-table td:last-child > .d-flex:nth-child(2) { display: none !important; }
html body.sg-workspace .sg-customer-table td:last-child > .d-flex:first-child > a:first-child { display: inline-flex !important; margin: 0 !important; }
html body.sg-workspace .sg-customer-table .el-dropdown { margin-left: 0 !important; }
html body.sg-workspace .sg-row-shortcuts-toggle { padding: 5px 0; margin: 6px 0 0; background: none; border: 0; color: #9292a5; font: 10px inherit; cursor: pointer; text-decoration: underline dotted; text-underline-offset: 3px; }
html body.sg-workspace .sg-customer-table td.sg-shortcuts-open > .d-flex:first-child > .btn { display: inline-flex !important; }
html body.sg-workspace .sg-customer-table td.sg-shortcuts-open > .d-flex:nth-child(2) { display: flex !important; margin-top: 10px !important; }
html body.sg-workspace .sg-customer-table td.sg-shortcuts-open .btn { margin: 0 !important; }
html body.sg-workspace .el-popper { border-radius: 12px !important; box-shadow: 0 12px 40px #25263718 !important; border-color: #e8e9ef !important; }
html body.sg-workspace .el-dropdown-menu { padding: 6px !important; border-radius: 12px !important; max-height: min(480px,75vh); overflow-y: auto; }
html body.sg-workspace .el-dropdown-menu__item { min-height: 34px; padding: 8px 12px !important; border-radius: 7px; color: #414252 !important; font-size: 12px; }
html body.sg-workspace .el-dropdown-menu__item:hover { color: #8f3bbd !important; background: #f8f0fc !important; }
html body.sg-workspace .el-divider { margin: 5px 0 !important; }

/* Native dialogs retain their backdrop and focus management. */
html body.sg-workspace .modal { z-index: 1060 !important; }
html body.sg-workspace .modal-backdrop { z-index: 1055 !important; background: #252637 !important; }
html body.sg-workspace .modal-content, html body.sg-workspace .el-dialog { border: 0 !important; border-radius: 24px !important; background: #fff !important; color: #252637 !important; box-shadow: 0 25px 80px #25263728 !important; }
html body.sg-workspace .modal-header { padding: 22px 26px !important; border-bottom: 1px solid #eef0f5 !important; }
html body.sg-workspace .modal-header h2 { font-size: 19px !important; }
html body.sg-workspace .modal-body { padding: 22px 26px !important; max-height: 72dvh; overflow-y: auto; }
html body.sg-workspace .modal-footer { padding: 16px 26px !important; border-top: 1px solid #eef0f5 !important; gap: 10px; justify-content: flex-end !important; }
html body.sg-workspace.modal-open .card:has(.modal.show) { backdrop-filter: none !important; transform: none !important; }

/* Dashboard uses real data from the existing dashboard module. */
html body.sg-workspace .dp-dashboard { --dp-ink:#252637;--dp-muted:#858798;--dp-blue:#ab41dc;--dp-accent:#ab41dc;--dp-border:#e8e9ef;--dp-soft:#f4f2f8; padding:0 !important; }
html body.sg-workspace .dp-hero { padding: 28px 30px !important; border-radius: 24px !important; background: #fff !important; border: 1px solid #e8e9ef !important; box-shadow:none !important; color: #252637 !important; }
html body.sg-workspace .dp-hero h2 { font-size: clamp(22px,2vw,30px) !important; color:#252637 !important; }
html body.sg-workspace .dp-hero p { color: #8b8d9e !important; max-width: 580px; font-size:12px !important; }
html body.sg-workspace .dp-hero .dp-eyebrow { color: #ab41dc !important; }
html body.sg-workspace .dp-hero button, html body.sg-workspace .dp-hero a { color: #843cb0 !important; background: #f7effb !important; border:0 !important; border-radius:10px !important; }
html body.sg-workspace .dp-hero a:last-child { background:linear-gradient(115deg,#ce43e5,#9538df) !important; color:#fff !important; }
html body.sg-workspace .dp-kpi { padding: 22px !important; }
html body.sg-workspace .dp-kpi .dp-value { font-size:32px !important; font-weight:750 !important; letter-spacing:-1.3px !important; color:#30303c !important; }
html body.sg-workspace .dp-kpi-top { color:#8b8d9e !important; }
html body.sg-workspace .dp-icon { background:#f7edfc !important; color:#b445dc !important; border-radius:12px !important; }
html body.sg-workspace .dp-fill { background:linear-gradient(90deg,#d74be7,#a23ee0) !important; border-radius:9px !important; }
html body.sg-workspace .dp-track { background:#f1f2f6 !important; height:8px !important; }
html body.sg-workspace .dp-tabs { background:#e9ebf1 !important; border-radius:12px !important; }
html body.sg-workspace .dp-tab[aria-selected="true"] { background:#fff !important; color:#9e3bce !important; }
html body.sg-workspace .dp-panel { padding:24px !important; }
html body.sg-workspace .dp-panel h3 { font-size:15px !important; }
html body.sg-workspace .dp-action { background:#f9fafc !important; border-color:#eceef3 !important; border-radius:12px !important; }
html body.sg-workspace .dp-bottom { color:#9295a5 !important; font-size:10px !important; }

@media(min-width:1600px) { html body.sg-workspace #kt_content_container { max-width:1600px !important; margin:auto; } }
@media(max-width:1199px) {
  .sg-top-search { width:230px; }.sg-top-search kbd {display:none;}.sg-top-route {max-width:190px;}
}
@media(max-width:991px) {
  html body.sg-workspace #kt_wrapper { margin-left:0 !important; padding:96px 16px 20px !important; }
  #sg-workspace-topbar { left:16px;right:16px;top:12px;height:64px;padding:0 14px;gap:12px;border-radius:18px; }
  .sg-top-toggle {display:flex;align-items:center;justify-content:center;border:0;background:#f5f1f8;color:#9e3bce;border-radius:10px;width:34px;height:34px;padding:6px;}
  body.sg-nav-expanded .sg-top-toggle svg {transform:rotate(180deg);}
  #sg-workspace-nav { width:260px !important;top:92px;bottom:16px;left:16px;transform:translateX(calc(-100% - 24px));transition:transform .22s ease; }
  body.sg-nav-expanded #sg-workspace-nav {transform:translateX(0);}
  body.sg-nav-expanded #sg-nav-backdrop {display:block;position:fixed;z-index:1015;inset:80px 0 0;border:0;background:#25263755;backdrop-filter:blur(3px);}
  .sg-top-search {width:min(240px,25vw);}.sg-top-route {border:0;padding:0;margin-left:auto;max-width:25vw;font-size:12px;}
  .sg-top-account span {display:none;}.sg-top-notifications {padding:5px;border:0;}
  html body.sg-workspace .dp-hero {padding:22px !important;}
  html body.sg-workspace .modal-dialog {margin:12px auto;max-width:calc(100vw - 24px) !important;}
}
@media(max-width:600px) {
  #sg-workspace-topbar {gap:9px;}.sg-brand{font-size:15px;gap:7px;}.sg-brand-image{max-width:110px;max-height:44px;}
  .sg-top-search {display:none;}.sg-top-route {max-width:31vw;}.sg-top-account{display:none;}
  html body.sg-workspace .card-header,html body.sg-workspace .card-body {padding:18px !important;}
  html body.sg-workspace .modal-header,html body.sg-workspace .modal-body,html body.sg-workspace .modal-footer {padding:18px !important;}
  html body.sg-workspace .dp-panel,html body.sg-workspace .dp-kpi {padding:18px !important;border-radius:18px !important;}
  html body.sg-workspace .table-responsive {overflow-x:auto !important;}
  html body.sg-workspace .dp-value {font-size:26px !important;}
  html body.sg-workspace .dp-dashboard,html body.sg-workspace .dp-dashboard > [role="tabpanel"],html body.sg-workspace .dp-toolbar {min-width:0 !important;max-width:100% !important;}
  html body.sg-workspace .dp-toolbar {flex-wrap:wrap;}
  html body.sg-workspace .dp-tabs {max-width:100%;overflow-x:auto;}
  html body.sg-workspace .dp-tab {padding:9px 12px;white-space:nowrap;}
  html body.sg-workspace.sg-nav-expanded .mobile-glass-nav {display:none !important;}
}
@media(prefers-reduced-motion:reduce) {#sg-workspace-nav,html body.sg-workspace #kt_wrapper {transition:none;}}

#sg-workspace-topbar #sg-nav-search {background:transparent !important;border:0 !important;box-shadow:none !important;}
/* Reseller commands use the same position as customer commands. */
html body.sg-workspace .sg-reseller-table { width:100%;min-width:1100px;table-layout:fixed; }
html body.sg-workspace .sg-reseller-table tr { display:grid;grid-template-columns:minmax(185px,1.3fr) 165px 70px minmax(180px,1fr) 90px minmax(140px,.9fr) minmax(190px,1.2fr); }
html body.sg-workspace .sg-reseller-table tr > :nth-child(1) {grid-column:1;grid-row:1;}
html body.sg-workspace .sg-reseller-table tr > :nth-child(7) {grid-column:2;grid-row:1;text-align:left !important;}
html body.sg-workspace .sg-reseller-table tr > :nth-child(2) {grid-column:3;grid-row:1;}
html body.sg-workspace .sg-reseller-table tr > :nth-child(3) {grid-column:4;grid-row:1;}
html body.sg-workspace .sg-reseller-table tr > :nth-child(4) {grid-column:5;grid-row:1;}
html body.sg-workspace .sg-reseller-table tr > :nth-child(5) {grid-column:6;grid-row:1;}
html body.sg-workspace .sg-reseller-table tr > :nth-child(6) {grid-column:7;grid-row:1;overflow-wrap:anywhere;}
html body.sg-workspace .sg-reseller-table td:last-child > .d-flex {justify-content:flex-start !important;gap:6px;flex-wrap:wrap;}
html body.sg-workspace .sg-reseller-table td:last-child > .d-flex:first-child > .btn {display:none !important;}
html body.sg-workspace .sg-reseller-table td:last-child > .d-flex:first-child > a:first-child {display:inline-flex !important;margin:0 !important;}
html body.sg-workspace .sg-reseller-table td.sg-shortcuts-open > .d-flex:first-child > .btn {display:inline-flex !important;margin:0 !important;}
html body.sg-workspace .sg-reseller-table .el-dropdown {margin-left:0 !important;}

/* Element Plus fields own one outline; inner inputs must not draw another box. */
html body.sg-workspace #app .el-input__wrapper .el-input__inner,
html body.sg-workspace #app .el-select__wrapper .el-select__input,
html body.sg-workspace #app .el-range-editor .el-range-input {
  min-width: 0 !important; min-height: 0 !important; height: auto !important;
  border: 0 !important; border-radius: 0 !important; padding: 0 !important;
  background: transparent !important; box-shadow: none !important;
}
html body.sg-workspace #app .el-range-editor {
  display: inline-flex !important; align-items: center !important;
  gap: 6px; min-width: 0 !important; max-width: 100%; padding: 0 12px !important;
}
html body.sg-workspace #app .el-range-editor .el-range-input {
  flex: 1 1 0 !important; width: 0 !important; line-height: 1.5 !important;
}
html body.sg-workspace #app .el-range-editor .el-range-separator {
  flex: 0 0 16px !important; width: 16px !important; padding: 0 !important;
}
html body.sg-workspace #app .el-range-editor .el-range__icon,
html body.sg-workspace #app .el-range-editor .el-range__close-icon {
  flex: 0 0 14px !important; width: 14px !important; margin: 0 !important;
}

/* Keep the configured login media and logo, without synthetic wordmarks. */
html:has(body .auth-layout) { zoom: 1 !important; }
html body:has(.auth-layout) #app .auth-layout {
  min-height: 100dvh !important; height: auto !important;
  padding: 24px 16px !important; box-sizing: border-box !important;
  align-items: center !important; justify-content: center !important;
}
html body:has(.auth-layout) #app .auth-layout > .flex-column {
  width: 100% !important; min-width: 0 !important; flex: 0 1 auto !important;
  padding: 0 !important;
}
html body:has(.auth-layout) #app .auth-layout .col-lg-3.col-12 {
  width: 100% !important; max-width: 420px !important; min-width: 0 !important;
  padding: 0 !important; flex: 0 1 auto !important;
}
html body:has(.auth-layout) #app .auth-layout form.w-100 {
  width: 100% !important; max-width: 420px !important; min-width: 0 !important;
  min-height: 740px !important; padding: 40px 36px 36px !important; margin: 0 !important;
  border-radius: 22px !important; box-sizing: border-box !important;
}
html body:has(.auth-layout) #app .auth-layout [data-test="sign-in-branding"] {
  margin: 0 0 40px !important; padding: 0 !important;
}
html body:has(.auth-layout) #app .auth-layout .sign-in-branding-slot {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  width: 100% !important; height: auto !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; overflow: visible !important;
}
html body:has(.auth-layout) #app .auth-layout .sign-in-branding-slot::before,
html body:has(.auth-layout) #app .auth-layout .sign-in-branding-slot::after {
  content: none !important; display: none !important;
}
html body:has(.auth-layout) #app .auth-layout .sign-in-branding-logo {
  display: block !important; position: static !important; transform: none !important;
  width: auto !important; height: auto !important; max-width: 100% !important;
  max-height: 300px !important; object-fit: contain !important;
  margin: 0 auto !important; flex: 0 0 auto !important;
}
html body:has(.auth-layout) #app .auth-layout form .fv-row.mb-10 {
  margin-bottom: 24px !important;
}
html body:has(.auth-layout) #app .auth-layout form .mt-8:empty { display: none !important; }
html body:has(.auth-layout) #app .auth-layout form .mt-8.px-2.rounded {
  margin-top: 24px !important; padding: 0 !important;
}
html body:has(.auth-layout) #app .auth-layout form .form-control {
  width: 100% !important; min-width: 0 !important; height: 48px !important;
  box-sizing: border-box !important;
}
html body:has(.auth-layout) #app .auth-layout #kt_sign_in_submit {
  min-height: 48px !important; height: 48px !important; margin-bottom: 0 !important;
}
html body:has(.auth-layout) #app .auth-layout .col-lg-3 > .mt-4.text-center.text-muted {
  margin-top: 12px !important; font-size: 11px !important;
}
html body:has(.auth-layout) #app .auth-layout .mt-4.text-center.text-muted::after {
  content: none !important; display: none !important;
}
@media (max-width: 480px) {
  html body:has(.auth-layout) #app .auth-layout form.w-100 { min-height: 0 !important; padding: 28px 24px !important; }
  html body:has(.auth-layout) #app .auth-layout .sign-in-branding-logo { max-height: 200px !important; }
  html body:has(.auth-layout) #app .auth-layout [data-test="sign-in-branding"] { margin-bottom: 28px !important; }
}