@font-face {
  font-family: 'K24KurdishBold';
  src: url('assets/K24KurdishBold-Bold.ttf') format('truetype');
  font-display: swap;
}

:root {
  --bg: #eef4f8;
  --surface: #ffffff;
  --surface-2: #f6fbff;
  --text: #13212b;
  --text-strong: #08131d;
  --muted: #67808f;
  --line: #d9e5ee;
  --primary: #11b7e6;
  --primary-strong: #0996c0;
  --primary-soft: rgba(17, 183, 230, 0.12);
  --shadow: 0 14px 34px rgba(4, 34, 51, 0.08);
  --kls-sticky-top: 18px;
}

html, body { margin:0; padding:0; min-height:100%; background:var(--bg); color:var(--text); font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
body.theme-dark { --bg:#06101a; --surface:#0b1621; --surface-2:#0d1a27; --text:#d6e5ef; --text-strong:#f4fbff; --muted:#91a8b8; --line:#1c3242; --primary-soft:rgba(17,183,230,.18); background:#06101a; color:#eaf4fb; }
html[lang="ku"], html[lang="ar"], html[lang="ku"] body, html[lang="ar"] body { font-family:"K24KurdishBold", Inter, sans-serif; }
* { box-sizing:border-box; }
button, input, textarea, select { font:inherit; }
button { cursor:pointer; }
.app-shell { position:relative; display:grid; grid-template-columns:300px 1fr; gap:18px; min-height:100vh; padding:18px; background:var(--bg); color:var(--text); }
.card { background:var(--surface); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
.sidebar { padding:18px; position:sticky; top:18px; height:calc(100vh - 36px); overflow:hidden; display:flex; flex-direction:column; }
.brand { display:flex; gap:14px; align-items:center; margin-bottom:18px; }
.brand-logo { width:72px; height:72px; object-fit:contain; border-radius:50%; background:#fff; border:1px solid var(--line); }
.brand h1 { margin:0; font-size:1.25rem; color:var(--text-strong); }
.muted { color:var(--muted); font-size:.95rem; }
.nav-grid { display:grid; gap:10px; flex:1 1 auto; min-height:0; overflow-y:auto; overflow-x:visible; padding-inline-end:4px; align-content:start; }
.nav-btn, .primary, .ghost { border-radius:16px; padding:12px 14px; border:1px solid var(--line); background:transparent; color:var(--text-strong); transition:.18s ease; }
.nav-btn.active, .primary { background:var(--primary); color:white; border-color:var(--primary); box-shadow:0 10px 18px rgba(17,183,230,.18); }
.ghost:hover, .nav-btn:hover { border-color:var(--primary); background:var(--primary-soft); }
.primary:hover { background:var(--primary-strong); border-color:var(--primary-strong); }
.sidebar-controls { margin-top:18px; display:grid; gap:12px; }
.sidebar-controls label{display:none;}

.brand-head{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;margin-bottom:20px;}
.brand-main{display:flex;gap:14px;align-items:center;min-width:0;}
.brand-copy{min-width:0;}
.brand-copy h1,.brand-copy .muted{overflow:hidden;text-overflow:ellipsis;}
.sidebar-toggle-fab{position:fixed;top:50%;left:310px;transform:translate(-50%,-50%);width:40px;height:68px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:0 16px 30px rgba(4,34,51,.16);z-index:2100;transition:left .22s ease, transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;}
.sidebar-toggle-fab:hover{border-color:var(--primary);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:0 16px 32px rgba(4,34,51,.18);transform:translate(-50%,-50%) scale(1.03);}
.sidebar-toggle-icon{display:block;width:12px;height:12px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(225deg);transition:transform .22s ease;}
body.sidebar-collapsed .sidebar-toggle-fab{left:106px;}
body.sidebar-collapsed .sidebar-toggle-icon{transform:rotate(45deg);}
html[dir="rtl"] .sidebar-toggle-fab{left:auto;right:310px;transform:translate(50%,-50%);}
html[dir="rtl"] .sidebar-toggle-fab:hover{transform:translate(50%,-50%) scale(1.03);}
html[dir="rtl"] .sidebar-toggle-icon{transform:rotate(45deg);}
html[dir="rtl"] body.sidebar-collapsed .sidebar-toggle-fab{right:106px;}
html[dir="rtl"] body.sidebar-collapsed .sidebar-toggle-icon{transform:rotate(225deg);}
.nav-grid{display:grid;gap:10px;}
.nav-btn{display:flex;align-items:center;gap:14px;position:relative;min-height:54px;padding:12px 16px;text-align:start;overflow:hidden;}
.nav-btn .nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;color:currentColor;opacity:.92;}
.nav-btn .nav-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.nav-btn .nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-btn.active .nav-icon{color:white;}
.nav-btn:not(.active):hover .nav-icon{color:var(--primary-strong);}
.nav-btn.active{transform:translateY(-1px);}
.sidebar{transition:padding .18s ease,width .18s ease;}
.app-shell{transition:grid-template-columns .18s ease;}
body.sidebar-collapsed .app-shell{grid-template-columns:102px 1fr;}
body.sidebar-collapsed .sidebar{padding:14px 12px 18px;overflow:hidden;}
body.sidebar-collapsed .brand-head{justify-content:center;margin-bottom:16px;}
body.sidebar-collapsed .brand-main{justify-content:center;}
body.sidebar-collapsed .brand-logo{width:36px;height:36px;}
body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .sidebar-controls{display:none;}
body.sidebar-collapsed .nav-grid{margin-top:10px;gap:10px;padding-bottom:8px;}
body.sidebar-collapsed .nav-btn{justify-content:center;padding:12px 10px;border-radius:18px;margin:0;min-height:52px;}
body.sidebar-collapsed .nav-btn .nav-label{display:none;}
body.sidebar-collapsed .nav-btn::after{content:attr(data-label);position:absolute;top:50%;inset-inline-start:calc(100% + 14px);transform:translateY(-50%) translateX(4px);background:rgba(8,19,29,.96);color:#fff;padding:8px 11px;border-radius:10px;font-size:.84rem;white-space:nowrap;box-shadow:0 12px 24px rgba(7,17,27,.18);opacity:0;pointer-events:none;z-index:50;transition:opacity .18s ease,transform .18s ease;}
body.sidebar-collapsed .nav-btn:hover::after{opacity:1;transform:translateY(-50%) translateX(0);}
html[dir="rtl"] body.sidebar-collapsed .nav-btn::after{inset-inline-start:auto;inset-inline-end:calc(100% + 12px);}
html[dir="rtl"] .brand-head{flex-direction:row-reverse;}
html[dir="rtl"] .brand-main{flex-direction:row-reverse;}
html[dir="rtl"] .nav-btn{flex-direction:row-reverse;}
html[dir="rtl"] body.sidebar-collapsed .nav-btn{justify-content:center;}
@media (max-width:900px){
  body.sidebar-collapsed .app-shell{grid-template-columns:1fr;}
  .sidebar-toggle-fab{display:none !important;}
  .brand-copy,.nav-btn .nav-label,.sidebar-controls{display:block;}
  .nav-btn{justify-content:flex-start;padding:12px 16px;}
  .nav-btn::after{display:none !important;}
}
label { display:grid; gap:7px; font-size:.92rem; color:var(--text-strong); }
input, textarea, select { width:100%; border:1px solid var(--line); border-radius:14px; background:#fff; color:var(--text-strong); min-height:46px; padding:10px 12px; outline:none; }
input::placeholder, textarea::placeholder { color:var(--muted); }
input:focus, textarea:focus, select:focus { border-color:var(--primary); box-shadow:0 0 0 3px rgba(17,183,230,.14); }
textarea { resize:vertical; min-height:88px; }
.main-content { display:grid; gap:18px; }
.view { display:none; gap:18px; }
.view.active { display:grid; }
.topbar { display:flex; align-items:start; gap:12px; }
.between { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.topbar h2, .card h3 { margin:0 0 4px; color:var(--text-strong); }
.stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.stat { padding:18px; }
.stat-value { font-size:2rem; font-weight:800; margin-top:8px; color:var(--text-strong); }
.dashboard-grid, .settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.full-width-card { grid-column:1/-1; }
.quick-actions, .print-center, .settings-grid .card, .dashboard-grid .card, .card { padding:18px; }
.simple-list { margin:0; padding-inline-start:18px; display:grid; gap:10px; }
.button-wrap { display:flex; flex-wrap:wrap; gap:10px; }
.button-wrap.compact { justify-content:end; }
.builder-grid { display:grid; grid-template-columns:minmax(360px,1fr) minmax(320px,.95fr); gap:16px; align-items:start; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.form-grid .full { grid-column:1/-1; }
.compact-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.toggle-row { display:flex; align-items:center; justify-content:space-between; border:1px solid var(--line); padding:10px 12px; border-radius:14px; background:var(--surface-2); }
.toggle-row input { width:18px; min-height:18px; accent-color:var(--primary); }
.preview-card .header-row, .table-wrap, .header-row { margin-bottom:14px; }
.preview-wrap { background:transparent; border:none; border-radius:18px; padding:0; overflow:auto; }
.print-preview-wrap { min-height:260px; display:flex; align-items:center; justify-content:center; background:transparent; }
.print-preview-empty { text-align:center; color:var(--muted); padding:18px; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; }
th, td { padding:12px; border-bottom:1px solid var(--line); text-align:start; vertical-align:top; }
th { color:var(--text-strong); }
td { color:var(--text); }
.table-search { max-width:280px; }
.action-row { display:flex; gap:8px; flex-wrap:wrap; }
.action-row button { padding:8px 10px; border-radius:12px; }
.app-footer { padding:14px 18px; display:flex; justify-content:space-between; gap:8px; align-items:center; flex-wrap:wrap; color:var(--text-strong); }
.pill-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.pill { background:#eaf9fd; color:#0c5f79; border:1px solid #b6ecf8; padding:8px 10px; border-radius:999px; display:inline-flex; gap:8px; align-items:center; }
.pill button { border:none; background:transparent; color:#9b2447; }
.hidden { display:none !important; }

.template-tools{padding-top:2px}
.designer-section{grid-column:1/-1;border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface-2)}
.designer-section h4{margin:0 0 12px}
.designer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.designer-grid label span{font-size:12px}
.product-label.designer-template{position:relative;padding:0;overflow:hidden}
.product-canvas{position:relative;width:100%;height:100%}
.canvas-item{position:absolute}
.canvas-item.text{line-height:1.15}
.canvas-item.detail{color:#444}
.canvas-item.barcode svg{width:100%;height:100%}
.canvas-item.code{direction:ltr;letter-spacing:.08em;text-align:center;white-space:nowrap}
.canvas-item.center{text-align:center;width:100%}
.shipping-label.fixed-size{display:flex;flex-direction:column}
@media (max-width: 900px){.designer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.designer-grid{grid-template-columns:1fr}}
.label-paper { background:white; color:black; border:3px solid #101010; border-radius:18px; padding:14px; margin:0 auto; transform-origin:top center; }
.product-label { width:320px; }
.product-head { display:grid; grid-template-columns:80px 1fr; gap:10px; align-items:start; }
.product-label.compact-template .product-head { grid-template-columns:1fr; }
.label-logo { width:74px; height:74px; object-fit:contain; border-radius:12px; }
.barcode-svg, .shipping-barcode svg { width:100%; height:92px; }
.barcode-text { text-align:center; letter-spacing:.18em; font-size:14px; margin-top:4px; direction:ltr; }
.price-block { text-align:center; font-weight:800; margin:10px 0; }
.product-bottom { display:grid; grid-template-columns:1fr 74px; gap:10px; align-items:end; }
.qr-box { width:72px; height:72px; border:1px solid #222; border-radius:6px; background:white; object-fit:cover; }
.shipping-label { width:450px; padding:0; overflow:hidden; }
.shipping-grid-top, .shipping-grid-mid { display:grid; }
.shipping-grid-top { grid-template-columns:1.2fr .8fr; border-bottom:3px solid black; }
.shipping-grid-top > div { padding:16px; }
.shipping-grid-top > div:first-child { border-inline-end:3px solid black; }
.ship-badge { background:black; color:white; padding:8px 14px; border-radius:12px; display:inline-block; margin-bottom:14px; font-weight:800; }
.shipping-grid-mid { grid-template-columns:1.15fr .85fr; border-bottom:3px solid black; }
.shipping-grid-mid > div:first-child { border-inline-end:3px solid black; }
.shipping-row { display:grid; grid-template-columns:160px 1fr; gap:8px; padding:12px 16px; border-bottom:1px solid #303030; }
.shipping-row:last-child { border-bottom:none; }
.shipping-remarks { padding:16px; }
.shipping-bottom { padding:16px; }
.shipping-bottom-with-qr{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:14px;align-items:end}
.shipping-barcode { width:100%; margin:auto; }
.shipping-qr-box{width:84px;height:84px;border:1px solid #222;border-radius:8px;background:#fff;object-fit:cover;justify-self:end}
.shipping-label.stacked-template .shipping-grid-top, .shipping-label.stacked-template .shipping-grid-mid { grid-template-columns:1fr; }
.shipping-label.stacked-template .shipping-grid-top > div:first-child, .shipping-label.stacked-template .shipping-grid-mid > div:first-child { border-inline-end:none; border-bottom:3px solid black; }
.print-sheet { display:grid; gap:12px; padding:16px; background:#fff; }
.print-sheet.cols-2 { grid-template-columns:repeat(2, 1fr); }
.print-sheet.cols-3 { grid-template-columns:repeat(3, 1fr); }
.print-sheet.roll-sheet { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:0.125in; width:max-content; max-width:100%; padding:0; background:#fff; }
.print-sheet.roll-sheet .label-paper { margin:0 !important; }
.app-shell.dark {
  --bg:#07111b; --surface:#0b1622; --surface-2:#081420; --text:#d8e6f2; --text-strong:#f7fbff; --muted:#96afc2; --line:#203547; --primary:#18b8ea; --primary-strong:#11a0cc; --primary-soft:rgba(24,184,234,.12); --shadow:0 12px 24px rgba(0,0,0,.22);
  background:var(--bg); color:var(--text); color-scheme:dark;
}
.app-shell.dark .card, .app-shell.dark .sidebar, .app-shell.dark .main-content, .app-shell.dark .view { background:transparent; }
.app-shell.dark .card { background:linear-gradient(180deg,#0d1a27 0%, #08131e 100%); border-color:#234056; }
.app-shell.dark .brand-logo { background:#f6fbff; border-color:#31526a; }
.app-shell.dark .brand h1, .app-shell.dark h2, .app-shell.dark h3, .app-shell.dark label, .app-shell.dark th, .app-shell.dark td, .app-shell.dark .stat-value, .app-shell.dark .app-footer, .app-shell.dark .nav-btn, .app-shell.dark .ghost { color:var(--text-strong); }
.app-shell.dark .muted, .app-shell.dark p, .app-shell.dark li, .app-shell.dark #poweredText, .app-shell.dark #footerText, .app-shell.dark #versionText { color:var(--muted); }
.app-shell.dark input, .app-shell.dark textarea, .app-shell.dark select, .app-shell.dark .toggle-row, .app-shell.dark .preview-wrap, .app-shell.dark .print-preview-wrap, .app-shell.dark .table-wrap { background:#06111a; color:var(--text-strong); border-color:#28465d; }
.app-shell.dark input::placeholder, .app-shell.dark textarea::placeholder { color:#86a0b2; }
.app-shell.dark .nav-btn, .app-shell.dark .ghost { background:#081420; border-color:#244057; }
.app-shell.dark .nav-btn:hover, .app-shell.dark .ghost:hover { background:#0b1d2b; border-color:#2d546f; }
.app-shell.dark .nav-btn.active, .app-shell.dark .primary { background:var(--primary); border-color:var(--primary); color:#fff; }
.app-shell.dark .pill { background:#0a2130; color:#8fe1fb; border-color:#24536d; }
.app-shell.dark .table-wrap table tr:hover td { background:rgba(255,255,255,.015); }

.preview-card{align-self:start}
.preview-card .preview-wrap{max-height:calc(100vh - var(--kls-sticky-top, 18px) - 120px);overflow:auto}
body.app-authenticated #view-products.active .builder-grid > .preview-card,
body.app-authenticated #view-shipping.active .builder-grid > .preview-card,
body.app-authenticated #view-templates.active .phase6-canvas-panel,
body.app-authenticated #view-templates.active .phase6-inspector-panel{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;align-self:start !important;transform:translateY(0);will-change:transform;}

@media (max-width: 1080px) {
  .app-shell { grid-template-columns:1fr; }
  .preview-card{position:relative;top:auto}
  .preview-card .preview-wrap{max-height:none}
  .sidebar { position:relative; top:0; height:auto; }
  .builder-grid, .dashboard-grid, .settings-grid, .stats-grid { grid-template-columns:1fr; }
}
@page { margin: 0.2in; size: auto; }
@media print {
  html, body { background:#fff !important; }
  body * { visibility:hidden; }
  #printRoot, #printRoot * { visibility:visible; }
  #printRoot { position:absolute; inset:0; padding:0; background:#fff !important; }
  .print-sheet { display:flex !important; flex-wrap:wrap !important; align-items:flex-start !important; justify-content:flex-start !important; gap:0.12in !important; padding:0 !important; width:100% !important; background:#fff !important; }
  .print-sheet.roll-sheet { display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; align-items:flex-start !important; justify-content:flex-start !important; gap:0.125in !important; width:max-content !important; max-width:100% !important; }
  .print-sheet.shipping-sheet { display:block !important; }
  .print-sheet.shipping-sheet.roll-sheet { display:flex !important; }
  .print-sheet.shipping-sheet .label-paper { margin:0 0 0.12in 0 !important; }
  .print-sheet.roll-sheet .label-paper { margin:0 !important; }
  .print-sheet .label-paper { break-inside:avoid; page-break-inside:avoid; margin:0 !important; }
  .phase6-generated .phase6-canvas, .phase6-generated .phase6-canvas.no-grid { background-image:none !important; }
}

.ghost.danger { border-color:#d96b87; color:#a62752; }
.ghost.danger:hover { background:rgba(217,107,135,.12); border-color:#cf4b71; }
.app-shell.dark .ghost.danger { color:#ff9bb8; border-color:#8b3b54; }
.inline-file input { display:none; }

.recent-logs{display:grid;gap:10px}.recent-log-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.recent-log-meta{text-align:end;min-width:120px}.app-shell.dark .recent-log-item{background:#06111a;border-color:#28465d}.print-preview-wrap .print-sheet{width:100%}

.template-note{padding:10px 12px;border:1px dashed var(--line);border-radius:14px;background:var(--surface-2)}
.template-switch{display:flex;gap:10px;flex-wrap:wrap}
.template-switch .ghost.active{background:var(--primary);border-color:var(--primary);color:#fff}
.template-locked.hidden{display:none !important}

.designer-note{margin-bottom:10px;font-weight:600}
.designer-details{border:1px dashed var(--line);border-radius:14px;padding:10px 12px;background:var(--surface-2)}
.designer-details summary{cursor:pointer;font-weight:700;margin-bottom:10px}
.app-shell.dark .designer-details{background:#06111a;border-color:#28465d}
#productPreview, #shippingPreview, #templateProductPreview, #templateShippingPreview, #printCenterPreview{min-height:140px;display:flex;align-items:flex-start;justify-content:center}
.print-preview-wrap .label-paper, .preview-wrap .label-paper{margin-top:8px}

.preview-wrap .label-paper, .print-sheet .label-paper, #printCenterPreview .label-paper, .public-product-preview .label-paper{box-shadow:none !important;}
.public-view{margin:0;background:#ffffff;font-family:Arial,sans-serif;}
.public-product-preview{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 16px;box-sizing:border-box;}
.public-product-inner{overflow:auto;max-width:100%;}

.phase6-generated .phase6-canvas{border:none !important;border-radius:16px;box-shadow:none !important;}


/* v1.6.15 fixes */
.phase6-generated.label-paper{
  border:2px solid #111 !important;
  background:#fff !important;
  padding:0 !important;
  border-radius:18px !important;
  box-shadow:none !important;
  overflow:hidden !important;
  box-sizing:border-box;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}
.phase6-generated .phase6-canvas{
  overflow:hidden;
}
.preview-wrap #productPreview .phase6-generated,
.preview-wrap #shippingPreview .phase6-generated,
#printCenterPreview .phase6-generated{
  margin-top:0 !important;
}

#productPreview, #shippingPreview, #templateProductPreview, #templateShippingPreview, #printCenterPreview{background:transparent !important;}
#printRoot{background:#fff;}
#printRoot .print-sheet{background:#fff;}

.preview-wrap, .print-preview-wrap{background:transparent !important;border:none !important;}
.app-shell.dark .preview-wrap, .app-shell.dark .print-preview-wrap{background:transparent !important;border-color:transparent !important;}


.phase6-generated .phase6-canvas,
.phase6-generated .phase6-canvas.no-grid,
.public-product-preview .phase6-canvas,
#printRoot .phase6-canvas{
  background-image:none !important;
}
.print-sheet{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:flex-start;
  gap:12px;
  padding:0;
  background:#fff;
}
.print-sheet.roll-sheet{
  flex-direction:column;
  flex-wrap:nowrap;
  gap:0.125in;
  width:max-content;
}
.print-sheet.shipping-sheet{display:block}
.print-sheet.shipping-sheet.roll-sheet{display:flex}
.print-sheet.shipping-sheet .label-paper{margin-bottom:12px}
.print-sheet.roll-sheet .label-paper{margin-bottom:0 !important}
.product-sheet .label-paper,
.shipping-sheet .label-paper{flex:0 0 auto}


.public-view{
  min-height:100svh;
  min-height:100vh;
  background:#f4f7fa;
  -webkit-text-size-adjust:100%;
}
.public-product-preview.mobile-friendly{
  min-height:100svh;
  min-height:100vh;
  padding:16px;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
}
.public-product-preview.mobile-friendly .public-product-inner{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
}
.public-product-preview.mobile-friendly .label-paper{
  max-width:100%;
  max-height:calc(100svh - 32px);
}
@supports (padding:max(0px)) {
  .public-product-preview.mobile-friendly{
    padding-top:max(16px, env(safe-area-inset-top));
    padding-right:max(16px, env(safe-area-inset-right));
    padding-bottom:max(16px, env(safe-area-inset-bottom));
    padding-left:max(16px, env(safe-area-inset-left));
  }
}
@media (max-width: 640px){
  .public-product-preview.mobile-friendly{
    padding:12px;
  }
  .public-product-preview.mobile-friendly .public-product-inner{
    transform:none !important;
  }
}

.public-view{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-x:hidden;}
.public-product-preview.mobile-friendly{width:100%;min-height:100svh;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 12px 20px;}
.public-product-preview.mobile-friendly .public-view-brand{order:0;align-self:center;}
.public-product-preview.mobile-friendly .public-product-inner{width:100%;max-width:100%;display:flex;align-items:flex-start;justify-content:center;overflow:visible;order:1;}
.public-product-preview.mobile-friendly .label-paper{max-width:100%;transform-origin:top center !important;}
.public-product-preview.shipping-mobile-view{padding-top:12px;padding-bottom:12px;}
.public-product-preview.shipping-mobile-view .label-paper{margin:0 auto;}
@media (max-width: 768px){ .public-product-preview{padding:12px;min-height:100svh;align-items:center;justify-content:flex-start;} .public-product-inner{display:flex;align-items:flex-start;justify-content:center;width:100%;} .public-product-preview.mobile-friendly .label-paper{margin-top:0 !important;} }
.public-product-preview.mobile-friendly{padding:12px;overflow-x:hidden;}
.public-product-preview.mobile-friendly .public-product-inner{max-width:100vw;}
.public-product-preview.mobile-friendly .label-paper{width:auto !important;max-width:calc(100vw - 24px) !important;height:auto !important;box-sizing:border-box;}
.public-product-preview.mobile-friendly .phase6-canvas{overflow:hidden;}
@media (max-width: 480px){
  .public-product-preview.mobile-friendly{padding:10px 8px 16px;}
  .public-product-preview.mobile-friendly .label-paper{max-width:calc(100vw - 16px) !important;}
}


.auth-hidden{display:none!important}
.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#eef4f8 0%,#e7f7fc 100%)}
body.theme-dark .login-screen{background:linear-gradient(180deg,#07131d 0%,#0b1a28 100%)}
.login-card{width:min(1080px,100%);padding:28px}
.login-brand{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.login-logo{width:92px;height:92px;object-fit:contain;border-radius:24px;background:#fff;border:1px solid var(--line)}
.login-grid{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(240px,.8fr);gap:18px;align-items:start}
.login-form{display:grid;gap:14px;margin-top:18px}
.password-wrap{display:flex;align-items:center;gap:8px}
.password-wrap input{flex:1}
.icon-btn{min-width:46px;min-height:46px;padding:0 12px}
.login-options,.remember-row{display:flex;align-items:center;gap:8px}
.remember-row input[type="checkbox"]{width:18px;min-width:18px;height:18px;min-height:18px;padding:0;margin:0;accent-color:var(--primary);border-radius:4px;flex:0 0 18px}
.login-submit{width:100%}

.login-side{padding:18px;display:grid;gap:12px;background:var(--surface-2)}
.login-pref-stack{display:grid;gap:14px}
.login-pref-block{display:grid;gap:8px}
.login-pref-label{font-size:.95rem;font-weight:700;color:var(--text-strong)}
.login-language-switch{width:100%;justify-content:space-between}
.login-theme-toggle{justify-content:flex-start;width:max-content}
.login-theme-toggle .theme-toggle-track{width:92px;height:46px}
@media (max-width: 900px){.login-theme-toggle{align-self:flex-start}}
.login-error{margin-top:12px;padding:12px 14px;border-radius:14px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.login-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.global-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:18px;z-index:60;background:var(--surface)}
.user-menu-wrap{position:relative}
.user-menu-btn{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);color:var(--text-strong);padding:8px 12px;border-radius:999px}
.header-user-avatar{width:38px;height:38px;object-fit:cover;border-radius:50%;background:#fff;border:1px solid var(--line)}
.user-menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:grid;gap:6px;z-index:50}
.user-menu-dropdown button{width:100%;text-align:start;border:1px solid transparent;background:transparent;color:var(--text-strong);padding:10px 12px;border-radius:12px}
.user-menu-dropdown button:hover{background:var(--primary-soft);border-color:var(--line)}
.users-grid{grid-template-columns:minmax(360px,.8fr) minmax(420px,1.2fr)}
.modal{position:fixed;inset:0;background:rgba(5,15,25,.45);display:flex;align-items:center;justify-content:center;padding:20px;z-index:120}
.modal-card{width:min(680px,100%);padding:20px}
.inline-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#fff}
body.theme-dark .user-menu-btn,body.theme-dark .user-menu-dropdown{background:#0d1a27;color:#eaf4fb}
body.theme-dark .login-side{background:#0d1a27}
body.theme-dark input, body.theme-dark textarea, body.theme-dark select{background:#0f1d2b;color:#f4fbff;border-color:#244154}
body.theme-dark .login-card, body.theme-dark .card{color:var(--text)}
body.theme-dark .login-brand h1, body.theme-dark .login-screen h2, body.theme-dark .login-screen h3, body.theme-dark label, body.theme-dark .topbar h2, body.theme-dark .card h3, body.theme-dark .brand h1{color:var(--text-strong)}
body.theme-dark .login-screen .muted, body.theme-dark .muted{color:var(--muted)}
body.theme-dark .ghost, body.theme-dark .nav-btn{color:var(--text-strong);border-color:var(--line)}
body.theme-dark .login-logo, body.theme-dark .brand-logo, body.theme-dark .header-user-avatar, body.theme-dark .inline-avatar{background:#fff}
@media (max-width: 900px){.login-grid{grid-template-columns:1fr}.global-header{top:12px}.users-grid{grid-template-columns:1fr}.login-footer{flex-direction:column}}






/* v1.7.9 header real fix + version cleanup */
body.app-booting #loginScreen,
body.app-booting #app{visibility:hidden!important}
body.login-visible .global-header{display:none!important}
.main-content{position:relative;display:grid;gap:18px;align-content:start;padding-top:112px!important;min-height:calc(100vh - 36px)}
.global-header{position:absolute!important;top:18px!important;left:0!important;right:0!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 16px!important;margin:0!important;width:auto!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 10px 22px rgba(9,20,35,.08)!important}
.global-header.hidden{display:none!important}
.app-footer{margin-top:auto}
body.theme-dark .global-header{background:#0b1621!important;border-color:#1c3242!important}
@media (max-width:900px){
  .main-content{padding-top:96px!important}
  .global-header{top:12px!important}
}


/* global custom select */
.kls-select{position:relative;width:100%}
.kls-select select{position:absolute !important;inset:0 !important;opacity:0 !important;pointer-events:none !important}
.kls-select-display{width:100%;min-height:46px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text-strong);padding:10px 42px 10px 14px;display:flex;align-items:center;justify-content:flex-start;position:relative;cursor:pointer;text-align:start;transition:.18s ease}
.kls-select-display::after{content:'';position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform .18s ease,border-color .18s ease}
html[dir="rtl"] .kls-select-display{padding:10px 14px 10px 42px}
html[dir="rtl"] .kls-select-display::after{right:auto;left:16px}
.kls-select.open .kls-select-display,.kls-select-display:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px rgba(17,183,230,.14)}
.kls-select.open .kls-select-display::after{transform:translateY(-30%) rotate(-135deg);border-color:var(--primary)}
.kls-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:6px;display:none;z-index:1200}
.kls-select.open .kls-select-menu{display:block}
.kls-select-option{width:100%;border:none;background:transparent;color:var(--text-strong);padding:10px 12px;border-radius:12px;text-align:start;display:flex;align-items:center;gap:10px}
.kls-select-option:hover,.kls-select-option.active{background:var(--primary-soft)}
.kls-select-option.selected{background:var(--primary);color:#fff}
.kls-select-option span{flex:1}
.kls-select-check{opacity:0;font-size:.92em}
.kls-select-option.selected .kls-select-check{opacity:1}
.kls-select.disabled .kls-select-display{opacity:.65;cursor:not-allowed}
.app-shell.dark .kls-select-display,.app-shell.dark .kls-select-menu{background:#06111a;color:var(--text-strong);border-color:#28465d}
.app-shell.dark .kls-select-option{color:var(--text-strong)}
.app-shell.dark .kls-select-option:hover,.app-shell.dark .kls-select-option.active{background:#0b1d2b}
.app-shell.dark .kls-select-option.selected{background:var(--primary);color:#fff}
body.theme-dark .kls-select-display,body.theme-dark .kls-select-menu{background:#0f1d2b;color:#f4fbff;border-color:#244154}

.kls-confirm{position:fixed;inset:0;background:rgba(8,19,29,.56);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:5000;padding:20px}
.kls-confirm.show{display:flex}
.kls-confirm-card{width:min(100%,460px);background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 90%,#fff),var(--surface));border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:26px;box-shadow:0 30px 70px rgba(15,23,42,.28);padding:24px 24px 22px}
.kls-confirm-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;margin:0 0 14px;background:linear-gradient(180deg,rgba(17,183,230,.18),rgba(17,183,230,.08));border:1px solid rgba(17,183,230,.18);color:var(--primary);font-size:1.4rem;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.kls-confirm-title{margin:0 0 8px;font-size:1.22rem;color:var(--text-strong)}
.kls-confirm-text{margin:0;color:var(--muted);line-height:1.55}
.kls-confirm-hint{margin:14px 0 0;padding:12px 14px;border-radius:16px;background:rgba(17,183,230,.08);border:1px solid rgba(17,183,230,.14);color:var(--text-strong);font-size:.95rem;font-weight:700}
.kls-confirm-input-wrap{display:grid;gap:8px;margin-top:14px}
.kls-confirm-input-label{font-size:.86rem;font-weight:700;color:var(--text-strong)}
.kls-confirm-input{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--text-strong);min-height:48px;padding:12px 14px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.kls-confirm-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(17,183,230,.14)}
.kls-confirm-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:18px}
.kls-confirm-actions .ghost,.kls-confirm-actions .primary{min-width:120px}
.kls-confirm-actions .primary[disabled]{opacity:.55;cursor:not-allowed;filter:saturate(.8)}
body.theme-dark .kls-confirm-card{background:linear-gradient(180deg,#0e1c2a,#09131d);border-color:#183244;box-shadow:0 32px 72px rgba(0,0,0,.45)}
body.theme-dark .kls-confirm-icon{background:linear-gradient(180deg,rgba(17,183,230,.22),rgba(17,183,230,.1));border-color:rgba(17,183,230,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
body.theme-dark .kls-confirm-hint{background:rgba(17,183,230,.12);border-color:rgba(17,183,230,.18)}
body.theme-dark .kls-confirm-input{background:#091825;border-color:#1c3344;box-shadow:none}
@media (max-width:640px){.kls-confirm-card{padding:20px;border-radius:22px}.kls-confirm-actions{justify-content:stretch}.kls-confirm-actions .ghost,.kls-confirm-actions .primary{flex:1 1 calc(50% - 6px);min-width:0}}


.shipping-generate-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shipping-generate-field{width:100%}
.preview-empty .label-logo,.preview-empty .ship-badge{opacity:.14}
.preview-placeholder-box,.preview-placeholder-line{display:block;background:linear-gradient(90deg,rgba(148,163,184,.12),rgba(148,163,184,.22),rgba(148,163,184,.12));border:1px dashed rgba(148,163,184,.45);border-radius:10px}
.preview-placeholder-line{height:12px;margin-bottom:8px}
.preview-placeholder-line:last-child{margin-bottom:0}
.preview-placeholder-box{min-height:24px}
.product-placeholder-qr{background:transparent;border:2px dashed rgba(148,163,184,.45);border-radius:12px}
.shipping-placeholder-top,.shipping-placeholder-mid,.shipping-placeholder-bottom{display:grid;gap:18px}
.shipping-placeholder-top{grid-template-columns:1fr 1fr;margin-bottom:18px;padding-bottom:18px;border-bottom:2px solid #303030}
.shipping-placeholder-mid{grid-template-columns:1.1fr .9fr;margin-bottom:18px;padding-bottom:18px;border-bottom:2px solid #303030}
.shipping-placeholder-card{display:flex;flex-direction:column;gap:10px}
.shipping-placeholder-bottom{grid-template-columns:1fr auto;align-items:end}
.shipping-placeholder-barcode{height:86px;border:2px dashed rgba(148,163,184,.45);border-radius:10px}
.shipping-placeholder-qr{width:86px;height:86px;border:2px dashed rgba(148,163,184,.45);border-radius:10px}
.app-shell.dark .preview-placeholder-box,.app-shell.dark .preview-placeholder-line{background:linear-gradient(90deg,rgba(71,85,105,.18),rgba(100,116,139,.3),rgba(71,85,105,.18));border-color:rgba(148,163,184,.32)}
.app-shell.dark .product-placeholder-qr,.app-shell.dark .shipping-placeholder-barcode,.app-shell.dark .shipping-placeholder-qr{border-color:rgba(148,163,184,.32)}
@media (max-width: 700px){.shipping-generate-grid{grid-template-columns:1fr}}

.scan-input-wrap{position:relative;display:flex;align-items:center}
.scan-input-wrap input{padding-right:48px}
.scan-field-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:16px;line-height:1;display:grid;place-items:center;padding:0;cursor:pointer}
.dark .scan-field-btn{background:#0f1720}
.scanner-modal{z-index:1200}
.scanner-card{width:min(92vw,520px)}
.scanner-viewport{background:#000;border-radius:22px;overflow:hidden;position:relative;min-height:260px;display:flex;align-items:center;justify-content:center}
.scanner-reader{width:100%}
.scanner-reader video{width:100%!important;height:auto!important;display:block;border-radius:22px}
.scanner-reader__dashboard_section_csr,.scanner-reader__dashboard,.scanner-reader__status_span{display:none!important}
.scanner-status{margin-top:10px;margin-bottom:4px;min-height:20px}
@media (max-width: 640px){
  .scanner-card{width:min(92vw,560px);padding:20px}
  .scanner-viewport{min-height:220px}
}


#statusBannerHost{position:fixed;top:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px;z-index:6000;width:min(92vw,560px);pointer-events:none}
.status-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid transparent;box-shadow:0 16px 36px rgba(15,23,42,.16);pointer-events:auto;background:#0ea5e9;color:#fff}
.status-banner.warning{background:#f59e0b;color:#101828}
.status-banner.info{background:#0ea5e9;color:#fff}
.status-banner-action{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:inherit;border-radius:12px;padding:8px 12px;min-height:40px}
.status-banner.warning .status-banner-action{border-color:rgba(16,24,40,.18);background:rgba(255,255,255,.38)}
.status-banner-text{flex:1}
body.theme-dark .status-banner{box-shadow:0 18px 42px rgba(0,0,0,.35)}

@media (max-width: 900px){
  .app-shell{grid-template-columns:1fr;padding:12px;gap:12px}
  .main-content{order:1;padding-top:calc(88px + env(safe-area-inset-top))!important;min-height:auto}
  .sidebar{order:2;position:relative;top:0;height:auto;max-height:none;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  .global-header{position:fixed!important;top:calc(10px + env(safe-area-inset-top))!important;left:12px!important;right:12px!important;border-radius:18px!important}
  .builder-grid,.dashboard-grid,.settings-grid,.stats-grid,.users-grid{grid-template-columns:1fr!important}
  .card,.quick-actions,.print-center,.settings-grid .card,.dashboard-grid .card{padding:14px}
  .button-wrap{flex-direction:column}
  .button-wrap > *{width:100%}
  .topbar,.between{flex-wrap:wrap}
  .table-wrap table{min-width:720px}
}
@media (max-width: 640px){
  .app-shell{padding:10px}
  .sidebar{padding:14px}
  .brand{align-items:flex-start}
  .brand h1{font-size:1.12rem}
  .global-header{padding:12px 14px!important}
  .header-user-avatar{width:34px;height:34px}
  .form-grid,.compact-grid,.shipping-generate-grid{grid-template-columns:1fr!important}
  .table-search{max-width:100%}
  #statusBannerHost{top:calc(72px + env(safe-area-inset-top));width:calc(100vw - 20px)}
}


/* v1.9.4 mobile nav + overflow + iOS PWA polish */
html, body{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;}
.app-shell,.sidebar,.main-content,.view,.builder-grid,.dashboard-grid,.settings-grid,.users-grid,.stats-grid,.card,.form-card,.preview-card,.preview-wrap,.table-wrap,.builder-grid > *,.dashboard-grid > *,.settings-grid > *,.users-grid > *,.stats-grid > *{min-width:0;max-width:100%;}
.table-wrap{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
.preview-wrap{width:100%;max-width:100%;}
.header-left{display:flex;align-items:center;gap:10px;min-width:0;}
.mobile-menu-btn,.sidebar-close-btn,.mobile-nav-backdrop{display:none;}
@media (max-width:900px){
  .app-shell{position:relative;grid-template-columns:1fr;padding:12px;gap:12px;align-items:start;}
  .main-content{order:1;padding-top:calc(88px + env(safe-area-inset-top))!important;min-height:auto;min-width:0;}
  .view,.topbar,.between,.form-grid,.builder-grid,.preview-card,.form-card{min-width:0;}
  .sidebar{order:unset;position:fixed;top:calc(12px + env(safe-area-inset-top) + 64px);left:12px;right:12px;bottom:12px;height:auto;max-height:none;z-index:2200;overflow:auto;padding:16px;padding-top:54px;transform:translateY(14px);opacity:0;pointer-events:none;transition:transform .18s ease, opacity .18s ease;box-shadow:0 22px 54px rgba(2,12,27,.22);}
  body.sidebar-open .sidebar{transform:none;opacity:1;pointer-events:auto;}
  .sidebar-close-btn{display:inline-flex;position:absolute;top:14px;right:14px;width:38px;height:38px;align-items:center;justify-content:center;padding:0;border-radius:12px;z-index:2;}
  .mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:12px;flex:0 0 auto;}
  .mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(7,17,27,.38);backdrop-filter:blur(2px);z-index:2100;opacity:0;pointer-events:none;transition:opacity .18s ease;}
  body.sidebar-open .mobile-nav-backdrop{opacity:1;pointer-events:auto;}
  .global-header{position:fixed!important;top:calc(10px + env(safe-area-inset-top))!important;left:12px!important;right:12px!important;border-radius:18px!important;z-index:2300!important;}
  .builder-grid,.dashboard-grid,.settings-grid,.stats-grid,.users-grid,.form-grid,.compact-grid,.shipping-generate-grid{grid-template-columns:1fr!important;}
  .builder-grid > .card,.settings-grid > .card,.users-grid > .card,.dashboard-grid > .card{width:100%;}
  .preview-card .preview-wrap,.print-center .table-wrap,.card .table-wrap{overflow:auto;}
  .table-wrap table{min-width:620px;}
}
@media (max-width:640px){
  .app-shell{padding:10px;}
  .main-content{padding-top:calc(84px + env(safe-area-inset-top))!important;}
  .sidebar{left:10px;right:10px;bottom:10px;top:calc(10px + env(safe-area-inset-top) + 58px);}
  .card,.quick-actions,.print-center,.settings-grid .card,.dashboard-grid .card{padding:14px;}
  .preview-wrap .label-paper{transform-origin:top left!important;}
}


/* v1.9.4 pwa icon upload + mobile header lock */
.pwa-icon-preview-wrap{display:grid;gap:10px;align-items:start}
.pwa-icon-preview{width:88px;height:88px;border-radius:22px;border:1px solid var(--line);background:#fff;object-fit:cover;padding:6px;box-shadow:0 8px 18px rgba(9,20,35,.06)}
body.theme-dark .pwa-icon-preview{background:#0d1a27;border-color:#244154}
@media (min-width:901px){.mobile-menu-btn,.sidebar-close-btn,.mobile-nav-backdrop{display:none!important}}
@media (max-width:900px){
  .main-content{padding-top:96px!important}
  .global-header{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;border-radius:22px!important}
  .header-left{gap:12px!important}
  .header-left > div{display:flex;align-items:center;gap:12px;min-width:0}
  #headerGreeting{line-height:1.25;display:block}
}
@media (max-width:640px){
  .global-header{padding:14px 16px!important}
}

/* RBAC */
.permissions-card .table-wrap table th,.permissions-card .table-wrap table td{text-align:center;vertical-align:middle;}
.permissions-card .table-wrap table td:first-child,.permissions-card .table-wrap table th:first-child{text-align:left;}
.perm-check{display:flex;justify-content:center;align-items:center;}
.role-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize;background:#e5eef6;color:#0f172a;}
.role-owner{background:#fef3c7;color:#92400e;}
.role-admin{background:#dbeafe;color:#1d4ed8;}
.role-staff{background:#dcfce7;color:#166534;}
.role-viewer{background:#e5e7eb;color:#374151;}


/* Activity log + toggle permissions */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.permission-table th,.permission-table td{vertical-align:middle;text-align:center}
.permission-table td:first-child,.permission-table th:first-child{text-align:left}
.perm-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:30px}
.perm-switch input{position:absolute;opacity:0;pointer-events:none}
.perm-switch .perm-slider{position:relative;display:block;width:52px;height:30px;border-radius:999px;background:#d7e2ea;border:1px solid #b8c8d6;transition:.2s ease;box-sizing:border-box}
.perm-switch .perm-slider::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.18);transition:.2s ease}
.perm-switch input:checked + .perm-slider{background:#0ea5e9;border-color:#0ea5e9}
.perm-switch input:checked + .perm-slider::after{transform:translateX(22px)}
.perm-switch input:disabled + .perm-slider{background:#d1fae5;border-color:#a7f3d0;opacity:.95}
.perm-switch input:disabled + .perm-slider::after{transform:translateX(22px);background:#fff}
.perm-switch input:focus-visible + .perm-slider{outline:3px solid rgba(14,165,233,.25);outline-offset:2px}
.activity-page-head{margin-bottom:14px}
.activity-page-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:16px;align-items:end}
.activity-head-search{display:flex;justify-content:flex-end}
.activity-controls-card{padding:18px 20px;display:grid;gap:14px}
.activity-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:end}
.activity-inline-field{display:grid;gap:6px;min-width:0}
.activity-inline-field span{font-size:12px;font-weight:700;color:var(--muted)}
.activity-inline-field input,.activity-inline-field select{width:100%;height:44px;padding:0 12px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;box-sizing:border-box}
.activity-inline-field input:focus,.activity-inline-field select:focus,.activity-search-field input:focus{outline:none;border-color:#7dd3fc;box-shadow:0 0 0 4px rgba(14,165,233,.12)}
.activity-rows-field{max-width:140px}
.activity-search-field{position:relative;display:block;width:100%}
.activity-search-field input{width:100%;height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;box-sizing:border-box}
.activity-toolbar-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.activity-results{font-weight:600;color:var(--muted);white-space:nowrap}
.activity-actions-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.activity-actions-group > .ghost,.activity-actions-group > .danger{height:42px}
.activity-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}
.activity-card{display:grid;gap:14px}
.activity-card table{min-width:980px}
.activity-table th{position:sticky;top:0;background:#fff;z-index:1}
.activity-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:4px}
.activity-page-status{min-width:112px;text-align:center;color:var(--muted);font-weight:600}
.activity-detail{max-width:420px;white-space:normal;line-height:1.45}
.activity-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px;text-transform:capitalize;background:#eef6fb;color:#0369a1}
.activity-pill.action-login,.activity-pill.action-logout{background:#ede9fe;color:#6d28d9}
.activity-pill.action-create{background:#dcfce7;color:#166534}
.activity-pill.action-update,.activity-pill.action-settings,.activity-pill.action-permissions{background:#e0f2fe;color:#0c4a6e}
.activity-pill.action-delete,.activity-pill.action-clear{background:#fee2e2;color:#b91c1c}
.activity-pill.action-print{background:#fef3c7;color:#92400e}
.activity-meta{display:grid;gap:2px}
.activity-empty{padding:18px 4px;text-align:center}
@media (max-width:1180px){
  .activity-page-layout{grid-template-columns:1fr}
  .activity-head-search{justify-content:stretch}
  .activity-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .activity-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activity-rows-field{max-width:none}
  .activity-card table{min-width:860px}
}
@media (max-width:720px){
  .activity-controls-card{padding:16px}
  .activity-filter-grid{grid-template-columns:1fr}
  .activity-toolbar-foot{align-items:stretch}
  .activity-results{white-space:normal}
  .activity-actions-group{justify-content:stretch;width:100%}
  .activity-actions-group > .ghost,.activity-actions-group > .danger{flex:1 1 calc(50% - 5px)}
}
@media (max-width:640px){
  .activity-card{gap:10px}
  .activity-table{min-width:0;width:100%}
  .activity-table thead{display:none}
  .activity-table,.activity-table tbody,.activity-table tr,.activity-table td{display:block;width:100%}
  .activity-table tbody{display:grid;gap:10px}
  .activity-table tr{border:1px solid var(--line);border-radius:18px;padding:12px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.04)}
  .activity-table td{padding:8px 0;border:none !important}
  .activity-table td::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
  .activity-detail{max-width:none}
  .activity-pagination{justify-content:space-between}
  .activity-page-status{min-width:0;flex:1;text-align:center}
}
@media (max-width:640px){
  .activity-controls-card{padding:16px}
  .activity-actions-group > .ghost,.activity-actions-group > .danger{flex:1 1 calc(50% - 5px)}
  .activity-pagination{justify-content:space-between}
  .activity-page-status{min-width:0;flex:1;text-align:center}
  .activity-card table{min-width:760px}
}


/* v1.9.15 refined header controls */
.sidebar-controls-minimal{display:flex;justify-content:stretch}.sidebar-controls-minimal #installBtn{width:100%}
.header-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end;margin-inline-start:auto}
.header-language-switch{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);min-height:54px;box-shadow:0 10px 24px rgba(4,34,51,.06)}
.lang-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:78px;padding:0 12px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text);font-weight:800;font-size:.86rem;transition:all .18s ease}
.lang-chip img{width:22px;height:22px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(15,23,42,.06)}
.lang-chip:hover{background:rgba(17,183,230,.10)}
.lang-chip.active{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(17,183,230,.22)}
.lang-chip.active img{box-shadow:0 0 0 2px rgba(255,255,255,.45)}
.theme-toggle-btn{border:none;background:transparent;padding:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}
.theme-toggle-btn:hover{background:transparent;border:none}
.theme-toggle-track{position:relative;display:block;width:96px;height:54px;border-radius:999px;border:1px solid var(--line);background-image:url('assets/theme-toggle-light.png');background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 10px 24px rgba(4,34,51,.08);overflow:hidden}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-track{background-image:url('assets/theme-toggle-dark.png')}
.theme-toggle-icon{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;transform:translateY(-50%);pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.14))}
.theme-icon-dark{left:13px;background:radial-gradient(circle at 35% 35%, #ffffff 0%, #edf2f7 55%, #d8e0e8 100%)}
.theme-icon-light{right:13px;background:radial-gradient(circle at 35% 35%, #fff8b8 0%, #ffd84f 58%, #ffbf1f 100%)}
.theme-toggle-thumb{position:absolute;top:5px;left:5px;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(234,242,248,.92));box-shadow:0 8px 18px rgba(7,17,27,.18);backdrop-filter:blur(1px);transition:transform .28s ease}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-thumb{transform:translateX(42px);background:linear-gradient(180deg,rgba(255,225,124,.98),rgba(255,201,58,.94))}
body.theme-dark .header-language-switch{background:#0e1d2a;border-color:#1d3343;box-shadow:0 10px 24px rgba(0,0,0,.18)}
body.theme-dark .lang-chip{color:#e9f4ff}
body.theme-dark .lang-chip:hover{background:rgba(255,255,255,.06)}
body.theme-dark .lang-chip.active{color:#fff;box-shadow:0 8px 18px rgba(17,183,230,.18)}
@media (max-width: 900px){
  .global-header{align-items:flex-start!important}
  .header-toolbar{width:100%;justify-content:space-between;order:3;margin:4px 0 0}
}
@media (max-width: 760px){
  .header-toolbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;width:100%}
  .header-language-switch{padding:6px;gap:6px;min-height:50px;width:100%;justify-content:space-between}
  .lang-chip{min-width:0;flex:1;height:38px;padding:0 10px;gap:6px}
  .lang-chip span{font-size:.8rem}
  .lang-chip img{width:20px;height:20px}
  .theme-toggle-track{width:88px;height:50px}
  .theme-toggle-thumb{width:40px;height:40px}
  .theme-toggle-btn[data-theme="dark"] .theme-toggle-thumb{transform:translateX(38px)}
}
@media (max-width: 520px){
  .global-header{padding:16px}
  .header-left{width:100%}
  .header-toolbar{grid-template-columns:1fr;gap:8px}
  .theme-toggle-btn{justify-content:flex-end}
  .header-language-switch{overflow-x:auto;scrollbar-width:none}
  .header-language-switch::-webkit-scrollbar{display:none}
}



/* v1.9.16 theme toggle refresh */
.header-toolbar{gap:12px}
.header-language-switch{padding:5px 7px;min-height:52px;background:color-mix(in srgb, var(--surface) 72%, var(--surface-2) 28%);border-color:color-mix(in srgb, var(--line) 85%, transparent);box-shadow:0 8px 24px rgba(15,23,42,.06)}
.lang-chip{min-width:70px;height:38px;padding:0 10px;font-size:.84rem;border-color:transparent;color:var(--text-strong)}
.lang-chip img{width:20px;height:20px;box-shadow:0 0 0 1px rgba(15,23,42,.08)}
.lang-chip:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}
.lang-chip.active{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 18%, #fff), color-mix(in srgb, var(--primary) 12%, #fff));color:var(--text-strong);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 10px 18px rgba(17,183,230,.14)}
.lang-chip.active img{box-shadow:0 0 0 2px rgba(255,255,255,.78), 0 2px 8px rgba(17,183,230,.18)}
.theme-toggle-btn{border-radius:999px}
.theme-toggle-btn:focus-visible .theme-toggle-track{outline:3px solid rgba(17,183,230,.2);outline-offset:3px}
.theme-toggle-track{position:relative;width:92px;height:46px;border-radius:999px;border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:linear-gradient(180deg,#b9ecff 0%,#d7f5ff 52%,#f1fbff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(15,23,42,.10);overflow:hidden;transition:background .28s ease,border-color .28s ease,box-shadow .28s ease}
.theme-toggle-track::before{content:"";position:absolute;inset:auto 7px 6px 7px;height:18px;border-radius:999px;background:radial-gradient(circle at 10px 14px, rgba(255,255,255,.95) 0 13px, transparent 14px),radial-gradient(circle at 28px 13px, rgba(255,255,255,.9) 0 14px, transparent 15px),radial-gradient(circle at 47px 14px, rgba(255,255,255,.92) 0 15px, transparent 16px),radial-gradient(circle at 66px 12px, rgba(255,255,255,.88) 0 13px, transparent 14px);opacity:.95;pointer-events:none;transition:opacity .28s ease, transform .28s ease}
.theme-toggle-track::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72px 12px, rgba(255,255,255,.55) 0 1.1px, transparent 1.7px),radial-gradient(circle at 58px 18px, rgba(255,255,255,.45) 0 1.2px, transparent 1.8px),radial-gradient(circle at 75px 26px, rgba(255,255,255,.5) 0 1px, transparent 1.7px),radial-gradient(circle at 48px 10px, rgba(255,255,255,.35) 0 .9px, transparent 1.6px),radial-gradient(circle at 64px 8px, rgba(255,255,255,.35) 0 1px, transparent 1.6px);opacity:0;transition:opacity .28s ease}
.theme-toggle-icon{display:none}
.theme-toggle-thumb{position:absolute;top:5px;left:6px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%, #ffffff 0%, #f9fcff 48%, #dce8f2 100%);box-shadow:0 10px 22px rgba(15,23,42,.18), inset -3px -4px 6px rgba(158,174,188,.28);transition:transform .28s cubic-bezier(.22,.61,.36,1), background .28s ease, box-shadow .28s ease}
.theme-toggle-thumb::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 72% 32%, rgba(255,255,255,.0) 0 10px, rgba(203,216,228,.75) 11px 15px, transparent 16px),radial-gradient(circle at 66% 64%, rgba(255,255,255,.0) 0 6px, rgba(203,216,228,.55) 7px 10px, transparent 11px);opacity:.65}
.theme-toggle-btn[data-theme="light"] .theme-toggle-thumb{transform:translateX(46px);background:radial-gradient(circle at 35% 35%, #fff8be 0%, #ffd95b 48%, #ffbf1f 100%);box-shadow:0 10px 22px rgba(255,191,31,.28), inset -3px -4px 6px rgba(255,154,0,.22)}
.theme-toggle-btn[data-theme="light"] .theme-toggle-thumb::before{opacity:0}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-track{background:linear-gradient(180deg,#30218f 0%,#5831b2 58%,#6a45c4 100%);border-color:#3f4ba3;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 24px rgba(4,12,32,.32)}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-track::before{opacity:.34;transform:translateY(2px)}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-track::after{opacity:1}
body.theme-dark .header-language-switch{background:linear-gradient(180deg,#0d1d2b,#0b1621);border-color:#1c3242;box-shadow:0 10px 24px rgba(0,0,0,.22)}
body.theme-dark .lang-chip{color:#dfeef9}
body.theme-dark .lang-chip:hover{background:rgba(255,255,255,.06)}
body.theme-dark .lang-chip.active{background:linear-gradient(180deg, rgba(17,183,230,.22), rgba(17,183,230,.12));color:#ffffff;border-color:rgba(17,183,230,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 18px rgba(17,183,230,.12)}
body.theme-dark .lang-chip.active img{box-shadow:0 0 0 2px rgba(255,255,255,.16), 0 2px 10px rgba(17,183,230,.18)}
body.theme-dark .theme-toggle-track{border-color:#1d3343}
@media (max-width:760px){
  .header-toolbar{grid-template-columns:1fr auto;gap:8px}
  .header-language-switch{min-height:48px;padding:5px 6px}
  .lang-chip{height:36px;min-width:0;gap:6px;padding:0 9px}
  .lang-chip span{font-size:.78rem}
  .theme-toggle-track{width:84px;height:42px}
  .theme-toggle-thumb{width:30px;height:30px}
  .theme-toggle-btn[data-theme="light"] .theme-toggle-thumb{transform:translateX(42px)}
}
@media (max-width:520px){
  .header-toolbar{grid-template-columns:1fr;gap:8px}
  .header-language-switch{width:100%;justify-content:space-between}
  .theme-toggle-btn{align-self:flex-end}
}


/* v1.9.18 mobile header offset fix */
.activity-table th{background:var(--surface-2);color:var(--text-strong);border-bottom:1px solid var(--line)}
body.theme-dark .activity-table th,.app-shell.dark .activity-table th{background:#0d1a27;color:#f4fbff;border-bottom-color:#1c3242}
body.theme-dark .activity-table td,.app-shell.dark .activity-table td{background:transparent;color:#eaf4fb;border-color:#1c3242}
body.theme-dark .activity-table tr:hover td,.app-shell.dark .activity-table tr:hover td{background:rgba(255,255,255,.02)}
body.theme-dark .activity-card,.app-shell.dark .activity-card{background:linear-gradient(180deg,#0d1a27 0%,#08131e 100%);border-color:#234056}
body.theme-dark .activity-table-wrap,.app-shell.dark .activity-table-wrap{background:transparent}
body.theme-dark .activity-detail,.app-shell.dark .activity-detail{color:#eaf4fb}
body.theme-dark .activity-inline-field input,body.theme-dark .activity-inline-field select,body.theme-dark .activity-search-field input,
.app-shell.dark .activity-inline-field input,.app-shell.dark .activity-inline-field select,.app-shell.dark .activity-search-field input{background:#081420;color:#f4fbff;border-color:#244154}

@media (max-width: 640px){
  .global-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important;padding:12px!important}
  .header-left{grid-column:1 / 2;align-items:flex-start;min-width:0}
  .header-left > div{min-width:0}
  #headerGreeting{font-size:.78rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .user-menu-wrap{grid-column:2 / 3;justify-self:end}
  .user-menu-btn{padding:6px 10px;gap:8px;min-height:40px}
  .header-user-avatar{width:30px;height:30px}
  .header-toolbar{grid-column:1 / -1;display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:0!important;width:100%}
  .header-language-switch{flex:1 1 auto;min-width:0;min-height:44px;padding:4px 5px;gap:4px;justify-content:space-between;overflow:visible}
  .lang-chip{flex:1 1 0;min-width:0;height:34px;padding:0 6px;gap:4px;border-radius:999px}
  .lang-chip img{width:18px;height:18px}
  .lang-chip span{font-size:.72rem;letter-spacing:0}
  .theme-toggle-btn{flex:0 0 auto;align-self:center}
  .theme-toggle-track{width:72px;height:38px}
  .theme-toggle-track::before{inset:auto 6px 5px 6px;height:14px;background:radial-gradient(circle at 10px 12px, rgba(255,255,255,.95) 0 10px, transparent 11px),radial-gradient(circle at 27px 11px, rgba(255,255,255,.9) 0 11px, transparent 12px),radial-gradient(circle at 44px 12px, rgba(255,255,255,.92) 0 12px, transparent 13px)}
  .theme-toggle-track::after{background:radial-gradient(circle at 56px 9px, rgba(255,255,255,.55) 0 1px, transparent 1.6px),radial-gradient(circle at 46px 14px, rgba(255,255,255,.45) 0 1px, transparent 1.6px),radial-gradient(circle at 60px 21px, rgba(255,255,255,.5) 0 .9px, transparent 1.5px),radial-gradient(circle at 38px 8px, rgba(255,255,255,.35) 0 .8px, transparent 1.4px)}
  .theme-toggle-thumb{top:4px;left:5px;width:28px;height:28px}
  .theme-toggle-btn[data-theme="light"] .theme-toggle-thumb{transform:translateX(34px)}
  .activity-controls-card{padding:14px}
  .activity-filter-grid{grid-template-columns:1fr 1fr;gap:10px}
  .activity-inline-field{gap:4px}
  .activity-inline-field span{font-size:11px}
  .activity-inline-field input,.activity-inline-field select{height:40px;border-radius:12px;padding:0 10px}
  .activity-rows-field{grid-column:1 / -1;max-width:none}
  .activity-toolbar-foot{gap:10px}
  .activity-actions-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .activity-actions-group > .ghost,.activity-actions-group > .danger{width:100%;height:40px;min-width:0}
  .activity-table-wrap{overflow:visible}
  .activity-card table{min-width:0!important;width:100%!important}
  .activity-table,.activity-table tbody,.activity-table tr,.activity-table td{display:block;width:100%}
  .activity-table thead{display:none}
  .activity-table tbody{display:grid;gap:10px}
  .activity-table tr{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface);box-shadow:0 10px 24px rgba(15,23,42,.04)}
  .activity-table td{padding:7px 0;border:none!important}
  .activity-table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}
  .activity-detail{max-width:none;word-break:break-word;overflow-wrap:anywhere}
  body.theme-dark .activity-table tr,.app-shell.dark .activity-table tr{background:#0b1621;border-color:#1c3242;box-shadow:none}
}

@media (max-width: 420px){
  .global-header{padding:10px!important}
  .user-menu-btn span{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lang-chip span{font-size:.68rem}
  .theme-toggle-track{width:68px;height:36px}
  .theme-toggle-thumb{width:26px;height:26px}
  .theme-toggle-btn[data-theme="light"] .theme-toggle-thumb{transform:translateX(32px)}
  .activity-filter-grid{grid-template-columns:1fr}
  .activity-actions-group{grid-template-columns:1fr}
}


/* v1.9.18 dynamic mobile header offset fix */
:root{--header-height:112px;}
body.has-fixed-global-header .main-content{padding-top:var(--header-height,112px)!important;}
@media (max-width:900px){
  :root{--header-height:120px;}
  body.has-fixed-global-header .main-content{padding-top:var(--header-height,120px)!important;}
}
@media (max-width:640px){
  :root{--header-height:128px;}
  body.has-fixed-global-header .main-content{padding-top:var(--header-height,128px)!important;}
}

.security-grid{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr)!important}
.security-grid .card.full{grid-column:1 / -1}
.security-grid .toggle-row{min-height:46px}
.security-grid .table-wrap table{min-width:880px}
.app-shell.dark .security-grid .table-wrap,.app-shell.dark #view-security .card{background:#06111a;color:var(--text-strong);border-color:#28465d}
@media (max-width: 900px){
  .security-grid{grid-template-columns:1fr!important}
  .security-grid .table-wrap table{min-width:680px}
}

.security-grid .table-wrap table{min-width:980px}
.attempt-badge{display:inline-flex;min-width:34px;justify-content:center;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px;border:1px solid var(--line)}
.attempt-badge.normal{background:rgba(59,130,246,.12);color:#1d4ed8}
.attempt-badge.warn{background:rgba(245,158,11,.16);color:#b45309}
.attempt-badge.danger{background:rgba(239,68,68,.14);color:#b91c1c}
.app-shell.dark .attempt-badge.normal{background:rgba(96,165,250,.16);color:#bfdbfe}
.app-shell.dark .attempt-badge.warn{background:rgba(245,158,11,.18);color:#fcd34d}
.app-shell.dark .attempt-badge.danger{background:rgba(248,113,113,.18);color:#fecaca}
.security-grid .form-card .button-wrap.compact{justify-content:flex-start}
@media (max-width:900px){
  .security-grid .table-wrap table{min-width:760px}
}


.security-insights-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}
.security-stat-card{border:1px solid var(--line);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.65);display:flex;flex-direction:column;gap:8px}
.security-stat-card .security-stat-label{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.security-stat-card .security-stat-value{font-size:18px;color:var(--text-strong)}
.security-stat-card.info{background:rgba(59,130,246,.08)}
.security-stat-card.warn{background:rgba(245,158,11,.10)}
.security-stat-card.danger{background:rgba(239,68,68,.10)}
.security-stat-card.success{background:rgba(34,197,94,.10)}
.security-stat-card.neutral{background:rgba(15,23,42,.04)}
.security-alerts-wrap{border:1px dashed var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.45)}
.security-alerts-title{font-weight:800;margin-bottom:10px}
.security-alerts-list{display:flex;flex-direction:column;gap:10px}
.security-alert-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.72)}
.security-alert-item strong{min-width:72px;text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.security-alert-item.high{background:rgba(245,158,11,.12)}
.security-alert-item.critical{background:rgba(239,68,68,.12)}
.risk-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.risk-pill.low{background:rgba(59,130,246,.10);color:#1d4ed8}
.risk-pill.medium{background:rgba(245,158,11,.14);color:#b45309}
.risk-pill.high{background:rgba(249,115,22,.16);color:#c2410c}
.risk-pill.critical{background:rgba(239,68,68,.16);color:#b91c1c}
.app-shell.dark .security-stat-card{background:rgba(8,19,31,.9);border-color:#28465d}
.app-shell.dark .security-stat-card .security-stat-label{color:#8fb3d9}
.app-shell.dark .security-alerts-wrap{background:rgba(6,17,26,.76);border-color:#28465d}
.app-shell.dark .security-alert-item{background:rgba(8,19,31,.88);border-color:#28465d;color:#e6f0fa}
.app-shell.dark .security-alert-item.high{background:rgba(245,158,11,.14)}
.app-shell.dark .security-alert-item.critical{background:rgba(239,68,68,.16)}
.app-shell.dark .risk-pill.low{background:rgba(59,130,246,.18);color:#bfdbfe}
.app-shell.dark .risk-pill.medium{background:rgba(245,158,11,.18);color:#fde68a}
.app-shell.dark .risk-pill.high{background:rgba(249,115,22,.18);color:#fdba74}
.app-shell.dark .risk-pill.critical{background:rgba(239,68,68,.2);color:#fecaca}
@media (max-width:1100px){.security-insights-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){
  .security-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #view-security .table-wrap{overflow:visible}
  #view-security .table-wrap table{min-width:0!important;border-collapse:separate;border-spacing:0 12px}
  #view-security .table-wrap thead{display:none}
  #view-security .table-wrap tbody,#view-security .table-wrap tr,#view-security .table-wrap td{display:block;width:100%}
  #view-security .table-wrap tr{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.72)}
  .app-shell.dark #view-security .table-wrap tr{background:#06111a;border-color:#28465d}
  #view-security .table-wrap td{border:none;padding:6px 0;text-align:left!important}
  #view-security .table-wrap td::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
  #view-security .table-wrap .action-row{flex-wrap:wrap}
}


.advanced-threat-card{padding-bottom:12px}
.advanced-threat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.advanced-threat-grid .nested-card{padding:14px}
.security-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.security-mini-card{border:1px dashed var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.5);display:flex;flex-direction:column;gap:6px}
.security-list-stack,.security-event-stream{display:flex;flex-direction:column;gap:10px}
.security-list-item,.security-event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.58)}
.security-score-badge{display:inline-flex;min-width:38px;height:30px;align-items:center;justify-content:center;border-radius:999px;font-weight:800;border:1px solid var(--line)}
.security-score-badge.info{background:rgba(59,130,246,.10);color:#1d4ed8}
.security-score-badge.warn{background:rgba(245,158,11,.14);color:#b45309}
.security-score-badge.danger{background:rgba(239,68,68,.14);color:#b91c1c}
.security-chip-list{display:flex;flex-wrap:wrap;gap:10px}
.security-chip{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.58);font-size:13px}
.app-shell.dark .security-mini-card,.app-shell.dark .security-list-item,.app-shell.dark .security-event-row,.app-shell.dark .security-chip{background:rgba(8,19,31,.88);border-color:#28465d;color:#e6f0fa}
.app-shell.dark .security-score-badge.info{background:rgba(59,130,246,.18);color:#bfdbfe}
.app-shell.dark .security-score-badge.warn{background:rgba(245,158,11,.18);color:#fde68a}
.app-shell.dark .security-score-badge.danger{background:rgba(239,68,68,.2);color:#fecaca}
@media (max-width:1100px){
  .advanced-threat-grid{grid-template-columns:1fr}
}

/* v2.0 theme toggle state hotfix */
.theme-toggle-btn[data-theme="light"] .theme-toggle-track{
  background:linear-gradient(180deg,#b9ecff 0%,#d7f5ff 52%,#f1fbff 100%);
  border-color:color-mix(in srgb, var(--line) 88%, transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(15,23,42,.10);
}
.theme-toggle-btn[data-theme="light"] .theme-toggle-track::before{opacity:.95;transform:none}
.theme-toggle-btn[data-theme="light"] .theme-toggle-track::after{opacity:0}
.theme-toggle-btn[data-theme="light"] .theme-toggle-thumb{
  transform:translateX(0);
  background:radial-gradient(circle at 35% 35%, #fff8be 0%, #ffd95b 48%, #ffbf1f 100%);
  box-shadow:0 10px 22px rgba(255,191,31,.28), inset -3px -4px 6px rgba(255,154,0,.22);
}
.theme-toggle-btn[data-theme="light"] .theme-toggle-thumb::before{opacity:0}

.theme-toggle-btn[data-theme="dark"] .theme-toggle-track{
  background:linear-gradient(180deg,#30218f 0%,#5831b2 58%,#6a45c4 100%);
  border-color:#3f4ba3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 24px rgba(4,12,32,.32);
}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-track::before{opacity:.34;transform:translateY(2px)}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-track::after{opacity:1}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-thumb{
  transform:translateX(46px);
  background:radial-gradient(circle at 35% 35%, #ffffff 0%, #f9fcff 48%, #dce8f2 100%);
  box-shadow:0 10px 22px rgba(15,23,42,.18), inset -3px -4px 6px rgba(158,174,188,.28);
}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-thumb::before{opacity:.65}

@media (max-width:760px){
  .theme-toggle-btn[data-theme="light"] .theme-toggle-thumb{transform:translateX(0)}
  .theme-toggle-btn[data-theme="dark"] .theme-toggle-thumb{transform:translateX(42px)}
}
@media (max-width:420px){
  .theme-toggle-btn[data-theme="light"] .theme-toggle-thumb{transform:translateX(0)}
  .theme-toggle-btn[data-theme="dark"] .theme-toggle-thumb{transform:translateX(34px)}
}


.sync-source-card,.sync-preview-card{margin-bottom:22px}
.sync-source-card .header-row{gap:16px}
.sync-source-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sync-source-wrap{display:grid;gap:16px}
.sync-product-toolbar{margin-top:4px}
.sync-item-picker-wrap{position:relative;display:block}
.sync-item-picker-wrap > span{display:block;font-size:14px;font-weight:700;margin:0 0 8px;color:var(--text-strong)}
.sync-item-picker{position:relative}
.sync-item-trigger{width:100%;min-height:52px;border:1px solid var(--primary);border-radius:18px;background:#fff;padding:11px 98px 11px 16px;display:flex;align-items:center;justify-content:flex-start;gap:10px;box-shadow:var(--shadow);cursor:pointer;text-align:left;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.sync-item-trigger:hover{transform:translateY(-1px)}
.sync-item-trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-weight:600}
.sync-item-clear{position:absolute;right:52px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:none;align-items:center;justify-content:center;background:#f4f8fb;border:1px solid #d7e6f0;color:#6b8799;font-size:20px;font-weight:700;line-height:1;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 6px rgba(10,33,56,.06)}
.sync-item-clear[hidden]{display:none !important}
.sync-item-clear:not([hidden]){display:inline-flex}
.sync-item-clear:hover{background:#fff1f3;border-color:#f2c5cf;color:#c24a69;box-shadow:0 6px 14px rgba(194,74,105,.18)}
.sync-item-caret{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f4f8fb;border:1px solid #d7e6f0;color:#5f7a8f;pointer-events:none;transition:all .18s ease}
.sync-item-caret-icon{display:block;position:relative;width:12px;height:12px}
.sync-item-caret-icon::before{content:"";position:absolute;inset:1px 0 0 1px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease,top .18s ease}
.sync-item-picker.open .sync-item-caret-icon::before{transform:rotate(-135deg);top:4px}
.sync-item-picker.open .sync-item-trigger{box-shadow:0 0 0 3px rgba(17,183,230,.14),var(--shadow)}
.sync-item-picker.open .sync-item-caret{background:#eaf7fd;border-color:#b7e6fb;color:#0c5f79}
.sync-item-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 42px rgba(10,33,56,.16);padding:12px;z-index:35;overflow:hidden}
.sync-item-search-wrap{margin-bottom:10px;position:sticky;top:0;background:#fff;padding-bottom:10px;z-index:1}
.sync-item-search-wrap input{min-height:44px;border-radius:14px}
.sync-item-options{max-height:360px;overflow:auto;border-top:1px solid #edf3f7;padding-top:10px;display:grid;gap:8px}
.sync-item-option{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border-radius:16px;border:1px solid transparent;cursor:pointer;background:#fff;transition:all .18s ease;text-align:left}
.sync-item-option:hover{background:#f7fbfe;border-color:#d6eaf5;transform:translateY(-1px)}
.sync-item-option.active{background:rgba(17,183,230,.10);border-color:rgba(17,183,230,.18)}
.sync-item-option img,.sync-item-option .sync-item-thumb-empty{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid rgba(148,163,184,.28);background:#fff;flex-shrink:0}
.sync-item-thumb-empty{display:flex;align-items:center;justify-content:center;color:#8aa3b3;font-size:11px;padding:4px;text-align:center}
.sync-item-main{min-width:0;display:flex;flex-direction:column;gap:4px}
.sync-item-name{font-weight:800;color:var(--text-strong);line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sync-item-meta{font-size:13px;color:#5f7a8f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sync-item-source{font-size:12px;color:#7b94a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sync-item-code{font-size:14px;font-weight:800;color:#0c5f79;padding-left:8px;white-space:nowrap;align-self:flex-start}
.sync-item-empty{padding:16px 12px;color:#6b8799}
.sync-preview-card{display:flex;gap:16px;align-items:center;padding:16px 18px;border:1px dashed rgba(148,163,184,.35);border-radius:18px;background:rgba(14,165,233,.05);margin-top:8px;min-width:0}
.sync-preview-image{width:68px;height:68px;object-fit:cover;border-radius:14px;border:1px solid rgba(148,163,184,.3);background:#fff;flex-shrink:0}
.sync-preview-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.sync-preview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}
.sync-preview-title{font-size:1.03rem;font-weight:800;color:var(--text-strong);line-height:1.28;overflow-wrap:anywhere}
.sync-preview-code{font-size:13px;font-weight:800;color:#0c5f79;white-space:nowrap;flex-shrink:0}
.sync-preview-main .muted{overflow-wrap:anywhere}
#productSyncPreview:empty{display:none}
.app-shell.dark .sync-item-trigger,.app-shell.dark .sync-item-menu,.app-shell.dark .sync-item-option{background:#06111a;border-color:#28465d;color:var(--text-strong)}
.app-shell.dark .sync-item-search-wrap{background:#06111a}
.app-shell.dark .sync-item-option:hover{background:#0a1a25}
.app-shell.dark .sync-item-option.active{background:rgba(17,183,230,.16)}
.app-shell.dark .sync-item-meta,.app-shell.dark .sync-item-source{color:#9fb5c5}
.app-shell.dark .sync-item-code{color:#8bdcff}
.app-shell.dark .sync-item-clear,.app-shell.dark .sync-item-caret{background:#0a1a25;border-color:#2a475d;color:#9fb5c5}
.app-shell.dark .sync-item-clear:hover{background:#3a1420;border-color:#7a3046;color:#ffd7df}
.app-shell.dark .sync-item-picker.open .sync-item-caret{background:#0c2030;border-color:#2f6b87;color:#8bdcff}
@media (max-width: 900px){
  .topbar,.between{flex-wrap:wrap}
  .sync-source-card .header-row{align-items:stretch}
  .sync-source-actions{width:100%}
  .sync-source-actions .ghost{flex:1 1 calc(50% - 5px);min-width:0}
  .sync-item-trigger{padding-right:88px}
  .sync-item-menu{padding:10px;border-radius:18px}
  .sync-item-options{max-height:300px}
  .sync-item-option{grid-template-columns:52px minmax(0,1fr);gap:12px}
  .sync-item-code{grid-column:2;justify-self:start;padding-left:0;font-size:13px}
}
@media (max-width: 640px){
  .sync-item-trigger{min-height:54px;padding:11px 86px 11px 14px}
  .sync-item-trigger-label{font-size:14px}
  .sync-item-clear{right:48px;width:28px;height:28px}
  .sync-item-caret{right:12px;width:28px;height:28px}
  .sync-item-search-wrap input{min-height:42px}
  .sync-item-option{grid-template-columns:44px minmax(0,1fr);padding:10px;border-radius:14px;align-items:flex-start}
  .sync-item-option img,.sync-item-option .sync-item-thumb-empty{width:44px;height:44px;border-radius:12px}
  .sync-item-name{font-size:14px;white-space:normal}
  .sync-item-meta,.sync-item-source,.sync-item-code{font-size:12px;white-space:normal;overflow-wrap:anywhere}
  .sync-preview-card{padding:14px;align-items:flex-start}
  .sync-preview-image{width:56px;height:56px}
  .sync-preview-top{flex-direction:column;gap:6px}
  .sync-preview-title{font-size:15px}
}
#productSyncCard.collapsed .sync-source-wrap{display:none}
.sync-mapping-head{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.sync-disconnect-btn{color:#c83d57;border-color:#f1b8c3;background:#fff7f9}
.sync-disconnect-btn:hover{background:#ffecef}

.app-shell.dark .sync-item-clear,.app-shell.dark .sync-item-caret{background:#0a1a25;border-color:#2a475d;color:#9fb5c5}
.app-shell.dark .sync-item-clear:hover{background:#3a1420;border-color:#7a3046;color:#ffd7df}


/* v2.1.14 mobile synced item field safety */
.sync-item-trigger{overflow:hidden;max-width:100%}
.sync-item-trigger-label{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.sync-source-card,.sync-source-wrap,.sync-item-picker-wrap,.sync-item-picker{min-width:0}
@media (max-width: 640px){
  .sync-source-card{overflow:visible}
  .sync-item-picker-wrap{min-width:0;max-width:100%}
  .sync-item-trigger{width:100%;max-width:100%;padding:11px 92px 11px 12px;border-radius:16px}
  .sync-item-trigger-label{font-size:13px;line-height:1.2}
  .sync-item-clear{right:44px;width:26px;height:26px;font-size:18px}
  .sync-item-caret{right:10px;width:26px;height:26px}
  .sync-preview-card{margin-top:12px;max-width:100%;overflow:hidden}
  .sync-preview-main{min-width:0;width:100%}
  .sync-preview-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
  .sync-preview-code{white-space:normal;overflow-wrap:anywhere;max-width:100%}
}

/* v2.1.15 mobile synced item field and menu safety */
.sync-item-trigger{overflow:hidden;max-width:100%}
.sync-item-trigger-label{display:block;width:100%;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
.sync-source-card,.sync-source-wrap,.sync-item-picker-wrap,.sync-item-picker{min-width:0}
@media (max-width: 640px){
  .sync-source-card{overflow:visible}
  .sync-source-wrap{overflow:visible}
  .sync-item-picker-wrap{min-width:0;max-width:100%}
  .sync-item-picker{width:100%;overflow:visible}
  .sync-item-trigger{width:100%;max-width:100%;padding:11px 92px 11px 12px;border-radius:16px;min-height:50px}
  .sync-item-trigger-label{display:block;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2px}
  .sync-item-clear{right:44px;width:26px;height:26px;font-size:18px}
  .sync-item-caret{right:10px;width:26px;height:26px}
  .sync-item-menu{top:calc(100% + 8px);left:0;right:0;max-width:100%;padding:8px;border-radius:16px;overflow:hidden;box-shadow:0 18px 34px rgba(10,33,56,.18)}
  .sync-item-search-wrap{margin-bottom:8px;padding-bottom:8px}
  .sync-item-search-wrap input{min-height:40px;font-size:13px}
  .sync-item-options{max-height:min(52vh, 340px);overflow:auto;padding-top:8px}
  .sync-item-option{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:10px;border-radius:14px;align-items:flex-start}
  .sync-item-option img,.sync-item-option .sync-item-thumb-empty{width:42px;height:42px;border-radius:10px}
  .sync-item-main{gap:3px;min-width:0}
  .sync-item-name{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
  .sync-item-meta,.sync-item-source,.sync-item-code{font-size:11px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
  .sync-item-code{font-weight:800}
  .sync-preview-card{margin-top:12px;max-width:100%;overflow:hidden;padding:12px;gap:12px}
  .sync-preview-image{width:48px;height:48px;border-radius:12px}
  .sync-preview-main{min-width:0;width:100%}
  .sync-preview-top{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
  .sync-preview-title{font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
  .sync-preview-code{font-size:12px;white-space:normal;overflow-wrap:anywhere;max-width:100%}
  .sync-preview-main .muted{font-size:12px;line-height:1.2;overflow-wrap:anywhere;word-break:break-word}
}


/* v2.1.16 mobile synced item wrap + larger list */
@media (max-width: 640px){
  .sync-source-card{overflow:visible;}
  .sync-item-picker-wrap{width:100%;}
  .sync-item-trigger{
    min-height:64px;
    height:auto;
    align-items:flex-start;
    padding:10px 78px 10px 12px;
  }
  .sync-item-trigger-label{
    white-space:normal;
    text-overflow:clip;
    overflow:visible;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:1.25;
    padding-right:4px;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .sync-item-menu{
    max-height:min(72vh, 560px);
    overflow:visible;
  }
  .sync-item-options{
    max-height:min(60vh, 460px);
    gap:10px;
    padding-top:10px;
  }
  .sync-item-option{
    grid-template-columns:52px minmax(0,1fr);
    gap:12px;
    padding:12px;
    align-items:flex-start;
  }
  .sync-item-option img,
  .sync-item-option .sync-item-thumb-empty{
    width:52px;
    height:52px;
  }
  .sync-item-name{
    -webkit-line-clamp:3;
    font-size:13px;
    line-height:1.3;
  }
  .sync-item-meta,
  .sync-item-source,
  .sync-item-code{
    font-size:12px;
    line-height:1.3;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
  .sync-item-code{
    display:block;
    margin-top:2px;
  }
  .sync-preview-card{
    padding:14px;
  }
  .sync-preview-title{
    -webkit-line-clamp:3;
  }
}


/* External Sync page restoration + mobile action menu */
.sync-topbar{gap:18px}
.sync-actions-shell{position:relative;display:flex;justify-content:flex-end;align-items:flex-start;min-width:0}
.sync-actions-row{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.sync-action-btn{min-height:44px;padding:10px 16px;border-radius:16px}
.sync-actions-menu-btn{display:none;min-width:46px;width:46px;height:46px;border-radius:16px;padding:0;font-size:22px;line-height:1;align-items:center;justify-content:center}
.sync-connection-wrap,.sync-status-wrap,.sync-fields-wrap,.sync-joins-wrap,.sync-mapping-wrap{min-width:0}
#syncConnectionCard.collapsed .sync-connection-wrap,#syncStatusCard.collapsed .sync-status-wrap,#syncFieldsCard.collapsed .sync-fields-wrap,#syncJoinsCard.collapsed .sync-joins-wrap,#syncMappingCard.collapsed .sync-mapping-wrap{display:none}
.sync-status-head{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0}
.sync-status-buttons{gap:12px;flex-wrap:wrap}
.sync-status-buttons .sync-action-btn{flex:0 1 auto}
.sync-multi-select{position:relative;min-width:0}
.sync-multi-trigger{width:100%;min-height:54px;padding:10px 44px 10px 12px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;box-shadow:var(--shadow);text-align:left}
.sync-multi-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0;flex:1}
.sync-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#eef7fd;border:1px solid #cbe9f8;color:var(--text-strong);font-weight:600;max-width:100%}
.sync-chip button{border:0;background:transparent;color:#567286;font-size:18px;line-height:1;cursor:pointer;padding:0;margin:0}
.sync-multi-caret{font-size:18px;color:#67859a;flex-shrink:0;transition:transform .18s ease}
.sync-multi-select.open .sync-multi-caret{transform:rotate(180deg)}
.sync-multi-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:45;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 42px rgba(10,33,56,.16);padding:12px;display:none}
.sync-multi-select.open .sync-multi-menu{display:block}
.sync-multi-search-wrap{margin-bottom:10px}
.sync-multi-search-wrap input{min-height:42px;border-radius:14px}
.sync-multi-selectall{display:flex;align-items:center;gap:10px;padding:6px 2px 12px;color:var(--text-strong);font-weight:600}
.sync-multi-selectall input{width:18px;height:18px}
.sync-multi-options{display:grid;gap:8px;max-height:320px;overflow:auto;padding-top:6px;border-top:1px solid #edf3f7}
.sync-multi-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid transparent;background:#fff;cursor:pointer;transition:all .18s ease;font-weight:600;color:var(--text-strong)}
.sync-multi-option:hover{background:#f7fbfe;border-color:#d6eaf5}
.sync-multi-option.active{background:rgba(17,183,230,.1);border-color:rgba(17,183,230,.18)}
.sync-multi-option input{width:18px;height:18px;flex-shrink:0;order:2}
.sync-multi-option span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sync-join-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.sync-join-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:14px;border:1px solid #dceaf3;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.03)}
.sync-join-row label{min-width:0}
.sync-join-row label span{display:block;margin:0 0 8px;font-size:13px;font-weight:700;color:#2d495d}
.sync-join-equals{align-self:center;justify-self:center;font-weight:800;font-size:20px;line-height:1;color:#607d91;padding-top:26px}
.sync-join-remove{min-height:42px;padding:0 14px;border-radius:14px;border:1px solid #efb6c0;background:#fff5f7;color:#c34563;font-weight:700;cursor:pointer;transition:.2s ease}
.sync-join-remove:hover{background:#ffe3e8;border-color:#e58fa0;color:#a82a46}
.app-shell.dark .sync-multi-trigger,.app-shell.dark .sync-multi-menu,.app-shell.dark .sync-multi-option,.app-shell.dark .sync-join-row{background:#06111a;border-color:#28465d;color:var(--text-strong)}
.app-shell.dark .sync-join-row label span{color:#c9e8f6}
.app-shell.dark .sync-join-equals{color:#9dc7da}
.app-shell.dark .sync-join-remove{background:#2c0f18;border-color:#7a3044;color:#ffb4c2}
.app-shell.dark .sync-chip{background:#0c2030;border-color:#2d617a}
.app-shell.dark .sync-multi-option:hover{background:#0a1a25}
.app-shell.dark .sync-multi-option.active{background:rgba(17,183,230,.16)}
@media (max-width: 900px){
  .sync-topbar{align-items:stretch}
  .sync-actions-shell{width:100%}
  .sync-actions-row{gap:10px;justify-content:flex-start}
  .sync-action-btn{flex:1 1 calc(50% - 5px);min-width:0}
  .sync-status-head{justify-content:flex-start}
  .sync-join-row{grid-template-columns:1fr 1fr;}
  .sync-join-equals{grid-column:1 / -1;justify-self:flex-start;padding:0 2px}
}
@media (max-width: 640px){
  .sync-actions-menu-btn{display:inline-flex}
  .sync-actions-shell{justify-content:flex-end}
  .sync-actions-row{display:none;position:absolute;top:calc(100% + 10px);right:0;z-index:60;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 42px rgba(10,33,56,.16);padding:12px;min-width:min(320px,92vw);max-width:92vw;justify-content:stretch}
  .sync-actions-shell.open .sync-actions-row{display:grid;grid-template-columns:1fr;}
  .sync-actions-row .sync-action-btn{width:100%;flex:none}
  .sync-builder-grid{gap:16px}
  .sync-status-head{flex-direction:column;align-items:flex-start}
  .sync-status-buttons .sync-action-btn{width:100%}
  .sync-multi-trigger{min-height:58px;align-items:flex-start;padding-top:12px;padding-bottom:12px}
  .sync-multi-menu{position:fixed;left:12px;right:12px;top:auto;max-height:70vh;overflow:auto}
  .sync-multi-options{max-height:46vh}
  .sync-chip{max-width:100%}
  .sync-join-actions{width:100%;justify-content:flex-start}
  .sync-join-actions .sync-action-btn,.sync-join-actions .sync-collapse-btn{flex:1 1 calc(50% - 5px);min-width:0}
  .sync-join-row{grid-template-columns:1fr;gap:10px}
  .sync-join-remove{width:100%}
}

.sync-thumb{width:56px;height:56px;object-fit:cover;border-radius:14px;border:1px solid rgba(148,163,184,.28);background:#fff;display:block}
#syncItemsTable td{vertical-align:middle}
#syncItemsTable td:first-child{width:76px}
@media (max-width:640px){
  .sync-thumb{width:44px;height:44px;border-radius:10px}
  .sync-actions-row{padding:10px}
  .sync-actions-row .sync-action-btn{min-height:42px}
}

.sidebar::-webkit-scrollbar,.nav-grid::-webkit-scrollbar{width:8px;}
.sidebar::-webkit-scrollbar-thumb,.nav-grid::-webkit-scrollbar-thumb{background:rgba(103,128,143,.28);border-radius:999px;}
.sidebar::-webkit-scrollbar-track,.nav-grid::-webkit-scrollbar-track{background:transparent;}
body.sidebar-collapsed .sidebar-controls{display:none !important;}
body.sidebar-collapsed .sidebar{align-items:stretch;}
body.sidebar-collapsed .nav-btn .nav-icon{width:20px;height:20px;flex:0 0 20px;}
body.sidebar-collapsed .nav-btn .nav-icon svg{width:18px;height:18px;}
body.sidebar-collapsed .nav-btn.active{box-shadow:0 12px 22px rgba(17,183,230,.22);}
body.sidebar-collapsed .nav-btn::after{font-weight:600;letter-spacing:.01em;}
body.sidebar-collapsed .nav-btn:last-child{margin-bottom:0;}

/* v2.1.26 Products PRO UI + Synced Source Dropdown */
.products-pro-view{gap:16px;}
.products-pro-header{align-items:center;margin-bottom:0;}
.products-pro-header h2{font-size:1.7rem;letter-spacing:-.03em;}
.products-new-btn{min-height:50px;padding:13px 22px;border-radius:16px;background:linear-gradient(135deg,#0ea5e9,#1155e8);border:0;box-shadow:0 14px 26px rgba(17,85,232,.22);font-weight:800;}
.products-pro-sync{padding:16px 18px;overflow:visible;position:relative;z-index:8;}
.products-pro-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px;}
.products-pro-card-title h3,.products-section-title h3,.saved-products-pro-head h3{display:flex;align-items:center;gap:10px;margin:0 0 4px;color:var(--text-strong);}
.pro-count-pill{display:inline-flex;align-items:center;min-height:24px;padding:4px 10px;border-radius:999px;background:#eaf3ff;color:#1769d7;border:1px solid #d7e8ff;font-size:12px;font-weight:800;white-space:nowrap;}
.icon-ghost{width:48px;height:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;border-radius:16px;color:#0b79d0;background:#f8fbff;}
.products-pro-sync-wrap{display:grid;gap:10px;}
.products-pro-sync .sync-product-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:end;}
.products-pro-sync .sync-item-picker-wrap>span{display:none;}
.products-sync-trigger{min-height:48px;border-radius:14px;box-shadow:none;background:#fff;border-color:#cfe0ed;padding-inline-start:16px;}
.products-sync-menu{max-width:760px;right:auto;z-index:90;border-radius:18px;box-shadow:0 18px 40px rgba(15,42,66,.16);}
.products-sync-menu .sync-item-options{max-height:300px;}
.products-sync-menu .sync-item-option{grid-template-columns:56px minmax(0,1fr) minmax(120px,auto);border-color:#edf3f8;box-shadow:0 6px 16px rgba(4,34,51,.035);}
.products-sync-menu .sync-item-option.active{background:#eef7ff;border-color:#8bc8ff;box-shadow:0 0 0 2px rgba(17,123,230,.12);}
.sync-preview-card{display:none;}
.products-pro-grid{display:grid;grid-template-columns:minmax(460px,1.1fr) minmax(360px,.9fr);gap:16px;align-items:start;}
.products-pro-form-card,.products-pro-preview-card,.saved-products-pro-card{padding:18px;border-radius:22px;box-shadow:0 16px 38px rgba(4,34,51,.075);}
.products-section-title{margin-bottom:12px;}
.products-pro-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.products-pro-form-grid label{gap:6px;font-size:.86rem;font-weight:700;}
.products-pro-form-grid input,.products-pro-form-grid select{min-height:42px;border-radius:12px;background:#fff;border-color:#d9e7f2;}
.products-pro-form-grid .full{grid-column:1/-1;}
.price-input-shell{display:flex;align-items:center;border:1px solid #d9e7f2;border-radius:12px;background:#fff;overflow:hidden;min-height:42px;}
.price-input-shell span{width:40px;height:42px;display:inline-flex;align-items:center;justify-content:center;background:#f6faff;border-inline-end:1px solid #d9e7f2;color:#516f82;font-weight:800;}
.price-input-shell input{border:0;border-radius:0;min-height:40px;box-shadow:none!important;}
.auto-generate-pro{min-height:42px;border-radius:12px;background:#f1f8ff;color:#0b6fe6;border-color:#d9eafd;font-weight:800;}
.template-note{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid #d7e9f9;background:#f1f8ff;border-radius:12px;}
.template-link-btn{min-height:32px;padding:5px 12px;border-radius:10px;color:#0b6fe6;background:#fff;font-weight:800;white-space:nowrap;}
.qty-stepper{display:grid;grid-template-columns:40px 54px 40px;width:max-content;border:1px solid #d9e7f2;border-radius:12px;overflow:hidden;background:#fff;}
.qty-stepper button{border:0;background:#f8fbff;font-weight:900;color:#315063;}
.qty-stepper input{border:0;border-inline:1px solid #d9e7f2;border-radius:0;min-height:40px;text-align:center;padding:0;}
.products-form-actions{align-items:center;margin-top:2px;}
.products-form-actions button{min-height:44px;border-radius:14px;padding:10px 18px;font-weight:800;}
.save-product-pro{min-width:150px;background:linear-gradient(135deg,#0ea5e9,#1155e8);border:0;}
.advanced-pro-btn{margin-inline-start:auto;}
.products-pro-preview-card{position:sticky;top:calc(var(--kls-sticky-top) + 8px);z-index:1;}
.products-preview-wrap{display:flex;align-items:center;justify-content:center;min-height:250px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #dfeaf3;border-radius:18px;padding:22px;overflow:auto;}
.product-preview-meta{display:grid;gap:10px;margin-top:14px;}
.preview-chip-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.preview-chip-row span{display:block;padding:10px 12px;border-radius:12px;background:#eef7ff;color:#1769d7;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.preview-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf3f8;padding-top:12px;color:#6b8294;font-size:13px;}
.ready-pill{padding:8px 12px;border-radius:999px;background:#eafcf2;color:#0b9152;font-weight:800;}
.saved-products-pro-card{padding:18px;}
.saved-products-pro-head{align-items:center;margin-bottom:12px;}
.saved-products-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex:1;}
.saved-products-tools .table-search{max-width:340px;min-height:42px;border-radius:14px;}
.filter-pro-btn{min-height:42px;border-radius:14px;color:#0b6fe6;font-weight:800;}
.saved-products-table-wrap table{min-width:1100px;}
.product-id-pill{font-weight:800;color:#52697c;}
.table-link-btn{border:0;background:transparent;color:#0b6fe6;font-weight:800;padding:0;text-align:start;cursor:pointer;}
.barcode-type-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef7ff;color:#1769d7;font-size:12px;font-weight:900;}
.pro-action-row{flex-wrap:nowrap;gap:6px;}
.icon-action{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:#0b6fe6;background:#fff;}
.icon-action.danger{color:#e11d48;border-color:#ffd1dc;}
.empty-products-row{text-align:center;padding:24px!important;}
.app-shell.dark .products-sync-trigger,.app-shell.dark .products-pro-form-grid input,.app-shell.dark .products-pro-form-grid select,.app-shell.dark .price-input-shell,.app-shell.dark .qty-stepper{background:#06111a;border-color:#28465d;color:var(--text-strong);}
.app-shell.dark .products-preview-wrap{background:#06111a;border-color:#28465d;}
.app-shell.dark .template-note,.app-shell.dark .preview-chip-row span,.app-shell.dark .barcode-type-pill,.app-shell.dark .pro-count-pill{background:#0c2030;border-color:#2d617a;color:#8bdcff;}
.app-shell.dark .products-sync-menu{background:#06111a;border-color:#28465d;}
@media (max-width:1200px){
  .products-pro-grid{grid-template-columns:1fr;}
  .products-pro-preview-card{position:relative;top:auto;}
}
@media (max-width:900px){
  .products-pro-form-grid{grid-template-columns:1fr 1fr;}
  .products-pro-sync .sync-product-toolbar{grid-template-columns:1fr;}
  .saved-products-pro-head{align-items:stretch;flex-direction:column;}
  .saved-products-tools{width:100%;justify-content:stretch;}
  .saved-products-tools .table-search{max-width:none;flex:1;}
  .preview-chip-row{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .products-pro-header{align-items:stretch;flex-direction:column;}
  .products-new-btn{width:100%;}
  .products-pro-form-grid{grid-template-columns:1fr;}
  .template-note{display:grid;}
  .template-link-btn{width:100%;}
  .products-form-actions button,.advanced-pro-btn{width:100%;margin-inline-start:0;}
  .products-sync-menu{position:fixed;left:12px!important;right:12px!important;top:120px!important;max-width:none;max-height:70vh;overflow:auto;}
}

/* v2.1.26 Products PRO UI Final Match + Logic Fix */
.kls-icon{width:18px;height:18px;display:inline-block;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
button .kls-icon{margin-inline-end:6px}.icon-ghost .kls-icon,.icon-action .kls-icon,.scan-field-btn .kls-icon{margin:0}
.products-pro-view{gap:14px}.products-pro-header{padding:16px 20px}.products-pro-header h2{font-size:1.55rem}.products-pro-header p{margin-top:4px}
.products-pro-sync{padding:14px 18px;border-radius:22px;overflow:visible!important;z-index:30}.products-pro-card-title{margin-bottom:10px}.products-pro-card-title h3{font-size:1.05rem;align-items:center}.pro-count-pill{background:#eaf4ff;color:#075fc7;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:800}.icon-ghost{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#0877ff;background:#f5fbff}
.products-pro-sync .sync-product-toolbar{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.products-sync-picker-wrap{position:relative}.products-sync-trigger{height:42px;border-radius:14px;border:1px solid #b9daf8;background:#fff;box-shadow:0 6px 18px rgba(7,119,255,.05);font-weight:700}.products-sync-menu{border-radius:16px;box-shadow:0 24px 52px rgba(15,40,68,.18);border:1px solid #d9e9f8;max-height:340px;overflow:hidden}.sync-item-search-wrap{padding:10px;background:#fff;border-bottom:1px solid #edf4fb}.sync-item-search-wrap input{height:38px;border-radius:12px}.sync-item-options{max-height:272px;overflow:auto;padding:8px}.sync-item-option{border-radius:13px;margin-bottom:7px}.sync-item-option.active{border-color:#87c6ff;background:#eff8ff}.sync-item-option img,.sync-item-thumb-empty{width:52px;height:52px;border-radius:12px}.sync-item-code{font-weight:800;color:#075f9c}
.products-pro-grid{grid-template-columns:minmax(520px,1.05fr) minmax(410px,.95fr);gap:16px;align-items:start}.products-pro-form-card,.products-pro-preview-card,.saved-products-pro-card{border-radius:22px;border:1px solid rgba(190,215,234,.85);box-shadow:0 14px 34px rgba(4,34,51,.065)}
.products-pro-form-card{padding:16px 18px}.product-form-head{margin-bottom:10px}.products-section-title h3{font-size:1.05rem}.products-pro-form-grid{grid-template-columns:1fr 1fr 1fr;gap:10px 12px}.products-pro-form-grid label{font-size:.82rem;font-weight:800;color:#102033}.products-pro-form-grid input,.products-pro-form-grid select{height:40px;min-height:40px;border-radius:12px;border-color:#d8e7f2;background:#fff;padding:0 14px;font-weight:700}.products-pro-form-grid input::placeholder{font-weight:500;color:#7d94a8}.products-pro-form-grid .full{grid-column:1/-1}
.price-input-shell{height:40px;min-height:40px;border-radius:12px;border-color:#d8e7f2}.price-input-shell span{height:40px;width:42px;background:#f2f8ff;color:#375d78}.price-input-shell input{height:38px;min-height:38px;padding-inline-start:12px!important}.products-pro-form-grid input[type=number]::-webkit-inner-spin-button,.products-pro-form-grid input[type=number]::-webkit-outer-spin-button,.price-input-shell input::-webkit-inner-spin-button,.price-input-shell input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}.products-pro-form-grid input[type=number],.price-input-shell input{-moz-appearance:textfield;appearance:textfield}
.scan-input-wrap{height:40px}.scan-field-btn{width:38px;height:38px;border-radius:11px;color:#667c93;background:#f7fbff}.auto-generate-pro{height:40px;border-radius:12px;color:#075fc7;background:#f2f8ff;border-color:#d6e8f8;font-weight:800}.template-note{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:13px;background:#eef7ff;border:1px solid #d9edff;padding:10px 12px;margin-top:0}.template-link-btn{height:32px;border-radius:10px;color:#075fc7;font-weight:800}.qty-stepper{height:40px;border-radius:12px}.qty-stepper button{width:40px}.qty-stepper input{height:38px!important;min-height:38px!important}.products-form-actions{margin-top:4px;gap:10px}.products-form-actions button{height:42px;border-radius:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px}.save-product-pro{background:linear-gradient(135deg,#0d72ff,#11c2d7)}.advanced-pro-btn{margin-inline-start:auto}
.products-pro-preview-card{padding:16px;top:calc(var(--kls-sticky-top) + 8px)}.products-pro-preview-card .header-row h3{font-size:1.05rem}.print-preview-pro{height:40px;border-radius:13px;color:#075fc7;font-weight:800;display:inline-flex;align-items:center}.products-preview-wrap{min-height:250px;display:flex;align-items:center;justify-content:center;padding:10px}.products-preview-wrap .label-paper{box-shadow:0 12px 30px rgba(6,35,60,.12);border:1px solid #d8e7f2;border-radius:12px}.product-preview-meta{margin-top:10px}.preview-chip-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.preview-chip-row span{border-radius:12px;background:#eef7ff;color:#075fc7;padding:10px 12px;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-status-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid #edf3f8}.preview-date{color:#61778a;font-size:.82rem}.ready-pill{background:#e7fbf0;color:#0a8c47;border-radius:999px;padding:7px 12px;font-weight:900;font-size:.82rem}
.barcode-2d-preview{width:100%;height:100%;object-fit:contain}.pdf417-preview{display:grid;gap:2px;width:100%;height:100%}.pdf417-preview svg{width:100%;height:100%}
.saved-products-pro-card{padding:16px 18px}.saved-products-pro-head{margin-bottom:10px}.saved-products-tools{display:flex;gap:10px;align-items:center}.saved-products-tools .table-search{height:40px;border-radius:13px}.filter-pro-btn{height:40px;border-radius:13px;color:#075fc7;font-weight:800;display:inline-flex;align-items:center}.saved-products-table-wrap table th{font-size:.82rem}.product-id-pill{font-weight:800;color:#41586d}.table-link-btn{background:none;border:0;color:#006de5;font-weight:800;cursor:pointer}.barcode-type-pill{background:#eef5ff;color:#075fc7;border-radius:999px;padding:5px 9px;font-weight:800;font-size:.78rem}.pro-action-row{gap:6px}.icon-action{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#0d72ff}.icon-action.danger{color:#ef3340}.empty-products-row{text-align:center;padding:24px!important}
.app-shell.dark .products-sync-trigger,.app-shell.dark .products-pro-form-grid input,.app-shell.dark .products-pro-form-grid select,.app-shell.dark .price-input-shell,.app-shell.dark .qty-stepper{background:#06111a;border-color:#28465d;color:var(--text-strong)}.app-shell.dark .template-note,.app-shell.dark .preview-chip-row span{background:#071827;border-color:#28465d}.app-shell.dark .products-sync-menu{background:#06111a;border-color:#28465d}
@media(max-width:1180px){.products-pro-grid{grid-template-columns:1fr}.products-pro-preview-card{position:relative;top:auto}.products-pro-form-grid{grid-template-columns:1fr 1fr}.preview-chip-row{grid-template-columns:1fr}}
@media(max-width:760px){.products-pro-form-grid{grid-template-columns:1fr}.products-pro-sync .sync-product-toolbar{grid-template-columns:1fr}.products-form-actions{flex-direction:column}.advanced-pro-btn{margin-inline-start:0}.saved-products-tools{flex-direction:column;align-items:stretch}}

/* v2.1.30 Products PRO Final Polish */
.products-pro-view{gap:12px!important}
.products-pro-header{padding:14px 20px!important;border-radius:22px!important;min-height:78px!important}
.products-pro-header h2{font-size:1.48rem!important;letter-spacing:-.02em!important}
.products-new-btn{height:50px!important;border-radius:16px!important;padding-inline:22px!important;box-shadow:0 12px 28px rgba(13,114,255,.22)!important}
.products-pro-sync{padding:14px 18px!important;border-radius:22px!important;margin-top:0!important;box-shadow:0 14px 36px rgba(4,34,51,.055)!important}
.products-pro-card-title{align-items:flex-start!important;margin-bottom:8px!important}
.products-pro-card-title h3{font-size:1.03rem!important;gap:8px!important}
.products-pro-sync .kls-icon{width:16px;height:16px}
.products-sync-trigger{height:44px!important;border-radius:15px!important;font-weight:700!important;color:#061525!important;padding-inline:16px 52px!important}
.sync-item-caret{right:12px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:#eef8ff!important;border:1px solid #c7e3f7!important;display:grid!important;place-items:center!important}
.products-sync-menu{max-height:360px!important;max-width:min(760px,calc(100vw - 48px))!important;border-radius:18px!important;box-shadow:0 28px 64px rgba(15,40,68,.20)!important;z-index:2600!important;overflow:hidden!important}
.sync-item-search-wrap{padding:12px!important;position:sticky!important;top:0!important;z-index:2!important;background:#fff!important}
.sync-item-options{max-height:290px!important;overflow:auto!important;padding:8px 10px 10px!important;scrollbar-width:thin;scrollbar-color:#9db2c1 transparent}
.sync-item-options::-webkit-scrollbar{width:8px}.sync-item-options::-webkit-scrollbar-thumb{background:#9db2c1;border-radius:999px;border:2px solid #f7fbff}.sync-item-options::-webkit-scrollbar-track{background:transparent}
.sync-item-option{min-height:68px!important;padding:10px 12px!important;border:1px solid #e5eef7!important;border-radius:15px!important;background:#fff!important;box-shadow:0 4px 12px rgba(15,40,68,.035)!important;transition:.16s ease!important}
.sync-item-option:hover,.sync-item-option.active{border-color:#7fc6ff!important;background:#f3faff!important;box-shadow:0 8px 20px rgba(13,114,255,.09)!important;transform:translateY(-1px)}
.sync-item-option img,.sync-item-thumb-empty{width:48px!important;height:48px!important;border-radius:13px!important;object-fit:cover!important;background:#fff!important;border:1px solid #dbe8f2!important}
.sync-item-code{white-space:nowrap!important;text-align:end!important;min-width:120px!important}
.products-pro-grid{grid-template-columns:minmax(560px,1.02fr) minmax(430px,.98fr)!important;gap:16px!important;align-items:start!important}
.products-pro-form-card,.products-pro-preview-card,.saved-products-pro-card{border-radius:22px!important;box-shadow:0 14px 36px rgba(4,34,51,.06)!important;border-color:#cfe0ed!important}
.products-pro-form-card{padding:16px 18px!important}
.product-form-head{margin-bottom:8px!important}
.products-pro-form-grid{gap:10px 12px!important}
.products-pro-form-grid label span{font-weight:800!important;color:#0b1726!important;font-size:.8rem!important}
.products-pro-form-grid input,.products-pro-form-grid select,.price-input-shell,.qty-stepper{height:40px!important;min-height:40px!important;border-radius:13px!important;border-color:#d7e6f1!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
.products-pro-form-grid input,.products-pro-form-grid select{font-size:.92rem!important;font-weight:650!important}
.price-input-shell span{width:42px!important;height:40px!important;font-weight:900!important;color:#28617f!important;background:#eef8ff!important;border-right:1px solid #d7e6f1!important}
.price-input-shell input{height:38px!important;font-variant-numeric:tabular-nums!important}
.template-note{padding:10px 12px!important;border-radius:14px!important;background:#edf7ff!important;min-height:42px!important}
.products-form-actions{align-items:center!important;margin-top:2px!important}.products-form-actions button{height:42px!important;border-radius:14px!important}.advanced-pro-btn{min-width:136px!important}
.products-pro-preview-card{padding:16px!important;position:sticky!important;top:calc(var(--kls-sticky-top) + 10px)!important;overflow:hidden!important}.products-pro-preview-card .header-row{margin-bottom:10px!important}.print-preview-pro{height:40px!important;padding-inline:16px!important}
.products-preview-wrap{min-height:280px!important;padding:12px!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}
.products-preview-wrap #productPreview{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;overflow:visible!important}.products-preview-wrap .label-paper{transform-origin:center center!important;margin:auto!important;max-width:100%!important}
.product-label .barcode{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.product-label .barcode svg{width:100%!important;height:100%!important;display:block!important}.barcode-2d-preview,.barcode-2d-svg{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.product-label-2d .barcode{width:70px!important;height:70px!important}.product-label-2d.barcode-type-pdf417 .barcode{width:160px!important;height:54px!important}.product-label-2d .code{font-weight:800!important;letter-spacing:.08em!important}.product-label-2d .qr-box{display:none!important}.pdf417-preview{width:100%!important;height:100%!important;display:grid!important;gap:2px!important}.pdf417-preview svg{width:100%!important;height:100%!important}
.preview-chip-row{gap:8px!important}.preview-chip-row span{font-size:.8rem!important;border-radius:12px!important;padding:9px 11px!important}.preview-status-row{margin-top:10px!important;padding-top:11px!important}.ready-pill{padding:7px 13px!important;box-shadow:0 6px 14px rgba(16,185,129,.08)!important}
.saved-products-pro-card{padding:16px 18px!important}.saved-products-table-wrap{overflow-x:auto!important}.saved-products-table-wrap table{min-width:1180px!important;table-layout:fixed!important}.saved-products-table-wrap th:nth-child(1){width:122px}.saved-products-table-wrap th:nth-child(2){width:150px}.saved-products-table-wrap th:nth-child(3){width:150px}.saved-products-table-wrap th:nth-child(4){width:145px}.saved-products-table-wrap th:nth-child(5){width:118px}.saved-products-table-wrap th:nth-child(6){width:150px}.saved-products-table-wrap th:nth-child(7){width:105px}.saved-products-table-wrap th:nth-child(8){width:70px}.saved-products-table-wrap th:nth-child(9){width:150px}.saved-products-table-wrap th:nth-child(10){width:160px}.saved-products-table-wrap th,.saved-products-table-wrap td{vertical-align:middle!important}.product-id-pill{display:inline-flex!important;align-items:center!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#41586d!important;background:#f4f8fb!important;border-radius:10px!important;padding:5px 8px!important;font-size:.82rem!important}.product-price-cell{display:inline-flex!important;white-space:nowrap!important;font-weight:800!important;font-variant-numeric:tabular-nums!important}.table-link-btn{white-space:normal!important;line-height:1.25!important}.barcode-type-pill{white-space:nowrap!important}.pro-action-row{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-start!important}.icon-action{flex:0 0 32px!important}
.scanner-modal{z-index:5000!important;background:rgba(8,20,31,.54)!important;backdrop-filter:blur(5px)!important}.scanner-card{width:min(92vw,560px)!important;border-radius:24px!important;padding:22px!important;box-shadow:0 30px 80px rgba(6,20,35,.32)!important}.scanner-card .between{align-items:center!important}.scanner-card h3{font-size:1.25rem!important}.scanner-card #closeScannerBtn{border-radius:14px!important;height:42px!important;padding-inline:16px!important}.scanner-viewport{min-height:250px!important;border-radius:22px!important;background:radial-gradient(circle at center,#111 0%,#050505 70%)!important;border:1px solid rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important}.scanner-status.error{background:#fff1f2!important;border:1px solid #fecdd3!important;color:#9f1239!important;border-radius:12px!important;padding:10px 12px!important}.scanner-card label span{font-weight:800!important}.scanner-card input{height:44px!important;border-radius:14px!important}.scanner-card .button-wrap button{height:42px!important;border-radius:14px!important;font-weight:800!important}
.app-shell.dark .sync-item-search-wrap,.app-shell.dark .sync-item-option{background:#06111a!important;border-color:#28465d!important}.app-shell.dark .sync-item-option:hover,.app-shell.dark .sync-item-option.active{background:#0b1d2b!important}.app-shell.dark .products-preview-wrap{background:#06111a!important}.app-shell.dark .product-id-pill{background:#0c2030!important;color:#c7e8ff!important}
@media(max-width:1180px){.products-pro-grid{grid-template-columns:1fr!important}.products-pro-preview-card{position:relative!important;top:auto!important}.products-preview-wrap{min-height:250px!important}}
@media(max-width:760px){.products-pro-header{min-height:auto!important}.products-sync-menu{position:fixed!important;left:12px!important;right:12px!important;top:118px!important;max-width:none!important}.sync-item-code{min-width:0!important}.saved-products-table-wrap table{min-width:1060px!important}}
body.scanner-open{overflow:hidden!important}


/* v2.1.30 Products fresh reset + button gap polish */
.products-pro-form-card{overflow:visible!important}
.products-pro-form-grid{align-items:end!important}
.products-pro-form-grid label{min-width:0!important}
.products-pro-form-grid input,.products-pro-form-grid select,.price-input-shell,.scan-input-wrap,.auto-generate-pro{width:100%!important;box-sizing:border-box!important}
.products-pro-form-grid .template-note{align-self:stretch!important}
.products-form-actions{display:flex!important;align-items:center!important;gap:10px!important;row-gap:10px!important;flex-wrap:wrap!important;margin-top:6px!important;padding-top:0!important}
.products-form-actions button{margin:0!important;white-space:nowrap!important;min-width:0!important}
.products-form-actions .save-product-pro{min-width:150px!important}
.products-form-actions #savePrintProduct{min-width:134px!important}
.products-form-actions #resetProductForm{min-width:88px!important}
.products-form-actions .advanced-pro-btn{margin-inline-start:auto!important;min-width:132px!important}
.products-pro-form-grid label:has(#p_customWidth),.products-pro-form-grid label:has(#p_customHeight){margin-top:2px!important}
.price-input-shell input,.products-pro-form-grid input[inputmode="decimal"],.products-pro-form-grid input[inputmode="numeric"]{-moz-appearance:textfield!important}
.product-form-freshing .products-sync-trigger{background:#fff!important;color:#061525!important}
@media(max-width:760px){.products-form-actions{display:grid!important;grid-template-columns:1fr!important}.products-form-actions .advanced-pro-btn{margin-inline-start:0!important}.products-form-actions button{width:100%!important}}


/* v2.1.30 Scanner modal manual-entry button gap polish */
.scanner-card label.full{
  display:block!important;
  margin-top:12px!important;
  margin-bottom:0!important;
}
.scanner-card label.full span{
  display:block!important;
  margin-bottom:8px!important;
  line-height:1.2!important;
}
.scanner-card #scannerManualInput{
  display:block!important;
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.scanner-card .button-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:14px!important;
  padding-top:0!important;
}
.scanner-card .button-wrap button{
  margin:0!important;
  min-width:102px!important;
  padding:0 16px!important;
}
.scanner-card #scannerCloseBottomBtn{
  min-width:82px!important;
}
@media (max-width:560px){
  .scanner-card{padding:18px!important;}
  .scanner-card .button-wrap{gap:8px!important;}
  .scanner-card .button-wrap button{flex:1 1 auto!important;min-width:0!important;padding:0 12px!important;}
}


/* v2.1.36 Shipping Labels PRO UI Upgrade */
.shipping-pro-view{gap:12px!important}
.shipping-pro-header{padding:14px 20px!important;border-radius:22px!important;min-height:78px!important}.shipping-pro-header h2{font-size:1.48rem!important;letter-spacing:-.02em!important}
.shipping-new-btn{height:50px!important;border-radius:16px!important;padding-inline:22px!important;box-shadow:0 12px 28px rgba(13,114,255,.22)!important}
.shipping-pro-grid{grid-template-columns:minmax(560px,1.02fr) minmax(430px,.98fr)!important;gap:16px!important;align-items:start!important}
.shipping-pro-form-card,.shipping-pro-preview-card,.saved-shipping-pro-card{border-radius:22px!important;box-shadow:0 14px 36px rgba(4,34,51,.06)!important;border:1px solid #cfe0ed!important}
.shipping-pro-form-card{padding:16px 18px!important}.shipping-form-head{margin-bottom:10px}.shipping-form-head h3{display:flex;align-items:center;gap:8px;font-size:1.05rem}
.shipping-pro-form-grid{grid-template-columns:1fr 1fr!important;gap:10px 12px!important}.shipping-pro-form-grid label{font-size:.82rem!important;font-weight:800!important;color:#102033!important}.shipping-pro-form-grid .full{grid-column:1/-1!important}
.shipping-pro-form-grid input,.shipping-pro-form-grid select,.shipping-pro-form-grid textarea,.shipping-pro-form-grid .qty-stepper{border-color:#d8e7f2!important;background:#fff!important;color:#102033!important;font-weight:700!important;border-radius:12px!important}.shipping-pro-form-grid input,.shipping-pro-form-grid select{height:40px!important;min-height:40px!important;padding:0 14px!important}.shipping-pro-form-grid textarea{min-height:64px!important;padding:12px 14px!important;resize:vertical!important}.shipping-pro-form-grid input::placeholder,.shipping-pro-form-grid textarea::placeholder{font-weight:500!important;color:#7d94a8!important}
.shipping-pro-form-grid input[type=number]::-webkit-inner-spin-button,.shipping-pro-form-grid input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}.shipping-pro-form-grid input[type=number]{-moz-appearance:textfield;appearance:textfield}
.shipping-pro-form-grid .scan-input-wrap{height:40px}.shipping-generate-field .auto-generate-pro{width:100%;justify-content:center}
.shipping-form-actions{margin-top:4px!important;gap:10px!important}.shipping-form-actions button{height:42px!important;border-radius:13px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.save-shipping-pro{background:linear-gradient(135deg,#0d72ff,#11c2d7)!important}
.shipping-pro-preview-card{padding:16px!important;top:calc(var(--kls-sticky-top) + 8px)!important}.shipping-pro-preview-card .header-row h3{display:flex;align-items:center;gap:8px;font-size:1.05rem}.shipping-preview-wrap{min-height:420px!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:12px!important}.shipping-preview-wrap .label-paper{box-shadow:0 12px 30px rgba(6,35,60,.12)!important;border:1px solid #d8e7f2!important;border-radius:16px!important}.shipping-preview-meta{margin-top:10px}
.saved-shipping-pro-card{padding:16px 18px!important}.saved-shipping-tools{display:flex;gap:10px;align-items:center}.saved-shipping-tools .table-search{height:40px;border-radius:13px}.saved-shipping-table-wrap table th{font-size:.82rem}.saved-shipping-table-wrap .table-link-btn{text-align:start}
.shipping-label-modern{width:450px!important;padding:0!important;overflow:hidden!important;border-radius:20px!important}.shipping-modern-shell{padding:18px 18px 16px;background:#fff}.shipping-modern-top{display:grid;grid-template-columns:minmax(0,1.3fr) 148px;gap:16px;align-items:start}.ship-badge.modern,.tracking-badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:10px;background:#050505;color:#fff;font-size:18px;font-weight:900;line-height:1;letter-spacing:.02em}.ship-badge.modern{margin-bottom:14px}.shipping-modern-order{font-size:14px;font-weight:800;text-align:end;margin-top:4px;margin-bottom:12px}.shipping-modern-qr-wrap{display:flex;justify-content:flex-end}.shipping-modern-qr,.shipping-modern-qr.placeholder-box{width:108px;height:108px;border:1px solid #d8e7f2;border-radius:10px;background:#fff;object-fit:cover}.shipping-modern-name{font-size:20px;font-weight:900;color:#08131d;margin-bottom:6px}.shipping-modern-line,.shipping-modern-phone{font-size:15px;line-height:1.45;color:#1c2f3d}.shipping-modern-phone{margin-top:8px}.shipping-modern-divider{height:2px;background:#1e2c38;opacity:.14;margin:14px 0}.shipping-modern-track-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.shipping-modern-carrier{font-size:14px;font-weight:800;color:#1f3140;text-transform:uppercase}.shipping-modern-track-code{font-size:22px;font-weight:900;letter-spacing:.02em;color:#091722;margin-bottom:10px}.shipping-modern-barcode{width:100%;min-height:92px}.shipping-modern-barcode .barcode-svg,.shipping-modern-barcode svg{height:86px!important}.shipping-modern-code-text{margin-top:2px;font-size:15px!important;letter-spacing:.18em}.shipping-modern-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #e5edf4;font-size:12px;color:#5d7688}.shipping-modern-footer span:last-child{text-align:end}.shipping-modern-barcode-placeholder{height:84px;border-radius:10px;background:repeating-linear-gradient(90deg,#111 0,#111 3px,#fff 3px,#fff 6px);opacity:.18}
.placeholder-line{display:block;height:14px;border-radius:999px;background:linear-gradient(90deg,#eaf2f8,#f6fbff,#eaf2f8);margin-bottom:10px}.placeholder-box{background:linear-gradient(135deg,#eff5fb,#f8fbff);border:1px dashed #d7e6f2}
.app-shell.dark .shipping-pro-form-card,.app-shell.dark .shipping-pro-preview-card,.app-shell.dark .saved-shipping-pro-card{background:linear-gradient(180deg,#0d1a27 0%, #08131e 100%)!important;border-color:#234056!important}.app-shell.dark .shipping-pro-form-grid input,.app-shell.dark .shipping-pro-form-grid select,.app-shell.dark .shipping-pro-form-grid textarea,.app-shell.dark .shipping-pro-form-grid .qty-stepper{background:#06111a!important;border-color:#28465d!important;color:var(--text-strong)!important}.app-shell.dark .shipping-preview-wrap .label-paper{border-color:#28465d!important}.app-shell.dark .shipping-modern-shell{background:#fff!important;color:#08131d!important}.app-shell.dark .saved-shipping-tools .table-search{background:#06111a!important;color:var(--text-strong)!important;border-color:#28465d!important}
@media(max-width:1180px){.shipping-pro-grid{grid-template-columns:1fr!important}.shipping-pro-preview-card{position:relative!important;top:auto!important}.shipping-preview-wrap{min-height:unset!important}}
@media(max-width:760px){.shipping-pro-form-grid{grid-template-columns:1fr!important}.shipping-form-actions,.saved-shipping-tools{flex-direction:column!important;align-items:stretch!important}.shipping-modern-top{grid-template-columns:1fr!important}.shipping-modern-order{text-align:start!important}.shipping-modern-qr-wrap{justify-content:flex-start!important}.shipping-modern-track-head{flex-direction:column!important;align-items:flex-start!important}.shipping-label-modern{width:100%!important;max-width:450px!important}}


/* v2.1.36 Shipping Template Border + Date + Size Override Fixes */

.phase6-generated.shipping-label .phase6-canvas,
.phase6-generated.product-label .phase6-canvas,
#printRoot .phase6-generated .phase6-canvas,
.public-product-preview .phase6-generated .phase6-canvas{
  background-color:#fff !important;
  border:none !important;
  border-radius:16px !important;
  overflow:hidden !important;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}

.date-input-enhanced{
  background-image:linear-gradient(180deg, rgba(17,183,230,.04), rgba(17,183,230,.02));
  cursor:pointer;
}
.date-input-enhanced::-webkit-calendar-picker-indicator{
  cursor:pointer;
  opacity:.95;
  padding:6px;
  border-radius:10px;
  transition:background .18s ease, opacity .18s ease;
}
.date-input-enhanced::-webkit-calendar-picker-indicator:hover{
  background:rgba(17,183,230,.12);
}
.date-input-enhanced::-webkit-datetime-edit,
.date-input-enhanced::-webkit-date-and-time-value{
  color:var(--text-strong);
}
body.theme-dark .date-input-enhanced,
.app-shell.dark .date-input-enhanced{
  background-image:linear-gradient(180deg, rgba(17,183,230,.08), rgba(17,183,230,.04));
}
@media print{
  .phase6-generated.label-paper{
    border:2px solid #111 !important;
    background:#fff !important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }
}


/* v2.1.36 Shipping live preview frame + fixed dock rebuild */
#shippingPreview,
.shipping-preview-wrap{
  overflow:visible !important;
}
#shippingPreview{
  min-height:0 !important;
  padding:16px 12px 28px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
}
.shipping-preview-wrap .phase6-generated.label-paper,
#shippingPreview .phase6-generated.label-paper{
  position:relative !important;
  border:2px solid #111 !important;
  outline:2px solid #111 !important;
  outline-offset:-2px !important;
  box-shadow:0 18px 38px rgba(15,23,42,.10), inset 0 0 0 2px #111 !important;
  background:#fff !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  margin:0 auto 18px !important;
}
.shipping-preview-wrap .phase6-generated.label-paper::after,
#shippingPreview .phase6-generated.label-paper::after,
#printRoot .phase6-generated.label-paper::after{
  content:"";
  position:absolute;
  inset:0;
  border:2px solid #111;
  border-radius:inherit;
  pointer-events:none;
  box-sizing:border-box;
  z-index:9999;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}
#shippingPreview .phase6-generated .phase6-canvas{
  border-radius:16px !important;
  overflow:hidden !important;
}

@media print{
  html,body{margin:0!important;padding:0!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important;}
  body.printing-labels *{visibility:hidden!important;}
  body.printing-labels #printRoot,
  body.printing-labels #printRoot *{visibility:visible!important;}
  body.printing-labels #printRoot{display:block!important;position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important;}
  body.printing-labels #printRoot .print-sheet{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:flex-start!important;justify-content:flex-start!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;break-inside:auto!important;page-break-inside:auto!important;}
  body.printing-labels #printRoot .print-sheet.shipping-sheet{display:block!important;}
  body.printing-labels #printRoot .print-sheet.shipping-sheet.roll-sheet{display:block!important;}
  body.printing-labels #printRoot .label-paper{position:relative!important;margin:0!important;break-inside:avoid!important;page-break-inside:avoid!important;border:2px solid #111!important;outline:2px solid #111!important;outline-offset:-2px!important;box-shadow:inset 0 0 0 2px #111!important;background:#fff!important;overflow:hidden!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;}
  body.printing-labels #printRoot .phase6-generated .phase6-canvas{background:#fff!important;overflow:hidden!important;}
}


/* v2.1.36 — Shipping Live Preview Rebuild / Fixed Dock
   This completely disables the follow/sticky behaviour for Shipping preview so it can never detach
   and float beside the saved table/footer after Edit, page navigation, or scroll. */
#view-shipping .shipping-pro-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr) !important;
  align-items:start !important;
  gap:16px !important;
  overflow:visible !important;
}
#view-shipping .shipping-pro-form-card,
#view-shipping .shipping-pro-preview-card{
  min-width:0 !important;
  max-width:100% !important;
}
#view-shipping .shipping-pro-preview-card,
#view-shipping .builder-grid > .preview-card.shipping-pro-preview-card,
body.app-authenticated #view-shipping.active .builder-grid > .preview-card.shipping-pro-preview-card{
  position:relative !important;
  top:auto !important;
  bottom:auto !important;
  left:auto !important;
  right:auto !important;
  inset:auto !important;
  transform:none !important;
  translate:none !important;
  float:none !important;
  clear:none !important;
  align-self:start !important;
  grid-column:auto !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  z-index:1 !important;
  overflow:visible !important;
  will-change:auto !important;
}
#view-shipping .shipping-pro-preview-card[style]{
  top:auto !important;
  bottom:auto !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  float:none !important;
}
#view-shipping .shipping-preview-wrap{
  position:relative !important;
  width:100% !important;
  min-height:420px !important;
  height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
  padding:18px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  background:#fff !important;
  border-radius:18px !important;
  box-sizing:border-box !important;
}
#view-shipping #shippingPreview{
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  position:relative !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
#view-shipping #shippingPreview .label-paper,
#view-shipping #shippingPreview .phase6-generated.label-paper,
#view-shipping #shippingPreview .shipping-label-modern{
  margin:0 auto !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  position:relative !important;
  border:2px solid #111 !important;
  outline:2px solid #111 !important;
  outline-offset:-2px !important;
  box-shadow:0 18px 35px rgba(15,35,55,.10), inset 0 0 0 2px #111 !important;
  background:#fff !important;
  overflow:hidden !important;
  -webkit-print-color-adjust:exact !important;
  print-color-adjust:exact !important;
}
#view-shipping #shippingPreview .phase6-generated.label-paper::after,
#view-shipping #shippingPreview .shipping-label-modern::after{
  content:"";
  position:absolute;
  inset:0;
  border:2px solid #111;
  border-radius:inherit;
  pointer-events:none;
  box-sizing:border-box;
  z-index:9999;
}
#view-shipping #shippingPreview .phase6-generated .phase6-canvas{
  border-radius:inherit !important;
  overflow:hidden !important;
  background:#fff !important;
}
#view-shipping .shipping-preview-meta{
  position:relative !important;
  z-index:2 !important;
}
#view-shipping .saved-shipping-pro-card,
#view-shipping .app-footer{
  clear:both !important;
  position:relative !important;
  z-index:2 !important;
}
@media(max-width:1180px){
  #view-shipping .shipping-pro-grid{grid-template-columns:1fr !important;}
  #view-shipping .shipping-pro-preview-card{position:relative !important;top:auto !important;transform:none !important;}
  #view-shipping .shipping-preview-wrap{min-height:0 !important;overflow:auto !important;}
}

/* v2.1.36 — Shipping fresh start + modern date picker polish */
.date-input-enhanced{
  cursor:pointer !important;
  background-image:linear-gradient(135deg,rgba(13,110,253,.08),rgba(23,184,214,.08)) !important;
  border-color:#cfe4ff !important;
  box-shadow:0 8px 18px rgba(15,35,55,.04) !important;
}
.date-input-enhanced.kls-date-open{
  border-color:#16b8d6 !important;
  box-shadow:0 0 0 4px rgba(23,184,214,.16),0 12px 24px rgba(15,35,55,.08) !important;
}
.kls-date-popover{
  position:absolute;
  width:304px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(179,210,240,.95);
  border-radius:20px;
  box-shadow:0 22px 55px rgba(15,35,55,.20);
  padding:14px;
  z-index:999999;
  display:none;
  backdrop-filter:blur(12px);
  box-sizing:border-box;
}
.kls-date-popover.open{display:block;}
.kls-date-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.kls-date-title{
  flex:1;
  text-align:center;
  font-weight:900;
  color:#0f1f33;
  font-size:14px;
  letter-spacing:.01em;
}
.kls-date-nav{
  width:38px;
  height:34px;
  border:1px solid #d6e8f8;
  border-radius:13px;
  background:#f7fbff;
  color:#0964d8;
  font-size:26px;
  line-height:1;
  font-weight:800;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.kls-date-nav:hover{background:#eaf6ff;border-color:#bfe0ff;transform:translateY(-1px);}
.kls-date-weekdays,
.kls-date-days{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:6px;
}
.kls-date-weekdays{
  margin-bottom:7px;
  color:#668098;
  font-size:11px;
  font-weight:900;
  text-align:center;
}
.kls-date-day{
  height:34px;
  border:0;
  border-radius:12px;
  background:#f7fbff;
  color:#102033;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.kls-date-day:hover{background:#e6f5ff;color:#005bd3;box-shadow:0 8px 16px rgba(0,105,220,.10);}
.kls-date-day.other{color:#aab6c4;background:#fbfdff;}
.kls-date-day.today{outline:2px solid rgba(23,184,214,.35);outline-offset:-2px;color:#006fbd;}
.kls-date-day.selected{background:linear-gradient(135deg,#0d6efd,#17b8d6);color:#fff;box-shadow:0 10px 22px rgba(13,110,253,.25);}
.kls-date-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #eef5fb;
}
.kls-date-clear,
.kls-date-today{
  border:1px solid #d8e9f8;
  background:#fff;
  border-radius:12px;
  padding:8px 12px;
  color:#0064d8;
  font-weight:900;
  cursor:pointer;
}
.kls-date-today{background:#eef8ff;}
.kls-date-clear:hover,
.kls-date-today:hover{background:#e7f4ff;}
.app-shell.dark .kls-date-popover{background:rgba(18,29,45,.98);border-color:rgba(90,125,160,.55);box-shadow:0 22px 55px rgba(0,0,0,.45);}
.app-shell.dark .kls-date-title,.app-shell.dark .kls-date-day{color:#edf6ff;}
.app-shell.dark .kls-date-weekdays{color:#9fb2c8;}
.app-shell.dark .kls-date-nav,.app-shell.dark .kls-date-day,.app-shell.dark .kls-date-clear,.app-shell.dark .kls-date-today{background:#18283d;border-color:#29425f;color:#cfe6ff;}
.app-shell.dark .kls-date-day.other{color:#667d96;background:#142235;}
.app-shell.dark .kls-date-day.selected{background:linear-gradient(135deg,#0d6efd,#17b8d6);color:#fff;}
@media(max-width:520px){.kls-date-popover{width:min(304px,calc(100vw - 24px));left:12px!important;}}
body.theme-dark .kls-date-popover{background:rgba(18,29,45,.98);border-color:rgba(90,125,160,.55);box-shadow:0 22px 55px rgba(0,0,0,.45);}
body.theme-dark .kls-date-title,body.theme-dark .kls-date-day{color:#edf6ff;}
body.theme-dark .kls-date-weekdays{color:#9fb2c8;}
body.theme-dark .kls-date-nav,body.theme-dark .kls-date-day,body.theme-dark .kls-date-clear,body.theme-dark .kls-date-today{background:#18283d;border-color:#29425f;color:#cfe6ff;}
body.theme-dark .kls-date-day.other{color:#667d96;background:#142235;}
body.theme-dark .kls-date-day.selected{background:linear-gradient(135deg,#0d6efd,#17b8d6);color:#fff;}


/* v2.1.36 — Shipping date icon + keep calendar open while scrolling */
.shipping-pro-form-grid .date-input-enhanced,
.date-input-enhanced{
  padding-right:48px !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:20px 20px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23102633' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='4'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3C/svg%3E") !important;
}
.app-shell.dark .shipping-pro-form-grid .date-input-enhanced,
.app-shell.dark .date-input-enhanced,
body.theme-dark .date-input-enhanced{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cfe6ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='4'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3C/svg%3E") !important;
}
.kls-date-popover{
  z-index:99999 !important;
  user-select:none;
}
.kls-date-popover.open{
  animation:klsDateOpen .14s ease-out;
}
@keyframes klsDateOpen{
  from{opacity:0;transform:translateY(-4px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* v2.1.42 Product Dynamic Template Fields */
.product-dynamic-fields{
  grid-column:1/-1;
  border:1px solid #d8eafe;
  background:linear-gradient(180deg,#f5fbff 0%,#ffffff 100%);
  border-radius:16px;
  padding:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.product-dynamic-head{
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:space-between;
  margin-bottom:4px;
}
.product-dynamic-head strong{
  color:#075fc7;
  font-size:.9rem;
  font-weight:900;
}
.product-dynamic-head span{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 9px;
  border-radius:999px;
  background:#e8f2ff;
  color:#075fc7;
  font-size:.72rem;
  font-weight:900;
}
.product-dynamic-note{
  color:#5f7892;
  font-size:.78rem;
  margin-bottom:10px;
}
.product-dynamic-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px 12px;
}
.product-dynamic-grid label{
  display:grid;
  gap:6px;
  min-width:0;
}
.product-dynamic-grid label.full{grid-column:1/-1}
.product-dynamic-grid label span{
  color:#102033!important;
  font-size:.78rem!important;
  font-weight:900!important;
}
.product-dynamic-grid input,
.product-dynamic-grid select,
.product-dynamic-grid textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #d7e6f1;
  background:#fff;
  color:#102033;
  border-radius:12px;
  min-height:38px;
  padding:0 12px;
  font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.product-dynamic-grid textarea{
  min-height:54px;
  padding:10px 12px;
  resize:vertical;
}
.product-dynamic-grid input[type=number]::-webkit-inner-spin-button,
.product-dynamic-grid input[type=number]::-webkit-outer-spin-button{
  appearance:none;
  -webkit-appearance:none;
  margin:0;
}
.product-dynamic-grid input[type=number]{-moz-appearance:textfield;appearance:textfield}
.app-shell.dark .product-dynamic-fields{background:#071827;border-color:#28465d}
.app-shell.dark .product-dynamic-grid input,
.app-shell.dark .product-dynamic-grid select,
.app-shell.dark .product-dynamic-grid textarea{background:#06111a;border-color:#28465d;color:var(--text-strong)}
@media(max-width:1180px){.product-dynamic-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.product-dynamic-grid{grid-template-columns:1fr;}}

/* v2.1.42 Template page auto-collapse fit */
body.sidebar-collapsed #view-templates.active{max-width:calc(100vw - 138px);overflow-x:hidden;}
@media (max-width:900px){body.sidebar-collapsed #view-templates.active{max-width:100%;}}


/* v2.1.48 — Product custom date picker + Shipping dynamic template fields */
.product-dynamic-fields.shipping-dynamic-fields{
  border-color:#cfe5fb;
}
.product-dynamic-grid input.dynamic-date-input{
  cursor:pointer !important;
}


/* v2.1.52 — Settings PRO UI/UX + Menu Manager */
.sidebar{position:relative;}
.sidebar-top-toggle{position:absolute;top:14px;right:12px;width:38px;height:38px;border:1px solid #d8e8f3;background:#fff;border-radius:14px;box-shadow:0 8px 18px rgba(15,23,42,.08);z-index:7;display:inline-flex;align-items:center;justify-content:center;transition:.2s ease;}
.sidebar-top-toggle:hover{transform:translateY(-1px);border-color:#99d9f2;box-shadow:0 12px 24px rgba(17,183,230,.14);}
.sidebar-top-toggle .sidebar-toggle-icon{width:16px;height:16px;display:block;position:relative;}
.sidebar-top-toggle .sidebar-toggle-icon:before,.sidebar-top-toggle .sidebar-toggle-icon:after{content:'';position:absolute;top:50%;width:9px;height:2px;background:#17324d;border-radius:4px;transition:.2s ease;}
.sidebar-top-toggle .sidebar-toggle-icon:before{left:1px;transform:translateY(-50%) rotate(45deg);}
.sidebar-top-toggle .sidebar-toggle-icon:after{right:1px;transform:translateY(-50%) rotate(-45deg);}
body.sidebar-collapsed .sidebar-top-toggle{right:50%;transform:translateX(50%);}
body.sidebar-collapsed .sidebar-top-toggle .sidebar-toggle-icon:before{transform:translateY(-50%) rotate(-45deg);}
body.sidebar-collapsed .sidebar-top-toggle .sidebar-toggle-icon:after{transform:translateY(-50%) rotate(45deg);}
.nav-btn.permission-hidden,.nav-btn.menu-hidden{display:none!important;}
.nav-btn.menu-disabled{opacity:.48;filter:grayscale(.25);cursor:not-allowed;}
.nav-btn .nav-icon-img{width:22px;height:22px;object-fit:contain;border-radius:6px;display:block;}
@media (max-width:900px){.nav-btn[data-mobile-hidden="1"]{display:none!important;}.sidebar-top-toggle{display:none!important;}}
.settings-pro-view{--settings-blue:#0d7df2;--settings-cyan:#11b7e6;--settings-border:#dcebf5;--settings-text:#0f2540;--settings-muted:#60768f;--settings-soft:#f4faff;}
.settings-pro-page{display:flex;flex-direction:column;gap:16px;padding-bottom:96px;}
.settings-pro-head{align-items:flex-start;gap:16px;margin-bottom:0;}
.settings-pro-head h2{font-size:1.7rem;letter-spacing:-.035em;margin:0;color:#071c34;}
.settings-pro-head p{margin-top:6px;}
.settings-pro-head-actions,.settings-sticky-actions,.settings-actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.settings-top-action{min-height:42px;border-color:#d7e8f5;background:#fff;color:#0d6fce;font-weight:800;}
.settings-pro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,.92);}
.settings-search-shell{display:flex;align-items:center;gap:10px;min-height:44px;flex:1;max-width:690px;border:1px solid var(--settings-border);border-radius:16px;background:#fff;padding:0 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);}
.settings-search-shell input{border:none!important;box-shadow:none!important;background:transparent!important;height:42px;padding:0!important;min-height:42px;}
.settings-search-shell .kls-icon{width:19px;height:19px;color:#3b5875;stroke:currentColor;fill:none;stroke-width:2;}
.settings-shortcut{font-size:.75rem;color:#8aa0b4;border:1px solid #dcebf5;border-radius:10px;padding:3px 7px;background:#f8fbfe;white-space:nowrap;}
.settings-dirty-badge{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid #ffe2a6;border-radius:14px;background:#fff9ec;color:#875f00;font-weight:800;white-space:nowrap;}
.settings-dirty-badge span{width:10px;height:10px;border-radius:50%;background:#ffb32c;box-shadow:0 0 0 4px rgba(255,179,44,.16);}
.settings-pro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr) minmax(0,.95fr);gap:16px;align-items:start;}
.settings-pro-card{border:1px solid var(--settings-border);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(10,36,64,.055);overflow:hidden;}
.settings-brand-card{grid-column:span 1;}.settings-pwa-card{grid-column:span 1;}.settings-menu-card{grid-column:span 2;}.settings-backup-card{grid-column:1/-1;}
.settings-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 10px;}
.settings-card-title{display:flex;align-items:center;gap:10px;min-width:0;}
.settings-card-title h3{margin:0;font-size:1.02rem;color:var(--settings-text);letter-spacing:-.015em;}
.settings-card-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#e9f6ff,#d8edff);color:#0c73da;font-size:.82rem;font-weight:900;box-shadow:inset 0 0 0 1px #d1e9fb;}
.settings-info-dot{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:1px solid #bdd4e6;color:#6c839b;font-size:.7rem;font-weight:800;}
.settings-collapse-btn{width:36px;height:36px;border:1px solid var(--settings-border);border-radius:12px;background:#fff;color:#183d63;font-weight:900;display:inline-flex;align-items:center;justify-content:center;}
.settings-pro-card.is-collapsed .settings-card-body{display:none;}
.settings-pro-card.is-collapsed .settings-collapse-btn{transform:rotate(180deg);}
.settings-card-body{padding:0 16px 16px;}
.settings-form-stack{display:grid;gap:12px;}
.settings-form-stack label,.settings-brand-layout label,.settings-currency-grid label,.settings-pwa-layout label{display:flex;flex-direction:column;gap:6px;font-size:.83rem;font-weight:800;color:#183451;}
.settings-pro-view input,.settings-pro-view select{min-height:44px;border:1px solid #d7e8f5;border-radius:14px;background:#fff;padding:0 12px;font-size:.92rem;outline:none;transition:.18s ease;}
.settings-pro-view input:focus,.settings-pro-view select:focus{border-color:#55bee9;box-shadow:0 0 0 4px rgba(17,183,230,.13);}
.settings-brand-layout{display:grid;grid-template-columns:minmax(0,1.2fr) 260px;gap:16px;align-items:start;}
.settings-upload-side{display:grid;gap:10px;}
.settings-upload-title,.settings-mini-label{font-size:.83rem;font-weight:900;color:#183451;display:block;margin-bottom:6px;}
.settings-upload-zone{min-height:164px;border:1.5px dashed #abd7ee;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f4fbff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer;padding:14px;transition:.2s ease;color:#25425f;}
.settings-upload-zone:hover,.settings-upload-zone.drag-over{border-color:#0fb2e4;background:#eefaff;box-shadow:0 10px 24px rgba(17,183,230,.12);}
.settings-upload-zone.compact{min-height:128px;}
.settings-upload-zone span{font-weight:800;}.settings-upload-zone small{color:#7c91a6;}.settings-upload-zone b{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:11px;background:#fff;border:1px solid #94cfee;color:#0876cf;font-weight:900;}.settings-upload-zone em{font-size:.74rem;color:#7289a0;font-style:normal;}
.settings-upload-icon{width:34px;height:34px;stroke:#244765;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.settings-preview-row{display:flex;align-items:end;justify-content:space-between;gap:12px;}.settings-logo-preview,.settings-app-icon-preview{width:76px;height:76px;object-fit:contain;border:1px solid var(--settings-border);border-radius:18px;background:#fff;padding:8px;box-shadow:0 8px 18px rgba(15,23,42,.06);}.settings-favicon-preview{width:46px;height:46px;object-fit:contain;border:1px solid var(--settings-border);border-radius:14px;background:#fff;padding:6px;}.settings-mini-danger{min-width:38px;min-height:38px;color:#e33755;border-color:#ffd6de;background:#fff;}
.settings-currency-grid{display:grid;grid-template-columns:1fr 1fr .65fr;gap:12px;}.settings-currency-grid .full{grid-column:1/-1;}.settings-currency-list{display:grid;gap:10px;margin-top:12px;}.settings-currency-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;border:1px solid #e0edf6;border-radius:15px;padding:0 12px;background:linear-gradient(180deg,#fff,#fbfdff);}.settings-currency-main{display:flex;align-items:center;gap:12px;font-weight:900;color:#142e49;}.settings-currency-main small{color:#71879e;font-weight:800;}.settings-currency-actions{display:flex;align-items:center;gap:8px;}.settings-currency-actions button{border:none;background:transparent;font-weight:900;cursor:pointer;padding:6px 8px;border-radius:10px;}.settings-currency-actions .edit{color:#0876d4;}.settings-currency-actions .delete{color:#e33755;}.settings-currency-actions button:hover{background:#f2f8fd;}
.settings-pwa-layout{display:grid;gap:12px;}.settings-pwa-layout .full{grid-column:1/-1;}.settings-icon-group{display:grid;grid-template-columns:1fr 110px 1fr 90px;gap:14px;align-items:center;}.settings-preview-column{display:flex;flex-direction:column;align-items:center;gap:6px;}
.settings-info-strip{margin:0 0 12px;padding:10px 12px;border:1px solid #cdefff;border-radius:14px;background:#edf9ff;color:#315f7d;font-size:.82rem;}
.settings-menu-table-wrap{overflow:auto;border:1px solid #e1edf6;border-radius:16px;background:#fff;}.settings-menu-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1020px;}.settings-menu-table th{font-size:.74rem;text-align:left;color:#61778f;background:#f8fbfe;padding:10px;border-bottom:1px solid #e1edf6;white-space:nowrap;}.settings-menu-table td{padding:9px 10px;border-bottom:1px solid #edf3f8;font-size:.84rem;vertical-align:middle;}.settings-menu-table tr:last-child td{border-bottom:none;}.settings-menu-name{display:flex;align-items:center;gap:8px;font-weight:900;color:#19334d;}.settings-row-icon{width:27px;height:27px;border-radius:9px;border:1px solid #d9e8f2;background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;}.settings-row-icon svg{width:17px;height:17px;fill:#203d5e;}.settings-row-icon img{width:20px;height:20px;object-fit:contain;}.settings-order-handle{color:#8ba1b6;font-size:1rem;font-weight:900;}.settings-small-btn{min-height:30px;padding:0 9px;border:1px solid #d7e8f5;border-radius:10px;background:#fff;color:#0b73d2;font-weight:900;}.settings-icon-upload-btn{min-height:30px;padding:0 10px;border:1px solid #bde2fa;background:#f7fcff;color:#0876d4;border-radius:10px;font-size:.78rem;font-weight:900;}.settings-icon-upload-btn:hover,.settings-small-btn:hover{background:#eef8ff;}.settings-toggle{position:relative;display:inline-flex;width:38px;height:21px;}.settings-toggle input{position:absolute;opacity:0;width:0;height:0;}.settings-toggle span{position:absolute;inset:0;border-radius:999px;background:#aebdcc;transition:.18s ease;box-shadow:inset 0 1px 2px rgba(15,23,42,.18);}.settings-toggle span:before{content:'';position:absolute;width:17px;height:17px;top:2px;left:2px;border-radius:50%;background:#fff;transition:.18s ease;box-shadow:0 1px 3px rgba(15,23,42,.25);} .settings-toggle input:checked+span{background:linear-gradient(135deg,#0b7df2,#17bce8);} .settings-toggle input:checked+span:before{transform:translateX(17px);}.settings-menu-disabled-row{opacity:.62;}
.settings-backup-body{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;}.settings-icon-button{min-height:42px;border-color:#acd7f5;color:#0c72ce;background:#fff;font-weight:900;}.settings-danger-action{border-color:#ffb7c2!important;color:#e23652!important;background:#fff!important;}.settings-danger-note{color:#e23652;font-weight:800;margin:.25rem 0 0;font-size:.82rem;}.settings-backup-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.settings-sticky-save{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-radius:20px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid #dbeaf5;box-shadow:0 16px 44px rgba(15,23,42,.1);}.settings-sticky-save.is-clean #settingsStickyStatus{color:#5e768e;}.settings-sticky-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ffb32c;margin-right:8px;box-shadow:0 0 0 4px rgba(255,179,44,.16);}#settingsStickyStatus{font-weight:800;color:#866100;}
.settings-pro-view .primary{background:linear-gradient(135deg,#0b7df2,#0fb9e8);border:0;box-shadow:0 10px 20px rgba(13,125,242,.2);font-weight:900;}.settings-pro-view .ghost{font-weight:800;}
body.theme-dark .settings-pro-card,body.theme-dark .settings-pro-toolbar,body.theme-dark .settings-sticky-save{background:#0f1d2a;border-color:#24394d;}body.theme-dark .settings-pro-view input,body.theme-dark .settings-pro-view select,body.theme-dark .settings-upload-zone,body.theme-dark .settings-menu-table-wrap,body.theme-dark .settings-currency-row{background:#101f2e;border-color:#28445a;color:#e7f4ff;}body.theme-dark .settings-card-title h3,body.theme-dark .settings-form-stack label,body.theme-dark .settings-brand-layout label,body.theme-dark .settings-currency-grid label,body.theme-dark .settings-pwa-layout label{color:#e7f4ff;}body.theme-dark .settings-menu-table th{background:#142638;color:#acc4d8;border-color:#24394d;}body.theme-dark .settings-menu-table td{border-color:#24394d;}
@media (max-width:1250px){.settings-pro-grid{grid-template-columns:1fr 1fr}.settings-menu-card,.settings-backup-card{grid-column:1/-1}.settings-brand-layout{grid-template-columns:1fr}.settings-icon-group{grid-template-columns:1fr 100px}}
@media (max-width:760px){.settings-pro-grid{grid-template-columns:1fr}.settings-pro-toolbar,.settings-sticky-save,.settings-backup-body{flex-direction:column;display:flex;align-items:stretch}.settings-currency-grid,.settings-icon-group{grid-template-columns:1fr}.settings-pro-head{flex-direction:column}.settings-pro-head-actions{width:100%}.settings-pro-head-actions button{flex:1}.settings-sticky-actions button{flex:1}.settings-backup-actions{justify-content:flex-start}.settings-brand-layout{grid-template-columns:1fr}.settings-upload-zone{min-height:130px}}


/* v2.1.52 polish — standard font weights, real icons, draggable menu reorder */
.sidebar-top-toggle .sidebar-toggle-icon{border:0!important;transform:none!important;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#183d63;}
.sidebar-top-toggle .sidebar-toggle-icon:before,.sidebar-top-toggle .sidebar-toggle-icon:after{content:none!important;display:none!important;}
.sidebar-toggle-svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;display:block;}
body.sidebar-collapsed .sidebar-top-toggle .sidebar-toggle-svg{transform:rotate(180deg);}
.button-icon,.kls-ui-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:inline-block;flex:0 0 16px;vertical-align:-2px;}
.settings-chevron-icon{width:18px;height:18px;}
.settings-pro-view button,.settings-pro-view .primary,.settings-pro-view .ghost,.settings-icon-button,.settings-icon-upload-btn,.settings-small-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600!important;letter-spacing:0!important;}
.settings-pro-head h2{font-size:1.55rem!important;font-weight:700!important;letter-spacing:-.02em!important;}
.settings-card-title h3{font-size:.98rem!important;font-weight:700!important;letter-spacing:-.01em!important;}
.settings-card-icon{font-weight:700!important;font-size:.78rem!important;}
.settings-info-dot{font-weight:600!important;}
.settings-form-stack label,.settings-brand-layout label,.settings-currency-grid label,.settings-pwa-layout label,.settings-upload-title,.settings-mini-label{font-weight:600!important;font-size:.82rem!important;}
.settings-pro-view input,.settings-pro-view select{font-size:.9rem!important;font-weight:500!important;}
.settings-upload-zone span,.settings-upload-zone b{font-weight:600!important;}
.settings-currency-main,.settings-currency-actions button,.settings-menu-name,#settingsStickyStatus,.settings-dirty-badge,.settings-danger-note{font-weight:600!important;}
.settings-menu-table th{font-size:.72rem!important;font-weight:600!important;}
.settings-menu-table td{font-size:.82rem!important;font-weight:500!important;}
.settings-menu-table{min-width:1080px;}
.settings-row-icon{color:#203d5e;}
.settings-row-icon svg,.nav-icon svg,.settings-current-icon svg{stroke:currentColor!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.settings-current-icon img,.settings-row-icon img,.nav-icon-img{display:block;width:20px;height:20px;object-fit:contain;border-radius:6px;}
.settings-drag-handle{width:28px;height:28px;border:1px solid #d7e8f5;border-radius:10px;background:#fff;color:#6d8195;display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;transition:.18s ease;}
.settings-drag-handle:hover{color:#0b73d2;border-color:#99d9f2;background:#f2fbff;}
.settings-drag-handle:active{cursor:grabbing;}
.settings-menu-table tr.is-dragging{opacity:.55;background:#eff9ff;}
.settings-menu-table tr.drag-over-before td{box-shadow:inset 0 3px 0 #0fb2e4;}
.settings-menu-table tr.drag-over-after td{box-shadow:inset 0 -3px 0 #0fb2e4;}
.settings-order-cell{display:flex;align-items:center;gap:8px;white-space:nowrap;}
.settings-order-number{min-width:18px;text-align:center;color:#557089;font-weight:600;}
.settings-collapse-btn{font-weight:600!important;line-height:1;}
.settings-pro-card.is-collapsed .settings-collapse-btn{transform:none!important;}
.settings-icon-upload-btn .kls-ui-icon,.settings-small-btn .kls-ui-icon,.settings-currency-actions .kls-ui-icon{width:14px;height:14px;}
.settings-top-action span,.settings-pro-view .primary span,.settings-pro-view .ghost span{line-height:1;}
.nav-btn{font-weight:500;}
.nav-btn.active{font-weight:600;}


/* v2.1.52 — Settings mobile spacing, upload icon, select alignment and menu manager polish */
.settings-pro-page{padding-bottom:28px!important;}
.settings-pro-view input,.settings-pro-view select,.settings-pro-view .kls-select-display{text-align:left!important;font-weight:500!important;}
html[dir="rtl"] .settings-pro-view input,html[dir="rtl"] .settings-pro-view select,html[dir="rtl"] .settings-pro-view .kls-select-display{text-align:right!important;}
.settings-pro-view .kls-select-display{justify-content:flex-start!important;align-items:center!important;font-size:.9rem!important;font-weight:500!important;line-height:1.2!important;padding-inline-start:14px!important;padding-inline-end:42px!important;}
.settings-pro-view .kls-select-display::after{inset-inline-end:16px;right:auto!important;left:auto!important;}
html[dir="rtl"] .settings-pro-view .kls-select-display::after{inset-inline-start:16px;inset-inline-end:auto;}
.settings-upload-zone{gap:7px!important;line-height:1.25!important;overflow:hidden;}
.settings-upload-zone .settings-upload-icon{display:block!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex:0 0 28px!important;margin:0 0 6px!important;stroke:#244765!important;fill:none!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important;}
.settings-upload-zone span,.settings-upload-zone small,.settings-upload-zone b,.settings-upload-zone em{pointer-events:none!important;position:relative;z-index:1;line-height:1.2!important;}
.settings-upload-zone b{min-height:32px!important;padding:0 12px!important;}
.settings-upload-zone.compact{min-height:124px!important;padding:12px!important;}
.settings-brand-layout{align-items:start!important;}
.settings-icon-group{align-items:start!important;}
.settings-preview-column{align-items:center!important;align-self:center!important;}
.settings-menu-card .settings-actions-row{margin-top:16px!important;padding-top:4px!important;gap:12px!important;}
.settings-menu-table-wrap{padding-bottom:8px!important;scrollbar-gutter:stable;}
.settings-menu-table{min-width:1120px!important;}
.settings-menu-table th,.settings-menu-table td{padding-inline:12px!important;}
.settings-drag-handle{cursor:grab!important;}
.settings-drag-handle svg{pointer-events:none!important;}
.settings-drag-handle:focus-visible{outline:3px solid rgba(17,183,230,.22);outline-offset:2px;}
.settings-small-btn:disabled{opacity:.45;cursor:not-allowed;background:#f8fbfe!important;}
.app-footer{margin-top:8px!important;}
.settings-sticky-save{bottom:8px!important;margin-top:4px!important;}
@media (max-width:1250px){
  .settings-pro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
}
@media (max-width:900px){
  body.has-fixed-global-header .main-content,.main-content{padding-top:0!important;min-height:auto!important;}
  .app-shell{display:block!important;padding:10px!important;min-height:100dvh!important;}
  .global-header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:0 0 12px!important;border-radius:20px!important;z-index:1000!important;}
  .view.active{display:grid!important;}
  .settings-pro-page{gap:12px!important;padding-bottom:16px!important;}
  .settings-pro-head{display:flex!important;gap:10px!important;margin:0!important;}
  .settings-pro-head h2{font-size:1.38rem!important;}
  .settings-pro-toolbar{padding:10px!important;border-radius:18px!important;}
  .settings-search-shell{max-width:none!important;width:100%!important;}
  .settings-pro-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .settings-menu-card,.settings-backup-card,.settings-brand-card,.settings-pwa-card{grid-column:1/-1!important;}
  .settings-pro-card{border-radius:20px!important;}
  .settings-card-head{padding:14px 14px 8px!important;}
  .settings-card-body{padding:0 14px 14px!important;}
  .settings-brand-layout,.settings-icon-group,.settings-backup-body{grid-template-columns:1fr!important;}
  .settings-preview-row{justify-content:flex-start!important;align-items:center!important;}
  .settings-preview-column{align-items:flex-start!important;}
  .settings-upload-zone{min-height:120px!important;}
  .settings-menu-table-wrap{max-width:100%;overflow:auto!important;-webkit-overflow-scrolling:touch;}
  .settings-menu-card .settings-actions-row{margin-top:14px!important;position:relative!important;z-index:2!important;}
  .settings-backup-actions,.settings-sticky-actions{justify-content:stretch!important;display:grid!important;grid-template-columns:1fr 1fr!important;}
  .settings-sticky-save{position:relative!important;bottom:auto!important;display:grid!important;gap:10px!important;margin-top:4px!important;}
  .sidebar{position:fixed!important;top:calc(82px + env(safe-area-inset-top))!important;left:10px!important;right:10px!important;bottom:10px!important;height:auto!important;max-height:none!important;z-index:2200!important;}
  body.sidebar-open .sidebar{transform:none!important;opacity:1!important;pointer-events:auto!important;}
  .app-footer{margin-top:6px!important;}
}
@media (max-width:640px){
  .global-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important;padding:10px!important;}
  .header-toolbar{grid-column:1/-1!important;width:100%!important;margin:0!important;}
  .settings-pro-head-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
  .settings-pro-head-actions button{min-width:0!important;padding-inline:8px!important;}
  .settings-shortcut{display:none!important;}
  .settings-currency-grid{grid-template-columns:1fr!important;}
  .settings-sticky-actions,.settings-backup-actions{grid-template-columns:1fr!important;}
  .settings-menu-table{min-width:980px!important;}
  .settings-pro-view .primary,.settings-pro-view .ghost{min-height:42px;}
}


/* v2.1.52 — Settings RTL/LTR select, upload icon, footer gap and drag polish */
.kls-select-display::after{content:none!important;display:none!important;}
.kls-select-display{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;text-align:start!important;padding-inline:14px!important;min-width:0!important;}
.kls-select-text{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start!important;line-height:1.2;}
.kls-select-caret{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--muted);}
.kls-select.open .kls-select-caret{transform:rotate(180deg);color:var(--primary);}
html[dir="rtl"] .kls-select-display{flex-direction:row-reverse!important;}
html[dir="rtl"] .kls-select-text{text-align:right!important;}
html[dir="ltr"] .kls-select-text{text-align:left!important;}
.settings-pro-view .kls-select-display{justify-content:space-between!important;padding-inline:14px!important;font-size:.9rem!important;font-weight:500!important;}
html[dir="rtl"] .settings-pro-view .kls-select-display{flex-direction:row-reverse!important;}
html[dir="rtl"] .settings-pro-view .kls-select-text{text-align:right!important;}
html[dir="ltr"] .settings-pro-view .kls-select-text{text-align:left!important;}
.settings-pro-view select{direction:inherit!important;}
.settings-upload-zone{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;padding:18px 16px!important;overflow:hidden!important;}
.settings-upload-zone.compact{padding:14px 12px!important;min-height:132px!important;}
.settings-upload-icon-wrap{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#eefaff;border:1px solid #cbeffc;box-shadow:0 8px 18px rgba(17,183,230,.10);margin:0 0 4px!important;line-height:1;flex:0 0 auto;}
.settings-upload-zone .settings-upload-icon{width:21px!important;height:21px!important;min-width:21px!important;min-height:21px!important;flex:0 0 21px!important;margin:0!important;stroke:#173b5b!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;display:block!important;position:static!important;pointer-events:none!important;}
.settings-upload-zone:hover .settings-upload-icon-wrap,.settings-upload-zone.drag-over .settings-upload-icon-wrap{background:#dff7ff;border-color:#93def7;color:#0b7fc2;}
.settings-upload-zone span:not(.settings-upload-icon-wrap),.settings-upload-zone small,.settings-upload-zone b,.settings-upload-zone em{width:100%;text-align:center!important;line-height:1.25!important;position:relative;z-index:1;}
.settings-upload-zone b{width:auto!important;min-height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.settings-menu-card .settings-actions-row{margin-top:18px!important;padding-top:8px!important;border-top:0!important;}
.settings-menu-table-wrap{margin-bottom:8px!important;padding-bottom:12px!important;}
.settings-drag-handle{cursor:grab!important;user-select:none!important;-webkit-user-select:none!important;touch-action:none!important;}
.settings-drag-handle:active,.settings-menu-table tr.is-dragging .settings-drag-handle{cursor:grabbing!important;}
.settings-menu-table tr.is-dragging{opacity:.7!important;background:#eefaff!important;outline:2px dashed #55bee9!important;outline-offset:-3px!important;}
#view-settings.active{gap:12px!important;align-content:start!important;}
#view-settings .settings-pro-page{padding-bottom:0!important;margin-bottom:0!important;gap:14px!important;}
#view-settings .settings-sticky-save{margin-top:0!important;margin-bottom:0!important;position:sticky;bottom:8px;z-index:20;}
body:has(#view-settings.active) .main-content{min-height:auto!important;align-content:start!important;}
body:has(#view-settings.active) .app-footer{margin-top:10px!important;}
body:has(#view-settings.active) .global-header{margin-bottom:0!important;}
@media (max-width:900px){
  #view-settings .settings-sticky-save{position:relative!important;bottom:auto!important;}
  #view-settings .settings-pro-page{padding-bottom:0!important;}
  .settings-upload-zone{min-height:118px!important;}
  .settings-upload-zone.compact{min-height:122px!important;}
}

/* v2.1.58 — Settings layout balance, upload icon, mobile menu close and footer polish */
@media (min-width:1251px){
  #view-settings .settings-pro-grid{
    grid-template-columns:minmax(0,1.38fr) minmax(0,.94fr) minmax(280px,.72fr)!important;
  }
  #view-settings .settings-brand-layout{
    grid-template-columns:minmax(340px,1.45fr) minmax(250px,.85fr)!important;
    gap:18px!important;
  }
  #view-settings .settings-brand-card .settings-actions-row{
    flex-wrap:nowrap!important;
    align-items:center!important;
  }
  #view-settings .settings-brand-card .settings-actions-row .primary,
  #view-settings .settings-brand-card .settings-actions-row .ghost{
    flex:0 0 auto!important;
  }
}
@media (min-width:901px) and (max-width:1250px){
  #view-settings .settings-pro-grid{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
  }
  #view-settings .settings-brand-card{grid-column:span 1!important;}
}
#view-settings .settings-pro-card[data-settings-card="defaults"] .settings-card-body{
  padding-bottom:18px!important;
}
#view-settings .settings-pro-card[data-settings-card="defaults"] input,
#view-settings .settings-pro-card[data-settings-card="defaults"] .kls-select-display{
  min-height:42px!important;
}
#view-settings .settings-actions-row{
  align-items:center!important;
  gap:10px!important;
}
#view-settings .settings-actions-row .primary,
#view-settings .settings-actions-row .ghost{
  margin:0!important;
}
#view-settings .settings-upload-zone{
  gap:8px!important;
  padding-top:20px!important;
  padding-bottom:20px!important;
}
#view-settings .settings-upload-zone.compact{
  gap:7px!important;
  padding-top:16px!important;
  padding-bottom:16px!important;
}
#view-settings .settings-upload-icon-wrap{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  margin:0 0 8px!important;
  border-radius:12px!important;
  background:#eefaff!important;
  border:1px solid #c6eefa!important;
  box-shadow:0 8px 18px rgba(17,183,230,.11)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  z-index:0!important;
}
#view-settings .settings-upload-zone .settings-upload-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  display:block!important;
  position:static!important;
  transform:none!important;
}
#view-settings .settings-upload-zone span:not(.settings-upload-icon-wrap),
#view-settings .settings-upload-zone small,
#view-settings .settings-upload-zone b,
#view-settings .settings-upload-zone em{
  z-index:1!important;
  margin:0!important;
}
/* Keep custom select values and caret on the correct side for LTR/RTL. */
html[dir="ltr"] #view-settings .kls-select-display{
  flex-direction:row!important;
  direction:ltr!important;
  text-align:left!important;
}
html[dir="ltr"] #view-settings .kls-select-text{
  order:1!important;
  text-align:left!important;
  direction:ltr!important;
}
html[dir="ltr"] #view-settings .kls-select-caret{
  order:2!important;
  margin-inline-start:auto!important;
  margin-inline-end:0!important;
}
html[dir="rtl"] #view-settings .kls-select-display{
  flex-direction:row-reverse!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] #view-settings .kls-select-text{
  order:1!important;
  text-align:right!important;
  direction:rtl!important;
}
html[dir="rtl"] #view-settings .kls-select-caret{
  order:2!important;
  margin-inline-end:auto!important;
  margin-inline-start:0!important;
}
#view-settings .kls-select select{
  opacity:0!important;
  visibility:hidden!important;
}
#view-settings .settings-menu-table tr[draggable="true"],
#view-settings .settings-drag-handle,
#view-settings .settings-drag-handle *,
#view-settings .settings-menu-table svg,
#view-settings .settings-menu-table img{
  -webkit-user-drag:none!important;
  user-drag:none!important;
}
#view-settings .settings-drag-handle{
  touch-action:none!important;
  cursor:grab!important;
}
#view-settings .settings-menu-table tr.is-dragging .settings-drag-handle,
#view-settings .settings-drag-handle:active{
  cursor:grabbing!important;
}
body:has(#view-settings.active) .main-content{
  gap:8px!important;
  min-height:auto!important;
  align-content:start!important;
}
body:has(#view-settings.active) .app-footer{
  margin-top:0!important;
}
#view-settings .settings-pro-page{
  padding-bottom:0!important;
  margin-bottom:0!important;
}
#view-settings .settings-sticky-save{
  margin-top:0!important;
  margin-bottom:0!important;
}
@media (max-width:900px){
  body.sidebar-open .mobile-nav-backdrop{
    opacity:1!important;
    pointer-events:auto!important;
  }
  #view-settings .settings-brand-layout,
  #view-settings .settings-icon-group,
  #view-settings .settings-backup-body{
    grid-template-columns:1fr!important;
  }
  #view-settings .settings-actions-row{
    flex-wrap:wrap!important;
  }
  #view-settings .settings-upload-zone{
    min-height:118px!important;
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
}

/* v2.1.58 — Dashboard PRO UI/UX rebuild */
.dashboard-pro-view{font-size:14px;font-weight:400;color:#0f2742;}
.dashboard-pro-view h2,.dashboard-pro-view h3{font-weight:700;letter-spacing:-.02em;color:#071827;}
.dashboard-pro-view .muted{color:#60758d;}
.dashboard-pro-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:18px;border-radius:22px;}
.dashboard-welcome{display:flex;align-items:center;gap:14px;min-width:0;}
.dashboard-icon-wrap{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#eef7ff,#f8fbff);border:1px solid #cfe7fb;display:grid;place-items:center;color:#087bd8;box-shadow:0 10px 22px rgba(39,139,214,.12);flex:0 0 auto;}
.dashboard-icon-wrap svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.dashboard-hello{font-size:14px;color:#496984;margin-bottom:4px;font-weight:600;}
.dashboard-pro-head h2{font-size:27px;margin:0 0 2px;}
.dashboard-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.dash-filter-control{height:46px;border:1px solid #d7e8f6;background:#fff;border-radius:15px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#42637f;box-shadow:0 8px 20px rgba(30,95,140,.05);}
.dash-filter-control .kls-ui-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;}
.dash-filter-control input,.dash-filter-control select{border:0;background:transparent;outline:0;min-width:0;font-size:14px;font-weight:500;color:#14304a;appearance:none;-webkit-appearance:none;padding:0;}
.dash-date-control input{width:168px;cursor:pointer;}
.dash-select-shell select{width:118px;cursor:pointer;}
.dash-search-shell{min-width:260px;}
.dash-search-shell input{width:180px;}
.dash-shortcut{font-size:12px;color:#7b91a6;border:1px solid #d8e8f5;border-radius:9px;padding:3px 7px;background:#f8fbff;}
.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.dashboard-kpi{position:relative;border-radius:22px;padding:18px 16px;min-height:132px;overflow:hidden;}
.dash-kpi-body{display:flex;align-items:flex-start;gap:13px;}
.dashboard-kpi h3{font-size:14px;margin:2px 0 8px;white-space:nowrap;}
.dash-kpi-value{font-size:31px;font-weight:760;line-height:1;margin-bottom:7px;color:#071827;}
.dashboard-kpi p{margin:0 0 8px;color:#5d7288;font-size:13px;}
.dashboard-kpi small{font-size:12px;color:#71859b;}
.dashboard-kpi small.positive{color:#16a34a;font-weight:700;}
.dash-kpi-icon{width:47px;height:47px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;}
.dash-kpi-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.dash-blue{background:#e7f1ff;color:#0875d1}.dash-green{background:#e6f8ed;color:#15a765}.dash-purple{background:#f0e9ff;color:#7c3aed}.dash-orange{background:#fff2df;color:#f08a13}.dash-cyan{background:#ddfbff;color:#0aa8be}.dash-indigo{background:#e9f0ff;color:#2563eb}
.dashboard-pro-grid{display:grid;gap:16px;margin-bottom:18px;}
.dashboard-mid-grid{grid-template-columns:1.12fr 1fr 1fr 1.08fr;}
.dashboard-bottom-grid{grid-template-columns:1.35fr 1fr 1fr;}
.dash-section{border-radius:22px;padding:16px;overflow:hidden;}
.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;}
.dash-card-head h3{font-size:16px;margin:0;display:flex;align-items:center;gap:8px;}
.dash-card-toggle{width:34px;height:34px;min-width:34px;border:1px solid #d7e8f6;background:#fff;border-radius:12px;display:inline-grid;place-items:center;color:#176fae;cursor:pointer;transition:.18s ease;}
.dash-card-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.dash-card-toggle:hover{background:#eef9ff;border-color:#aadcf7;transform:translateY(-1px);}
.dash-card-actions{display:flex;align-items:center;gap:8px;}
.dash-card-content{transition:.2s ease;}
.dashboard-pro-view [data-dashboard-card].is-collapsed .dash-card-content,.dashboard-kpi.is-collapsed .dash-kpi-body{display:none!important;}
.dashboard-pro-view [data-dashboard-card].is-collapsed{min-height:auto!important;}
.dash-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.dash-action{border:1px solid #dcecf8;background:#fff;border-radius:14px;min-height:52px;padding:12px 14px;display:flex;align-items:center;gap:11px;font-weight:600;color:#142d45;cursor:pointer;transition:.18s ease;text-align:left;}
.dash-action:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(20,116,180,.12);}
.dash-action span{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;}
.dash-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.dash-action-blue span{background:#e7f1ff;color:#0875d1}.dash-action-green span{background:#e6f8ed;color:#15a765}.dash-action-purple{grid-column:1/-1}.dash-action-purple span{background:#f0e9ff;color:#7c3aed}.dash-action-orange span{background:#fff2df;color:#f08a13}.dash-action-cyan span{background:#ddfbff;color:#0aa8be}
.dash-bar-chart{height:185px;display:flex;align-items:flex-end;gap:12px;padding:14px 10px 8px;border-bottom:1px solid #e3edf6;background:linear-gradient(180deg,rgba(248,252,255,.65),rgba(255,255,255,0));border-radius:14px;}
.dash-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:24px;height:100%;gap:7px;}
.dash-bar-value{font-size:12px;font-weight:700;color:#244861;}
.dash-bar{width:24px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#5f9cff,#1d73da);box-shadow:0 7px 16px rgba(28,111,210,.22);min-height:3px;}
.dash-bar-label{font-size:12px;color:#6d8196;}
.dash-line-chart{width:100%;height:194px;border-radius:14px;background:linear-gradient(180deg,#fbfdff,#fff);}
.dash-line-chart path,.dash-line-chart line,.dash-line-chart polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;}
.dash-chart-legend{display:flex;gap:16px;align-items:center;font-size:12px;color:#61768d;margin:0 0 6px;}
.dash-chart-legend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-inline-end:7px;}.legend-blue{background:#3b82f6}.legend-green{background:#22c55e}
.dash-donut-wrap{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:18px;min-height:190px;}
.dash-donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(#3b82f6 0 50%, #22c55e 50% 80%, #8b5cf6 80% 100%);display:grid;place-items:center;position:relative;box-shadow:0 12px 26px rgba(40,80,130,.12);}
.dash-donut:after{content:"";position:absolute;width:88px;height:88px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #e2eef8;}
.dash-donut span{position:relative;z-index:2;text-align:center;font-size:13px;color:#536a80;line-height:1.1;}.dash-donut b{font-size:26px;color:#081827;}.dash-donut small{display:block;font-size:12px;color:#6d8196;}
.dash-donut-legend{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#445f78;}.dash-donut-legend div{display:flex;align-items:center;justify-content:space-between;gap:12px;}.dash-donut-legend i{width:11px;height:11px;border-radius:4px;display:inline-block;margin-inline-end:8px;}
.dash-recent-logs{display:flex;flex-direction:column;gap:8px;}
.dash-recent-logs .recent-log-item{border:1px solid #e0edf7;background:#f8fcff;border-radius:14px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.dash-recent-logs .recent-log-user{display:flex;align-items:center;gap:10px;min-width:0;}.dash-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ede9fe;color:#6d28d9;font-weight:700;flex:0 0 auto;}.dash-avatar.auth{background:#dcfce7;color:#15803d;}
.dash-recent-title{font-weight:700;color:#142d45;}.dash-recent-sub{color:#60758d;font-size:13px;margin-top:2px;}.dash-recent-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:12px;}.dash-tag{border-radius:999px;padding:4px 10px;font-weight:700;font-size:12px;background:#e7f3ff;color:#0875d1;}.dash-tag.print{background:#fff0df;color:#e07300}.dash-tag.template{background:#f1e8ff;color:#7c3aed}.dash-tag.auth{background:#dcfce7;color:#15803d}.dash-tag.product{background:#e7f3ff;color:#0875d1}.dash-tag.shipping{background:#e6f8ed;color:#15a765}
.dash-clear-btn{height:34px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:6px;}.dash-clear-btn svg{width:16px;height:16px;}
.dash-status-list{display:flex;flex-direction:column;gap:8px;}.dash-status-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf3f8;}.dash-status-row:last-child{border-bottom:0}.dash-status-icon{width:36px;height:36px;border-radius:13px;background:#edf8ff;color:#1184c7;display:grid;place-items:center;}.dash-status-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;}.dash-status-row strong{display:block;font-size:14px;color:#142d45}.dash-status-row span{font-size:13px;color:#64788c}.dash-status-badge{border-radius:999px;padding:4px 10px;background:#dcfce7;color:#15803d;font-weight:700;font-size:12px;}.dash-status-badge.clear{background:#eef6ff;color:#0875d1}.dash-progress{height:7px;background:#e7eef6;border-radius:99px;overflow:hidden;margin-top:5px}.dash-progress i{display:block;height:100%;background:#3b82f6;border-radius:99px;}
.dash-mini-list{display:flex;flex-direction:column;gap:9px;}.dash-mini-item{display:flex;align-items:center;gap:12px;border:1px solid #e0edf7;border-radius:15px;background:#fbfdff;padding:12px;}.dash-mini-icon{width:43px;height:43px;border-radius:14px;background:#e7f1ff;color:#0875d1;display:grid;place-items:center;}.dash-mini-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;}.dash-mini-title{font-weight:700;color:#142d45}.dash-mini-meta{font-size:13px;color:#60758d;}
.dash-link-btn{border:0;background:transparent;color:#0875d1;font-weight:700;display:flex;align-items:center;gap:7px;margin-top:10px;cursor:pointer;padding:6px 0;}.dash-link-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;}
html[dir="rtl"] .dash-recent-meta{text-align:left;align-items:flex-start;} html[dir="rtl"] .dash-filter-control{direction:rtl;} html[dir="rtl"] .dash-action{text-align:right;}
@media (max-width:1400px){.dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.dashboard-mid-grid{grid-template-columns:1fr 1fr;}.dashboard-bottom-grid{grid-template-columns:1fr 1fr;}.dash-activity-card{grid-column:1/-1;}}
@media (max-width:900px){.dashboard-pro-head{align-items:flex-start;flex-direction:column}.dashboard-filters{width:100%;justify-content:stretch}.dash-filter-control{width:100%;}.dash-date-control input,.dash-select-shell select,.dash-search-shell input{width:100%;}.dashboard-kpi-grid,.dashboard-mid-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.dash-action-grid{grid-template-columns:1fr}.dash-action-purple{grid-column:auto}.dash-donut-wrap{grid-template-columns:1fr;justify-items:center}.dashboard-kpi{min-height:auto}.dash-recent-logs .recent-log-item{align-items:flex-start;flex-direction:column}.dash-recent-meta{align-items:flex-start;text-align:left}.dashboard-pro-view{font-size:13.5px}.dashboard-pro-head h2{font-size:24px}}
.dash-search-hidden{display:none!important;}


/* v2.1.58 — Dashboard KPI/filter polish: no KPI collapse, cleaner filter controls */
.dashboard-pro-head{
  display:grid !important;
  grid-template-columns:minmax(280px,1fr) auto !important;
  align-items:center !important;
  gap:18px !important;
}
.dashboard-filters{
  background:rgba(255,255,255,.72);
  border:1px solid #dbeaf6;
  border-radius:20px;
  padding:7px;
  gap:8px !important;
  box-shadow:0 12px 28px rgba(31,88,130,.06);
  flex-wrap:nowrap !important;
}
.dash-filter-control{
  height:42px !important;
  border-radius:14px !important;
  border-color:#d9e9f6 !important;
  background:#fff !important;
  padding:0 12px !important;
  gap:9px !important;
  box-shadow:none !important;
}
.dash-filter-control:hover{border-color:#b8def4;box-shadow:0 8px 18px rgba(20,116,180,.08)!important;}
.dash-filter-control:focus-within{border-color:#18aee2;box-shadow:0 0 0 4px rgba(24,174,226,.10)!important;}
.dash-filter-control .kls-ui-icon{width:17px!important;height:17px!important;flex:0 0 auto;}
.dash-filter-control input,.dash-filter-control select{
  font-size:13.5px!important;
  font-weight:500!important;
  color:#18344f!important;
  line-height:1.2!important;
}
.dash-date-control input{width:160px!important;}
.dash-select-shell{position:relative;min-width:132px;}
.dash-select-shell select{width:100%!important;padding-inline-end:20px!important;}
.dash-select-shell .kls-ui-icon:last-child{margin-inline-start:auto;pointer-events:none;}
.dash-select-shell .kls-select,.dash-select-shell .kls-select-display,.dash-select-shell .kls-select-menu{display:none!important;}
.dash-search-shell{min-width:260px!important;}
.dash-search-shell input{width:174px!important;}
.dash-shortcut{font-size:11.5px!important;padding:2px 7px!important;}
.dashboard-kpi-grid{gap:13px!important;}
.dashboard-kpi{
  min-height:118px!important;
  padding:16px 16px!important;
  border-radius:20px!important;
}
.dashboard-kpi .dash-card-toggle{display:none!important;}
.dash-kpi-body{align-items:center!important;gap:13px!important;height:100%;}
.dashboard-kpi h3{font-size:13.5px!important;font-weight:650!important;margin:0 0 6px!important;letter-spacing:-.01em;}
.dash-kpi-value{font-size:30px!important;font-weight:720!important;margin-bottom:5px!important;}
.dashboard-kpi p{font-size:12.5px!important;margin-bottom:5px!important;line-height:1.25!important;}
.dashboard-kpi small{font-size:11.5px!important;line-height:1.35!important;display:block;}
.dash-kpi-icon{width:44px!important;height:44px!important;border-radius:14px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);}
.dash-kpi-icon svg{width:23px!important;height:23px!important;}
.dashboard-pro-grid{align-items:start!important;}
.dashboard-pro-view [data-dashboard-card].is-collapsed{padding-bottom:16px!important;}
.dashboard-pro-view [data-dashboard-card].is-collapsed .dash-card-head{margin-bottom:0!important;}
html[dir="rtl"] .dashboard-filters{direction:rtl;}
html[dir="rtl"] .dash-filter-control input,html[dir="rtl"] .dash-filter-control select{text-align:right;}
@media (max-width:1200px){
  .dashboard-pro-head{grid-template-columns:1fr!important;}
  .dashboard-filters{width:100%;justify-content:stretch!important;}
  .dash-filter-control{flex:1 1 180px;}
  .dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:700px){
  .dashboard-filters{flex-direction:column!important;align-items:stretch!important;}
  .dash-filter-control,.dash-date-control input,.dash-search-shell input{width:100%!important;min-width:0!important;}
  .dashboard-kpi-grid{grid-template-columns:1fr!important;}
  .dashboard-kpi{min-height:106px!important;}
}

/* v2.1.63 — Dashboard header gap + PRO filter/dropdown polish */
body.has-fixed-global-header #view-dashboard.dashboard-pro-view{
  margin-top:-18px!important;
}
.dashboard-pro-view .dashboard-pro-head{
  margin-top:0!important;
  margin-bottom:14px!important;
  padding:16px 18px!important;
}
.dashboard-pro-view .dashboard-filters{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid #dbeaf6!important;
  border-radius:18px!important;
  padding:6px!important;
  gap:8px!important;
  box-shadow:0 12px 30px rgba(27,84,129,.07)!important;
  overflow:visible!important;
}
.dashboard-pro-view .dash-filter-control{
  position:relative!important;
  height:42px!important;
  min-height:42px!important;
  border:1px solid #d8e9f6!important;
  background:#fff!important;
  border-radius:14px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.dashboard-pro-view .dash-filter-btn{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  gap:9px;
  border:0;
  background:transparent;
  color:#173653;
  padding:0 12px;
  cursor:pointer;
  font:inherit;
  font-size:13.5px;
  font-weight:600;
  text-align:start;
  white-space:nowrap;
}
.dashboard-pro-view .dash-filter-btn .kls-ui-icon{width:17px;height:17px;flex:0 0 auto;}
.dashboard-pro-view .dash-filter-btn .dash-caret{margin-inline-start:auto;transition:transform .15s ease;}
.dashboard-pro-view .dash-filter-btn[aria-expanded="true"] .dash-caret{transform:rotate(180deg);}
.dashboard-pro-view .dash-date-control{min-width:250px!important;width:auto!important;}
.dashboard-pro-view .dash-select-shell{min-width:138px!important;width:auto!important;}
.dashboard-pro-view .dash-search-shell{
  min-width:260px!important;
  padding:0 10px!important;
  gap:9px!important;
  flex:0 0 260px!important;
}
.dashboard-pro-view .dash-search-shell input{
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  padding:0!important;
  font-size:13.5px!important;
  font-weight:500!important;
}
.dashboard-pro-view .dash-search-shell .kls-ui-icon{width:17px!important;height:17px!important;flex:0 0 auto;}
.dashboard-pro-view .dash-date-menu,
.dashboard-pro-view .dash-period-menu{
  position:absolute;
  top:calc(100% + 8px);
  inset-inline-start:0;
  z-index:2500;
  min-width:100%;
  background:#fff;
  border:1px solid #cfe4f5;
  border-radius:16px;
  box-shadow:0 22px 50px rgba(13,55,93,.18);
  padding:8px;
}
.dashboard-pro-view .dash-period-menu{width:170px;}
.dashboard-pro-view .dash-period-menu button{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#14324f;
  padding:10px 12px;
  font-size:13.5px;
  font-weight:600;
  cursor:pointer;
  text-align:start;
}
.dashboard-pro-view .dash-period-menu button:hover{background:#eef8ff;color:#0875d1;}
.dashboard-pro-view .dash-period-menu button.selected{background:#14b8db;color:#fff;}
.dashboard-pro-view .dash-period-menu button.selected:after{content:"✓";font-weight:800;}
.dashboard-pro-view .dash-date-menu{width:320px;}
.dashboard-pro-view .dash-date-menu-title{font-weight:700;color:#14324f;padding:7px 8px 10px;font-size:13.5px;}
.dashboard-pro-view .dash-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.dashboard-pro-view .dash-date-fields label{display:grid;gap:5px;color:#506b83;font-weight:650;font-size:12px;}
.dashboard-pro-view .dash-date-fields input{
  min-height:40px;
  border:1px solid #d8e9f6;
  border-radius:12px;
  background:#fff;
  color:#14324f;
  padding:0 10px;
  font-size:13px;
  font-weight:500;
}
.dashboard-pro-view .dash-date-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;}
.dashboard-pro-view .dash-date-actions button{height:36px;border-radius:12px;padding:0 14px;}
.dashboard-pro-grid{gap:13px!important;margin-bottom:13px!important;}
.dashboard-mid-grid,.dashboard-bottom-grid{align-items:start!important;}
.dashboard-pro-view .dash-section{min-height:auto!important;}
.dashboard-pro-view .dash-card-content{min-height:0!important;}
.dashboard-pro-view [data-dashboard-card].is-collapsed{padding:14px 16px!important;}
.dashboard-pro-view [data-dashboard-card].is-collapsed .dash-link-btn{display:none!important;}
.dashboard-pro-view .dashboard-kpi{box-shadow:0 12px 30px rgba(29,79,116,.06)!important;}
.dashboard-pro-view .dash-kpi-body{justify-content:flex-start!important;}
.dashboard-pro-view .dash-kpi-icon{flex:0 0 44px!important;}
body.theme-dark .dashboard-pro-view .dash-date-menu,
body.theme-dark .dashboard-pro-view .dash-period-menu,
.app-shell.dark .dashboard-pro-view .dash-date-menu,
.app-shell.dark .dashboard-pro-view .dash-period-menu{background:#06111a;border-color:#28465d;box-shadow:0 22px 50px rgba(0,0,0,.45);}
body.theme-dark .dashboard-pro-view .dash-filter-btn,
body.theme-dark .dashboard-pro-view .dash-period-menu button,
body.theme-dark .dashboard-pro-view .dash-date-menu-title,
.app-shell.dark .dashboard-pro-view .dash-filter-btn,
.app-shell.dark .dashboard-pro-view .dash-period-menu button,
.app-shell.dark .dashboard-pro-view .dash-date-menu-title{color:#eaf4fb;}
html[dir="rtl"] .dashboard-pro-view .dash-date-menu,
html[dir="rtl"] .dashboard-pro-view .dash-period-menu{inset-inline-start:auto;inset-inline-end:0;}
html[dir="rtl"] .dashboard-pro-view .dash-search-shell input{text-align:right;}
@media (max-width:1200px){
  body.has-fixed-global-header #view-dashboard.dashboard-pro-view{margin-top:-10px!important;}
  .dashboard-pro-view .dashboard-pro-head{grid-template-columns:1fr!important;}
  .dashboard-pro-view .dashboard-filters{justify-content:flex-start!important;width:100%!important;}
}
@media (max-width:700px){
  body.has-fixed-global-header #view-dashboard.dashboard-pro-view{margin-top:-8px!important;}
  .dashboard-pro-view .dashboard-pro-head{padding:14px!important;border-radius:18px!important;}
  .dashboard-pro-view .dashboard-filters{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:8px!important;
    width:100%!important;
  }
  .dashboard-pro-view .dash-filter-control,
  .dashboard-pro-view .dash-date-control,
  .dashboard-pro-view .dash-select-shell,
  .dashboard-pro-view .dash-search-shell{
    width:100%!important;
    min-width:0!important;
    flex:0 1 auto!important;
    height:42px!important;
    min-height:42px!important;
  }
  .dashboard-pro-view .dash-date-menu{width:100%;}
  .dashboard-pro-view .dash-date-fields{grid-template-columns:1fr;}
}

/* v2.1.63 — Dashboard header/date/search first-section polish */
body.has-fixed-global-header #view-dashboard.dashboard-pro-view{
  margin-top:14px!important;
}
.dashboard-pro-view .dashboard-pro-head{
  margin-top:10px!important;
  margin-bottom:20px!important;
  padding:20px 22px!important;
  overflow:visible!important;
  align-items:center!important;
}
.dashboard-pro-view .dashboard-filters{
  align-self:center!important;
  max-width:min(100%, 730px)!important;
  flex-wrap:nowrap!important;
}
.dashboard-pro-view .dash-date-control{min-width:280px!important;}
.dashboard-pro-view .dash-select-shell{min-width:145px!important;}
.dashboard-pro-view .dash-search-shell{
  min-width:260px!important;
  flex:0 1 280px!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
}
.dashboard-pro-view .dash-search-shell .kls-ui-icon{
  width:18px!important;height:18px!important;min-width:18px!important;
  position:static!important;transform:none!important;margin:0!important;
}
.dashboard-pro-view .dash-search-shell input{
  flex:1 1 auto!important;width:auto!important;min-width:0!important;
  padding:0 6px!important;line-height:42px!important;
}
.dashboard-pro-view .dash-shortcut{
  display:inline-grid!important;place-items:center!important;
  width:34px!important;min-width:34px!important;height:30px!important;
  padding:0!important;line-height:1.05!important;text-align:center!important;
  white-space:normal!important;overflow:hidden!important;
}
.dashboard-pro-view .dash-filter-btn{gap:10px!important;}
.dashboard-pro-view .dash-date-menu{
  width:360px!important;
  padding:12px!important;
  border-radius:18px!important;
  z-index:4000!important;
}
.dashboard-pro-view .dash-date-fields{grid-template-columns:1fr 1fr!important;gap:10px!important;}
.dashboard-pro-view .dash-date-picker-btn{
  width:100%;height:42px;border:1px solid #d8e9f6;border-radius:13px;
  background:#fff;color:#14324f;display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:0 11px;cursor:pointer;font-size:13px;font-weight:600;text-align:start;
  box-shadow:none;transition:.16s ease;
}
.dashboard-pro-view .dash-date-picker-btn:hover,
.dashboard-pro-view .dash-date-picker-btn.active{
  border-color:#19afe2;box-shadow:0 0 0 4px rgba(24,174,226,.10);background:#fbfeff;
}
.dashboard-pro-view .dash-date-picker-btn .kls-ui-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;}
.dashboard-pro-view .dash-calendar-panel{
  margin-top:12px;border:1px solid #e1edf7;border-radius:16px;padding:10px;background:#fbfdff;
}
.dashboard-pro-view .dash-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.dashboard-pro-view .dash-calendar-head strong{font-size:13.5px;color:#14324f;font-weight:700;}
.dashboard-pro-view .dash-calendar-nav{width:34px;height:34px;border-radius:11px;border:1px solid #d8e9f6;background:#fff;color:#176fae;display:grid;place-items:center;cursor:pointer;}
.dashboard-pro-view .dash-calendar-nav .kls-ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;}
.dashboard-pro-view .dash-calendar-weekdays,.dashboard-pro-view .dash-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;}
.dashboard-pro-view .dash-calendar-weekdays span{font-size:11.5px;color:#668099;font-weight:700;padding:4px 0;}
.dashboard-pro-view .dash-calendar-day{height:32px;border:0;border-radius:10px;background:transparent;color:#18344f;cursor:pointer;font-size:12.5px;font-weight:600;}
.dashboard-pro-view .dash-calendar-day:hover{background:#eaf7ff;color:#0875d1;}
.dashboard-pro-view .dash-calendar-day.is-outside{color:#a4b6c7;}
.dashboard-pro-view .dash-calendar-day.is-range{background:#eef8ff;}
.dashboard-pro-view .dash-calendar-day.is-selected{background:#13b8df!important;color:#fff!important;box-shadow:0 7px 14px rgba(19,184,223,.22);}
.dashboard-pro-view .dashboard-kpi-grid{margin-top:4px!important;}
@media (max-width:1200px){
  body.has-fixed-global-header #view-dashboard.dashboard-pro-view{margin-top:10px!important;}
  .dashboard-pro-view .dashboard-filters{max-width:100%!important;flex-wrap:wrap!important;justify-content:flex-start!important;}
}
@media (max-width:700px){
  body.has-fixed-global-header #view-dashboard.dashboard-pro-view{margin-top:10px!important;}
  .dashboard-pro-view .dashboard-pro-head{margin-top:10px!important;padding:14px!important;}
  .dashboard-pro-view .dashboard-filters{display:grid!important;grid-template-columns:1fr!important;max-width:100%!important;}
  .dashboard-pro-view .dash-date-menu{width:100%!important;}
  .dashboard-pro-view .dash-date-fields{grid-template-columns:1fr!important;}
}


/* v2.1.63 — Dashboard manual calendar date selection hotfix */
.dashboard-pro-view .dash-date-menu,
.dashboard-pro-view .dash-calendar-panel,
.dashboard-pro-view .dash-calendar-grid,
.dashboard-pro-view .dash-calendar-day{
  pointer-events:auto!important;
}
.dashboard-pro-view .dash-calendar-day{
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:1!important;
}
.dashboard-pro-view .dash-calendar-day:active{
  transform:scale(.96);
}
.dashboard-pro-view .dash-date-picker-btn.active span{
  color:#0875d1!important;
  font-weight:700!important;
}


/* v2.1.63 — Dashboard mid-row equal-height polish */
.dashboard-pro-view .dashboard-mid-grid{
  align-items:stretch!important;
  grid-auto-rows:auto!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-section:not(.is-collapsed){
  height:100%!important;
  min-height:286px!important;
  display:flex!important;
  flex-direction:column!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-section:not(.is-collapsed) .dash-card-head{
  flex:0 0 auto!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-section:not(.is-collapsed) .dash-card-content{
  flex:1 1 auto!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-quick-actions:not(.is-collapsed) .dash-card-content{
  display:grid!important;
  align-content:stretch!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-quick-actions:not(.is-collapsed) .dash-action{
  min-height:58px!important;
}
.dashboard-pro-view .dashboard-mid-grid > [data-dashboard-card="labels-week"]:not(.is-collapsed) .dash-card-content{
  display:flex!important;
}
.dashboard-pro-view .dashboard-mid-grid > [data-dashboard-card="labels-week"]:not(.is-collapsed) .dash-bar-chart{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:210px!important;
}
.dashboard-pro-view .dashboard-mid-grid > [data-dashboard-card="activity-trend"]:not(.is-collapsed) .dash-card-content{
  display:flex!important;
  flex-direction:column!important;
}
.dashboard-pro-view .dashboard-mid-grid > [data-dashboard-card="activity-trend"]:not(.is-collapsed) .dash-line-chart{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:204px!important;
}
.dashboard-pro-view .dashboard-mid-grid > [data-dashboard-card="template-usage"]:not(.is-collapsed) .dash-donut-wrap{
  height:100%!important;
  min-height:210px!important;
  align-content:center!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-section.is-collapsed{
  height:auto!important;
  min-height:0!important;
}
@media (max-width:1400px){
  .dashboard-pro-view .dashboard-mid-grid{grid-auto-rows:auto!important;}
  .dashboard-pro-view .dashboard-mid-grid > .dash-section:not(.is-collapsed){min-height:286px!important;}
}
@media (max-width:900px){
  .dashboard-pro-view .dashboard-mid-grid > .dash-section:not(.is-collapsed){min-height:auto!important;height:auto!important;}
  .dashboard-pro-view .dashboard-mid-grid > [data-dashboard-card="labels-week"]:not(.is-collapsed) .dash-bar-chart{height:185px!important;min-height:185px!important;}
  .dashboard-pro-view .dashboard-mid-grid > [data-dashboard-card="activity-trend"]:not(.is-collapsed) .dash-line-chart{height:194px!important;min-height:194px!important;}
}


/* v2.1.63 — Dashboard mid-row full collapse hotfix */
.dashboard-pro-view .dashboard-mid-grid{
  grid-auto-rows:auto!important;
  align-items:stretch!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-section.is-collapsed{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:start!important;
  padding:14px 16px!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-section.is-collapsed .dash-card-head{
  margin-bottom:0!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-section.is-collapsed .dash-card-content,
.dashboard-pro-view .dashboard-mid-grid > .dash-section.is-collapsed .dash-action-grid,
.dashboard-pro-view .dashboard-mid-grid > .dash-section.is-collapsed .dash-bar-chart,
.dashboard-pro-view .dashboard-mid-grid > .dash-section.is-collapsed .dash-line-chart,
.dashboard-pro-view .dashboard-mid-grid > .dash-section.is-collapsed .dash-donut-wrap,
.dashboard-pro-view .dashboard-mid-grid > .dash-section.is-collapsed .dash-chart-legend{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.dashboard-pro-view .dashboard-mid-grid > .dash-section:not(.is-collapsed){
  display:flex!important;
  flex-direction:column!important;
}
@media (min-width:901px){
  .dashboard-pro-view .dashboard-mid-grid > .dash-section:not(.is-collapsed){
    min-height:286px!important;
  }
}


/* v2.1.64 — Dashboard bottom-row activity height polish */
.dashboard-pro-view .dashboard-bottom-grid{
  align-items:stretch!important;
  grid-auto-rows:auto!important;
}
.dashboard-pro-view .dashboard-bottom-grid > .dash-section:not(.is-collapsed){
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.dashboard-pro-view .dashboard-bottom-grid > .dash-section:not(.is-collapsed) .dash-card-head{
  flex:0 0 auto!important;
}
.dashboard-pro-view .dashboard-bottom-grid > .dash-section:not(.is-collapsed) .dash-card-content{
  flex:1 1 auto!important;
}
.dashboard-pro-view .dash-activity-card .dash-recent-logs{
  gap:7px!important;
}
.dashboard-pro-view .dash-activity-card .dash-recent-logs .recent-log-item{
  padding:10px 13px!important;
  min-height:54px!important;
}
.dashboard-pro-view .dashboard-bottom-grid > .dash-section.is-collapsed{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  padding:14px 16px!important;
}
.dashboard-pro-view .dashboard-bottom-grid > .dash-section.is-collapsed .dash-card-head{
  margin-bottom:0!important;
}
.dashboard-pro-view .dashboard-bottom-grid > .dash-section.is-collapsed .dash-card-content,
.dashboard-pro-view .dashboard-bottom-grid > .dash-section.is-collapsed .dash-recent-logs,
.dashboard-pro-view .dashboard-bottom-grid > .dash-section.is-collapsed .dash-status-list,
.dashboard-pro-view .dashboard-bottom-grid > .dash-section.is-collapsed .dash-mini-list,
.dashboard-pro-view .dashboard-bottom-grid > .dash-section.is-collapsed .dash-link-btn{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
@media (max-width:900px){
  .dashboard-pro-view .dashboard-bottom-grid > .dash-section:not(.is-collapsed){height:auto!important;}
  .dashboard-pro-view .dash-activity-card .dash-recent-logs .recent-log-item{min-height:auto!important;}
}

/* v2.1.65 — Header PRO approved design + mobile safety + English title-case polish */
@media (min-width:901px){
  body.has-fixed-global-header .main-content{padding-top:var(--header-height,118px)!important;}
  .global-header{position:absolute!important;top:18px!important;left:0!important;right:0!important;}
}
.global-header{
  min-height:88px!important;
  padding:16px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border-radius:26px!important;
  border:1px solid rgba(203,213,225,.76)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96) 0%,rgba(249,252,255,.94) 52%,rgba(241,247,255,.96) 100%)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.88)!important;
  overflow:visible!important;
}
.header-left{display:flex;align-items:center;gap:18px;min-width:250px;flex:1 1 auto;}
.header-greeting-wrap{min-width:0;display:flex;flex-direction:column;gap:3px;}
.header-greeting{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:#243751;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mobile-menu-btn{width:48px!important;height:48px!important;min-width:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:15px!important;background:rgba(255,255,255,.82)!important;border:1px solid #dbe7f3!important;color:#18324b!important;box-shadow:0 10px 22px rgba(15,23,42,.06)!important;}
.mobile-menu-btn .kls-ui-icon{width:22px;height:22px;stroke-width:2.1;}
.header-toolbar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex:0 0 auto!important;margin-inline-start:auto!important;min-width:0;}
.header-language-switch{height:54px!important;min-height:54px!important;padding:5px 7px!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;border:1px solid #dbe7f3!important;box-shadow:0 12px 30px rgba(15,23,42,.07)!important;gap:6px!important;}
.lang-chip{height:42px!important;min-width:74px!important;padding:0 12px!important;border-radius:16px!important;color:#20344d!important;font-weight:800!important;font-size:.84rem!important;border:1px solid transparent!important;background:transparent!important;}
.lang-chip img{width:23px!important;height:23px!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(15,23,42,.08)!important;}
.lang-chip.active{background:linear-gradient(180deg,#edf5ff,#e6f0ff)!important;border-color:#d7e7ff!important;color:#0f2d55!important;box-shadow:0 8px 18px rgba(37,99,235,.10)!important;}
.lang-chip:hover{background:#f2f7ff!important;}
.theme-toggle-btn{width:auto!important;height:54px!important;padding:0!important;border-radius:18px!important;}
.theme-toggle-track{width:100px!important;height:54px!important;border-radius:18px!important;border:1px solid #dbe7f3!important;background:rgba(255,255,255,.92)!important;background-image:none!important;box-shadow:0 12px 30px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.95)!important;overflow:hidden!important;}
.theme-toggle-track::before,.theme-toggle-track::after{display:none!important;}
.theme-toggle-icon{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:40px!important;height:40px!important;border-radius:14px!important;z-index:3!important;color:#172f4c!important;font-size:18px!important;font-weight:800!important;filter:none!important;background:transparent!important;}
.theme-icon-sun,.theme-icon-dark{left:7px!important;}
.theme-icon-moon,.theme-icon-light{right:7px!important;}
.theme-icon-sun::before,.theme-icon-dark::before{content:'☀';line-height:1;}
.theme-icon-moon::before,.theme-icon-light::before{content:'☾';line-height:1;font-size:21px;}
.theme-toggle-thumb{top:6px!important;left:7px!important;width:40px!important;height:40px!important;border-radius:14px!important;background:linear-gradient(180deg,#f4f8ff,#eef5ff)!important;border:1px solid #8bbdff!important;box-shadow:0 10px 20px rgba(37,99,235,.15)!important;z-index:2!important;transition:transform .22s ease!important;}
.theme-toggle-thumb::before{display:none!important;}
.theme-toggle-btn[data-theme="light"] .theme-toggle-thumb{transform:translateX(0)!important;}
.theme-toggle-btn[data-theme="dark"] .theme-toggle-thumb{transform:translateX(46px)!important;background:linear-gradient(180deg,#f1f0ff,#e9e7ff)!important;border-color:#a7a3ff!important;box-shadow:0 10px 20px rgba(99,102,241,.17)!important;}
.header-divider{width:1px;height:34px;background:#d9e5f0;display:inline-block;flex:0 0 1px;}
.header-notification-btn{position:relative;width:48px;height:48px;border-radius:18px;border:1px solid transparent;background:transparent;color:#213b59;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:all .18s ease;}
.header-notification-btn:hover{background:#f2f7ff;border-color:#dbe7f3;box-shadow:0 8px 18px rgba(15,23,42,.06);}
.header-notification-btn .kls-ui-icon{width:24px;height:24px;stroke-width:2;}
.notification-dot{position:absolute;top:10px;right:11px;width:8px;height:8px;border-radius:50%;background:#2f80ff;box-shadow:0 0 0 3px #fff;}
.user-menu-wrap{position:relative;z-index:1050;flex:0 0 auto;}
.user-menu-btn{height:58px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:6px 10px 6px 7px!important;border-radius:999px!important;border:1px solid transparent!important;background:transparent!important;color:#10233a!important;box-shadow:none!important;min-width:168px!important;justify-content:flex-start!important;}
.user-menu-btn:hover,.user-menu-btn[aria-expanded="true"]{background:#f4f8ff!important;border-color:#dbe7f3!important;box-shadow:0 10px 22px rgba(15,23,42,.06)!important;}
.header-user-initials,.header-user-avatar{width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important;display:inline-flex;align-items:center;justify-content:center;object-fit:cover;border:1px solid #dbe7f3!important;background:linear-gradient(180deg,#eef6ff,#eaf2ff)!important;color:#2563eb!important;font-weight:800!important;font-size:1rem!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(37,99,235,.10)!important;}
.user-menu-copy{display:grid;gap:2px;min-width:0;text-align:start;line-height:1.05;}
.header-user-name{font-weight:800;color:#0f1f33;font-size:.98rem;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.header-user-role{font-size:.74rem;color:#64748b;font-weight:700;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user-menu-caret{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:#415a76;transition:transform .18s ease;}
.user-menu-btn[aria-expanded="true"] .user-menu-caret{transform:rotate(180deg);}
.user-menu-dropdown{top:calc(100% + 12px)!important;right:0!important;min-width:230px!important;padding:10px!important;border-radius:20px!important;border:1px solid #dbe7f3!important;background:rgba(255,255,255,.98)!important;box-shadow:0 22px 48px rgba(15,23,42,.14)!important;z-index:4000!important;gap:6px!important;}
.user-menu-dropdown button{min-height:42px!important;border-radius:14px!important;padding:10px 12px!important;font-weight:750!important;color:#162b46!important;background:transparent!important;}
.user-menu-dropdown button:hover{background:#eef6ff!important;border-color:#dbe7f3!important;color:#1455c9!important;}
body.theme-dark .global-header,.app-shell.dark .global-header{background:linear-gradient(135deg,#0d1a27 0%,#0a1520 100%)!important;border-color:#20384c!important;box-shadow:0 18px 45px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;}
body.theme-dark .header-greeting,.app-shell.dark .header-greeting{color:#eaf4ff!important;}
body.theme-dark .mobile-menu-btn,.app-shell.dark .mobile-menu-btn,
body.theme-dark .header-language-switch,.app-shell.dark .header-language-switch,
body.theme-dark .theme-toggle-track,.app-shell.dark .theme-toggle-track{background:#0b1724!important;border-color:#28465d!important;color:#eaf4ff!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;}
body.theme-dark .lang-chip,.app-shell.dark .lang-chip{color:#eaf4ff!important;}
body.theme-dark .lang-chip.active,.app-shell.dark .lang-chip.active{background:#102a42!important;border-color:#2b6381!important;color:#9be7ff!important;}
body.theme-dark .header-divider,.app-shell.dark .header-divider{background:#28465d!important;}
body.theme-dark .header-notification-btn,.app-shell.dark .header-notification-btn{color:#dcecff!important;}
body.theme-dark .header-notification-btn:hover,.app-shell.dark .header-notification-btn:hover,
body.theme-dark .user-menu-btn:hover,.app-shell.dark .user-menu-btn:hover,
body.theme-dark .user-menu-btn[aria-expanded="true"],.app-shell.dark .user-menu-btn[aria-expanded="true"]{background:#0b1d2b!important;border-color:#28465d!important;}
body.theme-dark .user-menu-btn,.app-shell.dark .user-menu-btn{color:#eaf4ff!important;background:transparent!important;}
body.theme-dark .header-user-name,.app-shell.dark .header-user-name{color:#f4fbff!important;}
body.theme-dark .header-user-role,.app-shell.dark .header-user-role{color:#9fb5c5!important;}
body.theme-dark .user-menu-dropdown,.app-shell.dark .user-menu-dropdown{background:#0d1a27!important;border-color:#28465d!important;box-shadow:0 22px 48px rgba(0,0,0,.36)!important;}
body.theme-dark .user-menu-dropdown button,.app-shell.dark .user-menu-dropdown button{color:#eaf4ff!important;}
body.theme-dark .user-menu-dropdown button:hover,.app-shell.dark .user-menu-dropdown button:hover{background:#102a42!important;color:#9be7ff!important;}
@media (max-width:1100px) and (min-width:901px){
  .global-header{gap:12px!important;padding:14px!important;}
  .header-left{min-width:190px!important;gap:12px!important;}
  .header-greeting{font-size:.92rem!important;max-width:190px;}
  .lang-chip{min-width:64px!important;padding:0 9px!important;}
  .user-menu-btn{min-width:132px!important;}
  .header-user-name,.header-user-role{max-width:58px!important;}
}
@media (max-width:900px){
  body.has-fixed-global-header .main-content,.main-content{padding-top:0!important;}
  .global-header{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;min-height:0!important;padding:11px!important;margin:0 0 12px!important;border-radius:22px!important;}
  .header-left{grid-column:1/2!important;min-width:0!important;gap:10px!important;}
  .mobile-menu-btn{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;}
  .header-greeting{font-size:.88rem!important;max-width:calc(100vw - 190px)!important;}
  .user-menu-wrap{grid-column:2/3!important;justify-self:end!important;}
  .user-menu-btn{min-width:0!important;height:48px!important;padding:4px 7px!important;gap:7px!important;}
  .header-user-initials,.header-user-avatar{width:40px!important;height:40px!important;min-width:40px!important;font-size:.86rem!important;}
  .user-menu-copy{display:none!important;}
  .user-menu-caret{width:16px!important;height:16px!important;}
  .header-toolbar{grid-column:1/-1!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;margin:0!important;}
  .header-language-switch{flex:1 1 auto!important;min-width:0!important;height:46px!important;min-height:46px!important;padding:4px!important;gap:3px!important;}
  .lang-chip{flex:1 1 0!important;min-width:0!important;height:36px!important;padding:0 5px!important;gap:4px!important;border-radius:13px!important;font-size:.72rem!important;}
  .lang-chip img{width:18px!important;height:18px!important;}
  .theme-toggle-btn{height:46px!important;flex:0 0 auto!important;}
  .theme-toggle-track{width:82px!important;height:46px!important;border-radius:16px!important;}
  .theme-toggle-icon{width:34px!important;height:34px!important;border-radius:12px!important;font-size:15px!important;}
  .theme-icon-sun,.theme-icon-dark{left:6px!important;}
  .theme-icon-moon,.theme-icon-light{right:6px!important;}
  .theme-icon-moon::before,.theme-icon-light::before{font-size:18px!important;}
  .theme-toggle-thumb{top:5px!important;left:6px!important;width:34px!important;height:34px!important;border-radius:12px!important;}
  .theme-toggle-btn[data-theme="dark"] .theme-toggle-thumb{transform:translateX(36px)!important;}
  .header-divider{display:none!important;}
  .header-notification-btn{width:44px!important;height:44px!important;border-radius:15px!important;background:rgba(255,255,255,.78)!important;border:1px solid #dbe7f3!important;flex:0 0 44px!important;}
  .header-notification-btn .kls-ui-icon{width:22px!important;height:22px!important;}
  .notification-dot{top:8px!important;right:9px!important;}
  .user-menu-dropdown{right:0!important;min-width:216px!important;}
  .sidebar{top:calc(126px + env(safe-area-inset-top))!important;}
}
@media (max-width:520px){
  .global-header{grid-template-columns:minmax(0,1fr) auto!important;padding:10px!important;gap:8px!important;}
  .header-greeting{font-size:.8rem!important;max-width:calc(100vw - 168px)!important;}
  .mobile-menu-btn{width:40px!important;height:40px!important;min-width:40px!important;}
  .header-user-initials,.header-user-avatar{width:38px!important;height:38px!important;min-width:38px!important;}
  .user-menu-btn{height:44px!important;padding-inline:5px!important;}
  .header-toolbar{gap:6px!important;}
  .header-language-switch{height:42px!important;min-height:42px!important;}
  .lang-chip{height:32px!important;font-size:.68rem!important;}
  .lang-chip img{width:16px!important;height:16px!important;}
  .theme-toggle-track{width:74px!important;height:42px!important;}
  .theme-toggle-icon{width:30px!important;height:30px!important;}
  .theme-toggle-thumb{width:30px!important;height:30px!important;}
  .theme-toggle-btn[data-theme="dark"] .theme-toggle-thumb{transform:translateX(32px)!important;}
  .header-notification-btn{width:40px!important;height:40px!important;flex-basis:40px!important;}
  .sidebar{top:calc(116px + env(safe-area-inset-top))!important;}
}
html[dir="rtl"] .global-header{direction:rtl;}
html[dir="rtl"] .user-menu-copy{text-align:right;}
html[dir="rtl"] .user-menu-dropdown{right:auto!important;left:0!important;}

/* v2.1.66 — Header mobile-only menu + dark-mode polish + notifications pro panel */
@media (min-width:901px){
  .global-header .mobile-menu-btn{display:none!important;}
  .global-header .header-left{min-width:230px!important;}
}
.notification-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:1200;}
.notification-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #fff;font-size:10px;font-weight:900;line-height:14px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 7px 14px rgba(239,68,68,.24);}
.notification-panel{position:absolute;top:calc(100% + 14px);right:0;width:min(360px,calc(100vw - 28px));border:1px solid #dbe7f3;background:rgba(255,255,255,.98);border-radius:24px;box-shadow:0 28px 70px rgba(15,23,42,.18);padding:12px;z-index:4100;display:grid;gap:10px;backdrop-filter:blur(12px);}
.notification-panel::before{content:"";position:absolute;right:18px;top:-7px;width:14px;height:14px;background:inherit;border-left:1px solid #dbe7f3;border-top:1px solid #dbe7f3;transform:rotate(45deg);}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 8px;position:relative;z-index:1;}
.notification-panel-head strong{display:block;font-size:15px;color:#0f1f33;font-weight:850;}
.notification-panel-head span{display:block;margin-top:2px;font-size:12px;color:#64748b;font-weight:650;}
.notification-mini-btn,.notification-panel-foot button{border:1px solid #dbe7f3;background:#f4f8ff;color:#1455c9;border-radius:12px;min-height:34px;padding:0 10px;font-size:12px;font-weight:850;}
.notification-mini-btn:hover,.notification-panel-foot button:hover{background:#eaf3ff;border-color:#bcd7fb;}
.notification-panel-list{display:grid;gap:8px;max-height:330px;overflow:auto;padding:1px;scrollbar-width:thin;}
.notification-item{width:100%;border:1px solid #e0edf7;background:#fbfdff;border-radius:18px;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;text-align:start;color:#10233a;transition:.16s ease;}
.notification-item:hover{transform:translateY(-1px);background:#f2f8ff;border-color:#bdd8f5;box-shadow:0 12px 24px rgba(15,23,42,.08);}
.notification-item.is-unread{border-color:#9bc7ff;background:linear-gradient(180deg,#f5faff,#edf6ff);box-shadow:inset 4px 0 0 #2f80ff;}
.notification-item-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#eef6ff;color:#2563eb;font-size:18px;}
.notification-print{background:#fff2df;color:#f08a13}.notification-template{background:#f0e9ff;color:#7c3aed}.notification-auth{background:#dcfce7;color:#15803d}.notification-shipping{background:#e6f8ed;color:#15a765}.notification-product{background:#e7f1ff;color:#0875d1}.notification-system{background:#eef6ff;color:#2563eb}
.notification-item-copy{min-width:0;display:grid;gap:2px;}
.notification-item-copy strong{font-size:13.5px;font-weight:850;color:#0f1f33;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;}
.notification-item-copy small{font-size:12.5px;color:#51677d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notification-item-copy em{font-style:normal;font-size:11.5px;color:#7b91a6;font-weight:650;}
.notification-empty{border:1px dashed #cfe1f0;background:#f8fbff;border-radius:18px;padding:18px;text-align:center;color:#64748b;display:grid;gap:4px;}
.notification-empty strong{color:#0f1f33;font-size:14px;}
.notification-empty span{font-size:12.5px;}
.notification-panel-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:2px;}
body.theme-dark .notification-count,.app-shell.dark .notification-count{border-color:#0d1a27;}
body.theme-dark .notification-panel,.app-shell.dark .notification-panel{background:rgba(8,19,31,.98);border-color:#28465d;box-shadow:0 28px 70px rgba(0,0,0,.48);}
body.theme-dark .notification-panel::before,.app-shell.dark .notification-panel::before{border-color:#28465d;}
body.theme-dark .notification-panel-head strong,.app-shell.dark .notification-panel-head strong,
body.theme-dark .notification-item-copy strong,.app-shell.dark .notification-item-copy strong,
body.theme-dark .notification-empty strong,.app-shell.dark .notification-empty strong{color:#f4fbff;}
body.theme-dark .notification-panel-head span,.app-shell.dark .notification-panel-head span,
body.theme-dark .notification-item-copy small,.app-shell.dark .notification-item-copy small,
body.theme-dark .notification-item-copy em,.app-shell.dark .notification-item-copy em{color:#9fb5c5;}
body.theme-dark .notification-mini-btn,body.theme-dark .notification-panel-foot button,
.app-shell.dark .notification-mini-btn,.app-shell.dark .notification-panel-foot button{background:#0b1d2b;border-color:#28465d;color:#9be7ff;}
body.theme-dark .notification-mini-btn:hover,body.theme-dark .notification-panel-foot button:hover,
.app-shell.dark .notification-mini-btn:hover,.app-shell.dark .notification-panel-foot button:hover{background:#102a42;border-color:#2b6381;}
body.theme-dark .notification-item,.app-shell.dark .notification-item{background:#0b1621;border-color:#1f394d;color:#eaf4fb;box-shadow:none;}
body.theme-dark .notification-item:hover,.app-shell.dark .notification-item:hover{background:#102131;border-color:#315571;}
body.theme-dark .notification-item.is-unread,.app-shell.dark .notification-item.is-unread{background:linear-gradient(180deg,#0c2030,#0a1825);border-color:#2b6381;box-shadow:inset 4px 0 0 #38bdf8;}
body.theme-dark .notification-empty,.app-shell.dark .notification-empty{background:#0b1621;border-color:#28465d;color:#9fb5c5;}
@media (max-width:900px){
  .notification-panel{right:auto;left:50%;transform:translateX(-50%);top:calc(100% + 10px);width:min(350px,calc(100vw - 24px));}
  .notification-panel::before{right:auto;left:50%;transform:translateX(-50%) rotate(45deg);}
}
html[dir="rtl"] .notification-panel{right:auto;left:0;}
html[dir="rtl"] .notification-panel::before{right:auto;left:18px;}
html[dir="rtl"] .notification-count{right:auto;left:4px;}

body.theme-dark .dashboard-pro-view,.app-shell.dark .dashboard-pro-view{color:#d6e5ef!important;}
body.theme-dark .dashboard-pro-view h2,body.theme-dark .dashboard-pro-view h3,
.app-shell.dark .dashboard-pro-view h2,.app-shell.dark .dashboard-pro-view h3{color:#f4fbff!important;}
body.theme-dark .dashboard-pro-view .muted,.app-shell.dark .dashboard-pro-view .muted{color:#9fb5c5!important;}
body.theme-dark .dashboard-pro-head,.app-shell.dark .dashboard-pro-head,
body.theme-dark .dashboard-kpi,.app-shell.dark .dashboard-kpi,
body.theme-dark .dash-section,.app-shell.dark .dash-section{background:linear-gradient(180deg,#0d1a27 0%,#08131e 100%)!important;border-color:#234056!important;box-shadow:0 16px 36px rgba(0,0,0,.22)!important;color:#eaf4fb!important;}
body.theme-dark .dashboard-icon-wrap,.app-shell.dark .dashboard-icon-wrap{background:linear-gradient(135deg,#0c2030,#0b1724)!important;border-color:#28465d!important;color:#8bdcff!important;box-shadow:none!important;}
body.theme-dark .dashboard-hello,.app-shell.dark .dashboard-hello{color:#8fb3d9!important;}
body.theme-dark .dashboard-pro-view .dashboard-filters,.app-shell.dark .dashboard-pro-view .dashboard-filters{background:rgba(6,17,26,.78)!important;border-color:#28465d!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important;}
body.theme-dark .dashboard-pro-view .dash-filter-control,.app-shell.dark .dashboard-pro-view .dash-filter-control{background:#081420!important;border-color:#28465d!important;color:#eaf4fb!important;}
body.theme-dark .dashboard-pro-view .dash-filter-btn,.app-shell.dark .dashboard-pro-view .dash-filter-btn,
body.theme-dark .dashboard-pro-view .dash-search-shell input,.app-shell.dark .dashboard-pro-view .dash-search-shell input{color:#f4fbff!important;}
body.theme-dark .dashboard-pro-view .dash-search-shell input::placeholder,.app-shell.dark .dashboard-pro-view .dash-search-shell input::placeholder{color:#88a0b4!important;}
body.theme-dark .dashboard-pro-view .dash-shortcut,.app-shell.dark .dashboard-pro-view .dash-shortcut{background:#0d1a27!important;border-color:#28465d!important;color:#9fb5c5!important;}
body.theme-dark .dash-kpi-value,.app-shell.dark .dash-kpi-value,
body.theme-dark .dashboard-kpi h3,.app-shell.dark .dashboard-kpi h3{color:#f4fbff!important;}
body.theme-dark .dashboard-kpi p,.app-shell.dark .dashboard-kpi p{color:#b7c9d8!important;}
body.theme-dark .dashboard-kpi small,.app-shell.dark .dashboard-kpi small{color:#91a8b8!important;}
body.theme-dark .dash-card-toggle,.app-shell.dark .dash-card-toggle{background:#0b1d2b!important;border-color:#28465d!important;color:#9be7ff!important;}
body.theme-dark .dash-card-toggle:hover,.app-shell.dark .dash-card-toggle:hover{background:#102a42!important;border-color:#2b6381!important;}
body.theme-dark .dash-action,.app-shell.dark .dash-action{background:#081420!important;border-color:#28465d!important;color:#f4fbff!important;box-shadow:none!important;}
body.theme-dark .dash-action:hover,.app-shell.dark .dash-action:hover{background:#102131!important;border-color:#315571!important;box-shadow:0 14px 26px rgba(0,0,0,.25)!important;}
body.theme-dark .dash-bar-chart,.app-shell.dark .dash-bar-chart{background:linear-gradient(180deg,rgba(12,32,48,.78),rgba(8,19,31,.15))!important;border-bottom-color:#1c3242!important;}
body.theme-dark .dash-bar-value,.app-shell.dark .dash-bar-value{color:#cce7f6!important;}
body.theme-dark .dash-bar-label,.app-shell.dark .dash-bar-label,
body.theme-dark .dash-chart-legend,.app-shell.dark .dash-chart-legend{color:#9fb5c5!important;}
body.theme-dark .dash-line-chart,.app-shell.dark .dash-line-chart{background:linear-gradient(180deg,#081420,#07121d)!important;border:1px solid #1c3242!important;}
body.theme-dark .dash-line-chart line,.app-shell.dark .dash-line-chart line{stroke:#1c3242!important;}
body.theme-dark .dash-donut:after,.app-shell.dark .dash-donut:after{background:#081420!important;box-shadow:inset 0 0 0 1px #28465d!important;}
body.theme-dark .dash-donut span,.app-shell.dark .dash-donut span{color:#9fb5c5!important;}
body.theme-dark .dash-donut b,.app-shell.dark .dash-donut b{color:#f4fbff!important;}
body.theme-dark .dash-donut small,.app-shell.dark .dash-donut small{color:#9fb5c5!important;}
body.theme-dark .dash-donut-legend,.app-shell.dark .dash-donut-legend{color:#d6e5ef!important;}
body.theme-dark .dash-recent-logs .recent-log-item,.app-shell.dark .dash-recent-logs .recent-log-item,
body.theme-dark .dash-status-row,.app-shell.dark .dash-status-row,
body.theme-dark .dash-mini-item,.app-shell.dark .dash-mini-item{background:#081420!important;border-color:#1c3242!important;color:#eaf4fb!important;}
body.theme-dark .dash-recent-title,.app-shell.dark .dash-recent-title,
body.theme-dark .dash-status-row strong,.app-shell.dark .dash-status-row strong{color:#f4fbff!important;}
body.theme-dark .dash-recent-sub,.app-shell.dark .dash-recent-sub,
body.theme-dark .dash-status-row span,.app-shell.dark .dash-status-row span{color:#9fb5c5!important;}
body.theme-dark .dashboard-pro-view .dash-date-menu,body.theme-dark .dashboard-pro-view .dash-period-menu,
.app-shell.dark .dashboard-pro-view .dash-date-menu,.app-shell.dark .dashboard-pro-view .dash-period-menu{background:#081420!important;border-color:#28465d!important;box-shadow:0 24px 54px rgba(0,0,0,.46)!important;}
body.theme-dark .dashboard-pro-view .dash-date-fields input,body.theme-dark .dashboard-pro-view .dash-date-picker-btn,
.app-shell.dark .dashboard-pro-view .dash-date-fields input,.app-shell.dark .dashboard-pro-view .dash-date-picker-btn{background:#0b1621!important;border-color:#28465d!important;color:#f4fbff!important;}
body.theme-dark .dashboard-pro-view .dash-calendar-panel,.app-shell.dark .dashboard-pro-view .dash-calendar-panel{background:#0b1621!important;border-color:#28465d!important;}
body.theme-dark .dashboard-pro-view .dash-calendar-head strong,.app-shell.dark .dashboard-pro-view .dash-calendar-head strong,
body.theme-dark .dashboard-pro-view .dash-calendar-day,.app-shell.dark .dashboard-pro-view .dash-calendar-day{color:#eaf4fb!important;}
body.theme-dark .dashboard-pro-view .dash-calendar-nav,.app-shell.dark .dashboard-pro-view .dash-calendar-nav{background:#081420!important;border-color:#28465d!important;color:#9be7ff!important;}
body.theme-dark .dashboard-pro-view .dash-calendar-weekdays span,.app-shell.dark .dashboard-pro-view .dash-calendar-weekdays span{color:#8fb3d9!important;}
body.theme-dark .dashboard-pro-view .dash-calendar-day:hover,.app-shell.dark .dashboard-pro-view .dash-calendar-day:hover{background:#102a42!important;color:#9be7ff!important;}
body.theme-dark .dashboard-pro-view .dash-calendar-day.is-range,.app-shell.dark .dashboard-pro-view .dash-calendar-day.is-range{background:#0c2030!important;}
body.theme-dark .header-notification-btn,.app-shell.dark .header-notification-btn{background:transparent!important;border-color:transparent!important;}
body.theme-dark .header-notification-btn:hover,.app-shell.dark .header-notification-btn:hover{background:#0b1d2b!important;border-color:#28465d!important;}
@media (max-width:900px){
  body.theme-dark .header-notification-btn,.app-shell.dark .header-notification-btn{background:#0b1724!important;border-color:#28465d!important;}
}

/* v2.1.67 — Profile modal PRO polish + modern upload + ESC/outside close support */
.profile-modal{
  background:rgba(8,20,31,.50)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  padding:22px!important;
  z-index:5000!important;
}
.pro-profile-card{
  width:min(760px,calc(100vw - 28px))!important;
  border-radius:28px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(207,224,237,.95)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 34px 90px rgba(7,24,39,.28)!important;
}
.profile-modal-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:22px 22px 18px!important;
  border-bottom:1px solid #e2edf6!important;
  background:
    radial-gradient(circle at 0% 0%, rgba(17,183,230,.14), transparent 34%),
    linear-gradient(135deg,#ffffff 0%,#f6fbff 100%)!important;
}
.profile-modal-identity{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important;}
.profile-avatar-preview-wrap{
  width:74px!important;height:74px!important;flex:0 0 74px!important;border-radius:24px!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
  border:1px solid #cfe0ed!important;background:linear-gradient(135deg,#eef6ff,#f8fbff)!important;
  box-shadow:0 14px 30px rgba(17,183,230,.13)!important;
}
.profile-avatar-preview{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.profile-avatar-initials{
  width:100%!important;height:100%!important;display:grid!important;place-items:center!important;
  color:#0d6eea!important;font-weight:900!important;font-size:1.35rem!important;letter-spacing:.02em!important;
}
.profile-modal-kicker{
  margin:0 0 4px!important;color:#0d6eea!important;font-size:.78rem!important;font-weight:900!important;
  text-transform:uppercase!important;letter-spacing:.08em!important;
}
.pro-profile-card h3{margin:0!important;font-size:1.35rem!important;font-weight:900!important;color:#0c1a2a!important;letter-spacing:-.02em!important;}
.pro-profile-card #profileModalSubtitle{margin:6px 0 0!important;font-size:.9rem!important;color:#64748b!important;line-height:1.4!important;}
.profile-close-btn{
  min-height:42px!important;border-radius:15px!important;padding:0 16px!important;background:#fff!important;
  border-color:#d8e7f2!important;color:#172337!important;font-weight:800!important;box-shadow:0 10px 20px rgba(7,24,39,.05)!important;
}
.profile-close-btn:hover{background:#f0f8ff!important;border-color:#b9dcff!important;color:#0d6eea!important;}
.profile-form-pro{display:grid!important;gap:18px!important;padding:20px 22px 22px!important;}
.profile-form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.profile-form-grid .full{grid-column:1/-1!important;}
.profile-field{display:grid!important;gap:8px!important;min-width:0!important;}
.profile-field > span{font-size:.82rem!important;font-weight:900!important;color:#172337!important;}
.profile-field input:not(.profile-file-input),.profile-password-wrap input{
  min-height:48px!important;border-radius:16px!important;border:1px solid #d8e7f2!important;background:#fff!important;
  color:#102033!important;font-weight:700!important;padding:0 14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.profile-field input:disabled{background:#f5f9fc!important;color:#607789!important;opacity:1!important;}
.profile-field input::placeholder{color:#7d94a8!important;font-weight:600!important;}
.profile-password-wrap{gap:8px!important;}
.profile-password-wrap .icon-btn{height:48px!important;min-width:52px!important;border-radius:16px!important;background:#f8fbff!important;border-color:#d8e7f2!important;}
.profile-password-wrap .icon-btn:hover{background:#eef7ff!important;border-color:#b9dcff!important;color:#0d6eea!important;}
.profile-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;clip-path:inset(50%)!important;border:0!important;padding:0!important;margin:-1px!important;}
.profile-file-control{
  min-height:54px!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;
  border:1px dashed #bdd6ea!important;border-radius:18px!important;background:linear-gradient(180deg,#fbfdff,#f5faff)!important;padding:8px!important;
}
.profile-file-picker{
  width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-height:38px!important;padding:0 14px!important;border-radius:14px!important;background:linear-gradient(135deg,#11b7e6,#0d72ff)!important;
  color:#fff!important;font-weight:900!important;border:none!important;cursor:pointer!important;box-shadow:0 12px 24px rgba(17,183,230,.22)!important;
}
.profile-file-picker:hover{filter:brightness(.98)!important;transform:translateY(-1px)!important;}
.profile-file-icon{width:22px!important;height:22px!important;border-radius:9px!important;background:rgba(255,255,255,.20)!important;display:grid!important;place-items:center!important;font-size:.9rem!important;}
.profile-file-name{min-width:0!important;flex:1 1 180px!important;color:#64748b!important;font-size:.9rem!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.profile-modal-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
  padding-top:16px!important;border-top:1px solid #e2edf6!important;
}
.profile-modal-actions button{min-height:44px!important;border-radius:15px!important;padding:0 18px!important;font-weight:900!important;}
.profile-save-btn{background:linear-gradient(135deg,#11b7e6,#0d72ff)!important;border-color:transparent!important;box-shadow:0 14px 26px rgba(17,183,230,.24)!important;}
body.theme-dark .profile-modal,.app-shell.dark .profile-modal{background:rgba(0,7,13,.62)!important;}
body.theme-dark .pro-profile-card,.app-shell.dark .pro-profile-card{
  background:linear-gradient(180deg,#0d1a27 0%,#08131e 100%)!important;border-color:#28465d!important;box-shadow:0 34px 90px rgba(0,0,0,.56)!important;color:#eaf4fb!important;
}
body.theme-dark .profile-modal-head,.app-shell.dark .profile-modal-head{
  background:radial-gradient(circle at 0% 0%,rgba(17,183,230,.18),transparent 34%),linear-gradient(135deg,#0d1a27 0%,#0a1621 100%)!important;border-bottom-color:#244154!important;
}
body.theme-dark .profile-avatar-preview-wrap,.app-shell.dark .profile-avatar-preview-wrap{background:linear-gradient(135deg,#0b1d2b,#07131d)!important;border-color:#28465d!important;box-shadow:none!important;}
body.theme-dark .profile-avatar-initials,.app-shell.dark .profile-avatar-initials{color:#8be5ff!important;}
body.theme-dark .profile-modal-kicker,.app-shell.dark .profile-modal-kicker{color:#8be5ff!important;}
body.theme-dark .pro-profile-card h3,.app-shell.dark .pro-profile-card h3,
body.theme-dark .profile-field > span,.app-shell.dark .profile-field > span{color:#f4fbff!important;}
body.theme-dark .pro-profile-card #profileModalSubtitle,.app-shell.dark .pro-profile-card #profileModalSubtitle,
body.theme-dark .profile-file-name,.app-shell.dark .profile-file-name{color:#9fb5c5!important;}
body.theme-dark .profile-close-btn,.app-shell.dark .profile-close-btn,
body.theme-dark .profile-modal-actions .ghost,.app-shell.dark .profile-modal-actions .ghost{background:#0b1d2b!important;border-color:#28465d!important;color:#eaf4fb!important;box-shadow:none!important;}
body.theme-dark .profile-close-btn:hover,.app-shell.dark .profile-close-btn:hover,
body.theme-dark .profile-modal-actions .ghost:hover,.app-shell.dark .profile-modal-actions .ghost:hover{background:#102a42!important;border-color:#2b6381!important;color:#9be7ff!important;}
body.theme-dark .profile-field input:not(.profile-file-input),body.theme-dark .profile-password-wrap input,
.app-shell.dark .profile-field input:not(.profile-file-input),.app-shell.dark .profile-password-wrap input{background:#081420!important;border-color:#28465d!important;color:#f4fbff!important;box-shadow:none!important;}
body.theme-dark .profile-field input:disabled,.app-shell.dark .profile-field input:disabled{background:#0a1825!important;color:#91a8b8!important;}
body.theme-dark .profile-password-wrap .icon-btn,.app-shell.dark .profile-password-wrap .icon-btn{background:#0b1d2b!important;border-color:#28465d!important;color:#eaf4fb!important;}
body.theme-dark .profile-file-control,.app-shell.dark .profile-file-control{background:linear-gradient(180deg,#0b1621,#081420)!important;border-color:#28465d!important;}
body.theme-dark .profile-modal-actions,.app-shell.dark .profile-modal-actions{border-top-color:#244154!important;}
@media (max-width:700px){
  .profile-modal{align-items:flex-end!important;padding:12px!important;}
  .pro-profile-card{width:100%!important;max-height:calc(100vh - 24px)!important;overflow:auto!important;border-radius:26px 26px 22px 22px!important;}
  .profile-modal-head{padding:18px!important;align-items:flex-start!important;}
  .profile-modal-identity{gap:12px!important;align-items:flex-start!important;}
  .profile-avatar-preview-wrap{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:20px!important;}
  .pro-profile-card h3{font-size:1.18rem!important;}
  .profile-form-pro{padding:16px 18px 18px!important;}
  .profile-form-grid{grid-template-columns:1fr!important;gap:12px!important;}
  .profile-close-btn{padding:0 13px!important;min-height:38px!important;}
  .profile-file-control{align-items:stretch!important;}
  .profile-file-picker{width:100%!important;}
  .profile-file-name{flex-basis:100%!important;text-align:center!important;}
  .profile-modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .profile-modal-actions button{width:100%!important;}
}


/* v2.1.68 — Products page dark-mode color polish only */
body.theme-dark #view-products,
.app-shell.dark #view-products{
  --products-dark-bg:#06111a;
  --products-dark-card:#0b1621;
  --products-dark-card-2:#08131e;
  --products-dark-field:#071723;
  --products-dark-field-2:#0a1d2b;
  --products-dark-border:#28465d;
  --products-dark-border-soft:#1f3a4f;
  --products-dark-text:#f4fbff;
  --products-dark-muted:#9fb8ca;
  --products-dark-cyan:#8bdcff;
}
body.theme-dark #view-products .products-pro-header,
body.theme-dark #view-products .products-pro-sync,
body.theme-dark #view-products .products-pro-form-card,
body.theme-dark #view-products .products-pro-preview-card,
body.theme-dark #view-products .saved-products-pro-card,
.app-shell.dark #view-products .products-pro-header,
.app-shell.dark #view-products .products-pro-sync,
.app-shell.dark #view-products .products-pro-form-card,
.app-shell.dark #view-products .products-pro-preview-card,
.app-shell.dark #view-products .saved-products-pro-card{
  background:linear-gradient(180deg,var(--products-dark-card),var(--products-dark-card-2))!important;
  border-color:var(--products-dark-border)!important;
  color:var(--products-dark-text)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
}
body.theme-dark #view-products h2,
body.theme-dark #view-products h3,
body.theme-dark #view-products h4,
body.theme-dark #view-products .products-pro-card-title h3,
body.theme-dark #view-products .products-section-title h3,
body.theme-dark #view-products .saved-products-pro-head h3,
body.theme-dark #view-products .header-row h3,
body.theme-dark #view-products .products-pro-form-grid label span,
body.theme-dark #view-products .designer-section h4,
.app-shell.dark #view-products h2,
.app-shell.dark #view-products h3,
.app-shell.dark #view-products h4,
.app-shell.dark #view-products .products-pro-card-title h3,
.app-shell.dark #view-products .products-section-title h3,
.app-shell.dark #view-products .saved-products-pro-head h3,
.app-shell.dark #view-products .header-row h3,
.app-shell.dark #view-products .products-pro-form-grid label span,
.app-shell.dark #view-products .designer-section h4{
  color:var(--products-dark-text)!important;
  text-shadow:none!important;
}
body.theme-dark #view-products .muted,
body.theme-dark #view-products .products-pro-header p,
body.theme-dark #view-products .products-pro-card-title .muted,
body.theme-dark #view-products .preview-status-row,
body.theme-dark #view-products .preview-status-row small,
.app-shell.dark #view-products .muted,
.app-shell.dark #view-products .products-pro-header p,
.app-shell.dark #view-products .products-pro-card-title .muted,
.app-shell.dark #view-products .preview-status-row,
.app-shell.dark #view-products .preview-status-row small{
  color:var(--products-dark-muted)!important;
}
body.theme-dark #view-products input,
body.theme-dark #view-products textarea,
body.theme-dark #view-products select,
body.theme-dark #view-products .products-pro-form-grid input,
body.theme-dark #view-products .products-pro-form-grid select,
body.theme-dark #view-products .price-input-shell,
body.theme-dark #view-products .scan-input-wrap,
body.theme-dark #view-products .qty-stepper,
body.theme-dark #view-products .saved-products-tools .table-search,
body.theme-dark #view-products .table-search,
.app-shell.dark #view-products input,
.app-shell.dark #view-products textarea,
.app-shell.dark #view-products select,
.app-shell.dark #view-products .products-pro-form-grid input,
.app-shell.dark #view-products .products-pro-form-grid select,
.app-shell.dark #view-products .price-input-shell,
.app-shell.dark #view-products .scan-input-wrap,
.app-shell.dark #view-products .qty-stepper,
.app-shell.dark #view-products .saved-products-tools .table-search,
.app-shell.dark #view-products .table-search{
  background:var(--products-dark-field)!important;
  border-color:var(--products-dark-border)!important;
  color:var(--products-dark-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  -webkit-text-fill-color:var(--products-dark-text)!important;
}
body.theme-dark #view-products input::placeholder,
body.theme-dark #view-products textarea::placeholder,
.app-shell.dark #view-products input::placeholder,
.app-shell.dark #view-products textarea::placeholder{
  color:#87a6b9!important;
  opacity:1!important;
  -webkit-text-fill-color:#87a6b9!important;
}
body.theme-dark #view-products input:focus,
body.theme-dark #view-products textarea:focus,
body.theme-dark #view-products select:focus,
body.theme-dark #view-products .kls-select.open .kls-select-display,
body.theme-dark #view-products .products-sync-picker.open .products-sync-trigger,
.app-shell.dark #view-products input:focus,
.app-shell.dark #view-products textarea:focus,
.app-shell.dark #view-products select:focus,
.app-shell.dark #view-products .kls-select.open .kls-select-display,
.app-shell.dark #view-products .products-sync-picker.open .products-sync-trigger{
  border-color:#11b7e6!important;
  box-shadow:0 0 0 3px rgba(17,183,230,.16)!important;
}
body.theme-dark #view-products .price-input-shell span,
.app-shell.dark #view-products .price-input-shell span{
  background:#eaf7ff!important;
  border-color:var(--products-dark-border)!important;
  color:#071723!important;
  -webkit-text-fill-color:#071723!important;
}
body.theme-dark #view-products .scan-field-btn,
body.theme-dark #view-products .qty-stepper button,
body.theme-dark #view-products .icon-action,
.app-shell.dark #view-products .scan-field-btn,
.app-shell.dark #view-products .qty-stepper button,
.app-shell.dark #view-products .icon-action{
  background:#0c2030!important;
  border-color:#2d617a!important;
  color:var(--products-dark-cyan)!important;
}
body.theme-dark #view-products .qty-stepper input,
.app-shell.dark #view-products .qty-stepper input{
  background:#06111a!important;
  border-color:var(--products-dark-border)!important;
  color:var(--products-dark-text)!important;
  -webkit-text-fill-color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .auto-generate-pro,
body.theme-dark #view-products .products-form-actions .ghost,
body.theme-dark #view-products .print-preview-pro,
body.theme-dark #view-products .filter-pro-btn,
body.theme-dark #view-products .template-link-btn,
body.theme-dark #view-products .products-use-selected,
body.theme-dark #view-products .products-sync-collapse,
body.theme-dark #view-products .icon-ghost,
.app-shell.dark #view-products .auto-generate-pro,
.app-shell.dark #view-products .products-form-actions .ghost,
.app-shell.dark #view-products .print-preview-pro,
.app-shell.dark #view-products .filter-pro-btn,
.app-shell.dark #view-products .template-link-btn,
.app-shell.dark #view-products .products-use-selected,
.app-shell.dark #view-products .products-sync-collapse,
.app-shell.dark #view-products .icon-ghost{
  background:#0a1d2b!important;
  border-color:#2d617a!important;
  color:#eaf8ff!important;
  box-shadow:none!important;
}
body.theme-dark #view-products .auto-generate-pro:hover,
body.theme-dark #view-products .products-form-actions .ghost:hover,
body.theme-dark #view-products .print-preview-pro:hover,
body.theme-dark #view-products .filter-pro-btn:hover,
body.theme-dark #view-products .template-link-btn:hover,
body.theme-dark #view-products .products-use-selected:hover,
body.theme-dark #view-products .products-sync-collapse:hover,
body.theme-dark #view-products .icon-ghost:hover,
.app-shell.dark #view-products .auto-generate-pro:hover,
.app-shell.dark #view-products .products-form-actions .ghost:hover,
.app-shell.dark #view-products .print-preview-pro:hover,
.app-shell.dark #view-products .filter-pro-btn:hover,
.app-shell.dark #view-products .template-link-btn:hover,
.app-shell.dark #view-products .products-use-selected:hover,
.app-shell.dark #view-products .products-sync-collapse:hover,
.app-shell.dark #view-products .icon-ghost:hover{
  background:#0e2a3c!important;
  border-color:#3d7896!important;
  color:#ffffff!important;
}
body.theme-dark #view-products .template-note,
.app-shell.dark #view-products .template-note{
  background:#0a1d2b!important;
  border-color:#2d617a!important;
  color:#9fe7ff!important;
}
body.theme-dark #view-products .template-note span,
.app-shell.dark #view-products .template-note span{
  color:#9fe7ff!important;
}
body.theme-dark #view-products .products-preview-wrap,
.app-shell.dark #view-products .products-preview-wrap{
  background:linear-gradient(180deg,#05101a,#071723)!important;
  border-color:var(--products-dark-border)!important;
}
body.theme-dark #view-products .preview-chip-row span,
body.theme-dark #view-products .barcode-type-pill,
body.theme-dark #view-products .pro-count-pill,
body.theme-dark #view-products .product-id-pill,
.app-shell.dark #view-products .preview-chip-row span,
.app-shell.dark #view-products .barcode-type-pill,
.app-shell.dark #view-products .pro-count-pill,
.app-shell.dark #view-products .product-id-pill{
  background:#0c2030!important;
  border-color:#2d617a!important;
  color:var(--products-dark-cyan)!important;
}
body.theme-dark #view-products .preview-status-row,
.app-shell.dark #view-products .preview-status-row{
  border-top-color:var(--products-dark-border-soft)!important;
}
body.theme-dark #view-products .ready-pill,
.app-shell.dark #view-products .ready-pill{
  background:rgba(34,197,94,.16)!important;
  color:#9cffc8!important;
  border:1px solid rgba(34,197,94,.28)!important;
}
body.theme-dark #view-products .products-sync-trigger,
body.theme-dark #view-products .sync-item-trigger,
body.theme-dark #view-products .sync-item-search-wrap,
body.theme-dark #view-products .products-sync-menu,
body.theme-dark #view-products .sync-item-menu,
.app-shell.dark #view-products .products-sync-trigger,
.app-shell.dark #view-products .sync-item-trigger,
.app-shell.dark #view-products .sync-item-search-wrap,
.app-shell.dark #view-products .products-sync-menu,
.app-shell.dark #view-products .sync-item-menu{
  background:var(--products-dark-field)!important;
  border-color:var(--products-dark-border)!important;
  color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .sync-item-trigger-label,
body.theme-dark #view-products .sync-item-label,
body.theme-dark #view-products .sync-item-title,
body.theme-dark #view-products .sync-item-option,
body.theme-dark #view-products .sync-item-option strong,
body.theme-dark #view-products .sync-item-option span,
.app-shell.dark #view-products .sync-item-trigger-label,
.app-shell.dark #view-products .sync-item-label,
.app-shell.dark #view-products .sync-item-title,
.app-shell.dark #view-products .sync-item-option,
.app-shell.dark #view-products .sync-item-option strong,
.app-shell.dark #view-products .sync-item-option span{
  color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .sync-item-option,
.app-shell.dark #view-products .sync-item-option{
  background:#071723!important;
  border-color:var(--products-dark-border)!important;
  box-shadow:none!important;
}
body.theme-dark #view-products .sync-item-option:hover,
body.theme-dark #view-products .sync-item-option.active,
.app-shell.dark #view-products .sync-item-option:hover,
.app-shell.dark #view-products .sync-item-option.active{
  background:#0e2a3c!important;
  border-color:#3d7896!important;
}
body.theme-dark #view-products .sync-item-code,
body.theme-dark #view-products .sync-item-meta,
body.theme-dark #view-products .sync-item-source,
.app-shell.dark #view-products .sync-item-code,
.app-shell.dark #view-products .sync-item-meta,
.app-shell.dark #view-products .sync-item-source{
  color:#9fe7ff!important;
}
body.theme-dark #view-products .sync-item-clear,
body.theme-dark #view-products .sync-item-caret,
.app-shell.dark #view-products .sync-item-clear,
.app-shell.dark #view-products .sync-item-caret{
  background:#0c2030!important;
  border-color:#2d617a!important;
  color:#dff7ff!important;
}
body.theme-dark #view-products .kls-select,
.app-shell.dark #view-products .kls-select{
  color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .kls-select-display,
.app-shell.dark #view-products .kls-select-display{
  background:var(--products-dark-field)!important;
  border-color:var(--products-dark-border)!important;
  color:var(--products-dark-text)!important;
  -webkit-text-fill-color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .kls-select-text,
body.theme-dark #view-products .kls-select-display span,
.app-shell.dark #view-products .kls-select-text,
.app-shell.dark #view-products .kls-select-display span{
  color:var(--products-dark-text)!important;
  -webkit-text-fill-color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .kls-select-caret,
.app-shell.dark #view-products .kls-select-caret{
  stroke:#9fe7ff!important;
  color:#9fe7ff!important;
}
body.theme-dark #view-products .kls-select-menu,
.app-shell.dark #view-products .kls-select-menu{
  background:#05101a!important;
  border-color:var(--products-dark-border)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38)!important;
  scrollbar-color:#3d7896 #071723!important;
}
body.theme-dark #view-products .kls-select-option,
body.theme-dark #view-products .kls-select-option span,
.app-shell.dark #view-products .kls-select-option,
.app-shell.dark #view-products .kls-select-option span{
  background:transparent!important;
  color:var(--products-dark-text)!important;
  -webkit-text-fill-color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .kls-select-option:hover,
body.theme-dark #view-products .kls-select-option.active,
.app-shell.dark #view-products .kls-select-option:hover,
.app-shell.dark #view-products .kls-select-option.active{
  background:#0e2a3c!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
body.theme-dark #view-products .kls-select-option.selected,
body.theme-dark #view-products .kls-select-option.selected span,
.app-shell.dark #view-products .kls-select-option.selected,
.app-shell.dark #view-products .kls-select-option.selected span{
  background:linear-gradient(135deg,#12bde8,#10a7d6)!important;
  color:#04101a!important;
  -webkit-text-fill-color:#04101a!important;
}
body.theme-dark #view-products .kls-select-check,
.app-shell.dark #view-products .kls-select-check{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
body.theme-dark #view-products .saved-products-table-wrap,
body.theme-dark #view-products .table-wrap,
.app-shell.dark #view-products .saved-products-table-wrap,
.app-shell.dark #view-products .table-wrap{
  background:#06111a!important;
  border-color:var(--products-dark-border)!important;
}
body.theme-dark #view-products table,
body.theme-dark #view-products th,
body.theme-dark #view-products td,
.app-shell.dark #view-products table,
.app-shell.dark #view-products th,
.app-shell.dark #view-products td{
  color:var(--products-dark-text)!important;
  border-color:var(--products-dark-border-soft)!important;
}
body.theme-dark #view-products th,
.app-shell.dark #view-products th{
  background:#0a1d2b!important;
  color:#dff7ff!important;
}
body.theme-dark #view-products tbody tr:hover td,
.app-shell.dark #view-products tbody tr:hover td{
  background:rgba(17,183,230,.06)!important;
}
body.theme-dark #view-products .table-link-btn,
.app-shell.dark #view-products .table-link-btn{
  color:#8bdcff!important;
}
body.theme-dark #view-products .icon-action.danger,
.app-shell.dark #view-products .icon-action.danger{
  color:#ff9bb5!important;
  border-color:#7a3046!important;
  background:#2a111d!important;
}
body.theme-dark #view-products .scanner-card,
.app-shell.dark #view-products .scanner-card{
  background:linear-gradient(180deg,#0b1621,#08131e)!important;
  border-color:var(--products-dark-border)!important;
  color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .scanner-card label span,
body.theme-dark #view-products .scanner-card h3,
.app-shell.dark #view-products .scanner-card label span,
.app-shell.dark #view-products .scanner-card h3{
  color:var(--products-dark-text)!important;
}

/* v2.1.71 — Loading recovery + safe product custom date icon polish */
#view-products .price-input-shell span{
  background:#f6faff!important;
  border-color:#d9e7f2!important;
  color:#071723!important;
  -webkit-text-fill-color:#071723!important;
}
body.theme-dark #view-products .price-input-shell span,
.app-shell.dark #view-products .price-input-shell span{
  background:linear-gradient(180deg,#0c2030 0%,#071723 100%)!important;
  border-color:#2d617a!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.04)!important;
}
body.theme-dark #view-products .date-input-enhanced,
.app-shell.dark #view-products .date-input-enhanced{
  background-color:var(--products-dark-field)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23eaf8ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='4'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:20px 20px!important;
  color:var(--products-dark-text)!important;
  -webkit-text-fill-color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .date-input-enhanced:focus,
.app-shell.dark #view-products .date-input-enhanced:focus{
  background-color:var(--products-dark-field)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='4'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 14h.01'/%3E%3Cpath d='M12 14h.01'/%3E%3Cpath d='M16 14h.01'/%3E%3C/svg%3E")!important;
}
html[dir="rtl"] body.theme-dark #view-products .date-input-enhanced,
html[dir="rtl"] .app-shell.dark #view-products .date-input-enhanced{
  background-position:left 14px center!important;
}

/* v2.1.71 — Loading recovery + safe Product custom date icon polish only
   Replaces the Product custom date background-icon approach with one controlled button icon.
   This avoids stacked/repeated calendar icons and keeps dark/light mode readable. */
#view-products .product-dynamic-grid .kls-date-dynamic-field{
  position:relative!important;
}
#view-products .product-dynamic-grid .kls-date-input-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
#view-products .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced{
  width:100%!important;
  padding-right:48px!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  cursor:pointer!important;
}
#view-products .product-dynamic-grid .kls-date-field-icon{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(18,53,79,.14)!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(239,248,255,.92)!important;
  color:#102633!important;
  cursor:pointer!important;
  z-index:4!important;
  box-shadow:0 6px 16px rgba(10,45,70,.08)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
#view-products .product-dynamic-grid .kls-date-field-icon:hover{
  background:#e5f5ff!important;
  border-color:rgba(17,183,230,.35)!important;
  transform:translateY(-50%) scale(1.02)!important;
}
#view-products .product-dynamic-grid .kls-date-field-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
body.theme-dark #view-products .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced,
.app-shell.dark #view-products .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced{
  background-image:none!important;
  background-color:var(--products-dark-field)!important;
  color:var(--products-dark-text)!important;
  -webkit-text-fill-color:var(--products-dark-text)!important;
}
body.theme-dark #view-products .product-dynamic-grid .kls-date-field-icon,
.app-shell.dark #view-products .product-dynamic-grid .kls-date-field-icon{
  background:linear-gradient(180deg,#0c2030 0%,#071723 100%)!important;
  border-color:#2d617a!important;
  color:#ffffff!important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.04),0 0 0 1px rgba(125,211,252,.08)!important;
}
body.theme-dark #view-products .product-dynamic-grid .kls-date-field-icon:hover,
.app-shell.dark #view-products .product-dynamic-grid .kls-date-field-icon:hover{
  background:#102b40!important;
  border-color:#4aa8ca!important;
  box-shadow:0 0 0 3px rgba(17,183,230,.12)!important;
}
html[dir="rtl"] #view-products .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced{
  padding-right:12px!important;
  padding-left:48px!important;
}
html[dir="rtl"] #view-products .product-dynamic-grid .kls-date-field-icon{
  right:auto!important;
  left:10px!important;
}


/* v2.1.72 — Shipping labels dark-mode polish + safe shipping date icon */
body.theme-dark #view-shipping,
.app-shell.dark #view-shipping{
  --shipping-dark-bg:#06111a;
  --shipping-dark-card:#0b1621;
  --shipping-dark-card-2:#08131e;
  --shipping-dark-field:#071723;
  --shipping-dark-field-2:#0a1d2b;
  --shipping-dark-border:#28465d;
  --shipping-dark-border-soft:#1f3a4f;
  --shipping-dark-text:#f4fbff;
  --shipping-dark-muted:#9fb8ca;
  --shipping-dark-cyan:#8bdcff;
}
body.theme-dark #view-shipping .shipping-pro-header,
body.theme-dark #view-shipping .shipping-pro-form-card,
body.theme-dark #view-shipping .shipping-pro-preview-card,
body.theme-dark #view-shipping .saved-shipping-pro-card,
.app-shell.dark #view-shipping .shipping-pro-header,
.app-shell.dark #view-shipping .shipping-pro-form-card,
.app-shell.dark #view-shipping .shipping-pro-preview-card,
.app-shell.dark #view-shipping .saved-shipping-pro-card{
  background:linear-gradient(180deg,var(--shipping-dark-card),var(--shipping-dark-card-2))!important;
  border-color:var(--shipping-dark-border)!important;
  color:var(--shipping-dark-text)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.22)!important;
}
body.theme-dark #view-shipping h2,
body.theme-dark #view-shipping h3,
body.theme-dark #view-shipping .header-row h3,
body.theme-dark #view-shipping .shipping-form-head h3,
body.theme-dark #view-shipping .products-section-title h3,
.app-shell.dark #view-shipping h2,
.app-shell.dark #view-shipping h3,
.app-shell.dark #view-shipping .header-row h3,
.app-shell.dark #view-shipping .shipping-form-head h3,
.app-shell.dark #view-shipping .products-section-title h3{
  color:var(--shipping-dark-text)!important;
}
body.theme-dark #view-shipping .muted,
body.theme-dark #view-shipping p,
body.theme-dark #view-shipping label span,
body.theme-dark #view-shipping .shipping-pro-form-grid label > span,
body.theme-dark #view-shipping .saved-shipping-table-wrap table th,
.app-shell.dark #view-shipping .muted,
.app-shell.dark #view-shipping p,
.app-shell.dark #view-shipping label span,
.app-shell.dark #view-shipping .shipping-pro-form-grid label > span,
.app-shell.dark #view-shipping .saved-shipping-table-wrap table th{
  color:var(--shipping-dark-muted)!important;
}
body.theme-dark #view-shipping input,
body.theme-dark #view-shipping textarea,
body.theme-dark #view-shipping select,
body.theme-dark #view-shipping .shipping-pro-form-grid input,
body.theme-dark #view-shipping .shipping-pro-form-grid select,
body.theme-dark #view-shipping .shipping-pro-form-grid textarea,
body.theme-dark #view-shipping .saved-shipping-tools .table-search,
body.theme-dark #view-shipping .table-search,
body.theme-dark #view-shipping .scan-input-wrap,
body.theme-dark #view-shipping .qty-stepper,
.app-shell.dark #view-shipping input,
.app-shell.dark #view-shipping textarea,
.app-shell.dark #view-shipping select,
.app-shell.dark #view-shipping .shipping-pro-form-grid input,
.app-shell.dark #view-shipping .shipping-pro-form-grid select,
.app-shell.dark #view-shipping .shipping-pro-form-grid textarea,
.app-shell.dark #view-shipping .saved-shipping-tools .table-search,
.app-shell.dark #view-shipping .table-search,
.app-shell.dark #view-shipping .scan-input-wrap,
.app-shell.dark #view-shipping .qty-stepper{
  background:var(--shipping-dark-field)!important;
  border-color:var(--shipping-dark-border)!important;
  color:var(--shipping-dark-text)!important;
  -webkit-text-fill-color:var(--shipping-dark-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
body.theme-dark #view-shipping input::placeholder,
body.theme-dark #view-shipping textarea::placeholder,
.app-shell.dark #view-shipping input::placeholder,
.app-shell.dark #view-shipping textarea::placeholder{
  color:#87a6b9!important;
  opacity:1!important;
  -webkit-text-fill-color:#87a6b9!important;
}
body.theme-dark #view-shipping input:focus,
body.theme-dark #view-shipping textarea:focus,
body.theme-dark #view-shipping select:focus,
body.theme-dark #view-shipping .kls-select.open .kls-select-display,
.app-shell.dark #view-shipping input:focus,
.app-shell.dark #view-shipping textarea:focus,
.app-shell.dark #view-shipping select:focus,
.app-shell.dark #view-shipping .kls-select.open .kls-select-display{
  border-color:#11b7e6!important;
  box-shadow:0 0 0 3px rgba(17,183,230,.16)!important;
}
body.theme-dark #view-shipping .scan-field-btn,
body.theme-dark #view-shipping .qty-stepper button,
body.theme-dark #view-shipping .icon-action,
.app-shell.dark #view-shipping .scan-field-btn,
.app-shell.dark #view-shipping .qty-stepper button,
.app-shell.dark #view-shipping .icon-action{
  background:#0c2030!important;
  border-color:#2d617a!important;
  color:var(--shipping-dark-cyan)!important;
}
body.theme-dark #view-shipping .qty-stepper input,
.app-shell.dark #view-shipping .qty-stepper input{
  background:#06111a!important;
  border-color:var(--shipping-dark-border)!important;
  color:var(--shipping-dark-text)!important;
  -webkit-text-fill-color:var(--shipping-dark-text)!important;
}
body.theme-dark #view-shipping .auto-generate-pro,
body.theme-dark #view-shipping .shipping-form-actions .ghost,
body.theme-dark #view-shipping .print-preview-pro,
body.theme-dark #view-shipping .filter-pro-btn,
body.theme-dark #view-shipping .template-link-btn,
body.theme-dark #view-shipping .advanced-pro-btn,
.app-shell.dark #view-shipping .auto-generate-pro,
.app-shell.dark #view-shipping .shipping-form-actions .ghost,
.app-shell.dark #view-shipping .print-preview-pro,
.app-shell.dark #view-shipping .filter-pro-btn,
.app-shell.dark #view-shipping .template-link-btn,
.app-shell.dark #view-shipping .advanced-pro-btn{
  background:#0a1d2b!important;
  border-color:#2d617a!important;
  color:#eaf8ff!important;
  box-shadow:none!important;
}
body.theme-dark #view-shipping .auto-generate-pro:hover,
body.theme-dark #view-shipping .shipping-form-actions .ghost:hover,
body.theme-dark #view-shipping .print-preview-pro:hover,
body.theme-dark #view-shipping .filter-pro-btn:hover,
body.theme-dark #view-shipping .template-link-btn:hover,
body.theme-dark #view-shipping .advanced-pro-btn:hover,
.app-shell.dark #view-shipping .auto-generate-pro:hover,
.app-shell.dark #view-shipping .shipping-form-actions .ghost:hover,
.app-shell.dark #view-shipping .print-preview-pro:hover,
.app-shell.dark #view-shipping .filter-pro-btn:hover,
.app-shell.dark #view-shipping .template-link-btn:hover,
.app-shell.dark #view-shipping .advanced-pro-btn:hover{
  background:#0e2a3c!important;
  border-color:#3d7896!important;
  color:#ffffff!important;
}
body.theme-dark #view-shipping .template-note,
.app-shell.dark #view-shipping .template-note{
  background:#0a1d2b!important;
  border-color:#2d617a!important;
  color:#9fe7ff!important;
}
body.theme-dark #view-shipping .template-note span,
.app-shell.dark #view-shipping .template-note span{
  color:#9fe7ff!important;
}
body.theme-dark #view-shipping .shipping-preview-wrap,
.app-shell.dark #view-shipping .shipping-preview-wrap{
  background:linear-gradient(180deg,#05101a,#071723)!important;
  border:1px solid var(--shipping-dark-border)!important;
}
body.theme-dark #view-shipping .preview-chip-row span,
body.theme-dark #view-shipping .pro-count-pill,
.app-shell.dark #view-shipping .preview-chip-row span,
.app-shell.dark #view-shipping .pro-count-pill{
  background:#0c2030!important;
  border-color:#2d617a!important;
  color:var(--shipping-dark-cyan)!important;
}
body.theme-dark #view-shipping .preview-status-row,
.app-shell.dark #view-shipping .preview-status-row{
  border-top-color:var(--shipping-dark-border-soft)!important;
}
body.theme-dark #view-shipping .preview-date,
.app-shell.dark #view-shipping .preview-date{
  color:var(--shipping-dark-muted)!important;
}
body.theme-dark #view-shipping .ready-pill,
.app-shell.dark #view-shipping .ready-pill{
  background:rgba(34,197,94,.16)!important;
  color:#9cffc8!important;
  border:1px solid rgba(34,197,94,.28)!important;
}
body.theme-dark #view-shipping .saved-shipping-table-wrap table,
body.theme-dark #view-shipping .saved-shipping-table-wrap th,
body.theme-dark #view-shipping .saved-shipping-table-wrap td,
.app-shell.dark #view-shipping .saved-shipping-table-wrap table,
.app-shell.dark #view-shipping .saved-shipping-table-wrap th,
.app-shell.dark #view-shipping .saved-shipping-table-wrap td{
  color:var(--shipping-dark-text)!important;
  border-color:var(--shipping-dark-border-soft)!important;
}
body.theme-dark #view-shipping .saved-shipping-table-wrap tbody tr:hover,
.app-shell.dark #view-shipping .saved-shipping-table-wrap tbody tr:hover{
  background:rgba(12,32,48,.46)!important;
}
body.theme-dark #view-shipping .table-link-btn,
.app-shell.dark #view-shipping .table-link-btn{
  color:#9fe7ff!important;
}
body.theme-dark #view-shipping .icon-action,
.app-shell.dark #view-shipping .icon-action{
  background:#0a1d2b!important;
  border-color:#2d617a!important;
  color:#eaf8ff!important;
}
body.theme-dark #view-shipping .kls-select,
.app-shell.dark #view-shipping .kls-select{
  color:var(--shipping-dark-text)!important;
}
body.theme-dark #view-shipping .kls-select-display,
.app-shell.dark #view-shipping .kls-select-display{
  background:var(--shipping-dark-field)!important;
  border-color:var(--shipping-dark-border)!important;
  color:var(--shipping-dark-text)!important;
  -webkit-text-fill-color:var(--shipping-dark-text)!important;
}
body.theme-dark #view-shipping .kls-select-text,
body.theme-dark #view-shipping .kls-select-display span,
.app-shell.dark #view-shipping .kls-select-text,
.app-shell.dark #view-shipping .kls-select-display span{
  color:var(--shipping-dark-text)!important;
  -webkit-text-fill-color:var(--shipping-dark-text)!important;
}
body.theme-dark #view-shipping .kls-select-caret,
.app-shell.dark #view-shipping .kls-select-caret{
  stroke:#9fe7ff!important;
  color:#9fe7ff!important;
}
body.theme-dark #view-shipping .kls-select-menu,
.app-shell.dark #view-shipping .kls-select-menu{
  background:#05101a!important;
  border-color:var(--shipping-dark-border)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38)!important;
  scrollbar-color:#3d7896 #071723!important;
}
body.theme-dark #view-shipping .kls-select-option,
body.theme-dark #view-shipping .kls-select-option span,
.app-shell.dark #view-shipping .kls-select-option,
.app-shell.dark #view-shipping .kls-select-option span{
  background:transparent!important;
  color:var(--shipping-dark-text)!important;
  -webkit-text-fill-color:var(--shipping-dark-text)!important;
}
body.theme-dark #view-shipping .kls-select-option:hover,
body.theme-dark #view-shipping .kls-select-option.active,
.app-shell.dark #view-shipping .kls-select-option:hover,
.app-shell.dark #view-shipping .kls-select-option.active{
  background:#0e2a3c!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
body.theme-dark #view-shipping .kls-select-option.selected,
body.theme-dark #view-shipping .kls-select-option.selected span,
.app-shell.dark #view-shipping .kls-select-option.selected,
.app-shell.dark #view-shipping .kls-select-option.selected span{
  background:linear-gradient(135deg,#12bde8,#10a7d6)!important;
  color:#04101a!important;
  -webkit-text-fill-color:#04101a!important;
}
body.theme-dark #view-shipping .kls-select-check,
.app-shell.dark #view-shipping .kls-select-check{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
/* safe single shipping date icon: main Shipping Date field */
#view-shipping .shipping-date-input-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
#view-shipping .shipping-date-input-wrap > input.date-input-enhanced{
  width:100%!important;
  padding-right:48px!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  cursor:pointer!important;
}
#view-shipping .shipping-date-input-wrap > .kls-date-field-icon{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(18,53,79,.14)!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(239,248,255,.92)!important;
  color:#102633!important;
  cursor:pointer!important;
  z-index:4!important;
  box-shadow:0 6px 16px rgba(10,45,70,.08)!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
#view-shipping .shipping-date-input-wrap > .kls-date-field-icon:hover{
  background:#e8f7ff!important;
  border-color:rgba(10,96,148,.24)!important;
}
#view-shipping .shipping-date-input-wrap > .kls-date-field-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.theme-dark #view-shipping .shipping-date-input-wrap > input.date-input-enhanced,
.app-shell.dark #view-shipping .shipping-date-input-wrap > input.date-input-enhanced{
  background-color:var(--shipping-dark-field)!important;
  color:var(--shipping-dark-text)!important;
  -webkit-text-fill-color:var(--shipping-dark-text)!important;
}
body.theme-dark #view-shipping .shipping-date-input-wrap > .kls-date-field-icon,
.app-shell.dark #view-shipping .shipping-date-input-wrap > .kls-date-field-icon{
  background:#0c2030!important;
  border-color:#2d617a!important;
  color:#eaf8ff!important;
  box-shadow:none!important;
}
body.theme-dark #view-shipping .shipping-date-input-wrap > .kls-date-field-icon:hover,
.app-shell.dark #view-shipping .shipping-date-input-wrap > .kls-date-field-icon:hover{
  background:#103047!important;
  border-color:#3d7896!important;
}
/* safe single shipping date icon: custom date fields generated from shipping template */
#view-shipping .product-dynamic-grid .kls-date-dynamic-field{
  position:relative!important;
}
#view-shipping .product-dynamic-grid .kls-date-input-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
#view-shipping .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced{
  width:100%!important;
  padding-right:48px!important;
  background-image:none!important;
  cursor:pointer!important;
}
#view-shipping .product-dynamic-grid .kls-date-field-icon{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(18,53,79,.14)!important;
  border-radius:11px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(239,248,255,.92)!important;
  color:#102633!important;
  cursor:pointer!important;
  z-index:4!important;
  box-shadow:0 6px 16px rgba(10,45,70,.08)!important;
}
#view-shipping .product-dynamic-grid .kls-date-field-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.1!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body.theme-dark #view-shipping .product-dynamic-fields,
.app-shell.dark #view-shipping .product-dynamic-fields{
  border-color:#2d617a!important;
  background:linear-gradient(180deg,#081522 0%, #0a1b29 100%)!important;
}
body.theme-dark #view-shipping .product-dynamic-head strong,
body.theme-dark #view-shipping .product-dynamic-note,
body.theme-dark #view-shipping .product-dynamic-grid label > span,
.app-shell.dark #view-shipping .product-dynamic-head strong,
.app-shell.dark #view-shipping .product-dynamic-note,
.app-shell.dark #view-shipping .product-dynamic-grid label > span{
  color:var(--shipping-dark-text)!important;
}
body.theme-dark #view-shipping .product-dynamic-head span,
.app-shell.dark #view-shipping .product-dynamic-head span{
  background:#eaf7ff!important;
  color:#0a6bc5!important;
}
body.theme-dark #view-shipping .product-dynamic-grid input,
body.theme-dark #view-shipping .product-dynamic-grid select,
.app-shell.dark #view-shipping .product-dynamic-grid input,
.app-shell.dark #view-shipping .product-dynamic-grid select{
  background:var(--shipping-dark-field)!important;
  border-color:var(--shipping-dark-border)!important;
  color:var(--shipping-dark-text)!important;
  -webkit-text-fill-color:var(--shipping-dark-text)!important;
}
body.theme-dark #view-shipping .product-dynamic-grid .kls-date-field-icon,
.app-shell.dark #view-shipping .product-dynamic-grid .kls-date-field-icon{
  background:#0c2030!important;
  border-color:#2d617a!important;
  color:#eaf8ff!important;
  box-shadow:none!important;
}
html[dir="rtl"] #view-shipping .shipping-date-input-wrap > input.date-input-enhanced,
html[dir="rtl"] #view-shipping .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced{
  padding-left:48px!important;
  padding-right:14px!important;
}
html[dir="rtl"] #view-shipping .shipping-date-input-wrap > .kls-date-field-icon,
html[dir="rtl"] #view-shipping .product-dynamic-grid .kls-date-field-icon{
  right:auto!important;
  left:10px!important;
}


/* v2.1.76 — Settings page dark/light theme final polish */
body.theme-dark #view-settings.settings-pro-view,
.app-shell.dark #view-settings.settings-pro-view{
  --settings-border:#244154;
  --settings-text:#eef7ff;
  --settings-muted:#9db4c9;
  --settings-soft:#112131;
}
body.theme-dark #view-settings .settings-pro-head h2,
.app-shell.dark #view-settings .settings-pro-head h2,
body.theme-dark #view-settings .settings-card-title h3,
.app-shell.dark #view-settings .settings-card-title h3,
body.theme-dark #view-settings .settings-form-stack label,
.app-shell.dark #view-settings .settings-form-stack label,
body.theme-dark #view-settings .settings-brand-layout label,
.app-shell.dark #view-settings .settings-brand-layout label,
body.theme-dark #view-settings .settings-currency-grid label,
.app-shell.dark #view-settings .settings-currency-grid label,
body.theme-dark #view-settings .settings-pwa-layout label,
.app-shell.dark #view-settings .settings-pwa-layout label,
body.theme-dark #view-settings .settings-upload-title,
.app-shell.dark #view-settings .settings-upload-title,
body.theme-dark #view-settings .settings-mini-label,
.app-shell.dark #view-settings .settings-mini-label,
body.theme-dark #view-settings .settings-menu-name,
.app-shell.dark #view-settings .settings-menu-name,
body.theme-dark #view-settings .settings-currency-main,
.app-shell.dark #view-settings .settings-currency-main,
body.theme-dark #view-settings .settings-currency-main small,
.app-shell.dark #view-settings .settings-currency-main small,
body.theme-dark #view-settings .settings-danger-note,
.app-shell.dark #view-settings .settings-danger-note,
body.theme-dark #view-settings .settings-info-dot,
.app-shell.dark #view-settings .settings-info-dot,
body.theme-dark #view-settings .settings-order-number,
.app-shell.dark #view-settings .settings-order-number,
body.theme-dark #view-settings .muted,
.app-shell.dark #view-settings .muted,
body.theme-dark #view-settings .settings-sticky-save.is-clean #settingsStickyStatus,
.app-shell.dark #view-settings .settings-sticky-save.is-clean #settingsStickyStatus,
body.theme-dark #view-settings #settingsStickyStatus,
.app-shell.dark #view-settings #settingsStickyStatus{
  color:#e8f4ff!important;
}
body.theme-dark #view-settings .settings-pro-card,
.app-shell.dark #view-settings .settings-pro-card,
body.theme-dark #view-settings .settings-pro-toolbar,
.app-shell.dark #view-settings .settings-pro-toolbar,
body.theme-dark #view-settings .settings-sticky-save,
.app-shell.dark #view-settings .settings-sticky-save{
  background:linear-gradient(180deg,#0d1b28 0%,#0a1722 100%)!important;
  border-color:#244154!important;
  box-shadow:0 16px 38px rgba(0,0,0,.28)!important;
}
body.theme-dark #view-settings .settings-search-shell,
.app-shell.dark #view-settings .settings-search-shell,
body.theme-dark #view-settings .settings-pro-view input,
.app-shell.dark #view-settings .settings-pro-view input,
body.theme-dark #view-settings .settings-pro-view select,
.app-shell.dark #view-settings .settings-pro-view select,
body.theme-dark #view-settings .settings-pro-view .kls-select-display,
.app-shell.dark #view-settings .settings-pro-view .kls-select-display,
body.theme-dark #view-settings .settings-upload-zone,
.app-shell.dark #view-settings .settings-upload-zone,
body.theme-dark #view-settings .settings-menu-table-wrap,
.app-shell.dark #view-settings .settings-menu-table-wrap,
body.theme-dark #view-settings .settings-currency-row,
.app-shell.dark #view-settings .settings-currency-row,
body.theme-dark #view-settings .settings-info-strip,
.app-shell.dark #view-settings .settings-info-strip{
  background:#102030!important;
  border-color:#28465d!important;
  color:#e8f4ff!important;
}
body.theme-dark #view-settings .settings-search-shell input,
.app-shell.dark #view-settings .settings-search-shell input,
body.theme-dark #view-settings .settings-pro-view input::placeholder,
.app-shell.dark #view-settings .settings-pro-view input::placeholder,
body.theme-dark #view-settings .settings-search-shell input::placeholder,
.app-shell.dark #view-settings .settings-search-shell input::placeholder,
body.theme-dark #view-settings .settings-upload-zone small,
.app-shell.dark #view-settings .settings-upload-zone small,
body.theme-dark #view-settings .settings-upload-zone em,
.app-shell.dark #view-settings .settings-upload-zone em,
body.theme-dark #view-settings .settings-shortcut,
.app-shell.dark #view-settings .settings-shortcut{
  color:#9eb8ce!important;
}
body.theme-dark #view-settings .settings-search-shell .kls-icon,
.app-shell.dark #view-settings .settings-search-shell .kls-icon{
  color:#b5cbdd!important;
}
body.theme-dark #view-settings .settings-shortcut,
.app-shell.dark #view-settings .settings-shortcut,
body.theme-dark #view-settings .settings-dirty-badge,
.app-shell.dark #view-settings .settings-dirty-badge{
  background:#122537!important;
  border-color:#2a4961!important;
}
body.theme-dark #view-settings .settings-card-icon,
.app-shell.dark #view-settings .settings-card-icon{
  background:linear-gradient(135deg,#153352,#0f273e)!important;
  box-shadow:inset 0 0 0 1px #285177!important;
  color:#8fd9ff!important;
}
body.theme-dark #view-settings .settings-collapse-btn,
.app-shell.dark #view-settings .settings-collapse-btn,
body.theme-dark #view-settings .settings-top-action,
.app-shell.dark #view-settings .settings-top-action,
body.theme-dark #view-settings .settings-icon-button,
.app-shell.dark #view-settings .settings-icon-button,
body.theme-dark #view-settings .settings-icon-upload-btn,
.app-shell.dark #view-settings .settings-icon-upload-btn,
body.theme-dark #view-settings .settings-small-btn,
.app-shell.dark #view-settings .settings-small-btn,
body.theme-dark #view-settings .settings-pro-view .ghost,
.app-shell.dark #view-settings .settings-pro-view .ghost,
body.theme-dark #view-settings .settings-upload-zone b,
.app-shell.dark #view-settings .settings-upload-zone b{
  background:#102435!important;
  border-color:#2c5878!important;
  color:#eaf6ff!important;
  box-shadow:none!important;
}
body.theme-dark #view-settings .settings-collapse-btn:hover,
.app-shell.dark #view-settings .settings-collapse-btn:hover,
body.theme-dark #view-settings .settings-top-action:hover,
.app-shell.dark #view-settings .settings-top-action:hover,
body.theme-dark #view-settings .settings-icon-button:hover,
.app-shell.dark #view-settings .settings-icon-button:hover,
body.theme-dark #view-settings .settings-icon-upload-btn:hover,
.app-shell.dark #view-settings .settings-icon-upload-btn:hover,
body.theme-dark #view-settings .settings-small-btn:hover,
.app-shell.dark #view-settings .settings-small-btn:hover,
body.theme-dark #view-settings .settings-pro-view .ghost:hover,
.app-shell.dark #view-settings .settings-pro-view .ghost:hover,
body.theme-dark #view-settings .settings-upload-zone:hover b,
.app-shell.dark #view-settings .settings-upload-zone:hover b{
  background:#14314a!important;
  border-color:#3a7595!important;
  color:#ffffff!important;
}
body.theme-dark #view-settings .settings-mini-danger,
.app-shell.dark #view-settings .settings-mini-danger,
body.theme-dark #view-settings .settings-danger-action,
.app-shell.dark #view-settings .settings-danger-action{
  background:#2a1620!important;
  border-color:#8a4159!important;
  color:#ffb2c8!important;
}
body.theme-dark #view-settings .settings-mini-danger:hover,
.app-shell.dark #view-settings .settings-mini-danger:hover,
body.theme-dark #view-settings .settings-danger-action:hover,
.app-shell.dark #view-settings .settings-danger-action:hover{
  background:#341b27!important;
  border-color:#b55474!important;
  color:#ffd6e2!important;
}
body.theme-dark #view-settings .settings-upload-icon-wrap,
.app-shell.dark #view-settings .settings-upload-icon-wrap{
  background:#14314a!important;
  border-color:#295d7a!important;
  box-shadow:0 10px 20px rgba(0,0,0,.18)!important;
}
body.theme-dark #view-settings .settings-upload-zone .settings-upload-icon,
.app-shell.dark #view-settings .settings-upload-zone .settings-upload-icon{
  stroke:#9fe6ff!important;
}
body.theme-dark #view-settings .settings-logo-preview,
.app-shell.dark #view-settings .settings-logo-preview,
body.theme-dark #view-settings .settings-app-icon-preview,
.app-shell.dark #view-settings .settings-app-icon-preview,
body.theme-dark #view-settings .settings-favicon-preview,
.app-shell.dark #view-settings .settings-favicon-preview,
body.theme-dark #view-settings .settings-row-icon,
.app-shell.dark #view-settings .settings-row-icon{
  background:#0c1824!important;
  border-color:#29465f!important;
}
body.theme-dark #view-settings .settings-row-icon,
.app-shell.dark #view-settings .settings-row-icon{
  color:#dcefff!important;
}
body.theme-dark #view-settings .settings-menu-table,
.app-shell.dark #view-settings .settings-menu-table{
  background:transparent!important;
}
body.theme-dark #view-settings .settings-menu-table th,
.app-shell.dark #view-settings .settings-menu-table th{
  background:#132638!important;
  border-color:#244154!important;
  color:#bad1e3!important;
}
body.theme-dark #view-settings .settings-menu-table td,
.app-shell.dark #view-settings .settings-menu-table td{
  border-color:#20374d!important;
  color:#e8f4ff!important;
  background:transparent!important;
}
body.theme-dark #view-settings .settings-toggle span,
.app-shell.dark #view-settings .settings-toggle span{
  background:#6b7f92!important;
}
body.theme-dark #view-settings .settings-toggle input:checked + span,
.app-shell.dark #view-settings .settings-toggle input:checked + span{
  background:linear-gradient(135deg,#0b7df2,#17bce8)!important;
}
body.theme-dark #view-settings .settings-menu-disabled-row,
.app-shell.dark #view-settings .settings-menu-disabled-row{
  opacity:.72!important;
}
body.theme-dark #view-settings .settings-backup-body .button-wrap,
.app-shell.dark #view-settings .settings-backup-body .button-wrap{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
body.theme-dark #view-settings .inline-file > span,
.app-shell.dark #view-settings .inline-file > span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
body.theme-dark #view-settings .settings-pro-view input[readonly],
.app-shell.dark #view-settings .settings-pro-view input[readonly]{
  background:#0d1a27!important;
  color:#d7e9f8!important;
}
body.theme-dark #view-settings .settings-pro-view input:focus,
.app-shell.dark #view-settings .settings-pro-view input:focus,
body.theme-dark #view-settings .settings-pro-view select:focus,
.app-shell.dark #view-settings .settings-pro-view select:focus,
body.theme-dark #view-settings .settings-pro-view .kls-select.open .kls-select-display,
.app-shell.dark #view-settings .settings-pro-view .kls-select.open .kls-select-display,
body.theme-dark #view-settings .settings-pro-view .kls-select-display:focus-visible,
.app-shell.dark #view-settings .settings-pro-view .kls-select-display:focus-visible{
  border-color:#57c7ef!important;
  box-shadow:0 0 0 4px rgba(17,183,230,.15)!important;
}
body.theme-dark #view-settings .settings-pro-view .primary,
.app-shell.dark #view-settings .settings-pro-view .primary{
  color:#fff!important;
}
body.theme-dark #view-settings .settings-info-strip,
.app-shell.dark #view-settings .settings-info-strip{
  color:#cfe7f7!important;
}
body.theme-dark #view-settings .settings-menu-table-wrap::-webkit-scrollbar,
.app-shell.dark #view-settings .settings-menu-table-wrap::-webkit-scrollbar{
  height:10px;
  width:10px;
}
body.theme-dark #view-settings .settings-menu-table-wrap::-webkit-scrollbar-thumb,
.app-shell.dark #view-settings .settings-menu-table-wrap::-webkit-scrollbar-thumb{
  background:#465a6d;
  border-radius:999px;
}
body.theme-dark #view-settings .settings-menu-table-wrap::-webkit-scrollbar-track,
.app-shell.dark #view-settings .settings-menu-table-wrap::-webkit-scrollbar-track{
  background:#162534;
}


/* v2.1.77 — Settings Layout Balance PRO */
@media (min-width:1251px){
  #view-settings .settings-pro-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,.82fr)!important;
    gap:18px!important;
    align-items:start!important;
  }

  #view-settings .settings-brand-card{
    grid-column:span 2!important;
  }

  #view-settings .settings-pro-card[data-settings-card="defaults"]{
    grid-column:span 1!important;
  }

  #view-settings .settings-pro-card[data-settings-card="currencies"]{
    grid-column:span 1!important;
  }

  #view-settings .settings-pwa-card{
    grid-column:span 2!important;
  }

  #view-settings .settings-menu-card,
  #view-settings .settings-backup-card{
    grid-column:1 / -1!important;
  }

  #view-settings .settings-brand-layout{
    grid-template-columns:minmax(420px,1.35fr) minmax(320px,.85fr)!important;
    gap:22px!important;
    align-items:stretch!important;
  }
}

@media (min-width:901px) and (max-width:1250px){
  #view-settings .settings-pro-grid{
    grid-template-columns:1fr 1fr!important;
    gap:16px!important;
  }

  #view-settings .settings-brand-card,
  #view-settings .settings-pwa-card,
  #view-settings .settings-menu-card,
  #view-settings .settings-backup-card{
    grid-column:1 / -1!important;
  }

  #view-settings .settings-pro-card[data-settings-card="currencies"],
  #view-settings .settings-pro-card[data-settings-card="defaults"]{
    grid-column:span 1!important;
  }

  #view-settings .settings-brand-layout{
    grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;
    gap:18px!important;
  }
}

@media (max-width:900px){
  #view-settings .settings-pro-grid{
    grid-template-columns:1fr!important;
  }

  #view-settings .settings-brand-card,
  #view-settings .settings-pwa-card,
  #view-settings .settings-menu-card,
  #view-settings .settings-backup-card,
  #view-settings .settings-pro-card[data-settings-card="currencies"],
  #view-settings .settings-pro-card[data-settings-card="defaults"]{
    grid-column:1 / -1!important;
  }

  #view-settings .settings-brand-layout{
    grid-template-columns:1fr!important;
  }
}

#view-settings .settings-brand-card{
  overflow:visible!important;
}

#view-settings .settings-brand-card .settings-card-body{
  overflow:visible!important;
}

#view-settings .settings-brand-layout{
  min-width:0!important;
}

#view-settings .settings-brand-layout > *,
#view-settings .settings-upload-side{
  min-width:0!important;
}

#view-settings .settings-upload-side{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

#view-settings .settings-upload-zone{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

#view-settings .settings-upload-zone b{
  white-space:nowrap!important;
}

#view-settings .settings-preview-row{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  align-items:center!important;
  overflow:visible!important;
}

#view-settings .settings-preview-row > div{
  min-width:0!important;
}

#view-settings .settings-mini-danger{
  flex:0 0 auto!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border-radius:14px!important;
}

#view-settings .settings-pro-card[data-settings-card="currencies"] .settings-currency-grid{
  grid-template-columns:1fr 1fr .7fr!important;
}

#view-settings .settings-pwa-card .settings-icon-group{
  grid-template-columns:minmax(180px,1fr) 110px minmax(180px,1fr) 90px!important;
  gap:18px!important;
}

@media (max-width:760px){
  #view-settings .settings-pro-card[data-settings-card="currencies"] .settings-currency-grid,
  #view-settings .settings-pwa-card .settings-icon-group{
    grid-template-columns:1fr!important;
  }
}

/* v2.1.79 — Users & Permissions PRO UI */
#view-users.users-pro-view{
  --users-bg:#eef6fb;
  --users-card:#ffffff;
  --users-card-soft:#f7fbff;
  --users-line:#d8e7f3;
  --users-line-strong:#c7dceb;
  --users-text:#06142a;
  --users-muted:#60758e;
  --users-blue:#0b79ff;
  --users-blue-2:#0bb8e8;
  --users-shadow:0 18px 42px rgba(9,45,82,.10);
  color:var(--users-text);
  display:block;
}
#view-users .users-pro-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:4px 0 20px;
}
#view-users .users-eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#eaf5ff;color:#0b79ff;font-weight:900;font-size:12px;margin-bottom:10px;
}
#view-users .users-pro-head h2{margin:0 0 6px;font-size:34px;line-height:1.08;color:var(--users-text);letter-spacing:-.04em;}
#view-users .users-pro-head p{margin:0;color:var(--users-muted);font-size:15px;}
#view-users .users-pro-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto;}
#view-users .users-search-field{
  height:48px;min-width:320px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--users-line);background:#fff;border-radius:14px;box-shadow:0 8px 22px rgba(6,28,55,.04);
}
#view-users .users-search-field svg,#view-users .users-filter-btn svg,#view-users .users-primary-action svg,#view-users .users-card-head svg,#view-users .users-save-btn svg,#view-users .users-reset-btn svg,#view-users .users-action-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
#view-users .users-search-field svg{color:#486786;flex:0 0 auto;}
#view-users .users-search-field input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;width:100%;height:42px;color:var(--users-text);font-weight:700;}
#view-users .users-search-field input::placeholder{color:#7d93aa;}
#view-users .users-filter-btn,#view-users .users-primary-action,#view-users .users-save-btn,#view-users .users-reset-btn,#view-users .users-icon-btn,#view-users .users-collapse-btn,#view-users .users-action-btn,.users-pagination button{
  border:1px solid var(--users-line);border-radius:14px;background:#fff;color:#17304a;height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;text-decoration:none;
}
#view-users .users-filter-btn:hover,#view-users .users-reset-btn:hover,#view-users .users-action-btn:hover,.users-pagination button:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(9,45,82,.09);border-color:#b8d5eb;}
#view-users .users-primary-action,#view-users .users-save-btn{background:linear-gradient(135deg,var(--users-blue),var(--users-blue-2));border-color:transparent;color:#fff;box-shadow:0 14px 30px rgba(11,121,255,.22);}
#view-users .users-primary-action:hover,#view-users .users-save-btn:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(11,121,255,.30);}
#view-users .users-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px;}
#view-users .users-kpi-card{background:var(--users-card);border:1px solid var(--users-line);border-radius:22px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--users-shadow);min-height:112px;}
#view-users .users-kpi-card strong{display:block;font-size:28px;line-height:1;color:var(--users-text);font-weight:950;letter-spacing:-.04em;}
#view-users .users-kpi-card span:not(.users-kpi-icon){display:block;color:#1c334f;font-weight:900;margin-top:6px;}
#view-users .users-kpi-card small{display:block;color:var(--users-muted);font-weight:700;margin-top:5px;}
#view-users .users-kpi-icon{width:58px;height:58px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
#view-users .users-kpi-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
#view-users .users-kpi-icon.blue{background:#e8f1ff;color:#0b79ff}.users-kpi-icon.green{background:#e8fbeF;color:#22c55e}.users-kpi-icon.purple{background:#f3eaff;color:#8b5cf6}.users-kpi-icon.orange{background:#fff1df;color:#f59e0b}
#view-users .users-pro-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr);gap:18px;align-items:start;}
#view-users .users-pro-grid>.full{grid-column:1 / -1;}
#view-users .users-card{background:var(--users-card);border:1px solid var(--users-line);border-radius:24px;box-shadow:var(--users-shadow);overflow:hidden;}
#view-users .users-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 10px;}
#view-users .users-card-head h3{display:flex;align-items:center;gap:10px;margin:0;color:var(--users-text);font-size:19px;line-height:1.2;font-weight:950;letter-spacing:-.025em;}
#view-users .users-card-head .muted{margin:6px 0 0;color:var(--users-muted);font-weight:700;}
#view-users .users-section-icon{width:32px;height:32px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#edf6ff;color:#0b79ff;flex:0 0 auto;}
#view-users .users-collapse-btn{width:42px;height:42px;padding:0;border-radius:14px;color:#284663;background:#f9fcff;}
#view-users .users-collapse-btn svg{width:17px;height:17px;}
#view-users .users-card-body{padding:12px 22px 22px;}
#view-users .users-card.is-collapsed .users-card-body{display:none;}
#view-users .users-form-pro{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
#view-users .users-form-pro label{display:flex;flex-direction:column;gap:8px;color:var(--users-text);font-weight:900;font-size:13px;}
#view-users .users-form-pro label.full{grid-column:1 / -1;}
#view-users .users-form-pro input,#view-users .users-form-pro select,#view-users .users-form-pro .kls-select-display{height:48px;border:1px solid var(--users-line);border-radius:14px;background:#fff;color:var(--users-text);font-weight:850;padding:0 14px;outline:none;box-shadow:none;}
#view-users .users-form-pro input::placeholder{color:#8ba0b3;font-weight:700;}
#view-users .users-form-pro input:focus,#view-users .users-form-pro select:focus,#view-users .users-form-pro .kls-select.open .kls-select-display{border-color:#2eb8ef;box-shadow:0 0 0 4px rgba(14,165,233,.14);}
#view-users .users-password-wrap{display:flex;align-items:center;width:100%;}
#view-users .users-password-wrap input{border-radius:14px 0 0 14px;flex:1;}
#view-users .users-icon-btn{width:48px;height:48px;padding:0;border-radius:0 14px 14px 0;border-left:0;color:#34536f;}
#view-users #u_avatar{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
#view-users .users-upload-zone{min-height:76px;border:1.5px dashed #bcd4e8;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f5faff);display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;text-align:left;cursor:pointer;}
#view-users .users-upload-zone svg{width:28px;height:28px;fill:none;stroke:#0b79ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}
#view-users .users-upload-zone b{display:block;color:#14304b;font-size:13px;font-weight:950;}
#view-users .users-upload-zone em{font-style:normal;color:#0b79ff;}
#view-users .users-upload-zone small{display:block;color:var(--users-muted);margin-top:4px;font-weight:700;}
#view-users .users-button-row{display:flex!important;flex-direction:row!important;gap:10px;align-items:center;margin-top:0;}
#view-users .users-save-btn,#view-users .users-reset-btn{height:46px;}
#view-users .users-table-wrap,.users-permissions-wrap{width:100%;overflow:auto;}
#view-users .users-table-pro,#view-users .users-permission-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px;}
#view-users .users-table-pro th,#view-users .users-table-pro td,#view-users .users-permission-table th,#view-users .users-permission-table td{padding:16px 14px;border-bottom:1px solid var(--users-line);text-align:left;vertical-align:middle;color:var(--users-text);}
#view-users .users-table-pro th,#view-users .users-permission-table th{font-size:13px;text-transform:none;color:#1d3553;font-weight:950;background:transparent;}
#view-users .users-user-cell{display:flex;align-items:center;gap:12px;min-width:180px;}
#view-users .users-user-cell strong{display:block;color:var(--users-text);font-weight:950;}
#view-users .users-user-cell small{display:block;color:var(--users-muted);font-weight:700;margin-top:3px;}
#view-users .users-avatar-wrap{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#0b79ff;color:#fff;overflow:hidden;position:relative;flex:0 0 auto;box-shadow:0 6px 16px rgba(11,121,255,.18);}
#view-users .users-avatar-wrap img{width:100%;height:100%;object-fit:cover;display:block;}
#view-users .users-avatar-wrap b{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:13px;}
#view-users .role-chip.role-owner{background:#fff2ca;color:#9a5b00;border:1px solid #ffd784;}
#view-users .role-chip.role-admin{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe;}
#view-users .role-chip.role-staff{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;}
#view-users .role-chip.role-viewer{background:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe;}
#view-users .users-status{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:950;border:1px solid transparent;}
#view-users .users-status.active{background:#dcfce7;color:#15803d;border-color:#bbf7d0;}
#view-users .users-status i{width:6px;height:6px;border-radius:50%;background:currentColor;}
#view-users .users-last-login{font-size:13px;color:#496782;font-weight:800;}
#view-users .users-row-actions{display:flex;align-items:center;gap:8px;justify-content:flex-start;}
#view-users .users-action-btn{height:38px;padding:0 12px;border-radius:12px;font-size:13px;background:#f9fcff;color:#16324e;}
#view-users .users-action-btn svg{width:16px;height:16px;}
#view-users .users-action-btn.danger{color:#e11d48;border-color:#ffd2dc;background:#fff7f9;min-width:38px;padding:0;}
#view-users .users-table-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;color:var(--users-muted);font-size:13px;font-weight:800;}
#view-users .users-pagination{display:flex;align-items:center;gap:6px;}
#view-users .users-pagination button{width:36px;height:36px;padding:0;border-radius:11px;font-weight:950;}
#view-users .users-pagination button.active{background:#0b79ff;color:#fff;border-color:#0b79ff;}
#view-users .users-head-actions{display:flex;align-items:center;gap:10px;}
#view-users .users-permission-table th:not(:first-child),#view-users .users-permission-table td:not(:first-child){text-align:center;}
#view-users .users-permission-table td:first-child strong{font-weight:900;color:var(--users-text);}
#view-users .perm-switch{width:48px;height:28px;}
#view-users .perm-switch .perm-slider{width:48px;height:28px;background:#dbe6ef;border-color:#b8c8d6;}
#view-users .perm-switch .perm-slider::after{width:22px;height:22px;top:2px;left:2px;}
#view-users .perm-switch input:checked + .perm-slider{background:#0b79ff;border-color:#0b79ff;}
#view-users .perm-switch input:disabled + .perm-slider{background:#22c55e;border-color:#22c55e;}
#view-users .users-empty-row{text-align:center!important;padding:28px!important;color:var(--users-muted)!important;}

body.theme-dark #view-users.users-pro-view,.app-shell.dark #view-users.users-pro-view{
  --users-bg:#06111b;
  --users-card:#0b1723;
  --users-card-soft:#0d1f2f;
  --users-line:#244258;
  --users-line-strong:#2f607c;
  --users-text:#f3fbff;
  --users-muted:#9db7cb;
  --users-blue:#147dff;
  --users-blue-2:#12bde8;
  --users-shadow:0 18px 42px rgba(0,0,0,.25);
  color:var(--users-text);
}
body.theme-dark #view-users .users-eyebrow,.app-shell.dark #view-users .users-eyebrow{background:#0d2740;color:#8bdcff;}
body.theme-dark #view-users .users-pro-head h2,body.theme-dark #view-users .users-card-head h3,body.theme-dark #view-users .users-kpi-card strong,body.theme-dark #view-users .users-user-cell strong,body.theme-dark #view-users .users-permission-table td:first-child strong,.app-shell.dark #view-users .users-pro-head h2,.app-shell.dark #view-users .users-card-head h3,.app-shell.dark #view-users .users-kpi-card strong,.app-shell.dark #view-users .users-user-cell strong,.app-shell.dark #view-users .users-permission-table td:first-child strong{color:var(--users-text)!important;}
body.theme-dark #view-users .users-pro-head p,body.theme-dark #view-users .users-kpi-card small,body.theme-dark #view-users .users-user-cell small,body.theme-dark #view-users .users-table-footer,body.theme-dark #view-users .users-card-head .muted,.app-shell.dark #view-users .users-pro-head p,.app-shell.dark #view-users .users-kpi-card small,.app-shell.dark #view-users .users-user-cell small,.app-shell.dark #view-users .users-table-footer,.app-shell.dark #view-users .users-card-head .muted{color:var(--users-muted)!important;}
body.theme-dark #view-users .users-card,body.theme-dark #view-users .users-kpi-card,.app-shell.dark #view-users .users-card,.app-shell.dark #view-users .users-kpi-card{background:linear-gradient(180deg,#0d1b28,#0a1722)!important;border-color:var(--users-line)!important;box-shadow:var(--users-shadow)!important;}
body.theme-dark #view-users .users-search-field,body.theme-dark #view-users .users-form-pro input,body.theme-dark #view-users .users-form-pro select,body.theme-dark #view-users .users-form-pro .kls-select-display,body.theme-dark #view-users .users-password-wrap,body.theme-dark #view-users .users-table-pro,body.theme-dark #view-users .users-upload-zone,.app-shell.dark #view-users .users-search-field,.app-shell.dark #view-users .users-form-pro input,.app-shell.dark #view-users .users-form-pro select,.app-shell.dark #view-users .users-form-pro .kls-select-display,.app-shell.dark #view-users .users-password-wrap,.app-shell.dark #view-users .users-table-pro,.app-shell.dark #view-users .users-upload-zone{background:#0d1f2f!important;border-color:var(--users-line)!important;color:var(--users-text)!important;}
body.theme-dark #view-users .users-search-field input,.app-shell.dark #view-users .users-search-field input{color:var(--users-text)!important;-webkit-text-fill-color:var(--users-text)!important;}
body.theme-dark #view-users .users-search-field input::placeholder,body.theme-dark #view-users .users-form-pro input::placeholder,.app-shell.dark #view-users .users-search-field input::placeholder,.app-shell.dark #view-users .users-form-pro input::placeholder{color:#88a8bd!important;}
body.theme-dark #view-users .users-filter-btn,body.theme-dark #view-users .users-reset-btn,body.theme-dark #view-users .users-icon-btn,body.theme-dark #view-users .users-collapse-btn,body.theme-dark #view-users .users-action-btn,body.theme-dark #view-users .users-pagination button,.app-shell.dark #view-users .users-filter-btn,.app-shell.dark #view-users .users-reset-btn,.app-shell.dark #view-users .users-icon-btn,.app-shell.dark #view-users .users-collapse-btn,.app-shell.dark #view-users .users-action-btn,.app-shell.dark #view-users .users-pagination button{background:#102435!important;border-color:#2c5878!important;color:#eaf6ff!important;box-shadow:none!important;}
body.theme-dark #view-users .users-filter-btn:hover,body.theme-dark #view-users .users-reset-btn:hover,body.theme-dark #view-users .users-action-btn:hover,body.theme-dark #view-users .users-collapse-btn:hover,.app-shell.dark #view-users .users-filter-btn:hover,.app-shell.dark #view-users .users-reset-btn:hover,.app-shell.dark #view-users .users-action-btn:hover,.app-shell.dark #view-users .users-collapse-btn:hover{background:#14314a!important;border-color:#3a7595!important;color:#fff!important;}
body.theme-dark #view-users .users-section-icon,.app-shell.dark #view-users .users-section-icon{background:#102f48;color:#8bdcff;}
body.theme-dark #view-users .users-kpi-card span:not(.users-kpi-icon),body.theme-dark #view-users .users-form-pro label,body.theme-dark #view-users .users-form-pro label span,.app-shell.dark #view-users .users-kpi-card span:not(.users-kpi-icon),.app-shell.dark #view-users .users-form-pro label,.app-shell.dark #view-users .users-form-pro label span{color:var(--users-text)!important;}
body.theme-dark #view-users .users-upload-zone b,.app-shell.dark #view-users .users-upload-zone b{color:#e8f7ff!important;}
body.theme-dark #view-users .users-upload-zone small,.app-shell.dark #view-users .users-upload-zone small{color:#9db7cb!important;}
body.theme-dark #view-users .users-upload-zone svg,.app-shell.dark #view-users .users-upload-zone svg{stroke:#8bdcff!important;}
body.theme-dark #view-users .users-table-pro th,body.theme-dark #view-users .users-table-pro td,body.theme-dark #view-users .users-permission-table th,body.theme-dark #view-users .users-permission-table td,.app-shell.dark #view-users .users-table-pro th,.app-shell.dark #view-users .users-table-pro td,.app-shell.dark #view-users .users-permission-table th,.app-shell.dark #view-users .users-permission-table td{border-color:#20384c!important;color:var(--users-text)!important;}
body.theme-dark #view-users .users-table-pro th,body.theme-dark #view-users .users-permission-table th,.app-shell.dark #view-users .users-table-pro th,.app-shell.dark #view-users .users-permission-table th{color:#bad1e3!important;}
body.theme-dark #view-users .users-last-login,.app-shell.dark #view-users .users-last-login{color:#bdd5e8!important;}
body.theme-dark #view-users .users-action-btn.danger,.app-shell.dark #view-users .users-action-btn.danger{background:#2a1620!important;border-color:#8a4159!important;color:#ffb2c8!important;}
body.theme-dark #view-users .users-status.active,.app-shell.dark #view-users .users-status.active{background:rgba(34,197,94,.14)!important;color:#8df7b5!important;border-color:rgba(34,197,94,.28)!important;}
body.theme-dark #view-users .role-chip.role-owner,.app-shell.dark #view-users .role-chip.role-owner{background:rgba(245,158,11,.14)!important;color:#ffd483!important;border-color:rgba(245,158,11,.32)!important;}
body.theme-dark #view-users .role-chip.role-admin,.app-shell.dark #view-users .role-chip.role-admin{background:rgba(59,130,246,.16)!important;color:#a7ccff!important;border-color:rgba(59,130,246,.32)!important;}
body.theme-dark #view-users .role-chip.role-staff,.app-shell.dark #view-users .role-chip.role-staff{background:rgba(14,165,233,.16)!important;color:#9fe7ff!important;border-color:rgba(14,165,233,.32)!important;}
body.theme-dark #view-users .role-chip.role-viewer,.app-shell.dark #view-users .role-chip.role-viewer{background:rgba(139,92,246,.16)!important;color:#cabdff!important;border-color:rgba(139,92,246,.32)!important;}

@media (max-width: 1180px){
  #view-users .users-pro-head{flex-direction:column;}
  #view-users .users-pro-actions{width:100%;margin-left:0;}
  #view-users .users-search-field{min-width:220px;flex:1;}
  #view-users .users-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  #view-users .users-pro-grid{grid-template-columns:1fr;}
}
@media (max-width: 680px){
  #view-users .users-pro-head h2{font-size:28px;}
  #view-users .users-pro-actions{display:grid;grid-template-columns:1fr;}
  #view-users .users-search-field{min-width:0;width:100%;}
  #view-users .users-kpi-grid{grid-template-columns:1fr;}
  #view-users .users-form-pro{grid-template-columns:1fr;}
  #view-users .users-card-head{align-items:flex-start;}
  #view-users .users-head-actions{align-items:flex-end;flex-direction:column-reverse;}
  #view-users .users-save-btn,#view-users .users-reset-btn,#view-users .users-primary-action,#view-users .users-filter-btn{width:100%;}
  #view-users .users-button-row{flex-direction:column!important;align-items:stretch;}
}

/* v2.1.79 — Users & Permissions Compact Polish */
#view-users.users-pro-view{
  font-size:14px!important;
  line-height:1.45!important;
}
#view-users .users-eyebrow{
  padding:5px 10px!important;
  font-size:11px!important;
  font-weight:750!important;
  margin-bottom:8px!important;
}
#view-users .users-pro-head{margin:2px 0 16px!important;gap:14px!important;}
#view-users .users-pro-head h2{
  font-size:28px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  font-weight:800!important;
}
#view-users .users-pro-head p{font-size:14px!important;font-weight:500!important;}
#view-users .users-search-field{height:44px!important;min-width:300px!important;border-radius:13px!important;}
#view-users .users-search-field input{height:40px!important;font-size:14px!important;font-weight:550!important;}
#view-users .users-filter-btn,#view-users .users-primary-action,#view-users .users-save-btn,#view-users .users-reset-btn,#view-users .users-icon-btn,#view-users .users-collapse-btn,#view-users .users-action-btn,#view-users .users-pagination button{
  font-weight:700!important;
}
#view-users .users-filter-btn,#view-users .users-primary-action{height:44px!important;padding:0 16px!important;border-radius:13px!important;font-size:14px!important;}
#view-users .users-kpi-grid{gap:14px!important;margin-bottom:18px!important;}
#view-users .users-kpi-card{
  min-height:92px!important;
  padding:16px!important;
  border-radius:18px!important;
  gap:14px!important;
}
#view-users .users-kpi-icon{width:48px!important;height:48px!important;border-radius:18px!important;}
#view-users .users-kpi-icon svg{width:23px!important;height:23px!important;}
#view-users .users-kpi-card strong{font-size:24px!important;font-weight:800!important;letter-spacing:-.025em!important;}
#view-users .users-kpi-card span:not(.users-kpi-icon){font-size:13px!important;font-weight:750!important;margin-top:4px!important;}
#view-users .users-kpi-card small{font-size:12px!important;font-weight:550!important;margin-top:3px!important;}
#view-users .users-pro-grid{gap:16px!important;grid-template-columns:minmax(340px,.72fr) minmax(500px,1.28fr)!important;}
#view-users .users-card{border-radius:20px!important;}
#view-users .users-card-head{padding:17px 20px 8px!important;}
#view-users .users-card-head h3{font-size:17px!important;font-weight:800!important;letter-spacing:-.01em!important;}
#view-users .users-card-head .muted{font-size:13px!important;font-weight:500!important;}
#view-users .users-section-icon{width:29px!important;height:29px!important;border-radius:10px!important;}
#view-users .users-section-icon svg{width:16px!important;height:16px!important;}
#view-users .users-collapse-btn{width:38px!important;height:38px!important;border-radius:13px!important;}
#view-users .users-card-body{padding:10px 20px 20px!important;}
#view-users .users-form-pro{gap:13px!important;}
#view-users .users-form-pro label{gap:7px!important;font-size:12px!important;font-weight:700!important;}
#view-users .users-form-pro input,#view-users .users-form-pro select,#view-users .users-form-pro .kls-select-display{
  height:44px!important;
  border-radius:13px!important;
  font-size:14px!important;
  font-weight:600!important;
  padding:0 13px!important;
}
#view-users .users-password-wrap input{border-radius:13px 0 0 13px!important;}
#view-users .users-icon-btn{width:44px!important;height:44px!important;border-radius:0 13px 13px 0!important;padding:0!important;}
#view-users .users-icon-btn svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  display:block!important;
}
#view-users .users-eye-btn{color:#31516d!important;background:#fff!important;}
#view-users .users-upload-zone{min-height:70px!important;border-radius:14px!important;padding:14px!important;gap:12px!important;}
#view-users .users-upload-zone svg{width:22px!important;height:22px!important;}
#view-users .users-upload-icon{width:38px!important;height:38px!important;border-radius:14px!important;background:#eaf5ff;color:#0b79ff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
#view-users .users-upload-icon svg{stroke:currentColor!important;}
#view-users .users-upload-zone b{font-size:12.5px!important;font-weight:750!important;}
#view-users .users-upload-zone small{font-size:11.5px!important;font-weight:500!important;}
#view-users .users-save-btn,#view-users .users-reset-btn{height:42px!important;border-radius:13px!important;font-size:14px!important;padding:0 16px!important;}
#view-users .users-table-pro,#view-users .users-permission-table{min-width:640px!important;}
#view-users .users-table-pro th,#view-users .users-table-pro td,#view-users .users-permission-table th,#view-users .users-permission-table td{
  padding:12px 12px!important;
  font-size:13px!important;
  font-weight:550!important;
}
#view-users .users-table-pro th,#view-users .users-permission-table th{font-size:12px!important;font-weight:750!important;}
#view-users .users-user-cell{gap:10px!important;min-width:150px!important;}
#view-users .users-user-cell strong{font-size:13.5px!important;font-weight:750!important;}
#view-users .users-user-cell small{font-size:11.5px!important;font-weight:500!important;}
#view-users .users-avatar-wrap{width:36px!important;height:36px!important;}
#view-users .users-avatar-wrap b{font-size:12px!important;}
#view-users .role-chip,#view-users .users-status{font-size:11.5px!important;font-weight:700!important;padding:5px 9px!important;}
#view-users .users-last-login{font-size:12px!important;font-weight:550!important;}
#view-users .users-row-actions{gap:7px!important;white-space:nowrap!important;}
#view-users .users-action-btn{height:34px!important;min-width:34px!important;padding:0 10px!important;border-radius:11px!important;font-size:12.5px!important;font-weight:700!important;}
#view-users .users-action-btn svg{width:15px!important;height:15px!important;}
#view-users .users-table-footer{font-size:12.5px!important;font-weight:650!important;padding-top:12px!important;}
#view-users .users-pagination button{width:32px!important;height:32px!important;border-radius:10px!important;font-size:13px!important;}
#view-users .users-permission-table td:first-child strong{font-size:13.5px!important;font-weight:700!important;}
#view-users .perm-switch{width:42px!important;height:24px!important;display:inline-flex!important;align-items:center!important;}
#view-users .perm-switch .perm-slider{width:42px!important;height:24px!important;border-radius:999px!important;}
#view-users .perm-switch .perm-slider::after{width:18px!important;height:18px!important;top:2px!important;left:2px!important;}
#view-users .perm-switch input:checked + .perm-slider::after{transform:translateX(18px)!important;}
body.theme-dark #view-users .users-eye-btn,.app-shell.dark #view-users .users-eye-btn{background:#102435!important;color:#eaf6ff!important;border-color:#2c5878!important;}
body.theme-dark #view-users .users-upload-icon,.app-shell.dark #view-users .users-upload-icon{background:#102f48!important;color:#8bdcff!important;}
body.theme-dark #view-users .users-upload-icon svg,.app-shell.dark #view-users .users-upload-icon svg{stroke:currentColor!important;}
body.theme-dark #view-users .users-form-pro input,body.theme-dark #view-users .users-form-pro select,body.theme-dark #view-users .users-form-pro .kls-select-display,.app-shell.dark #view-users .users-form-pro input,.app-shell.dark #view-users .users-form-pro select,.app-shell.dark #view-users .users-form-pro .kls-select-display{-webkit-text-fill-color:var(--users-text)!important;}
@media (max-width:1180px){#view-users .users-pro-grid{grid-template-columns:1fr!important;}#view-users .users-pro-head h2{font-size:26px!important;}}
@media (max-width:680px){#view-users .users-pro-head h2{font-size:24px!important;}#view-users .users-search-field{min-width:0!important;width:100%!important;}}


/* v2.1.80 — Users & Permissions final compact polish + GIF upload support */
#view-users .users-eyebrow{display:none!important;}
#view-users .users-pro-head{margin-top:0!important;}
#view-users .users-pro-head h2{font-size:26px!important;font-weight:780!important;}
#view-users .users-kpi-card{min-height:86px!important;padding:14px 15px!important;border-radius:17px!important;gap:12px!important;}
#view-users .users-kpi-icon{width:44px!important;height:44px!important;border-radius:16px!important;}
#view-users .users-kpi-icon svg{width:21px!important;height:21px!important;}
#view-users .users-kpi-card strong{font-size:21px!important;font-weight:780!important;letter-spacing:-.02em!important;}
#view-users .users-kpi-card span:not(.users-kpi-icon){font-size:12.5px!important;font-weight:720!important;margin-top:3px!important;line-height:1.2!important;}
#view-users .users-kpi-card small{font-size:11.5px!important;font-weight:520!important;line-height:1.25!important;}
#view-users .users-button-row{gap:12px!important;align-items:center!important;}
#view-users .users-button-row .users-save-btn{min-width:118px!important;height:44px!important;padding:0 18px!important;white-space:nowrap!important;flex-shrink:0!important;font-size:13.5px!important;border-radius:13px!important;}
#view-users .users-button-row .users-save-btn span{white-space:nowrap!important;display:inline-flex!important;line-height:1!important;}
#view-users .users-button-row .users-save-btn svg{width:17px!important;height:17px!important;flex:0 0 auto!important;}
#view-users .users-button-row .users-reset-btn{height:44px!important;min-width:104px!important;padding:0 17px!important;}
#view-users .users-upload-zone{min-height:74px!important;}
#view-users .users-permission-table th,#view-users .users-permission-table td{padding:11px 12px!important;}
#view-users .users-permission-table td:first-child strong{font-size:13px!important;font-weight:680!important;}
#view-users .perm-switch{width:40px!important;height:22px!important;}
#view-users .perm-switch .perm-slider{width:40px!important;height:22px!important;}
#view-users .perm-switch .perm-slider::after{width:16px!important;height:16px!important;top:2px!important;left:2px!important;}
#view-users .perm-switch input:checked + .perm-slider::after{transform:translateX(18px)!important;}
@media (max-width:680px){#view-users .users-pro-head h2{font-size:23px!important;}#view-users .users-button-row .users-save-btn,#view-users .users-button-row .users-reset-btn{width:100%!important;}}


/* v2.1.81 — Users page spacing + fresh reset polish */
#view-users .users-pro-head{
  margin-top:18px!important;
  margin-bottom:26px!important;
  gap:24px!important;
  align-items:flex-start!important;
}
#view-users .users-pro-head h2{
  margin-bottom:8px!important;
}
#view-users .users-pro-actions{
  gap:16px!important;
  padding-top:8px!important;
}
#view-users .users-search-field{
  margin-right:2px!important;
}
#view-users .users-kpi-grid{
  margin-top:2px!important;
}
@media (max-width:1180px){
  #view-users .users-pro-head{margin-top:14px!important;margin-bottom:22px!important;gap:16px!important;}
  #view-users .users-pro-actions{padding-top:0!important;}
}
@media (max-width:680px){
  #view-users .users-pro-head{margin-top:12px!important;margin-bottom:18px!important;}
  #view-users .users-pro-actions{gap:10px!important;}
}


/* v2.1.82 — Users page scope fix */
#view-users.users-pro-view:not(.active){
  display:none!important;
}
#view-users.users-pro-view.active{
  display:block!important;
}

/* v2.1.83 — Print Center PRO UI/UX + Theme polish */
.print-pro-view{display:grid;gap:18px}
.print-pro-head{align-items:flex-start}
.print-page-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.print-page-title h2{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.02em}
.print-page-title-icon,.print-pro-card-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(180deg,#eef5ff 0%,#e5f1ff 100%);color:var(--primary);box-shadow:0 8px 22px rgba(17,183,230,.16)}
.print-page-title-icon{width:42px;height:42px}
.print-pro-card{padding:20px 20px 18px;border-radius:24px}
.print-pro-card-head{margin-bottom:16px;gap:14px;align-items:flex-start}
.print-pro-card-title-group{display:flex;align-items:flex-start;gap:12px;min-width:0}
.print-pro-card-title-group h3{margin:0 0 4px;font-size:1.5rem;font-weight:800;line-height:1.15}
.print-pro-card-title-group p{margin:0;font-size:.98rem;line-height:1.5}
.print-pro-card-icon{width:38px;height:38px;flex:0 0 38px}
.print-card-collapse-btn{width:40px;height:40px;min-width:40px;padding:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(15,23,42,.06)}
.print-card-collapse-btn .kls-ui-icon{width:18px;height:18px}
.print-card-collapse-btn:hover{border-color:var(--primary);color:var(--primary)}
.print-pro-card-body{display:block}
.print-pro-card.is-collapsed .print-pro-card-body{display:none}
.print-pro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.print-pro-field{display:flex;flex-direction:column;gap:8px;font-size:.95rem;font-weight:600;color:var(--text-strong)}
.print-pro-field>span{font-size:.96rem;font-weight:700;color:var(--text-strong)}
.print-pro-field input,.print-pro-field select,.print-qty-stepper{min-height:52px}
.print-pro-field input,.print-pro-field select{font-size:1rem;font-weight:500}
.print-record-field.is-disabled{opacity:.72}
.print-quantity-field{min-width:0}
.print-qty-stepper{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.print-qty-stepper input{border:none!important;background:transparent!important;box-shadow:none!important;text-align:center;font-size:1.05rem;font-weight:700;padding:0 8px;min-width:0}
.print-qty-stepper input:focus{outline:none}
.print-qty-btn{width:40px;height:40px;min-width:40px;padding:0;border-radius:14px;margin:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2)}
.print-qty-btn:hover{color:var(--primary);border-color:var(--primary)}
.print-pro-action-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px}
.print-open-btn{display:inline-flex;align-items:center;gap:12px;border-radius:16px;padding:12px 18px;font-size:1rem;font-weight:700;box-shadow:0 12px 26px rgba(17,183,230,.22)}
.print-open-btn-icon,.print-open-btn-arrow{display:inline-flex;align-items:center;justify-content:center}
.print-open-btn-arrow{opacity:.9}
.print-open-note{font-size:.95rem}
.print-preview-card .header-row{margin-bottom:16px}
.print-preview-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.print-preview-meta-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:14px;border:1px solid rgba(17,183,230,.32);background:#f8fbff;color:var(--primary);font-size:.96rem;font-weight:700;white-space:nowrap}
.print-preview-stage{position:relative;min-height:340px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#f9fbff 0%,#f4f8ff 100%);border:1px solid rgba(197,213,229,.7);overflow:auto}
.print-preview-stage::before{content:'';position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle at 1px 1px, rgba(148,163,184,.22) 1.1px, transparent 0);background-size:18px 18px;pointer-events:none;opacity:.7}
.print-preview-stage>*{position:relative;z-index:1}
#printCenterPreview{width:100%;display:flex;align-items:center;justify-content:center}
#printCenterPreview>.label-paper,.print-preview-stage .print-sheet{margin-inline:auto}
.print-preview-empty{display:flex;align-items:center;justify-content:center;min-height:240px;width:100%;font-size:1rem;font-weight:600;color:var(--muted);text-align:center}
#view-print input,#view-print select,#view-print textarea{font-size:15px!important;font-weight:500!important}
#view-print .kls-select-display{min-height:52px;border-radius:18px;padding-inline:16px!important;font-size:1rem!important;font-weight:600!important;background:#fff;border-color:#d7e3ef;box-shadow:0 6px 18px rgba(15,23,42,.04)}
#view-print .kls-select.open .kls-select-display{border-color:var(--primary);box-shadow:0 0 0 4px rgba(17,183,230,.14)}
#view-print .kls-select-menu{border-radius:18px;padding:8px;box-shadow:0 22px 44px rgba(15,23,42,.14)}
#view-print .kls-select-option{min-height:44px;font-size:.96rem;font-weight:600;border-radius:12px}
.app-shell.dark .print-page-title-icon,.app-shell.dark .print-pro-card-icon{background:linear-gradient(180deg,rgba(17,183,230,.16) 0%,rgba(17,183,230,.08) 100%);box-shadow:none}
.app-shell.dark .print-card-collapse-btn{background:#0a1622;border-color:#27465b;box-shadow:none}
.app-shell.dark .print-preview-meta-pill{background:#0b1926;border-color:#23506b;color:#7edcff}
.app-shell.dark .print-preview-stage{background:linear-gradient(180deg,#09131d 0%,#0c1722 100%);border-color:#213b4f}
.app-shell.dark .print-preview-stage::before{background-image:radial-gradient(circle at 1px 1px, rgba(92,122,145,.24) 1px, transparent 0)}
.app-shell.dark .print-qty-stepper{background:#06111a;border-color:#28465d}
.app-shell.dark .print-qty-btn{background:#0b1a27;border-color:#27465b}
.app-shell.dark #view-print .kls-select-display{background:#06111a;border-color:#28465d;box-shadow:none}
.app-shell.dark #view-print .kls-select-menu{background:#06111a;border-color:#28465d;box-shadow:0 22px 40px rgba(0,0,0,.32)}
.app-shell.dark #view-print .product-label.designer-template,.app-shell.dark #view-print .label-paper{box-shadow:0 18px 40px rgba(0,0,0,.35)}
body.theme-dark .global-header,body.theme-dark .app-footer,.app-shell.dark .global-header,.app-shell.dark .app-footer{background:linear-gradient(180deg,#0d1a27 0%, #08131e 100%);border-color:#234056}
body.theme-dark .header-language-switch,.app-shell.dark .header-language-switch{background:#081420;border-color:#244057}
body.theme-dark .theme-toggle-btn,.app-shell.dark .theme-toggle-btn{background:#081420;border-color:#244057}
body.theme-dark .header-notification-btn,.app-shell.dark .header-notification-btn,body.theme-dark .profile-trigger,.app-shell.dark .profile-trigger{background:#081420;border-color:#244057;color:var(--text-strong)}
@media (max-width:1200px){.print-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.print-page-title h2{font-size:1.7rem}.print-pro-card{padding:16px}.print-pro-grid{grid-template-columns:1fr}.print-preview-head-actions{width:100%;justify-content:space-between}.print-preview-meta-pill{max-width:100%;white-space:normal;text-align:center}.print-open-btn{width:100%;justify-content:center}.print-open-note{width:100%}.print-preview-stage{min-height:260px;padding:14px}}

/* v2.1.84 — Print Center polish + mobile collapse alignment + fresh reset */
.print-pro-view{gap:14px}
.view.print-pro-view{display:none}
.view.print-pro-view.active{display:grid!important}
.print-pro-card{padding:18px 18px 16px}
.print-pro-card-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;row-gap:8px;margin-bottom:12px}
.print-pro-card-title-group{min-width:0;max-width:100%}
.print-pro-card-title-group p{max-width:100%}
.print-pro-grid{gap:12px}
.print-pro-action-row{margin-top:12px;gap:14px}
.print-open-note{font-size:.92rem}
.print-preview-card .header-row{margin-bottom:12px}
.print-preview-stage{min-height:300px;padding:14px}
#printCenterPreview .label-paper{transform-origin:top center}
#printCenterPreview .shipping-label{margin:auto}
#view-print #printQuantity{-moz-appearance:textfield;appearance:textfield}
#view-print #printQuantity::-webkit-outer-spin-button,
#view-print #printQuantity::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#view-print .print-qty-stepper{overflow:hidden}
#view-print .print-qty-stepper input{padding:0;min-height:48px}
#view-print .print-qty-btn{margin:4px}
@media (max-width:900px){
  .print-pro-view{gap:12px}
  .print-pro-card{padding:14px}
  .print-pro-card-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .print-pro-card-title-group h3{font-size:1.25rem}
  .print-pro-card-title-group p{font-size:.88rem;line-height:1.45}
  .print-pro-grid{gap:10px}
  .print-pro-action-row{gap:10px;margin-top:10px}
  .print-open-note{font-size:.88rem}
  .print-preview-head-actions{width:auto;justify-content:flex-end;align-self:start}
  .print-preview-meta-pill{padding:0 12px;min-height:38px;font-size:.9rem}
  .print-preview-stage{min-height:220px;padding:12px}
}
@media (max-width:640px){
  .print-page-title{gap:10px;margin-bottom:4px}
  .print-page-title h2{font-size:1.55rem}
  .print-pro-card-head{column-gap:10px;row-gap:6px}
  .print-card-collapse-btn{width:36px;height:36px;min-width:36px;border-radius:12px}
  .print-pro-card-title-group{gap:10px}
  .print-pro-card-icon{width:34px;height:34px;flex-basis:34px}
  .print-pro-card-title-group h3{font-size:1.18rem}
  .print-pro-field>span{font-size:.9rem}
  .print-preview-meta-pill{font-size:.86rem;padding:0 10px}
  .print-preview-stage{min-height:200px;padding:10px}
}


/* v2.1.85 — Print Center mobile helper text cleanup + stronger fresh defaults */
@media (max-width:700px){
  #view-print .print-pro-card-title-group p,
  #view-print .print-open-note{
    display:none!important;
  }
  #view-print .print-pro-card-head{margin-bottom:8px!important;}
  #view-print .print-pro-action-row{margin-top:8px!important;}
  #view-print .print-pro-card{padding:12px!important;}
  #view-print .print-preview-stage{min-height:190px!important;}
}

/* v2.1.86 — Activity Log Pro redesign + filters collapse + modern audit table */
#view-activity{display:grid;gap:18px}
#view-activity .topbar{margin-bottom:0}
.activity-page-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:end}
.activity-head-search{display:flex;justify-content:flex-end}
.activity-search-field{position:relative;display:flex;align-items:center;gap:10px;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:10px 14px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.activity-search-field input{border:none;background:transparent;outline:none;box-shadow:none;padding:0;flex:1;font-size:14px;font-weight:500;color:var(--text)}
.activity-search-field input::placeholder{color:var(--muted)}
.activity-search-icon,.activity-shortcut-hint{display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}
.activity-search-icon .kls-ui-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.activity-shortcut-hint{font-size:12px;font-weight:700;color:var(--muted);padding:6px 8px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);min-width:54px}
.activity-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.activity-stat-card{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.94));box-shadow:0 12px 30px rgba(15,23,42,.06);border:1px solid rgba(148,163,184,.18)}
.activity-stat-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;flex:0 0 58px;box-shadow:0 12px 20px rgba(14,165,233,.22)}
.activity-stat-card.tone-blue .activity-stat-icon{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.activity-stat-card.tone-green .activity-stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}
.activity-stat-card.tone-purple .activity-stat-icon{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.activity-stat-card.tone-sky .activity-stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.activity-stat-card.tone-red .activity-stat-icon{background:linear-gradient(135deg,#fb7185,#ef4444)}
.activity-stat-icon .kls-ui-icon{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.activity-stat-copy{display:grid;gap:3px}
.activity-stat-label{font-size:14px;font-weight:700;color:var(--muted)}
.activity-stat-copy strong{font-size:18px;line-height:1.1;font-weight:800;color:var(--text-strong)}
.activity-stat-copy small{font-size:13px;color:var(--muted);font-weight:500}
.activity-controls-card,.activity-card{padding:18px 20px;border-radius:24px}
.activity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.activity-card-head h3{margin:0;font-size:19px}
.activity-card-head p{margin:6px 0 0}
.activity-collapse-btn{width:42px;height:42px;border-radius:14px;padding:0;display:grid;place-items:center}
.activity-collapse-btn .kls-ui-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.activity-controls-card.is-collapsed .activity-collapse-btn .kls-ui-icon{transform:rotate(180deg)}
.activity-controls-body{display:grid;gap:16px}
.activity-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:end}
.activity-inline-field{display:grid;gap:8px}
.activity-inline-field>span{font-size:13px;font-weight:700;color:var(--muted)}
.activity-inline-field input,.activity-inline-field select{width:100%}
.activity-quick-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.activity-quick-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.activity-quick-label{font-size:13px;font-weight:700;color:var(--muted)}
.activity-chip{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease}
.activity-chip:hover{border-color:var(--brand);color:var(--brand)}
.activity-chip.is-active{background:rgba(14,165,233,.12);color:var(--brand-strong);border-color:rgba(14,165,233,.28);box-shadow:inset 0 0 0 1px rgba(14,165,233,.05)}
.activity-actions-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.activity-action-btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;font-weight:700;padding:11px 14px}
.activity-action-btn .kls-ui-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.activity-action-btn.success{color:#15803d;border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.06)}
.activity-action-btn.purple{color:#7c3aed;border-color:rgba(168,85,247,.28);background:rgba(168,85,247,.06)}
.activity-table-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px}
.activity-results{font-size:14px;font-weight:700;color:var(--muted)}
.activity-pagination-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.activity-page-mini{min-width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;padding:0 10px}
.activity-page-mini.is-active{background:linear-gradient(135deg,#1cb5f0,#1f7bf2);color:#fff;border-color:transparent;box-shadow:0 10px 20px rgba(29,155,240,.25)}
.activity-page-mini.is-disabled{opacity:.45;cursor:not-allowed}
.activity-page-mini .kls-ui-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.activity-page-dots{font-size:16px;font-weight:700;color:var(--muted);padding:0 2px}
.activity-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.activity-table{width:100%;min-width:1100px;border-collapse:separate;border-spacing:0}
.activity-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);color:var(--text-strong);font-size:13px;font-weight:800;border-bottom:1px solid var(--line);padding:14px 16px;white-space:nowrap}
.activity-table tbody td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px;color:var(--text)}
.activity-table tbody tr:last-child td{border-bottom:none}
.activity-table tbody tr:hover td{background:rgba(14,165,233,.02)}
.activity-time-cell{display:flex;align-items:center;gap:12px;min-width:210px}
.activity-time-cell>div{display:grid;gap:4px}
.activity-time-cell strong{font-size:14px;font-weight:700;color:var(--text-strong)}
.activity-row-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;flex:0 0 40px;color:#fff;box-shadow:0 10px 18px rgba(15,23,42,.12)}
.activity-row-icon .kls-ui-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.activity-row-icon.tone-success{background:linear-gradient(135deg,#22c55e,#16a34a)}
.activity-row-icon.tone-sky{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.activity-row-icon.tone-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}
.activity-row-icon.tone-amber{background:linear-gradient(135deg,#fb923c,#f97316)}
.activity-row-icon.tone-danger{background:linear-gradient(135deg,#fb7185,#ef4444)}
.activity-row-icon.tone-blue{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.activity-meta{display:grid;gap:3px;min-width:140px}.activity-meta strong{font-weight:800;color:var(--text-strong)}.activity-meta .muted{text-transform:capitalize}
.activity-pill,.activity-module-pill,.activity-result-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.1;white-space:nowrap;border:1px solid transparent}
.activity-module-pill{background:rgba(14,165,233,.08);border-color:rgba(14,165,233,.16);color:#0f6cbe}
.activity-result-pill.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.2);color:#15803d}
.activity-result-pill.info{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.2);color:#1d4ed8}
.activity-pill.action-login,.activity-pill.action-logout{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.2);color:#7c3aed}
.activity-pill.action-create{background:rgba(251,146,60,.12);border-color:rgba(251,146,60,.2);color:#c2410c}
.activity-pill.action-update{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.2);color:#2563eb}
.activity-pill.action-delete,.activity-pill.action-clear{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.2);color:#dc2626}
.activity-pill.action-settings,.activity-pill.action-permissions{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.2);color:#7c3aed}
.activity-pill.action-print,.activity-pill.action-print-shipping,.activity-pill.action-print-batch{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.2);color:#15803d}
.activity-detail{min-width:280px;max-width:420px;line-height:1.45}
.activity-empty{text-align:center;padding:28px 16px!important}
.activity-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}
.activity-page-status{min-width:140px;text-align:center;font-size:14px;font-weight:700;color:var(--muted)}
body.theme-dark #view-activity .activity-search-field,body.theme-dark #view-activity .activity-table-wrap,body.theme-dark #view-activity .activity-stat-card,body.theme-dark #view-activity .activity-controls-card,body.theme-dark #view-activity .activity-card,.app-shell.dark #view-activity .activity-search-field,.app-shell.dark #view-activity .activity-table-wrap,.app-shell.dark #view-activity .activity-stat-card,.app-shell.dark #view-activity .activity-controls-card,.app-shell.dark #view-activity .activity-card{background:linear-gradient(180deg,rgba(5,15,28,.94),rgba(7,20,34,.94));border-color:#17324a;box-shadow:0 14px 30px rgba(0,0,0,.22)}
body.theme-dark #view-activity .activity-table thead th,body.theme-dark #view-activity .activity-shortcut-hint,.app-shell.dark #view-activity .activity-table thead th,.app-shell.dark #view-activity .activity-shortcut-hint{background:#0d1a27;border-color:#17324a;color:#eaf4fb}
body.theme-dark #view-activity .activity-table tbody td,.app-shell.dark #view-activity .activity-table tbody td{border-color:#17324a;color:#eaf4fb;background:transparent}
body.theme-dark #view-activity .activity-table tbody tr:hover td,.app-shell.dark #view-activity .activity-table tbody tr:hover td{background:rgba(255,255,255,.02)}
body.theme-dark #view-activity .activity-search-field input,body.theme-dark #view-activity .activity-stat-copy strong,body.theme-dark #view-activity .activity-time-cell strong,body.theme-dark #view-activity .activity-meta strong,body.theme-dark #view-activity .activity-card-head h3,.app-shell.dark #view-activity .activity-search-field input,.app-shell.dark #view-activity .activity-stat-copy strong,.app-shell.dark #view-activity .activity-time-cell strong,.app-shell.dark #view-activity .activity-meta strong,.app-shell.dark #view-activity .activity-card-head h3{color:#f8fbff}
body.theme-dark #view-activity .activity-stat-label,body.theme-dark #view-activity .activity-stat-copy small,body.theme-dark #view-activity .activity-inline-field>span,body.theme-dark #view-activity .activity-results,body.theme-dark #view-activity .activity-page-status,body.theme-dark #view-activity .activity-quick-label,body.theme-dark #view-activity .activity-shortcut-hint,body.theme-dark #view-activity .activity-search-icon,.app-shell.dark #view-activity .activity-stat-label,.app-shell.dark #view-activity .activity-stat-copy small,.app-shell.dark #view-activity .activity-inline-field>span,.app-shell.dark #view-activity .activity-results,.app-shell.dark #view-activity .activity-page-status,.app-shell.dark #view-activity .activity-quick-label,.app-shell.dark #view-activity .activity-shortcut-hint,.app-shell.dark #view-activity .activity-search-icon{color:#9bb0c4}
body.theme-dark #view-activity .activity-chip,body.theme-dark #view-activity .activity-page-mini,.app-shell.dark #view-activity .activity-chip,.app-shell.dark #view-activity .activity-page-mini{background:#08131f;border-color:#17324a;color:#eaf4fb}
body.theme-dark #view-activity .activity-chip.is-active,.app-shell.dark #view-activity .activity-chip.is-active{background:rgba(37,99,235,.22);border-color:rgba(59,130,246,.28);color:#f8fbff}
body.theme-dark #view-activity .activity-module-pill,.app-shell.dark #view-activity .activity-module-pill{background:rgba(14,165,233,.14);border-color:rgba(14,165,233,.22);color:#7dd3fc}
@media (max-width: 1400px){.activity-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 1100px){.activity-page-layout{grid-template-columns:1fr}.activity-head-search{justify-content:flex-start}.activity-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-card-head,.activity-table-topbar,.activity-pagination,.activity-quick-row{flex-direction:column;align-items:stretch}.activity-actions-group{justify-content:flex-start}}
@media (max-width: 720px){#view-activity{gap:14px}.activity-controls-card,.activity-card{padding:14px}.activity-stats-grid{grid-template-columns:1fr}.activity-search-field{max-width:none;padding:10px 12px}.activity-shortcut-hint{display:none}.activity-filter-grid{grid-template-columns:1fr}.activity-quick-group{gap:8px}.activity-chip{padding:8px 12px}.activity-actions-group{gap:10px}.activity-action-btn{width:100%;justify-content:center}.activity-table-wrap{overflow:visible;border:none;background:transparent}.activity-table{min-width:0;width:100%}.activity-table thead{display:none}.activity-table,.activity-table tbody,.activity-table tr,.activity-table td{display:block;width:100%}.activity-table tbody{display:grid;gap:10px}.activity-table tr{border:1px solid var(--line);border-radius:18px;padding:12px;background:var(--surface);box-shadow:0 10px 24px rgba(15,23,42,.05)}.activity-table td{padding:8px 0;border:none!important}.activity-table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.activity-time-cell,.activity-meta{min-width:0}.activity-detail{min-width:0;max-width:none}.activity-pagination-inline{justify-content:flex-start}body.theme-dark #view-activity .activity-table tr,.app-shell.dark #view-activity .activity-table tr{background:#08131f;border-color:#17324a;box-shadow:none}}


/* v2.1.87 — Activity Log visibility + KPI renderer fix + search compact polish */
#view-activity{display:none!important;gap:18px}
#view-activity.active{display:grid!important}
#view-activity .activity-page-layout{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}
#view-activity .activity-search-field{max-width:320px;min-height:46px;padding:8px 12px;border-radius:18px}
#view-activity .activity-search-field input{font-size:13px}
#view-activity .activity-shortcut-hint{padding:4px 7px;min-width:46px;font-size:11px}
@media (max-width:1100px){
  #view-activity .activity-page-layout{grid-template-columns:1fr}
  #view-activity .activity-search-field{max-width:100%}
}

/* v2.1.88 — Activity Log dropdown/calendar polish + collapse/rows fixes */
#view-activity:not(.active){display:none!important}
#view-activity.active{display:grid!important}
#view-activity .activity-head-search{justify-content:flex-end}
#view-activity .activity-search-field{max-width:320px!important;min-width:260px}
#view-activity .activity-search-field input{font-size:13px!important;font-weight:600!important}
#view-activity .activity-controls-body[hidden]{display:none!important}
#view-activity .activity-controls-card.is-collapsed .activity-controls-body{display:none!important}
#view-activity .activity-collapse-btn{cursor:pointer;pointer-events:auto;z-index:5}
#view-activity .activity-controls-card.is-collapsed .activity-collapse-btn .kls-ui-icon{transform:rotate(180deg)}
#view-activity .kls-select-menu{background:#fff!important;border-color:#d7e3ef!important;color:#06111a!important;z-index:2000!important}
#view-activity .kls-select-option{color:#06111a!important;font-weight:700!important;line-height:1.25!important}
#view-activity .kls-select-option span{color:inherit!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
#view-activity .kls-select-option.selected{background:var(--primary)!important;color:#fff!important}
#view-activity .kls-select-check{display:none!important}
body.theme-dark #view-activity .kls-select-menu,
.app-shell.dark #view-activity .kls-select-menu{background:#07131f!important;border-color:#244057!important;color:#f8fbff!important}
body.theme-dark #view-activity .kls-select-option,
.app-shell.dark #view-activity .kls-select-option{color:#f8fbff!important}
body.theme-dark #view-activity .kls-select-option:hover,
.app-shell.dark #view-activity .kls-select-option:hover{background:#0f2538!important}
body.theme-dark #view-activity .kls-select-option.selected,
.app-shell.dark #view-activity .kls-select-option.selected{background:var(--primary)!important;color:#fff!important}
.activity-date-picker{position:relative;display:flex;align-items:center;width:100%}
.activity-date-picker .activity-date-input{width:100%;height:44px;padding:0 42px 0 12px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;box-sizing:border-box;cursor:pointer;color:#06111a;font-weight:600}
.activity-calendar-trigger{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:10px;background:transparent;color:#0f172a;display:grid;place-items:center;cursor:pointer}
.activity-calendar-trigger .kls-ui-icon{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.activity-date-picker.open .activity-date-input{border-color:#22b8e7;box-shadow:0 0 0 4px rgba(14,165,233,.14)}
.activity-calendar-panel{position:absolute;top:calc(100% + 8px);left:0;width:302px;border-radius:18px;border:1px solid #d7e3ef;background:#fff;box-shadow:0 24px 50px rgba(15,23,42,.16);padding:14px;z-index:2200;display:none}
.activity-date-picker.open .activity-calendar-panel{display:block}
.activity-calendar-head{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;margin-bottom:12px}
.activity-calendar-head strong{text-align:center;font-size:14px;font-weight:800;color:#06111a}
.activity-calendar-nav{width:36px;height:36px;border-radius:12px;border:1px solid #d7e3ef;background:#f8fbff;color:#0f172a;display:grid;place-items:center;cursor:pointer}
.activity-calendar-nav:hover{border-color:#22b8e7;color:#0ea5e9;background:#eef8ff}
.activity-calendar-nav .kls-ui-icon{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.activity-calendar-week,.activity-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.activity-calendar-week{margin-bottom:6px}
.activity-calendar-week span{text-align:center;font-size:11px;font-weight:800;color:#64748b}
.activity-calendar-day{height:34px;border:none;border-radius:11px;background:transparent;color:#06111a;font-size:13px;font-weight:700;cursor:pointer}
.activity-calendar-day:hover{background:#eaf8ff;color:#0284c7}
.activity-calendar-day.is-muted{color:#94a3b8;font-weight:600}
.activity-calendar-day.is-today{box-shadow:inset 0 0 0 1px #38bdf8}
.activity-calendar-day.is-selected{background:linear-gradient(135deg,#16bde8,#2184f3);color:#fff;box-shadow:0 10px 18px rgba(14,165,233,.22)}
.activity-calendar-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e8f0;margin-top:12px;padding-top:10px}
.activity-calendar-link{border:none;background:transparent;color:#0284c7;font-size:13px;font-weight:800;cursor:pointer;padding:7px 8px;border-radius:10px}
.activity-calendar-link:hover{background:#eaf8ff}
body.theme-dark #view-activity .activity-date-picker .activity-date-input,
.app-shell.dark #view-activity .activity-date-picker .activity-date-input{background:#07131f;border-color:#244057;color:#f8fbff}
body.theme-dark #view-activity .activity-calendar-trigger,
.app-shell.dark #view-activity .activity-calendar-trigger{color:#eaf4fb}
body.theme-dark #view-activity .activity-calendar-panel,
.app-shell.dark #view-activity .activity-calendar-panel{background:#07131f;border-color:#244057;box-shadow:0 24px 50px rgba(0,0,0,.38)}
body.theme-dark #view-activity .activity-calendar-head strong,
.app-shell.dark #view-activity .activity-calendar-head strong{color:#f8fbff}
body.theme-dark #view-activity .activity-calendar-nav,
.app-shell.dark #view-activity .activity-calendar-nav{background:#0d1a27;border-color:#244057;color:#f8fbff}
body.theme-dark #view-activity .activity-calendar-week span,
.app-shell.dark #view-activity .activity-calendar-week span{color:#9bb0c4}
body.theme-dark #view-activity .activity-calendar-day,
.app-shell.dark #view-activity .activity-calendar-day{color:#eaf4fb}
body.theme-dark #view-activity .activity-calendar-day.is-muted,
.app-shell.dark #view-activity .activity-calendar-day.is-muted{color:#60758b}
body.theme-dark #view-activity .activity-calendar-day:hover,
.app-shell.dark #view-activity .activity-calendar-day:hover{background:#0f2538;color:#7dd3fc}
body.theme-dark #view-activity .activity-calendar-foot,
.app-shell.dark #view-activity .activity-calendar-foot{border-color:#17324a}
body.theme-dark #view-activity .activity-calendar-link,
.app-shell.dark #view-activity .activity-calendar-link{color:#7dd3fc}
@media (max-width: 900px){
  #view-activity .activity-search-field{max-width:100%!important;min-width:0}
  .activity-calendar-panel{width:min(302px, calc(100vw - 54px))}
}

/* v2.1.89 — Activity Log approved table columns + rows pagination polish */
#view-activity .activity-table-wrap{overflow-x:auto;border-radius:22px}
#view-activity .activity-table{min-width:1160px;width:100%;table-layout:fixed}
#view-activity .activity-table th,
#view-activity .activity-table td{padding:12px 14px;vertical-align:middle}
#view-activity .activity-table th:nth-child(1),#view-activity .activity-table td:nth-child(1){width:220px}
#view-activity .activity-table th:nth-child(2),#view-activity .activity-table td:nth-child(2){width:160px}
#view-activity .activity-table th:nth-child(3),#view-activity .activity-table td:nth-child(3){width:160px}
#view-activity .activity-table th:nth-child(4),#view-activity .activity-table td:nth-child(4){width:140px}
#view-activity .activity-table th:nth-child(5),#view-activity .activity-table td:nth-child(5){width:170px}
#view-activity .activity-table th:nth-child(6),#view-activity .activity-table td:nth-child(6){width:auto}
#view-activity .activity-table th:nth-child(7),#view-activity .activity-table td:nth-child(7){width:128px}
#view-activity .activity-table th:nth-child(8),#view-activity .activity-table td:nth-child(8){width:132px}
#view-activity .activity-table th:nth-child(9),#view-activity .activity-table td:nth-child(9){width:54px}
#view-activity .activity-detail{min-width:0;max-width:none;white-space:normal;word-break:break-word}
#view-activity .activity-item-cell,
#view-activity .activity-ip-cell{font-size:13px;font-weight:600;color:var(--text);white-space:normal;word-break:break-word}
#view-activity .activity-result-pill .kls-ui-icon{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#view-activity .activity-actions-th{text-align:center}
#view-activity .activity-actions-cell{position:relative;text-align:center;overflow:visible}
#view-activity .activity-row-actions{position:relative;display:inline-flex;align-items:center;justify-content:center}
#view-activity .activity-row-menu-btn{width:34px;height:34px;border:1px solid transparent;background:transparent;color:#64748b;border-radius:12px;display:grid;place-items:center;cursor:pointer}
#view-activity .activity-row-menu-btn:hover,#view-activity .activity-row-actions.open .activity-row-menu-btn{background:rgba(14,165,233,.10);border-color:rgba(14,165,233,.20);color:#0284c7}
#view-activity .activity-row-menu-btn .kls-ui-icon{width:18px;height:18px;fill:currentColor;stroke:none}
#view-activity .activity-row-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:152px;padding:6px;border-radius:14px;border:1px solid #d7e3ef;background:#fff;box-shadow:0 20px 44px rgba(15,23,42,.16);display:none;z-index:2600}
#view-activity .activity-row-actions.open .activity-row-menu{display:grid;gap:4px}
#view-activity .activity-row-menu button{border:none;background:transparent;text-align:left;border-radius:10px;padding:9px 10px;font-size:13px;font-weight:700;color:#06111a;cursor:pointer}
#view-activity .activity-row-menu button:hover{background:#eaf8ff;color:#0284c7}
#view-activity .activity-row-menu button.danger{color:#dc2626}
#view-activity .activity-row-menu button.danger:hover{background:#fff1f2;color:#be123c}
#view-activity .activity-pagination-inline{margin-left:auto}
#view-activity .activity-page-mini{box-shadow:none}
#view-activity .activity-pagination.hidden{display:none!important}
body.theme-dark #view-activity .activity-item-cell,
body.theme-dark #view-activity .activity-ip-cell,
.app-shell.dark #view-activity .activity-item-cell,
.app-shell.dark #view-activity .activity-ip-cell{color:#eaf4fb}
body.theme-dark #view-activity .activity-row-menu,
.app-shell.dark #view-activity .activity-row-menu{background:#07131f;border-color:#244057;box-shadow:0 20px 44px rgba(0,0,0,.42)}
body.theme-dark #view-activity .activity-row-menu button,
.app-shell.dark #view-activity .activity-row-menu button{color:#f8fbff}
body.theme-dark #view-activity .activity-row-menu button:hover,
.app-shell.dark #view-activity .activity-row-menu button:hover{background:#0f2538;color:#7dd3fc}
body.theme-dark #view-activity .activity-row-menu-btn,
.app-shell.dark #view-activity .activity-row-menu-btn{color:#9bb0c4}
@media (max-width:720px){
  #view-activity .activity-table{min-width:0;table-layout:auto}
  #view-activity .activity-actions-cell{text-align:left}
  #view-activity .activity-row-menu{left:0;right:auto}
}

/* v2.1.90 — Activity Log desktop column width fix + single-line time */
#view-activity .activity-table{
  min-width:1500px!important;
  table-layout:fixed!important;
}
#view-activity .activity-table th,
#view-activity .activity-table td{
  vertical-align:middle!important;
  overflow:visible!important;
}
#view-activity .activity-table th:nth-child(1),#view-activity .activity-table td:nth-child(1){width:210px!important}
#view-activity .activity-table th:nth-child(2),#view-activity .activity-table td:nth-child(2){width:150px!important}
#view-activity .activity-table th:nth-child(3),#view-activity .activity-table td:nth-child(3){width:170px!important}
#view-activity .activity-table th:nth-child(4),#view-activity .activity-table td:nth-child(4){width:145px!important}
#view-activity .activity-table th:nth-child(5),#view-activity .activity-table td:nth-child(5){width:190px!important}
#view-activity .activity-table th:nth-child(6),#view-activity .activity-table td:nth-child(6){
  width:360px!important;
  min-width:360px!important;
  max-width:360px!important;
}
#view-activity .activity-table th:nth-child(7),#view-activity .activity-table td:nth-child(7){width:130px!important}
#view-activity .activity-table th:nth-child(8),#view-activity .activity-table td:nth-child(8){width:140px!important}
#view-activity .activity-table th:nth-child(9),#view-activity .activity-table td:nth-child(9){width:55px!important}
#view-activity .activity-detail{
  min-width:0!important;
  max-width:none!important;
  width:auto!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.45!important;
}
#view-activity .activity-time-cell{
  min-width:0!important;
  align-items:center!important;
}
#view-activity .activity-time-cell>div{
  display:block!important;
}
#view-activity .activity-time-cell strong{
  display:block!important;
  white-space:nowrap!important;
  font-size:13.5px!important;
}
#view-activity .activity-table-wrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
}
#view-activity .activity-table thead th{
  white-space:nowrap!important;
}
@media (max-width:720px){
  #view-activity .activity-table{min-width:0!important;table-layout:auto!important}
  #view-activity .activity-table th:nth-child(n),#view-activity .activity-table td:nth-child(n){
    width:auto!important;min-width:0!important;max-width:none!important;
  }
  #view-activity .activity-time-cell strong{white-space:normal!important}
}

/* v2.1.91 — Activity Log modern record modals + fixed row action menu */
#view-activity .activity-row-menu{
  position:fixed!important;
  right:auto!important;
  min-width:168px!important;
  z-index:9000!important;
}
#view-activity .activity-row-actions.open .activity-row-menu{
  display:grid!important;
}
.activity-details-modal{
  position:fixed;
  inset:0;
  z-index:8500;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(8,19,29,.58);
  backdrop-filter:blur(8px);
}
.activity-details-modal.hidden{display:none!important}
.activity-details-card{
  width:min(720px,100%);
  max-height:min(86vh,760px);
  overflow:auto;
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid rgba(203,213,225,.9);
  box-shadow:0 32px 76px rgba(15,23,42,.28);
  padding:24px;
  position:relative;
}
.activity-details-close{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  border-radius:14px;
  border:1px solid #d7e3ef;
  background:#fff;
  color:#0f172a;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.activity-details-close:hover{border-color:#22b8e7;color:#0284c7;background:#f0f9ff}
.activity-details-close .kls-ui-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.activity-details-head{display:flex;align-items:flex-start;gap:14px;padding-right:42px;margin-bottom:18px}
.activity-details-icon{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#16bde8,#2184f3);color:#fff;box-shadow:0 14px 26px rgba(14,165,233,.24);flex:0 0 48px}
.activity-details-icon .kls-ui-icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.activity-details-head h3{margin:0 0 5px;font-size:1.35rem;font-weight:850;color:#06111a}
.activity-details-head p{margin:0;line-height:1.45}
.activity-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.activity-detail-kv{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #d7e3ef}
.activity-detail-kv span{display:block;font-size:12px;font-weight:800;color:#64748b;margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}
.activity-detail-kv strong{display:block;font-size:14px;font-weight:800;color:#06111a;word-break:break-word;line-height:1.35}
.activity-details-section{margin-top:14px}
.activity-details-section h4{margin:0 0 8px;font-size:14px;font-weight:850;color:#06111a}
.activity-details-text{padding:14px;border-radius:16px;background:#eef8ff;border:1px solid rgba(14,165,233,.18);color:#0f172a;font-size:14px;font-weight:700;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.activity-details-raw{max-height:210px;overflow:auto;margin:0;padding:14px;border-radius:16px;background:#0b1220;color:#dbeafe;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.activity-details-actions{display:flex;justify-content:flex-end;margin-top:18px}
.activity-details-actions .primary{min-width:120px}
.kls-confirm-card{position:relative}
.kls-confirm-title{font-weight:850}
.kls-confirm-actions #klsConfirmOk{background:linear-gradient(135deg,#ef4444,#e11d48);border-color:transparent}
body.theme-dark .activity-details-card,
.app-shell.dark .activity-details-card{
  background:linear-gradient(180deg,#07131f 0%,#0d1a27 100%);
  border-color:#244057;
  box-shadow:0 32px 76px rgba(0,0,0,.42);
}
body.theme-dark .activity-details-close,
.app-shell.dark .activity-details-close{background:#0d1a27;border-color:#244057;color:#f8fbff}
body.theme-dark .activity-details-head h3,
body.theme-dark .activity-details-section h4,
body.theme-dark .activity-detail-kv strong,
.app-shell.dark .activity-details-head h3,
.app-shell.dark .activity-details-section h4,
.app-shell.dark .activity-detail-kv strong{color:#f8fbff}
body.theme-dark .activity-detail-kv,
.app-shell.dark .activity-detail-kv{background:#08131f;border-color:#244057}
body.theme-dark .activity-detail-kv span,
.app-shell.dark .activity-detail-kv span{color:#9bb0c4}
body.theme-dark .activity-details-text,
.app-shell.dark .activity-details-text{background:#0f2538;border-color:#244057;color:#eaf4fb}
@media (max-width:720px){
  .activity-details-card{padding:18px;border-radius:22px}
  .activity-details-grid{grid-template-columns:1fr}
  .activity-details-head{padding-right:36px}
  #view-activity .activity-row-menu{left:12px!important;right:auto!important}
}

/* v2.1.92 — Activity Log modal scroll lock + fresh page reset */
html.kls-modal-open,
body.kls-modal-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
.activity-details-modal{
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  padding:clamp(16px, 4vh, 34px) 20px!important;
}
.activity-details-card{
  width:min(760px,100%)!important;
  max-height:calc(100vh - 56px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  scroll-behavior:auto!important;
}
.activity-details-card::-webkit-scrollbar,
.activity-details-raw::-webkit-scrollbar{width:10px;height:10px}
.activity-details-card::-webkit-scrollbar-thumb,
.activity-details-raw::-webkit-scrollbar-thumb{background:rgba(100,116,139,.55);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.activity-details-card::-webkit-scrollbar-track,
.activity-details-raw::-webkit-scrollbar-track{background:transparent}
.activity-details-raw{
  max-height:220px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.kls-confirm.show{
  overscroll-behavior:contain!important;
}
@media (max-width:720px){
  .activity-details-modal{padding:12px!important}
  .activity-details-card{max-height:calc(100vh - 24px)!important}
}

/* v2.1.93 — Activity modal opens at top + Activity Log scroll reset polish */
.activity-details-modal{
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  scroll-behavior:auto!important;
}
.activity-details-card{
  margin-top:0!important;
  scroll-behavior:auto!important;
}
.activity-details-head{
  scroll-margin-top:0!important;
}
#view-activity .activity-table-wrap{
  scroll-behavior:auto!important;
}

/* v2.1.105 — Activity mobile filter collapse placement + PWA refresh polish */
@media (max-width:720px){
  #view-activity .activity-controls-card .activity-card-head{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
  }
  #view-activity .activity-controls-card .activity-card-head > div{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }
  #view-activity .activity-controls-card .activity-collapse-btn{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:start!important;
    order:-1!important;
    margin:0!important;
  }
  #view-activity .activity-controls-card .activity-card-head p{
    margin-top:2px!important;
  }
}


/* ===== Security Page Pro Redesign v2.1.105 ===== */
#view-security{padding-bottom:24px}
#view-security .topbar.security-topbar{margin-bottom:16px}
#view-security .security-refresh-btn{display:inline-flex;align-items:center;gap:8px}
#view-security .security-top-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}
#view-security .security-top-card{position:relative;display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.88);box-shadow:0 16px 36px rgba(15,23,42,.06)}
#view-security .security-top-card.tone-blue{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(240,247,255,.96))}
#view-security .security-top-card.tone-red{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,245,245,.96))}
#view-security .security-top-card.tone-orange{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,249,240,.98))}
#view-security .security-top-card.tone-green{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(241,251,245,.98))}
#view-security .security-top-card.tone-purple{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(248,244,255,.98))}
#view-security .security-top-card.tone-indigo{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(242,247,255,.98))}
#view-security .security-top-icon{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex:0 0 52px;background:#eef5ff;color:#2563eb}
#view-security .security-top-card.tone-red .security-top-icon{background:#fff0f1;color:#dc2626}
#view-security .security-top-card.tone-orange .security-top-icon{background:#fff5e8;color:#ea580c}
#view-security .security-top-card.tone-green .security-top-icon{background:#edfdf2;color:#16a34a}
#view-security .security-top-card.tone-purple .security-top-icon{background:#f5f0ff;color:#7c3aed}
#view-security .security-top-card.tone-indigo .security-top-icon{background:#eef2ff;color:#4f46e5}
#view-security .security-top-label{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
#view-security .security-top-value{display:block;font-size:34px;line-height:1;color:var(--text-strong);margin-bottom:4px}
#view-security .security-top-copy small{font-size:13px;color:var(--muted)}
#view-security .security-dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
#view-security .security-table-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#view-security .security-section{overflow:hidden}
#view-security .security-section-full{margin-bottom:16px}
#view-security .security-section-head{display:flex;align-items:flex-start;gap:14px;padding:2px 2px 16px;border-bottom:1px solid rgba(148,163,184,.16)}
#view-security .security-head-title{display:flex;gap:14px;align-items:flex-start;min-width:0}
#view-security .security-head-title.compact h3{font-size:1.1rem}
#view-security .security-head-title h3{margin:0 0 6px;font-size:1.35rem}
#view-security .security-head-title p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.45}
#view-security .security-head-icon{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#eef5ff;color:#2563eb}
#view-security .security-head-icon.tone-red{background:#fff1f2;color:#dc2626}
#view-security .security-head-icon.tone-orange{background:#fff7ed;color:#ea580c}
#view-security .security-head-icon.tone-green{background:#edfdf2;color:#16a34a}
#view-security .security-head-icon.tone-purple{background:#f5f3ff;color:#7c3aed}
#view-security .security-head-icon.tone-cyan{background:#ecfeff;color:#0891b2}
#view-security .security-head-icon.tone-amber{background:#fffbeb;color:#d97706}
#view-security .security-collapse-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:14px;padding:0;margin-left:auto;flex:0 0 42px}
#view-security .security-chevron-icon{transition:transform .2s ease}
#view-security .security-section.is-collapsed .security-chevron-icon{transform:rotate(180deg)}
#view-security .security-section-body{padding-top:16px}
#view-security .security-section.is-collapsed .security-section-body{display:none}
#view-security .security-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#view-security .security-form-grid label{display:flex;flex-direction:column;gap:7px}
#view-security .security-form-grid label span{font-weight:700}
#view-security .security-form-grid label.full{grid-column:1 / -1}
#view-security .security-form-grid input[type="text"],
#view-security .security-form-grid input[type="number"],
#view-security .security-form-grid input:not([type]){width:100%}
#view-security .security-check-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:0;background:rgba(255,255,255,.72);cursor:pointer;min-height:88px}
#view-security .security-check-card input{position:absolute;inset:0;opacity:0;cursor:pointer}
#view-security .security-check-content{display:flex;align-items:flex-start;gap:12px;padding:14px}
#view-security .security-check-content strong{display:block;font-size:1rem;margin-bottom:4px;color:var(--text-strong)}
#view-security .security-check-content small{display:block;font-size:.86rem;line-height:1.4;color:var(--muted)}
#view-security .security-check-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 0 42px;background:#eef5ff;color:#2563eb}
#view-security .security-check-icon.tone-red{background:#fff1f2;color:#dc2626}
#view-security .security-check-icon.tone-sky{background:#ecfeff;color:#0284c7}
#view-security .security-check-icon.tone-green{background:#edfdf2;color:#16a34a}
#view-security .security-check-icon.tone-indigo{background:#eef2ff;color:#4f46e5}
#view-security .security-check-card:has(input:checked){border-color:rgba(37,99,235,.45);box-shadow:0 0 0 3px rgba(37,99,235,.08);background:rgba(239,246,255,.9)}
#view-security .security-check-card:has(input:checked) .security-check-icon{box-shadow:0 0 0 3px rgba(37,99,235,.1)}
#view-security .security-form-actions{display:flex;justify-content:flex-end;align-items:center}
#view-security .security-submit-btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:12px 18px;font-weight:800}
#view-security .security-insights-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:16px;align-items:start}
#view-security .security-alerts-wrap{border:1px dashed rgba(148,163,184,.32);border-radius:20px;padding:16px;background:rgba(255,255,255,.62)}
#view-security .security-inline-label{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
#view-security .security-alerts-list{display:flex;flex-direction:column;gap:10px}
#view-security .security-alert-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.82)}
#view-security .security-alert-item strong{display:block;font-size:.96rem;margin-bottom:4px;text-transform:capitalize}
#view-security .security-alert-item p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.45}
#view-security .security-alert-item.high,#view-security .security-alert-item.critical{background:linear-gradient(180deg,rgba(255,248,240,.96),rgba(255,242,242,.98))}
#view-security .security-alert-item.success{background:linear-gradient(180deg,rgba(245,255,249,.96),rgba(239,252,245,.98))}
#view-security .security-alert-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef5ff;color:#2563eb;flex:0 0 42px}
#view-security .security-alert-item.high .security-alert-icon,#view-security .security-alert-item.critical .security-alert-icon{background:#fff1f2;color:#dc2626}
#view-security .security-alert-item.success .security-alert-icon{background:#edfdf2;color:#16a34a}
#view-security .security-insight-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#view-security .security-summary-card{display:flex;gap:12px;align-items:center;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.82)}
#view-security .security-summary-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef5ff;color:#2563eb;flex:0 0 44px}
#view-security .security-summary-card.tone-red .security-summary-icon{background:#fff1f2;color:#dc2626}
#view-security .security-summary-card.tone-green .security-summary-icon{background:#edfdf2;color:#16a34a}
#view-security .security-summary-card.tone-purple .security-summary-icon{background:#f5f3ff;color:#7c3aed}
#view-security .security-summary-label{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
#view-security .security-summary-value{display:block;font-size:1.7rem;line-height:1;color:var(--text-strong);margin-bottom:4px}
#view-security .security-summary-card small{display:block;color:var(--muted)}
#view-security .security-advanced-grid{display:grid;grid-template-columns:1.1fr .95fr .95fr .95fr 1.15fr;gap:14px}
#view-security .security-mini-panel{border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:14px;background:rgba(255,255,255,.72);min-height:100%}
#view-security .security-mini-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
#view-security .security-mini-head h4{margin:0;font-size:1.02rem}
#view-security .security-link-btn{background:none;border:none;padding:0;color:var(--accent);font-weight:800;cursor:pointer}
#view-security .security-link-btn.hidden{display:none}
#view-security .security-traffic-wrap{display:flex;flex-direction:column;gap:14px}
#view-security .security-traffic-chart{color:#2563eb;padding:6px 0 4px}
#view-security .security-sparkline{display:block;width:100%;height:94px}
#view-security .security-traffic-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;font-size:.9rem;color:var(--muted)}
#view-security .security-traffic-legend span{display:flex;align-items:center;gap:8px}
#view-security .security-traffic-legend strong{color:var(--text-strong)}
#view-security .dot{width:10px;height:10px;border-radius:999px;display:inline-block}
#view-security .dot-blue{background:#2563eb}
#view-security .dot-red{background:#dc2626}
#view-security .dot-green{background:#16a34a}
#view-security .dot-purple{background:#7c3aed}
#view-security .security-list-stack,.security-event-stream{display:flex;flex-direction:column;gap:10px}
#view-security .security-list-item,#view-security .security-event-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:rgba(255,255,255,.9)}
#view-security .security-list-item strong,#view-security .security-event-row strong{display:block;color:var(--text-strong);font-size:1rem;margin-bottom:4px}
#view-security .security-event-row small{display:block;color:var(--muted);font-size:.84rem;margin-top:4px}
#view-security .security-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:0 12px;border-radius:999px;font-weight:800;border:1px solid var(--line)}
#view-security .security-score-badge.info{background:#eef5ff;color:#2563eb}
#view-security .security-score-badge.warn{background:#fff7ed;color:#d97706}
#view-security .security-score-badge.danger{background:#fff1f2;color:#dc2626}
#view-security .security-chip-list{display:flex;flex-wrap:wrap;gap:10px}
#view-security .security-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:rgba(255,255,255,.9);font-size:.92rem;color:var(--text-strong)}
#view-security .security-chip strong{font-size:.9rem}
#view-security .security-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#2563eb}
#view-security .security-empty-state{padding:18px;border-radius:16px;border:1px dashed rgba(148,163,184,.28);color:var(--muted);background:rgba(255,255,255,.55)}
#view-security .security-table-wrap{overflow:auto}
#view-security .security-table-wrap table{min-width:720px;border-collapse:separate;border-spacing:0;width:100%}
#view-security .security-table-wrap thead th{padding:0 14px 12px;text-align:left;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#view-security .security-table-wrap tbody td{padding:14px;border-top:1px solid rgba(148,163,184,.16);vertical-align:top}
#view-security .security-table-wrap tbody tr:hover{background:rgba(248,250,252,.82)}
#view-security .security-action-row{display:flex;gap:8px;flex-wrap:wrap}
#view-security .security-icon-btn{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.9);display:inline-flex;align-items:center;justify-content:center;color:#2563eb;cursor:pointer}
#view-security .security-icon-btn.danger{color:#dc2626}
#view-security .security-icon-btn:hover{transform:translateY(-1px)}
#view-security .security-icon-btn .kls-ui-icon{width:18px;height:18px}
#view-security .status-pill,#view-security .risk-pill,#view-security .attempt-badge{font-weight:800}
.app-shell.dark #view-security .security-top-card,
.app-shell.dark #view-security .security-section,
.app-shell.dark #view-security .security-mini-panel,
.app-shell.dark #view-security .security-summary-card,
.app-shell.dark #view-security .security-alerts-wrap,
.app-shell.dark #view-security .security-table-wrap tbody tr,
.app-shell.dark #view-security .security-list-item,
.app-shell.dark #view-security .security-event-row,
.app-shell.dark #view-security .security-check-card,
.app-shell.dark #view-security .security-chip,
.app-shell.dark #view-security .security-empty-state,
.app-shell.dark #view-security .security-icon-btn{background:rgba(6,17,26,.88);border-color:#20364f;color:#e6f0fa}
.app-shell.dark #view-security .security-top-card{box-shadow:0 20px 40px rgba(0,0,0,.2)}
.app-shell.dark #view-security .security-top-card.tone-blue{background:linear-gradient(180deg,rgba(6,17,26,.98),rgba(7,26,48,.96))}
.app-shell.dark #view-security .security-top-card.tone-red{background:linear-gradient(180deg,rgba(6,17,26,.98),rgba(48,14,20,.96))}
.app-shell.dark #view-security .security-top-card.tone-orange{background:linear-gradient(180deg,rgba(6,17,26,.98),rgba(54,29,8,.96))}
.app-shell.dark #view-security .security-top-card.tone-green{background:linear-gradient(180deg,rgba(6,17,26,.98),rgba(8,42,28,.96))}
.app-shell.dark #view-security .security-top-card.tone-purple{background:linear-gradient(180deg,rgba(6,17,26,.98),rgba(35,18,54,.96))}
.app-shell.dark #view-security .security-top-card.tone-indigo{background:linear-gradient(180deg,rgba(6,17,26,.98),rgba(15,24,57,.96))}
.app-shell.dark #view-security .security-top-label,
.app-shell.dark #view-security .security-summary-label,
.app-shell.dark #view-security .security-inline-label,
.app-shell.dark #view-security .security-head-title p,
.app-shell.dark #view-security .security-top-copy small,
.app-shell.dark #view-security .security-summary-card small,
.app-shell.dark #view-security .security-empty-state,
.app-shell.dark #view-security .security-table-wrap thead th,
.app-shell.dark #view-security .security-traffic-legend,
.app-shell.dark #view-security .security-alert-item p,
.app-shell.dark #view-security .security-event-row small{color:#8fb3d9}
.app-shell.dark #view-security .security-top-value,
.app-shell.dark #view-security .security-summary-value,
.app-shell.dark #view-security .security-head-title h3,
.app-shell.dark #view-security .security-mini-head h4,
.app-shell.dark #view-security .security-list-item strong,
.app-shell.dark #view-security .security-event-row strong,
.app-shell.dark #view-security .security-check-content strong,
.app-shell.dark #view-security .security-chip{color:#f8fbff}
.app-shell.dark #view-security .security-head-icon,
.app-shell.dark #view-security .security-summary-icon,
.app-shell.dark #view-security .security-top-icon,
.app-shell.dark #view-security .security-check-icon,
.app-shell.dark #view-security .security-alert-icon{background:rgba(18,36,57,.95)}
.app-shell.dark #view-security .security-check-card:has(input:checked){background:rgba(9,34,61,.96);border-color:#2f67aa;box-shadow:0 0 0 3px rgba(37,99,235,.18)}
.app-shell.dark #view-security .security-alert-item.high,.app-shell.dark #view-security .security-alert-item.critical{background:rgba(62,16,23,.72)}
.app-shell.dark #view-security .security-alert-item.success{background:rgba(9,51,27,.72)}
.app-shell.dark #view-security .security-score-badge.info{background:rgba(30,64,175,.24);color:#bfdbfe;border-color:#1d4ed8}
.app-shell.dark #view-security .security-score-badge.warn{background:rgba(180,83,9,.22);color:#fde68a;border-color:#b45309}
.app-shell.dark #view-security .security-score-badge.danger{background:rgba(185,28,28,.24);color:#fecaca;border-color:#b91c1c}
.app-shell.dark #view-security .security-table-wrap tbody tr:hover{background:rgba(12,27,42,.96)}
.app-shell.dark #view-security .security-icon-btn{background:rgba(8,19,31,.92);border-color:#2a4d73}
@media (max-width:1400px){
  #view-security .security-top-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  #view-security .security-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #view-security .security-recent-panel{grid-column:1 / -1}
  #view-security .security-table-grid{grid-template-columns:1fr}
}
@media (max-width:1100px){
  #view-security .security-dual-grid,
  #view-security .security-insights-body{grid-template-columns:1fr}
  #view-security .security-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  #view-security .security-top-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #view-security .security-form-grid{grid-template-columns:1fr}
  #view-security .security-advanced-grid{grid-template-columns:1fr}
  #view-security .security-summary-card,#view-security .security-top-card{padding:14px}
  #view-security .security-table-wrap{overflow:visible}
  #view-security .security-table-wrap table{min-width:0!important;border-collapse:separate;border-spacing:0 12px}
  #view-security .security-table-wrap thead{display:none}
  #view-security .security-table-wrap tbody,#view-security .security-table-wrap tr,#view-security .security-table-wrap td{display:block;width:100%}
  #view-security .security-table-wrap tr{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.72)}
  .app-shell.dark #view-security .security-table-wrap tr{background:rgba(6,17,26,.88);border-color:#20364f}
  #view-security .security-table-wrap td{border:none;padding:6px 0;text-align:left!important}
  #view-security .security-table-wrap td::before{content:attr(data-label);display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
}


/* ===== Security Page Phase 2 - Approved Design Match v2.1.105 ===== */
#view-security{
  --security-radius: 16px;
  --security-radius-lg: 18px;
  --security-card-border: #dce7f2;
  --security-soft-shadow: 0 10px 26px rgba(15, 23, 42, .035);
  --security-font: 12px;
  --security-muted-size: 12px;
  gap: 12px;
}
#view-security,
#view-security *{
  letter-spacing: 0;
}
#view-security h2{
  font-size: 26px!important;
  line-height: 1.12!important;
  font-weight: 800!important;
  margin-bottom: 5px!important;
}
#view-security h3{
  font-size: 15px!important;
  line-height: 1.2!important;
  font-weight: 800!important;
}
#view-security h4{
  font-size: 13px!important;
  line-height: 1.2!important;
  font-weight: 800!important;
}
#view-security p,
#view-security .muted,
#view-security small{
  font-size: var(--security-muted-size)!important;
  line-height: 1.35!important;
  font-weight: 500!important;
}
#view-security label,
#view-security label span,
#view-security th,
#view-security td,
#view-security input,
#view-security button{
  font-size: var(--security-font)!important;
}
#view-security .topbar.security-topbar{
  padding: 0!important;
  margin: 2px 0 14px!important;
  background: transparent!important;
  border: 0!important;
  box-shadow: none!important;
}
#view-security .security-refresh-btn{
  height: 42px!important;
  padding: 0 18px!important;
  border-radius: 16px!important;
  font-weight: 700!important;
}

/* KPI row closer to approved design */
#view-security .security-top-stats{
  grid-template-columns: repeat(6, minmax(0, 1fr))!important;
  gap: 12px!important;
  margin: 0 0 14px!important;
}
#view-security .security-top-card{
  min-height: 72px!important;
  padding: 13px 16px!important;
  border-radius: 16px!important;
  border-color: var(--security-card-border)!important;
  box-shadow: var(--security-soft-shadow)!important;
  gap: 12px!important;
}
#view-security .security-top-icon{
  width: 44px!important;
  height: 44px!important;
  flex-basis: 44px!important;
  border-radius: 15px!important;
}
#view-security .security-top-icon .kls-ui-icon,
#view-security .security-head-icon .kls-ui-icon,
#view-security .security-summary-icon .kls-ui-icon,
#view-security .security-check-icon .kls-ui-icon,
#view-security .security-alert-icon .kls-ui-icon{
  width: 18px!important;
  height: 18px!important;
}
#view-security .security-top-label{
  font-size: 10px!important;
  line-height: 1!important;
  margin: 0 0 6px!important;
  letter-spacing: .035em!important;
}
#view-security .security-top-value{
  font-size: 22px!important;
  line-height: 1!important;
  font-weight: 800!important;
  margin: 0 0 3px!important;
}
#view-security .security-top-copy small{
  font-size: 11px!important;
}

/* Main card shell */
#view-security .card.security-section{
  border-radius: 17px!important;
  border-color: var(--security-card-border)!important;
  box-shadow: var(--security-soft-shadow)!important;
  padding: 0!important;
  background: rgba(255,255,255,.93)!important;
}
#view-security .security-dual-grid{
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)!important;
  gap: 14px!important;
  margin-bottom: 14px!important;
}
#view-security .security-section-full{
  margin-bottom: 14px!important;
}
#view-security .security-section-head{
  min-height: 48px!important;
  padding: 14px 18px!important;
  border-bottom: 1px solid #e6edf5!important;
  align-items: center!important;
}
#view-security .security-head-title{
  gap: 0!important;
  align-items: center!important;
}
#view-security .security-head-icon{
  display: none!important;
}
#view-security .security-head-title p{
  display: none!important;
}
#view-security .security-section-head h3{
  margin: 0!important;
}
#view-security .security-collapse-btn{
  width: 32px!important;
  height: 32px!important;
  flex-basis: 32px!important;
  border-radius: 11px!important;
  border: 1px solid #dbe7f3!important;
  background: #fff!important;
  color: #0f2542!important;
}
#view-security .security-collapse-btn .kls-ui-icon{
  width: 15px!important;
  height: 15px!important;
}
#view-security .security-section-body{
  padding: 14px 18px 16px!important;
}

/* Forms same compact proportions */
#view-security .security-form-grid{
  gap: 12px 14px!important;
  grid-template-columns: repeat(3, minmax(0, 1fr))!important;
}
#view-security [data-security-section="manual"] .security-form-grid{
  grid-template-columns: minmax(0, 1fr) minmax(0, .78fr)!important;
}
#view-security .security-form-grid label{
  gap: 6px!important;
}
#view-security .security-form-grid label span{
  font-size: 12px!important;
  line-height: 1.2!important;
  font-weight: 700!important;
  color: var(--text-strong)!important;
}
#view-security .security-form-grid input[type="text"],
#view-security .security-form-grid input[type="number"],
#view-security .security-form-grid input:not([type]){
  height: 38px!important;
  border-radius: 9px!important;
  padding: 0 12px!important;
  font-size: 12px!important;
  font-weight: 500!important;
  border-color: #d6e3f0!important;
  background: rgba(255,255,255,.98)!important;
}
#view-security .security-form-grid input::placeholder{
  color:#8aa1b8!important;
  text-transform:none!important;
}
#view-security .security-check-card{
  min-height: 54px!important;
  border-radius: 12px!important;
  border-color: #d9e5f0!important;
  background: rgba(255,255,255,.86)!important;
}
#view-security .security-check-content{
  padding: 10px 38px 10px 10px!important;
  gap: 10px!important;
  align-items: center!important;
}
#view-security .security-check-icon{
  width: 34px!important;
  height: 34px!important;
  flex-basis: 34px!important;
  border-radius: 11px!important;
}
#view-security .security-check-content strong{
  font-size: 12px!important;
  line-height: 1.1!important;
  font-weight: 800!important;
  margin: 0 0 3px!important;
}
#view-security .security-check-content small{
  font-size: 10.5px!important;
  line-height: 1.25!important;
  font-weight: 500!important;
}
#view-security .security-check-card::after{
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  transform: translateY(-50%);
  border: 1.5px solid #a8bdd2;
  background:#fff;
  box-shadow: inset 0 0 0 2px #fff;
}
#view-security .security-check-card:has(input:checked)::after{
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: inset 0 0 0 3px #2563eb;
}
#view-security .security-check-card:has(input:checked)::before{
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  width:6px;
  height:9px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:translateY(-60%) rotate(45deg);
  z-index:2;
}
#view-security .security-form-actions.full{
  margin-top: 2px!important;
}
#view-security [data-security-section="settings"] .security-form-actions.full{
  grid-column: 1 / -1!important;
  justify-content: flex-end!important;
}
#view-security [data-security-section="manual"] .security-form-actions.full{
  grid-column: 1 / -1!important;
  justify-content: flex-start!important;
}
#view-security .security-submit-btn{
  height: 38px!important;
  min-width: 130px!important;
  border-radius: 9px!important;
  padding: 0 18px!important;
  font-size: 12px!important;
  font-weight: 800!important;
  box-shadow: 0 10px 24px rgba(37,99,235,.17)!important;
}
#view-security [data-security-section="manual"] .security-submit-btn{
  min-width: 120px!important;
}

/* Smart insights compact */
#view-security .security-insights-body{
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1.04fr)!important;
  gap: 14px!important;
}
#view-security .security-alerts-wrap{
  border-radius: 14px!important;
  padding: 12px!important;
}
#view-security .security-inline-label{
  font-size: 11px!important;
  margin-bottom: 8px!important;
}
#view-security .security-alert-item{
  padding: 11px!important;
  border-radius: 14px!important;
  min-height: 52px!important;
}
#view-security .security-alert-icon{
  width: 36px!important;
  height: 36px!important;
  flex-basis: 36px!important;
  border-radius: 12px!important;
}
#view-security .security-alert-item strong{
  font-size: 12px!important;
  margin-bottom: 3px!important;
}
#view-security .security-alert-item p{
  font-size: 11px!important;
}
#view-security .security-insight-stats{
  grid-template-columns: repeat(4, minmax(0, 1fr))!important;
  gap: 12px!important;
}
#view-security .security-summary-card{
  min-height: 62px!important;
  padding: 12px 14px!important;
  border-radius: 14px!important;
  gap: 10px!important;
}
#view-security .security-summary-icon{
  width: 36px!important;
  height: 36px!important;
  flex-basis: 36px!important;
  border-radius: 12px!important;
}
#view-security .security-summary-label{
  font-size: 10px!important;
  margin-bottom: 4px!important;
}
#view-security .security-summary-value{
  font-size: 20px!important;
  font-weight: 800!important;
  margin-bottom: 3px!important;
}
#view-security .security-summary-card small{
  font-size: 10.5px!important;
}

/* Advanced section like approved image */
#view-security .security-advanced-grid{
  grid-template-columns: 1.05fr .95fr .95fr .95fr 1.35fr!important;
  gap: 10px!important;
}
#view-security .security-mini-panel{
  min-height: 172px!important;
  max-height: 172px!important;
  overflow: hidden!important;
  border-radius: 12px!important;
  padding: 12px!important;
  background: rgba(255,255,255,.84)!important;
  border-color: #dfe9f4!important;
}
#view-security .security-mini-head{
  margin-bottom: 9px!important;
}
#view-security .security-mini-head h4{
  font-size: 12px!important;
}
#view-security .security-traffic-chart{
  height: 56px!important;
  padding: 0!important;
}
#view-security .security-sparkline{
  height: 58px!important;
}
#view-security .security-traffic-legend{
  grid-template-columns: 1fr 1fr!important;
  gap: 5px 10px!important;
  font-size: 10.5px!important;
  line-height: 1.2!important;
}
#view-security .dot{
  width: 6px!important;
  height: 6px!important;
}
#view-security .security-list-stack{
  gap: 6px!important;
}
#view-security .security-list-item{
  padding: 7px 8px!important;
  border-radius: 10px!important;
  min-height: 0!important;
  gap: 7px!important;
}
#view-security .security-list-item strong{
  font-size: 11.5px!important;
  margin-bottom: 2px!important;
}
#view-security .security-list-item .muted{
  font-size: 10.5px!important;
  line-height: 1.25!important;
}
#view-security .security-score-badge{
  min-width: 36px!important;
  height: 22px!important;
  padding: 0 9px!important;
  font-size: 10px!important;
}
#view-security .security-chip-list{
  gap: 7px!important;
}
#view-security .security-chip{
  padding: 7px 10px!important;
  border-radius: 999px!important;
  font-size: 11px!important;
  gap: 6px!important;
}
#view-security .security-chip strong{
  font-size: 10.5px!important;
  min-width: 20px!important;
  height: 20px!important;
  padding: 2px 6px!important;
  border-radius: 999px!important;
  background: #eef5ff!important;
  color: #2563eb!important;
  text-align:center!important;
}
#view-security .security-chip-icon{
  width: 16px!important;
  height: 16px!important;
}
#view-security .security-chip-icon .kls-ui-icon{
  width: 14px!important;
  height: 14px!important;
}
#view-security .security-event-stream{
  gap: 5px!important;
}
#view-security .security-event-row{
  display:grid!important;
  grid-template-columns: 18px minmax(0,1fr) 44px auto!important;
  align-items:center!important;
  gap: 6px!important;
  padding: 6px 8px!important;
  border-radius: 10px!important;
  min-height: 31px!important;
}
#view-security .security-event-mini-icon{
  width: 18px!important;
  height: 18px!important;
  border-radius: 999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#64748b!important;
  background:#f3f7fb!important;
}
#view-security .security-event-mini-icon .kls-ui-icon{
  width: 11px!important;
  height: 11px!important;
}
#view-security .security-event-copy strong{
  font-size: 10.8px!important;
  line-height: 1.05!important;
  margin: 0 0 2px!important;
}
#view-security .security-event-copy .muted{
  font-size: 9.6px!important;
  line-height: 1.05!important;
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}
#view-security .security-event-time{
  font-size: 10px!important;
  color: var(--muted)!important;
  white-space: nowrap!important;
}
#view-security .risk-pill{
  padding: 4px 8px!important;
  font-size: 9.5px!important;
  border-radius: 999px!important;
  white-space: nowrap!important;
}
#view-security .security-view-more{
  width: 100%!important;
  margin-top: 4px!important;
  text-align: center!important;
  font-size: 10.5px!important;
  line-height: 1!important;
}

/* Bottom tables compact and no unnecessary horizontal scrollbar on desktop */
#view-security .security-table-grid{
  grid-template-columns: 1fr 1fr 1.25fr!important;
  gap: 12px!important;
}
#view-security .security-table-grid .security-section-head{
  padding: 12px 14px!important;
  min-height: 44px!important;
}
#view-security .security-table-grid .security-section-body{
  padding: 0 14px 12px!important;
}
#view-security .security-table-wrap{
  overflow: visible!important;
}
#view-security .security-table-wrap table{
  min-width: 0!important;
  width: 100%!important;
  table-layout: auto!important;
  border-collapse: collapse!important;
}
#view-security .security-table-wrap thead th{
  padding: 0 7px 8px!important;
  font-size: 9.7px!important;
  letter-spacing:.04em!important;
  white-space: nowrap!important;
}
#view-security .security-table-wrap tbody td{
  padding: 8px 7px!important;
  font-size: 10.6px!important;
  line-height: 1.25!important;
  white-space: nowrap!important;
}
#view-security .security-table-wrap tbody td strong{
  font-size: 10.8px!important;
  font-weight: 700!important;
}
#view-security .status-pill,
#view-security .attempt-badge{
  padding: 4px 7px!important;
  font-size: 9.5px!important;
  border-radius: 999px!important;
}
#view-security .security-action-row{
  gap: 5px!important;
  justify-content:flex-start!important;
}
#view-security .security-icon-btn{
  width: 24px!important;
  height: 24px!important;
  border-radius: 7px!important;
  border: 0!important;
  background: transparent!important;
  box-shadow: none!important;
}
#view-security .security-icon-btn .kls-ui-icon{
  width: 13px!important;
  height: 13px!important;
}
#view-security .security-table-wrap .muted{
  white-space: normal!important;
}

/* Global compact card spacing closer to approved screenshot */
#view-security .security-empty-state{
  padding: 12px!important;
  border-radius: 12px!important;
  font-size: 11px!important;
}
#view-security .kls-ui-icon{
  stroke-width:2!important;
}

/* Dark mode phase 2 consistency */
.app-shell.dark #view-security .card.security-section,
.app-shell.dark #view-security .security-mini-panel,
.app-shell.dark #view-security .security-top-card{
  background: rgba(8,19,31,.92)!important;
  border-color: #20364f!important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18)!important;
}
.app-shell.dark #view-security .security-section-head{
  border-color:#17324a!important;
}
.app-shell.dark #view-security .security-collapse-btn{
  background:#08131f!important;
  border-color:#244057!important;
  color:#f8fbff!important;
}
.app-shell.dark #view-security .security-form-grid input[type="text"],
.app-shell.dark #view-security .security-form-grid input[type="number"],
.app-shell.dark #view-security .security-form-grid input:not([type]){
  background:#07131f!important;
  border-color:#244057!important;
  color:#f8fbff!important;
}
.app-shell.dark #view-security .security-check-card{
  background: rgba(8,19,31,.92)!important;
  border-color:#244057!important;
}
.app-shell.dark #view-security .security-check-card::after{
  background:#07131f!important;
  border-color:#49647d!important;
}
.app-shell.dark #view-security .security-check-card:has(input:checked)::after{
  background:#2563eb!important;
  border-color:#2563eb!important;
}
.app-shell.dark #view-security .security-check-card:has(input:checked)::before{
  border-color:#fff!important;
}
.app-shell.dark #view-security .security-event-mini-icon{
  background:#122439!important;
  color:#9bb0c4!important;
}
.app-shell.dark #view-security .security-chip strong{
  background:rgba(30,64,175,.26)!important;
  color:#bfdbfe!important;
}

/* Responsive behavior keeps mobile usable but desktop matches approved */
@media (max-width: 1500px){
  #view-security .security-top-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #view-security .security-insight-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #view-security .security-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #view-security .security-mini-panel{max-height:none!important;min-height:160px!important}
  #view-security .security-recent-panel{grid-column:auto!important}
  #view-security .security-table-grid{grid-template-columns:1fr!important}
  #view-security .security-table-wrap{overflow-x:auto!important}
  #view-security .security-table-wrap table{min-width:720px!important}
}
@media (max-width: 1120px){
  #view-security .security-dual-grid{grid-template-columns:1fr!important}
  #view-security .security-form-grid,
  #view-security [data-security-section="manual"] .security-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #view-security .security-insights-body{grid-template-columns:1fr!important}
}
@media (max-width: 760px){
  #view-security h2{font-size:22px!important}
  #view-security .security-top-stats{grid-template-columns:1fr!important}
  #view-security .security-section-head{padding:12px 14px!important}
  #view-security .security-section-body{padding:12px 14px!important}
  #view-security .security-form-grid,
  #view-security [data-security-section="manual"] .security-form-grid{grid-template-columns:1fr!important}
  #view-security .security-insight-stats{grid-template-columns:1fr!important}
  #view-security .security-advanced-grid{grid-template-columns:1fr!important}
  #view-security .security-table-wrap{overflow:visible!important}
  #view-security .security-table-wrap table{min-width:0!important}
}


/* ===== Security Page Phase 3 Compact Polish v2.1.105 ===== */
#view-security .security-section.is-collapsed > .security-section-body{display:none!important;}
#view-security .security-section.is-collapsed{height:auto!important;min-height:0!important;overflow:hidden!important;}
#view-security .security-section.is-collapsed .security-section-head{border-bottom:0!important;}
#view-security .security-section.is-collapsed .security-chevron-icon{transform:rotate(180deg)!important;}
#view-security .security-section-head h3{font-size:14px!important;font-weight:800!important;}
#view-security .security-head-title p{max-width:360px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#view-security .security-form-grid{align-items:start!important;}
#view-security .security-form-grid > label:not(.security-check-card){min-height:64px!important;}
#view-security .security-form-grid > label:not(.security-check-card) > span{min-height:16px!important;display:flex!important;align-items:flex-end!important;white-space:nowrap!important;line-height:1.15!important;}
#view-security .security-form-grid input[type="text"],
#view-security .security-form-grid input[type="number"],
#view-security .security-form-grid input:not([type]){height:42px!important;min-height:42px!important;line-height:42px!important;}
#view-security .security-check-card{height:70px!important;min-height:70px!important;}
#view-security [data-security-section="settings"] .security-check-card{height:78px!important;min-height:78px!important;}
#view-security .security-check-content{height:100%!important;}
#view-security .security-check-content strong{white-space:nowrap!important;}
#view-security .security-check-content small{display:block!important;max-width:140px!important;line-height:1.25!important;}
#view-security .security-dual-grid > .security-section{align-self:stretch!important;}
#view-security .security-dual-grid > .security-section > .security-section-body{height:calc(100% - 56px)!important;}
#view-security .security-mini-panel{display:flex!important;flex-direction:column!important;overflow:visible!important;max-height:none!important;}
#view-security .security-mini-panel > .security-list-stack,
#view-security .security-mini-panel > .security-chip-list,
#view-security .security-mini-panel > .security-event-stream{display:flex!important;flex-direction:column!important;gap:6px!important;min-height:0!important;}
#view-security .security-view-more,
#view-security .security-table-more .security-view-more{display:block!important;width:100%!important;margin:7px auto 0!important;padding:0!important;border:0!important;background:transparent!important;color:#2563eb!important;font-size:11px!important;font-weight:800!important;text-align:center!important;cursor:pointer!important;}
#view-security .security-event-row{min-height:30px!important;}
#view-security .security-event-copy .muted{max-width:130px!important;}
#view-security .security-table-more{min-height:18px!important;text-align:center!important;}
#view-security .security-table-grid .security-section-body{padding-bottom:10px!important;}
#view-security .security-table-wrap{overflow:hidden!important;}
#view-security .security-table-wrap table{min-width:0!important;width:100%!important;}
#view-security .security-table-wrap th,
#view-security .security-table-wrap td{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#view-security .security-table-wrap th:nth-child(5),
#view-security .security-table-wrap td:nth-child(5){max-width:120px!important;}
#view-security .security-table-wrap th:last-child,
#view-security .security-table-wrap td:last-child{width:68px!important;max-width:68px!important;}
#view-security .security-table-grid{align-items:start!important;}
#view-security .security-table-grid .security-section{min-height:136px!important;}
#view-security .security-table-grid .security-section.is-collapsed{min-height:0!important;}
#view-security .security-table-grid .security-head-title p{display:none!important;}
#view-security .security-alert-item p{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#view-security .security-list-item .muted{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#view-security .security-submit-btn{height:40px!important;}
.app-shell.dark #view-security .security-view-more,
.app-shell.dark #view-security .security-table-more .security-view-more{color:#60a5fa!important;}
@media (min-width:1501px){
  #view-security .security-advanced-grid{grid-template-columns:1.05fr .95fr .95fr .95fr 1.35fr!important;}
  #view-security .security-mini-panel{min-height:170px!important;}
}
@media (max-width:1500px){
  #view-security .security-table-wrap{overflow-x:auto!important;}
  #view-security .security-table-wrap table{min-width:640px!important;}
}
@media (max-width:760px){
  #view-security .security-form-grid > label:not(.security-check-card){min-height:auto!important;}
  #view-security .security-form-grid > label:not(.security-check-card) > span{white-space:normal!important;}
  #view-security .security-check-card,
  #view-security [data-security-section="settings"] .security-check-card{height:auto!important;min-height:64px!important;}
  #view-security .security-table-wrap{overflow:visible!important;}
  #view-security .security-table-wrap table{min-width:0!important;}
}


/* ===== Security Page Phase 4 Modal View More + Collapse Fix v2.1.105 ===== */
#view-security .security-dual-grid{align-items:start!important;}
#view-security .security-dual-grid > .security-section.is-collapsed{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  max-height:58px!important;
  overflow:hidden!important;
}
#view-security .security-dual-grid > .security-section.is-collapsed > .security-section-body{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
#view-security .security-section.is-collapsed > .security-section-body,
#view-security .security-section.is-collapsed form,
#view-security .security-section.is-collapsed .security-form-grid,
#view-security .security-section.is-collapsed .security-table-wrap,
#view-security .security-section.is-collapsed .security-table-more,
#view-security .security-section.is-collapsed .security-insights-body,
#view-security .security-section.is-collapsed .security-advanced-grid{
  display:none!important;
}
#view-security .security-section.is-collapsed .security-section-head{border-bottom:0!important;}
#view-security .security-view-more{display:block!important;}
.security-more-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(14px,4vh,34px) 18px;
  background:rgba(15,23,42,.56);
  backdrop-filter:blur(12px);
  overflow:hidden;
}
.security-more-modal.hidden{display:none!important;}
.security-more-card{
  width:min(1120px,100%);
  max-height:calc(100vh - 52px);
  overflow:auto;
  background:#fff;
  border:1px solid #d9e5f0;
  border-radius:24px;
  box-shadow:0 28px 90px rgba(15,23,42,.24);
  padding:0;
  color:#06111a;
  overscroll-behavior:contain;
}
.security-more-head{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px 16px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border-bottom:1px solid #e2edf7;
}
.security-more-head h3{margin:0 0 4px;font-size:20px!important;font-weight:800!important;}
.security-more-close{
  width:40px;height:40px;border-radius:14px;border:1px solid #d9e5f0;background:#fff;color:#0f2542;display:flex;align-items:center;justify-content:center;cursor:pointer;
}
.security-more-close .kls-ui-icon{width:18px;height:18px;}
.security-more-body{padding:18px 22px;overflow:auto;overscroll-behavior:contain;}
.security-more-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;background:linear-gradient(0deg,#fff,#f8fbff);border-top:1px solid #e2edf7;}
.security-more-actions .danger{border-color:#fecaca!important;color:#dc2626!important;background:#fff1f2!important;}
.security-more-table-wrap{overflow:auto;border:1px solid #d9e5f0;border-radius:18px;}
.security-more-table{width:100%;min-width:760px;border-collapse:collapse;}
.security-more-table th{background:#f3f8fd;color:#64748b;font-size:11px!important;text-transform:uppercase;letter-spacing:.045em;text-align:left;padding:12px 14px;white-space:nowrap;}
.security-more-table td{border-top:1px solid #e2edf7;padding:12px 14px;font-size:12px!important;vertical-align:top;white-space:nowrap;}
.security-more-table td:last-child{white-space:normal;}
.security-more-empty{padding:22px!important;text-align:center!important;}
.app-shell.dark .security-more-card{background:#07131f;border-color:#244057;color:#f8fbff;box-shadow:0 28px 90px rgba(0,0,0,.42);}
.app-shell.dark .security-more-head,.app-shell.dark .security-more-actions{background:linear-gradient(180deg,#07131f,#0a1826);border-color:#244057;}
.app-shell.dark .security-more-close{background:#0b1b2a;border-color:#244057;color:#f8fbff;}
.app-shell.dark .security-more-table-wrap{border-color:#244057;}
.app-shell.dark .security-more-table th{background:#0e2235;color:#9bb0c4;}
.app-shell.dark .security-more-table td{border-color:#20364f;color:#e6f0fa;}
@media (max-width:760px){
  .security-more-modal{padding:10px;}
  .security-more-card{border-radius:18px;max-height:calc(100vh - 20px);}
  .security-more-head{padding:16px;}
  .security-more-body{padding:14px;}
  .security-more-actions{padding:14px;flex-direction:column-reverse;}
  .security-more-actions button{width:100%;}
}

/* v2.1.105 — Security modal stacking + internal scroll polish */
.kls-confirm{
  z-index:20000!important;
}
.kls-confirm.show{
  z-index:20000!important;
}
.security-more-modal{
  z-index:10000!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
.security-more-card{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  max-height:calc(100vh - 52px)!important;
}
.security-more-head{
  flex:0 0 auto!important;
}
.security-more-body{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.security-more-actions{
  position:relative!important;
  flex:0 0 auto!important;
}
.security-more-table-wrap{
  max-height:none!important;
  overflow:auto!important;
  scrollbar-gutter:stable!important;
}
.security-more-body::-webkit-scrollbar,
.security-more-table-wrap::-webkit-scrollbar{
  width:10px!important;
  height:10px!important;
}
.security-more-body::-webkit-scrollbar-thumb,
.security-more-table-wrap::-webkit-scrollbar-thumb{
  background:rgba(100,116,139,.55)!important;
  border-radius:999px!important;
  border:2px solid transparent!important;
  background-clip:padding-box!important;
}
.security-more-body::-webkit-scrollbar-track,
.security-more-table-wrap::-webkit-scrollbar-track{
  background:transparent!important;
}
.app-shell.dark .security-more-body::-webkit-scrollbar-thumb,
.app-shell.dark .security-more-table-wrap::-webkit-scrollbar-thumb,
body.theme-dark .security-more-body::-webkit-scrollbar-thumb,
body.theme-dark .security-more-table-wrap::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.45)!important;
  border:2px solid transparent!important;
  background-clip:padding-box!important;
}
@media (max-width:760px){
  .security-more-card{
    max-height:calc(100vh - 20px)!important;
  }
}

/* v2.1.105 — Advanced Threat Intelligence sample-match polish */
#view-security [data-security-section="advanced"] .security-section-body{
  padding:14px 18px 16px!important;
}
#view-security [data-security-section="advanced"] .security-advanced-grid{
  grid-template-columns:1.12fr 1.05fr 1.05fr 1.05fr 1.32fr!important;
  gap:10px!important;
  align-items:stretch!important;
}
#view-security [data-security-section="advanced"] .security-mini-panel{
  min-height:190px!important;
  max-height:190px!important;
  border-radius:10px!important;
  padding:12px!important;
  background:#fff!important;
  border:1px solid #d7e5f3!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
}
#view-security [data-security-section="advanced"] .security-mini-head{
  margin:0 0 10px!important;
  min-height:16px!important;
}
#view-security [data-security-section="advanced"] .security-mini-head h4{
  font-size:12px!important;
  font-weight:800!important;
  color:#071321!important;
}
#view-security .ati-traffic-chart{
  height:70px!important;
  margin:0 0 2px!important;
  color:#2563eb!important;
}
#view-security .ati-sparkline{
  width:100%!important;
  height:72px!important;
  display:block!important;
}
#view-security .ati-traffic-legend{
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px 12px!important;
  color:#48627c!important;
}
#view-security .ati-traffic-legend span{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  font-size:10.6px!important;
  line-height:1.1!important;
}
#view-security .ati-traffic-legend strong{
  margin-left:auto!important;
  color:#0b1726!important;
  font-weight:800!important;
}
#view-security .ati-hot-list,
#view-security .ati-simple-list,
#view-security .ati-event-list{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  min-height:0!important;
}
#view-security .ati-ip-row{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:8px 10px!important;
  border:1px solid #e0e9f4!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  border-radius:10px!important;
}
#view-security .ati-ip-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#view-security .ati-ip-copy strong{
  font-size:11.2px!important;
  font-weight:800!important;
  color:#071321!important;
  line-height:1.1!important;
}
#view-security .ati-ip-copy span{
  font-size:10.2px!important;
  color:#55708b!important;
  line-height:1.15!important;
}
#view-security .ati-severity{
  flex:0 0 auto!important;
  min-width:48px!important;
  text-align:center!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
}
#view-security .ati-severity.high{background:#fff0f0!important;color:#ef4444!important;}
#view-security .ati-severity.medium{background:#fff7e6!important;color:#f59e0b!important;}
#view-security .ati-severity.low{background:#fff4d9!important;color:#d97706!important;}
#view-security .ati-simple-row{
  height:31px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:6px 10px!important;
  border:0!important;
  background:transparent!important;
  color:#0b1726!important;
}
#view-security .ati-simple-row span{
  font-size:11.2px!important;
  color:#0b1726!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#view-security .ati-simple-row strong{
  min-width:27px!important;
  height:27px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 8px!important;
  font-size:10.5px!important;
  background:#eef5ff!important;
  color:#2563eb!important;
  font-weight:800!important;
}
#view-security .ati-event-list{
  gap:7px!important;
}
#view-security .ati-event-row{
  min-height:36px!important;
  display:grid!important;
  grid-template-columns:18px minmax(0,1fr) 46px auto!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px 8px!important;
  border:1px solid #e1eaf4!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
  border-radius:10px!important;
}
#view-security .ati-event-icon{
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f2f6fb!important;
  color:#7d93aa!important;
}
#view-security .ati-event-icon .kls-ui-icon{width:11px!important;height:11px!important;}
#view-security .ati-event-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
#view-security .ati-event-copy strong{
  font-size:10.8px!important;
  font-weight:800!important;
  color:#071321!important;
  line-height:1.05!important;
}
#view-security .ati-event-copy span{
  font-size:9.7px!important;
  color:#55708b!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.05!important;
}
#view-security .ati-event-row time{
  font-size:9.5px!important;
  color:#55708b!important;
  text-align:right!important;
  white-space:nowrap!important;
}
#view-security .ati-status{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:54px!important;
  height:23px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:800!important;
  text-transform:capitalize!important;
}
#view-security .ati-status.success{background:#e8f9ed!important;color:#16a34a!important;border:1px solid #c5efd0!important;}
#view-security .ati-status.blocked,
#view-security .ati-status.failed{background:#fff0f0!important;color:#ef4444!important;border:1px solid #ffd3d3!important;}
#view-security [data-security-section="advanced"] .security-view-more{
  margin-top:auto!important;
  padding-top:8px!important;
  width:100%!important;
  text-align:center!important;
  color:#2563eb!important;
  font-size:10.8px!important;
  font-weight:800!important;
}
#view-security [data-security-section="advanced"] .security-empty-state{
  font-size:10.6px!important;
  padding:10px!important;
  border-radius:10px!important;
}
/* Remove old advanced list styling from these new sample-match blocks */
#view-security [data-security-section="advanced"] .security-list-item,
#view-security [data-security-section="advanced"] .security-event-row,
#view-security [data-security-section="advanced"] .security-chip{
  all:unset;
}
.app-shell.dark #view-security [data-security-section="advanced"] .security-mini-panel,
body.theme-dark #view-security [data-security-section="advanced"] .security-mini-panel{
  background:#07131f!important;
  border-color:#244057!important;
}
.app-shell.dark #view-security [data-security-section="advanced"] .security-mini-head h4,
body.theme-dark #view-security [data-security-section="advanced"] .security-mini-head h4,
.app-shell.dark #view-security .ati-ip-copy strong,
.app-shell.dark #view-security .ati-simple-row span,
.app-shell.dark #view-security .ati-event-copy strong,
body.theme-dark #view-security .ati-ip-copy strong,
body.theme-dark #view-security .ati-simple-row span,
body.theme-dark #view-security .ati-event-copy strong{
  color:#f8fbff!important;
}
.app-shell.dark #view-security .ati-ip-row,
.app-shell.dark #view-security .ati-event-row,
body.theme-dark #view-security .ati-ip-row,
body.theme-dark #view-security .ati-event-row{
  background:#0b1b2a!important;
  border-color:#244057!important;
}
.app-shell.dark #view-security .ati-ip-copy span,
.app-shell.dark #view-security .ati-event-copy span,
.app-shell.dark #view-security .ati-event-row time,
.app-shell.dark #view-security .ati-traffic-legend,
body.theme-dark #view-security .ati-ip-copy span,
body.theme-dark #view-security .ati-event-copy span,
body.theme-dark #view-security .ati-event-row time,
body.theme-dark #view-security .ati-traffic-legend{
  color:#9bb0c4!important;
}
.app-shell.dark #view-security .ati-traffic-legend strong,
body.theme-dark #view-security .ati-traffic-legend strong{
  color:#e6f0fa!important;
}
.app-shell.dark #view-security .ati-event-icon,
body.theme-dark #view-security .ati-event-icon{
  background:#122439!important;
  color:#9bb0c4!important;
}
@media (max-width:1500px){
  #view-security [data-security-section="advanced"] .security-advanced-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #view-security [data-security-section="advanced"] .security-mini-panel{
    max-height:none!important;
    min-height:170px!important;
  }
}
@media (max-width:760px){
  #view-security [data-security-section="advanced"] .security-advanced-grid{
    grid-template-columns:1fr!important;
  }
  #view-security [data-security-section="advanced"] .security-mini-panel{
    max-height:none!important;
  }
}

/* v2.1.105 — Advanced Threat Intelligence View All/View More bottom alignment */
#view-security [data-security-section="advanced"] .security-mini-panel{
  display:flex!important;
  flex-direction:column!important;
  min-height:174px!important;
  max-height:174px!important;
  overflow:hidden!important;
}
#view-security [data-security-section="advanced"] .security-mini-head{
  flex:0 0 auto!important;
}
#securityHotIpProfiles,
#securityThreatActors,
#securityTopAgents,
#securityRecentEvents{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
}
#view-security [data-security-section="advanced"] .ati-hot-list,
#view-security [data-security-section="advanced"] .ati-simple-list,
#view-security [data-security-section="advanced"] .ati-event-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  margin-bottom:6px!important;
}
#view-security [data-security-section="advanced"] .security-view-more{
  flex:0 0 auto!important;
  margin-top:auto!important;
  padding:7px 0 0!important;
  min-height:20px!important;
  line-height:1!important;
  width:100%!important;
  align-self:stretch!important;
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#2563eb!important;
  font-size:10.8px!important;
  font-weight:800!important;
  background:transparent!important;
  border:0!important;
}
#view-security [data-security-section="advanced"] .security-view-more:hover{
  text-decoration:none!important;
  color:#1d4ed8!important;
}
#view-security [data-security-section="advanced"] .ati-ip-row{
  min-height:40px!important;
  padding:7px 10px!important;
}
#view-security [data-security-section="advanced"] .ati-simple-row{
  height:28px!important;
  min-height:28px!important;
}
#view-security [data-security-section="advanced"] .ati-event-row{
  min-height:34px!important;
  padding:6px 8px!important;
}
#view-security [data-security-section="advanced"] .ati-event-row:nth-child(n+4){
  display:none!important;
}
#view-security [data-security-section="advanced"] .security-empty-state{
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:6px!important;
}
.app-shell.dark #view-security [data-security-section="advanced"] .security-view-more{
  color:#60a5fa!important;
}
@media (max-width:1500px){
  #view-security [data-security-section="advanced"] .security-mini-panel{
    max-height:none!important;
    min-height:170px!important;
  }
}


/* v2.1.105 — Bottom Security Tables Sample Match */
#view-security .security-table-grid{
  grid-template-columns: 1fr 1fr 1.28fr!important;
  gap: 12px!important;
  align-items: stretch!important;
}
#view-security .security-table-grid > .security-section{
  min-height: 154px!important;
  max-height: 154px!important;
  height: 154px!important;
  display: flex!important;
  flex-direction: column!important;
  overflow: hidden!important;
  border-radius: 14px!important;
  box-shadow: 0 10px 24px rgba(15,23,42,.035)!important;
}
#view-security .security-table-grid > .security-section.is-collapsed{
  min-height: 54px!important;
  max-height: 54px!important;
  height: 54px!important;
}
#view-security .security-table-grid > .security-section.is-collapsed .security-section-body{
  display: none!important;
}
#view-security .security-table-grid .security-section-head{
  flex: 0 0 52px!important;
  min-height: 52px!important;
  height: 52px!important;
  padding: 12px 14px!important;
  border-bottom: 1px solid #e5eef7!important;
  align-items: center!important;
}
#view-security .security-table-grid .security-section-head h3{
  font-size: 13.5px!important;
  font-weight: 800!important;
  line-height: 1.1!important;
  margin: 0!important;
}
#view-security .security-table-grid .security-collapse-btn{
  width: 30px!important;
  height: 30px!important;
  flex-basis: 30px!important;
  border-radius: 10px!important;
}
#view-security .security-table-grid .security-section-body{
  flex: 1 1 auto!important;
  min-height: 0!important;
  padding: 0 14px 8px!important;
  display: flex!important;
  flex-direction: column!important;
}
#view-security .security-table-grid .security-table-wrap{
  flex: 1 1 auto!important;
  min-height: 0!important;
  overflow: hidden!important;
  margin: 0!important;
}
#view-security .security-table-grid .security-table-wrap table{
  width: 100%!important;
  min-width: 0!important;
  table-layout: fixed!important;
  border-collapse: collapse!important;
}
#view-security .security-table-grid .security-table-wrap thead th{
  height: 24px!important;
  padding: 0 6px!important;
  font-size: 9px!important;
  line-height: 1!important;
  font-weight: 800!important;
  letter-spacing: .04em!important;
  text-transform: uppercase!important;
  color: #5f7893!important;
  border-bottom: 1px solid #cfdeec!important;
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}
#view-security .security-table-grid .security-table-wrap tbody td{
  height: 28px!important;
  max-height: 28px!important;
  padding: 4px 6px!important;
  border-top: 0!important;
  border-bottom: 1px solid #e3edf7!important;
  font-size: 10px!important;
  line-height: 1.15!important;
  color: #0f2542!important;
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  vertical-align: middle!important;
}
#view-security .security-table-grid .security-table-wrap tbody td strong{
  font-size: 10.2px!important;
  font-weight: 800!important;
  color: #071321!important;
}
#view-security .security-table-grid .security-table-wrap tbody tr:hover{
  background: transparent!important;
}
#view-security .security-table-grid .security-table-wrap tbody tr:nth-child(n+4){
  display: none!important;
}
#view-security .security-table-grid .security-table-more{
  flex: 0 0 22px!important;
  min-height: 22px!important;
  height: 22px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  padding: 4px 0 0!important;
  text-align: center!important;
}
#view-security .security-table-grid .security-table-more .security-view-more{
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  width: auto!important;
  min-height: 18px!important;
  padding: 0!important;
  margin: 0!important;
  font-size: 10.2px!important;
  font-weight: 800!important;
  color: #2563eb!important;
  background: transparent!important;
  border: 0!important;
  line-height: 1!important;
}
#view-security .security-table-grid .security-table-more .security-view-more:hover{
  color: #1d4ed8!important;
  text-decoration: none!important;
}
#view-security .security-table-grid .security-action-row{
  justify-content: center!important;
  flex-wrap: nowrap!important;
  gap: 5px!important;
}
#view-security .security-table-grid .security-icon-btn{
  width: 18px!important;
  height: 18px!important;
  border-radius: 6px!important;
  background: transparent!important;
  border: 0!important;
  box-shadow: none!important;
  padding: 0!important;
  color: #526b85!important;
}
#view-security .security-table-grid .security-icon-btn.view{color:#526b85!important;}
#view-security .security-table-grid .security-icon-btn.danger{color:#ef4444!important;}
#view-security .security-table-grid .security-icon-btn .kls-ui-icon{
  width: 13px!important;
  height: 13px!important;
}
#view-security .security-table-pill,
#view-security .security-table-risk{
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  height: 18px!important;
  min-width: 34px!important;
  padding: 0 7px!important;
  border-radius: 999px!important;
  font-size: 8.7px!important;
  font-weight: 800!important;
  line-height: 1!important;
  text-transform: capitalize!important;
}
#view-security .security-table-pill.info,
#view-security .security-table-risk.low{
  background: #edf6ff!important;
  color: #2563eb!important;
  border: 1px solid #d2e5ff!important;
}
#view-security .security-table-pill.success{
  background: #ecfdf3!important;
  color: #16a34a!important;
  border: 1px solid #ccefd9!important;
}
#view-security .security-table-pill.danger,
#view-security .security-table-risk.high{
  background: #fff1f2!important;
  color: #ef4444!important;
  border: 1px solid #ffd0d6!important;
}
#view-security .security-table-risk.medium{
  background: #fff7ed!important;
  color: #d97706!important;
  border: 1px solid #fed7aa!important;
}
#view-security .security-table-grid .security-table-wrap td.muted{
  color: #55708b!important;
  font-size: 10.2px!important;
  padding: 10px 6px!important;
  height: 34px!important;
}
/* Preview table column proportions matching the sample cards */
#view-security [data-security-section="blocks"] table th:nth-child(1),
#view-security [data-security-section="blocks"] table td:nth-child(1){width:28%!important;}
#view-security [data-security-section="blocks"] table th:nth-child(2),
#view-security [data-security-section="blocks"] table td:nth-child(2){width:16%!important;}
#view-security [data-security-section="blocks"] table th:nth-child(3),
#view-security [data-security-section="blocks"] table td:nth-child(3){width:26%!important;}
#view-security [data-security-section="blocks"] table th:nth-child(4),
#view-security [data-security-section="blocks"] table td:nth-child(4){width:12%!important;}
#view-security [data-security-section="blocks"] table th:nth-child(5),
#view-security [data-security-section="blocks"] table td:nth-child(5){width:18%!important;text-align:center!important;}
#view-security [data-security-section="whitelist"] table th:nth-child(1),
#view-security [data-security-section="whitelist"] table td:nth-child(1){width:30%!important;}
#view-security [data-security-section="whitelist"] table th:nth-child(2),
#view-security [data-security-section="whitelist"] table td:nth-child(2){width:12%!important;}
#view-security [data-security-section="whitelist"] table th:nth-child(3),
#view-security [data-security-section="whitelist"] table td:nth-child(3){width:25%!important;}
#view-security [data-security-section="whitelist"] table th:nth-child(4),
#view-security [data-security-section="whitelist"] table td:nth-child(4){width:20%!important;}
#view-security [data-security-section="whitelist"] table th:nth-child(5),
#view-security [data-security-section="whitelist"] table td:nth-child(5){width:13%!important;text-align:center!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(1),
#view-security [data-security-section="watchlist"] table td:nth-child(1){width:28%!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(2),
#view-security [data-security-section="watchlist"] table td:nth-child(2){width:22%!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(3),
#view-security [data-security-section="watchlist"] table td:nth-child(3){width:12%!important;text-align:center!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(4),
#view-security [data-security-section="watchlist"] table td:nth-child(4){width:14%!important;text-align:center!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(5),
#view-security [data-security-section="watchlist"] table td:nth-child(5){width:16%!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(6),
#view-security [data-security-section="watchlist"] table td:nth-child(6){width:8%!important;text-align:center!important;}
.app-shell.dark #view-security .security-table-grid > .security-section,
body.theme-dark #view-security .security-table-grid > .security-section{
  background:#07131f!important;
  border-color:#244057!important;
}
.app-shell.dark #view-security .security-table-grid .security-section-head,
body.theme-dark #view-security .security-table-grid .security-section-head{
  border-color:#1d354d!important;
}
.app-shell.dark #view-security .security-table-grid .security-table-wrap thead th,
body.theme-dark #view-security .security-table-grid .security-table-wrap thead th{
  color:#8fb3d9!important;
  border-color:#244057!important;
}
.app-shell.dark #view-security .security-table-grid .security-table-wrap tbody td,
body.theme-dark #view-security .security-table-grid .security-table-wrap tbody td{
  color:#d9e8f7!important;
  border-color:#20364f!important;
}
.app-shell.dark #view-security .security-table-grid .security-table-wrap tbody td strong,
body.theme-dark #view-security .security-table-grid .security-table-wrap tbody td strong{
  color:#f8fbff!important;
}
.app-shell.dark #view-security .security-table-grid .security-table-more .security-view-more,
body.theme-dark #view-security .security-table-grid .security-table-more .security-view-more{
  color:#60a5fa!important;
}
@media (max-width:1500px){
  #view-security .security-table-grid{
    grid-template-columns:1fr!important;
  }
  #view-security .security-table-grid > .security-section{
    height:auto!important;
    min-height:150px!important;
    max-height:none!important;
  }
  #view-security .security-table-grid .security-table-wrap{
    overflow-x:auto!important;
  }
  #view-security .security-table-grid .security-table-wrap table{
    min-width:620px!important;
  }
}
@media (max-width:760px){
  #view-security .security-table-grid > .security-section{
    min-height:150px!important;
  }
  #view-security .security-table-grid .security-table-wrap{
    overflow:visible!important;
  }
  #view-security .security-table-grid .security-table-wrap table{
    min-width:0!important;
  }
  #view-security .security-table-grid .security-table-wrap thead{
    display:none!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody tr{
    display:block!important;
    padding:8px 10px!important;
    border:1px solid #dfe9f4!important;
    border-radius:12px!important;
    margin-bottom:8px!important;
    background:rgba(255,255,255,.82)!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody tr:nth-child(n+4){display:none!important;}
  #view-security .security-table-grid .security-table-wrap tbody td{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    padding:5px 0!important;
    border:0!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td::before{
    content:attr(data-label)!important;
    display:block!important;
    font-size:9px!important;
    font-weight:800!important;
    color:#6b8198!important;
    text-transform:uppercase!important;
  }
}

/* v2.1.105 — Security bottom tables alignment + column polish */
#view-security .security-table-grid > .security-section{
  min-height: 158px!important;
  max-height: 158px!important;
  height: 158px!important;
}
#view-security .security-table-grid .security-section-head{
  height: 50px!important;
  min-height: 50px!important;
  flex-basis: 50px!important;
  padding: 12px 14px 10px!important;
}
#view-security .security-table-grid .security-section-body{
  padding: 0 14px 9px!important;
}
#view-security .security-table-grid .security-table-wrap table{
  table-layout: fixed!important;
}
#view-security .security-table-grid .security-table-wrap thead th{
  height: 27px!important;
  padding: 0 6px 3px!important;
  line-height: 1.15!important;
  vertical-align: middle!important;
  text-align: left!important;
  overflow: visible!important;
  text-overflow: clip!important;
}
#view-security .security-table-grid .security-table-wrap tbody td{
  height: 30px!important;
  max-height: 30px!important;
  padding: 5px 6px!important;
  line-height: 1.2!important;
  vertical-align: middle!important;
}
#view-security .security-table-grid .security-table-wrap tbody td strong{
  display: inline-block!important;
  max-width: 100%!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  vertical-align: middle!important;
}
#view-security .security-table-grid .security-action-row{
  justify-content: center!important;
  align-items: center!important;
  gap: 7px!important;
}
#view-security .security-table-grid .security-icon-btn{
  width: 20px!important;
  height: 20px!important;
}
#view-security .security-table-grid .security-table-more{
  height: 22px!important;
  min-height: 22px!important;
  padding-top: 3px!important;
}

/* Better desktop column proportions so IP/date/action text is readable */
#view-security [data-security-section="blocks"] table th:nth-child(1),
#view-security [data-security-section="blocks"] table td:nth-child(1){width:32%!important;}
#view-security [data-security-section="blocks"] table th:nth-child(2),
#view-security [data-security-section="blocks"] table td:nth-child(2){width:15%!important;text-align:center!important;}
#view-security [data-security-section="blocks"] table th:nth-child(3),
#view-security [data-security-section="blocks"] table td:nth-child(3){width:24%!important;}
#view-security [data-security-section="blocks"] table th:nth-child(4),
#view-security [data-security-section="blocks"] table td:nth-child(4){width:11%!important;}
#view-security [data-security-section="blocks"] table th:nth-child(5),
#view-security [data-security-section="blocks"] table td:nth-child(5){width:18%!important;text-align:center!important;}

#view-security [data-security-section="whitelist"] table th:nth-child(1),
#view-security [data-security-section="whitelist"] table td:nth-child(1){width:34%!important;}
#view-security [data-security-section="whitelist"] table th:nth-child(2),
#view-security [data-security-section="whitelist"] table td:nth-child(2){width:12%!important;}
#view-security [data-security-section="whitelist"] table th:nth-child(3),
#view-security [data-security-section="whitelist"] table td:nth-child(3){width:21%!important;}
#view-security [data-security-section="whitelist"] table th:nth-child(4),
#view-security [data-security-section="whitelist"] table td:nth-child(4){width:21%!important;}
#view-security [data-security-section="whitelist"] table th:nth-child(5),
#view-security [data-security-section="whitelist"] table td:nth-child(5){width:12%!important;text-align:center!important;}

#view-security [data-security-section="watchlist"] table th:nth-child(1),
#view-security [data-security-section="watchlist"] table td:nth-child(1){width:27%!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(2),
#view-security [data-security-section="watchlist"] table td:nth-child(2){width:22%!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(3),
#view-security [data-security-section="watchlist"] table td:nth-child(3){width:12%!important;text-align:center!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(4),
#view-security [data-security-section="watchlist"] table td:nth-child(4){width:11%!important;text-align:center!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(5),
#view-security [data-security-section="watchlist"] table td:nth-child(5){width:17%!important;}
#view-security [data-security-section="watchlist"] table th:nth-child(6),
#view-security [data-security-section="watchlist"] table td:nth-child(6){width:11%!important;text-align:center!important;}

#view-security .security-table-grid .security-table-wrap td.muted{
  height: 31px!important;
  padding: 8px 6px!important;
  vertical-align: middle!important;
}

/* Keep preview cards clean on smaller desktop screens */
@media (max-width:1500px){
  #view-security .security-table-grid .security-table-wrap{
    overflow-x:auto!important;
  }
  #view-security .security-table-grid .security-table-wrap table{
    min-width: 560px!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap table{
    min-width: 620px!important;
  }
}
@media (max-width:760px){
  #view-security .security-table-grid > .security-section{
    min-height:auto!important;
    max-height:none!important;
    height:auto!important;
  }
}

/* v2.1.105 — Security section preview heights polish */
#view-security [data-security-section="advanced"] .security-section-body{
  padding:14px 18px 18px!important;
}
#view-security [data-security-section="advanced"] .security-mini-panel{
  min-height:206px!important;
  max-height:206px!important;
}
#view-security [data-security-section="advanced"] .ati-traffic-chart{
  height:76px!important;
}
#view-security [data-security-section="advanced"] .ati-sparkline{
  height:78px!important;
}
#view-security [data-security-section="advanced"] .ati-hot-list,
#view-security [data-security-section="advanced"] .ati-simple-list,
#view-security [data-security-section="advanced"] .ati-event-list{
  gap:7px!important;
  margin-bottom:8px!important;
}
#view-security [data-security-section="advanced"] .ati-event-row{
  min-height:35px!important;
}
#view-security [data-security-section="advanced"] .security-view-more{
  padding-top:6px!important;
}

#view-security .security-table-grid > .security-section{
  min-height:182px!important;
  max-height:182px!important;
  height:182px!important;
}
#view-security .security-table-grid > .security-section.is-collapsed{
  min-height:54px!important;
  max-height:54px!important;
  height:54px!important;
}
#view-security .security-table-grid .security-section-body{
  padding:0 14px 10px!important;
}
#view-security .security-table-grid .security-table-wrap tbody tr:nth-child(n+4){
  display:none!important;
}
#view-security .security-table-grid .security-table-more{
  min-height:24px!important;
  height:24px!important;
  padding-top:5px!important;
}

@media (max-width:1500px){
  #view-security [data-security-section="advanced"] .security-mini-panel{
    min-height:196px!important;
    max-height:none!important;
  }
  #view-security .security-table-grid > .security-section{
    min-height:176px!important;
    max-height:none!important;
    height:auto!important;
  }
}
@media (max-width:760px){
  #view-security [data-security-section="advanced"] .security-mini-panel{
    min-height:auto!important;
    max-height:none!important;
  }
  #view-security .security-table-grid > .security-section{
    min-height:170px!important;
    max-height:none!important;
    height:auto!important;
  }
}


/* v2.1.106 — Login Attempt Watchlist preview polish */
#view-security [data-security-section="watchlist"] .security-table-wrap tbody td{
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}
#view-security [data-security-section="watchlist"] .security-table-wrap thead th:nth-child(5),
#view-security [data-security-section="watchlist"] .security-table-wrap tbody td:nth-child(5){
  width:18%!important;
  text-align:center!important;
}
#view-security [data-security-section="watchlist"] .security-table-wrap thead th:nth-child(6),
#view-security [data-security-section="watchlist"] .security-table-wrap tbody td:nth-child(6){
  width:10%!important;
  text-align:center!important;
}
#view-security [data-security-section="watchlist"] .security-watchlist-username{
  color:#203a52!important;
  font-weight:600!important;
}
#view-security [data-security-section="watchlist"] .security-watchlist-attempts,
#view-security [data-security-section="watchlist"] .security-watchlist-risk,
#view-security [data-security-section="watchlist"] .security-watchlist-last,
#view-security [data-security-section="watchlist"] .security-watchlist-actions{
  text-align:center!important;
}
#view-security [data-security-section="watchlist"] .security-watchlist-last{
  font-weight:700!important;
  color:#3f5872!important;
  letter-spacing:.01em!important;
}
#view-security [data-security-section="watchlist"] .security-watchlist-risk .security-table-risk{
  min-width:56px!important;
}
#view-security [data-security-section="watchlist"] .security-table-wrap tbody tr{
  height:34px!important;
}
.app-shell.dark #view-security [data-security-section="watchlist"] .security-watchlist-username,
body.theme-dark #view-security [data-security-section="watchlist"] .security-watchlist-username{
  color:#e5eef9!important;
}
.app-shell.dark #view-security [data-security-section="watchlist"] .security-watchlist-last,
body.theme-dark #view-security [data-security-section="watchlist"] .security-watchlist-last{
  color:#c5d7ea!important;
}


/* v2.1.110 — Security View More / View All modal dark-mode polish */
body.theme-dark .security-more-modal,
.app-shell.dark .security-more-modal{
  background:rgba(3,10,18,.70)!important;
  backdrop-filter:blur(12px)!important;
}
body.theme-dark .security-more-card,
.app-shell.dark .security-more-card{
  background:linear-gradient(180deg,#0c1824 0%,#09131d 100%)!important;
  border-color:#234056!important;
  color:#e9f4ff!important;
  box-shadow:0 34px 90px rgba(0,0,0,.52)!important;
}
body.theme-dark .security-more-head,
body.theme-dark .security-more-actions,
.app-shell.dark .security-more-head,
.app-shell.dark .security-more-actions{
  background:linear-gradient(180deg,#0e1c2a 0%,#0a1722 100%)!important;
  border-color:#234056!important;
}
body.theme-dark .security-more-head h3,
.app-shell.dark .security-more-head h3{
  color:#f4fbff!important;
}
body.theme-dark .security-more-head p,
.app-shell.dark .security-more-head p{
  color:#96afc4!important;
}
body.theme-dark .security-more-close,
.app-shell.dark .security-more-close{
  background:#0b1d2b!important;
  border-color:#28465d!important;
  color:#eaf4fb!important;
}
body.theme-dark .security-more-close:hover,
.app-shell.dark .security-more-close:hover{
  background:#102a42!important;
  border-color:#2b6381!important;
  color:#9be7ff!important;
}
body.theme-dark .security-more-table-wrap,
.app-shell.dark .security-more-table-wrap{
  background:#081420!important;
  border-color:#234056!important;
}
body.theme-dark .security-more-table,
.app-shell.dark .security-more-table{
  background:transparent!important;
}
body.theme-dark .security-more-table th,
.app-shell.dark .security-more-table th{
  background:#132536!important;
  color:#9fb5c5!important;
  border-bottom:1px solid #234056!important;
}
body.theme-dark .security-more-table td,
.app-shell.dark .security-more-table td{
  color:#eaf4fb!important;
  border-top-color:#20364f!important;
  background:transparent!important;
}
body.theme-dark .security-more-table tr:hover td,
.app-shell.dark .security-more-table tr:hover td{
  background:rgba(255,255,255,.02)!important;
}
body.theme-dark .security-more-empty,
.app-shell.dark .security-more-empty{
  color:#9fb5c5!important;
}
body.theme-dark .security-more-actions .ghost,
.app-shell.dark .security-more-actions .ghost{
  background:#0b1d2b!important;
  border-color:#28465d!important;
  color:#eaf4fb!important;
}
body.theme-dark .security-more-actions .ghost:hover,
.app-shell.dark .security-more-actions .ghost:hover{
  background:#102a42!important;
  border-color:#2b6381!important;
  color:#9be7ff!important;
}
body.theme-dark .security-more-actions .danger,
.app-shell.dark .security-more-actions .danger{
  background:rgba(127,29,29,.18)!important;
  border-color:rgba(248,113,113,.34)!important;
  color:#fda4af!important;
}
body.theme-dark .security-more-actions .danger:hover,
.app-shell.dark .security-more-actions .danger:hover{
  background:rgba(127,29,29,.28)!important;
  border-color:rgba(248,113,113,.44)!important;
  color:#fecdd3!important;
}
body.theme-dark .security-more-body::-webkit-scrollbar-thumb,
body.theme-dark .security-more-table-wrap::-webkit-scrollbar-thumb,
.app-shell.dark .security-more-body::-webkit-scrollbar-thumb,
.app-shell.dark .security-more-table-wrap::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.48)!important;
}

/* v2.1.110 — External Sync PRO redesign + secure workflow polish */
.sync-pro-view{--sync-blue:#0b8ff2;--sync-blue-2:#006af5;--sync-cyan:#11b7e6;--sync-border:#dce9f4;--sync-card:#fff;--sync-soft:#f6fbff;--sync-text:#071b2f;--sync-muted:#647991;display:grid;gap:18px;min-width:0}
.sync-pro-view .sync-pro-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--sync-border);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f8fcff 65%,#eff8ff 100%);box-shadow:0 16px 42px rgba(12,42,72,.08)}
.sync-title-wrap{display:flex;align-items:center;gap:14px;min-width:0}.sync-title-wrap h2{margin:0;font-size:1.55rem;color:var(--sync-text);letter-spacing:-.02em}.sync-title-wrap p{margin:4px 0 0}.sync-title-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#f8fbff,#eef8ff);border:1px solid #c9e4fb;color:var(--sync-blue);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 25px rgba(11,143,242,.12)}.sync-title-icon .kls-ui-icon{width:32px;height:32px;stroke-width:2.5}
.sync-actions-shell{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:0}.sync-actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sync-actions-menu-btn{display:none!important}.sync-action-btn{min-height:42px;border-radius:14px!important;display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap;font-weight:750!important;padding:10px 15px!important}.sync-action-btn .kls-ui-icon{width:16px;height:16px}.sync-pro-view .sync-action-btn.primary,.sync-pro-view button.primary.sync-action-btn{background:linear-gradient(135deg,#11aef3,#0565e9)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px rgba(5,101,233,.22)!important}.sync-final-btn{background:linear-gradient(135deg,#0f7fff,#0058e8)!important;color:#fff!important}.sync-disconnect-btn{color:#e53e56!important;border-color:#fac6cf!important;background:#fff7f9!important}.sync-disconnect-btn:hover{background:#ffeef2!important}
.sync-pro-grid{display:grid;gap:18px}.sync-top-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr)}.sync-pro-card{border:1px solid var(--sync-border)!important;border-radius:24px!important;background:var(--sync-card)!important;box-shadow:0 16px 42px rgba(12,42,72,.07)!important;overflow:visible!important}.sync-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 18px 14px;border-bottom:1px solid rgba(209,224,236,.68)}.sync-card-title{display:flex;align-items:center;gap:10px;min-width:0}.sync-card-title h3{margin:0;font-size:1.05rem;letter-spacing:-.01em;color:var(--sync-text)}.sync-card-icon{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;color:var(--sync-blue);background:#ecf7ff}.sync-card-icon .kls-ui-icon{width:17px;height:17px}.sync-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex-wrap:wrap}.sync-card-body{padding:16px 18px 18px}.sync-collapse-btn{width:42px!important;height:42px!important;border-radius:14px!important;padding:0!important;display:inline-grid!important;place-items:center!important;flex:0 0 42px}.sync-collapse-btn .kls-ui-icon{width:18px;height:18px;transition:transform .18s ease}.sync-pro-card.collapsed>.sync-card-body,.sync-pro-card.collapsed [data-sync-card-body]{display:none!important}.sync-pro-card.collapsed .sync-collapse-btn .kls-ui-icon{transform:rotate(0deg)}
.sync-status-pill,.sync-last-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;border:1px solid #d8ebf7;color:#0f6b8a;background:#f3fbff}.sync-status-pill span{width:8px;height:8px;border-radius:999px;background:#9fb5c5}.sync-status-pill.ready{background:#f0fff7;color:#09884d;border-color:#c9f4dc}.sync-status-pill.ready span{background:#19b66a}.sync-status-pill.pending{background:#fff8ed;color:#a86105;border-color:#ffe0aa}.sync-last-pill{color:#065fcc;background:#f1f7ff;border-color:#d7e8ff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sync-form-grid label{display:flex;flex-direction:column;gap:7px;min-width:0}.sync-form-grid label>span,.sync-base-field span,.label-title{font-size:12px;font-weight:800;color:#405b73}.sync-form-grid input,.sync-form-grid select,.sync-base-field select,.sync-search input{min-height:42px;border:1px solid #d8e8f2;border-radius:14px;background:#fff;color:var(--sync-text);padding:10px 12px;font-weight:650;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.sync-form-grid input:focus,.sync-base-field select:focus,.sync-search input:focus{border-color:#84cef5;box-shadow:0 0 0 4px rgba(17,183,230,.12)}.sync-form-grid .wide{grid-column:span 2}.sync-password-box,.sync-input-action{display:flex;align-items:center;gap:8px}.sync-password-box input,.sync-input-action input{flex:1;min-width:0}.sync-mini-icon-btn{width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important;display:grid!important;place-items:center!important;flex:0 0 42px}.sync-mini-icon-btn .kls-ui-icon{width:17px;height:17px}.sync-password-field small{font-size:11px;line-height:1.35;margin-top:-2px}
.sync-overview-main{display:grid;grid-template-columns:.75fr minmax(0,1.65fr) .55fr;gap:14px;align-items:stretch}.sync-overview-block{border:1px solid #e1edf5;border-radius:18px;background:linear-gradient(180deg,#fff,#f9fdff);padding:14px;min-width:0}.sync-overview-block small{display:block;color:#6a8195;font-weight:800;font-size:12px;margin-bottom:8px}.sync-overview-block strong{display:block;color:var(--sync-text);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-staged-count{display:inline-grid!important;place-items:center;min-width:54px;height:34px;border-radius:12px;background:#dfeeff;color:#086eea!important}.source-block{overflow:visible}.sync-overview-control-row{display:flex;align-items:end;gap:14px;margin-top:14px}.sync-base-field{display:flex;flex-direction:column;gap:7px;flex:1;min-width:220px}.sync-status-buttons{display:flex;gap:10px;flex-wrap:wrap}.sync-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.sync-info-chip{border:1px solid #dfeef7;border-radius:17px;padding:13px 14px;display:flex;flex-direction:column;gap:4px;min-width:0;background:#f8fcff}.sync-info-chip strong{font-size:13px}.sync-info-chip span{font-size:12px;color:#637c91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-info-chip.green{background:#f0fff7;border-color:#c9f4dc;color:#087c49}.sync-info-chip.blue{background:#f2f8ff;border-color:#d7e9ff;color:#086eea}.sync-info-chip.purple{background:#faf5ff;border-color:#ead8ff;color:#7c3bd3}.sync-info-chip.amber{background:#fff9ed;border-color:#ffe2ad;color:#a86105}.sync-status-line{margin-top:12px;font-size:12px;line-height:1.5}
.sync-multi-select{position:relative}.sync-multi-trigger{width:100%;min-height:42px;border:1px solid #d8e8f2;border-radius:14px;background:#fff;color:var(--sync-text);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;cursor:pointer}.sync-multi-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.sync-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#e9f4ff;color:#0768d9;border:1px solid #d6eaff;padding:6px 9px;font-weight:850;font-size:12px}.sync-chip button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1}.sync-multi-caret{display:grid;place-items:center;color:#66849c}.sync-multi-caret .kls-ui-icon{width:16px;height:16px}.sync-multi-menu{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 8px);border:1px solid #d9e8f2;border-radius:18px;background:#fff;box-shadow:0 22px 52px rgba(11,38,68,.16);padding:12px;display:none}.sync-multi-select.open .sync-multi-menu{display:block}.sync-multi-search-wrap input{width:100%;min-height:40px;border-radius:13px;border:1px solid #d9e8f2;padding:8px 11px}.sync-multi-selectall{display:flex;align-items:center;gap:8px;margin:10px 2px;color:#536d83;font-weight:800;font-size:12px}.sync-multi-options{max-height:260px;overflow:auto;display:grid;gap:6px;padding-top:8px;border-top:1px solid #edf4f8}.sync-multi-option{display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:13px;padding:9px 10px;font-weight:750;color:#17304a;cursor:pointer}.sync-multi-option:hover,.sync-multi-option.active{background:#f3faff;border-color:#dbeeff}.sync-multi-option input{accent-color:var(--sync-blue)}
.sync-workflow-card .sync-card-body{padding-top:0}.sync-tabs{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e3eef6;margin:0 -18px;padding:0 18px;overflow-x:auto}.sync-tab{border:0;background:transparent;color:#5d758b;padding:16px 4px 13px;font-weight:850;white-space:nowrap;position:relative;cursor:pointer}.sync-tab.active{color:#0878e7}.sync-tab.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:999px;background:linear-gradient(90deg,#11b7e6,#006af5)}.sync-tab-panel{padding-top:16px}.sync-inner-panel{min-width:0}.sync-join-rows{display:grid;gap:12px}.sync-join-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(160px,1.2fr) 42px minmax(130px,1fr) minmax(160px,1.2fr) 46px;gap:12px;align-items:end}.sync-join-row label{display:flex;flex-direction:column;gap:7px;min-width:0}.sync-join-row label span{font-size:12px;font-weight:850;color:#506b82}.sync-join-row select{min-height:42px;border:1px solid #d8e8f2;border-radius:14px;background:#fff;color:var(--sync-text);padding:10px 12px;font-weight:750}.sync-join-equals{width:42px;height:42px;border-radius:999px;border:1px solid #d9eafa;background:#f7fbff;color:#18334d;font-weight:900;display:grid;place-items:center;font-size:20px}.sync-join-remove{width:42px;height:42px;border-radius:14px;border:1px solid #ffcbd3;background:#fff4f6;color:#e1435a;font-size:0;display:grid;place-items:center;cursor:pointer}.sync-join-remove::before{content:"";width:18px;height:18px;background:currentColor;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 7h16M10 11v6M14 11v6M6 7l1 14h10l1-14M9 7V4h6v3" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 7h16M10 11v6M14 11v6M6 7l1 14h10l1-14M9 7V4h6v3" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat}.sync-mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-fields-wrap{max-height:360px;overflow:auto;border-radius:18px;border:1px solid #dce9f4}.sync-fields-wrap table,.sync-items-card table{margin:0}.sync-fields-wrap thead th,.sync-items-card thead th{position:sticky;top:0;background:#fff;z-index:1}.sync-preview-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sync-preview-kpi{border:1px solid #dce9f4;border-radius:16px;background:#f8fcff;padding:14px}.sync-preview-kpi small{display:block;color:#668196;font-weight:800}.sync-preview-kpi strong{display:block;margin-top:6px;font-size:1.1rem;color:#0b2238}.sync-preview-mini-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.sync-preview-mini-item{display:flex;align-items:center;gap:12px;border:1px solid #dce9f4;border-radius:16px;padding:10px;background:#fff}.sync-preview-mini-item img,.sync-mini-thumb-empty{width:48px;height:48px;border-radius:12px;border:1px solid #d9e7f0;object-fit:cover;background:#f7fbff;display:grid;place-items:center;color:#71889a;font-size:10px;text-align:center}.sync-preview-mini-item strong{display:block;color:#102840;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-preview-mini-item span{display:block;color:#6a8195;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-preview-empty{border:1px dashed #ccddeb;border-radius:16px;padding:18px;text-align:center;background:#f9fcff}
.sync-items-card .sync-card-head{align-items:center}.sync-search{display:flex;align-items:center;gap:8px;min-width:290px;border:1px solid #d8e8f2;border-radius:15px;background:#fff;padding:0 11px}.sync-search .kls-ui-icon{width:17px;height:17px;color:#6b849b}.sync-search input{border:0!important;box-shadow:none!important;min-height:42px;padding:8px 0!important;width:100%;background:transparent!important}.sync-thumb{width:48px;height:48px;object-fit:cover;border-radius:13px;border:1px solid #dbe9f2;background:#fff}.sync-items-card td{vertical-align:middle}.sync-items-card tbody tr:hover{background:#f8fcff}.sync-source-sub{display:block;color:#6a8195;font-size:12px;margin-top:3px}.sync-type-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e9f1fa;color:#33566f;font-weight:850;padding:5px 10px;font-size:12px}.sync-use-btn{min-height:38px;border-radius:13px!important;display:inline-flex!important;align-items:center;gap:7px;font-weight:800!important}.sync-use-btn .kls-ui-icon{width:15px;height:15px}.sync-items-footer{display:flex;justify-content:center;padding:12px 0 2px}
.app-shell.dark .sync-pro-view,body.theme-dark .sync-pro-view{--sync-border:#213549;--sync-card:#07121d;--sync-soft:#0a1724;--sync-text:#eef8ff;--sync-muted:#9fb5c5}.app-shell.dark .sync-pro-hero,body.theme-dark .sync-pro-hero{background:linear-gradient(135deg,#07121d 0%,#081827 62%,#06111c 100%);border-color:#213549;box-shadow:0 18px 48px rgba(0,0,0,.28)}.app-shell.dark .sync-title-wrap h2,body.theme-dark .sync-title-wrap h2,.app-shell.dark .sync-card-title h3,body.theme-dark .sync-card-title h3{color:#f5fbff}.app-shell.dark .sync-title-icon,body.theme-dark .sync-title-icon,.app-shell.dark .sync-card-icon,body.theme-dark .sync-card-icon{background:#0b2032;border-color:#254866;color:#35b7ff;box-shadow:none}.app-shell.dark .sync-pro-card,body.theme-dark .sync-pro-card{background:#07121d!important;border-color:#213549!important;box-shadow:0 18px 48px rgba(0,0,0,.28)!important}.app-shell.dark .sync-card-head,body.theme-dark .sync-card-head,.app-shell.dark .sync-tabs,body.theme-dark .sync-tabs{border-color:#1f3447}.app-shell.dark .sync-form-grid label>span,body.theme-dark .sync-form-grid label>span,.app-shell.dark .sync-base-field span,body.theme-dark .sync-base-field span,.app-shell.dark .sync-join-row label span,body.theme-dark .sync-join-row label span{color:#a8c0d2}.app-shell.dark .sync-form-grid input,body.theme-dark .sync-form-grid input,.app-shell.dark .sync-form-grid select,body.theme-dark .sync-form-grid select,.app-shell.dark .sync-base-field select,body.theme-dark .sync-base-field select,.app-shell.dark .sync-join-row select,body.theme-dark .sync-join-row select,.app-shell.dark .sync-multi-trigger,body.theme-dark .sync-multi-trigger,.app-shell.dark .sync-search,body.theme-dark .sync-search{background:#07111b;color:#eef8ff;border-color:#284257}.app-shell.dark .sync-overview-block,body.theme-dark .sync-overview-block,.app-shell.dark .sync-preview-kpi,body.theme-dark .sync-preview-kpi,.app-shell.dark .sync-preview-mini-item,body.theme-dark .sync-preview-mini-item{background:#081725;border-color:#22394e}.app-shell.dark .sync-overview-block strong,body.theme-dark .sync-overview-block strong,.app-shell.dark .sync-preview-kpi strong,body.theme-dark .sync-preview-kpi strong,.app-shell.dark .sync-preview-mini-item strong,body.theme-dark .sync-preview-mini-item strong{color:#f3fbff}.app-shell.dark .sync-overview-block small,body.theme-dark .sync-overview-block small,.app-shell.dark .sync-info-chip span,body.theme-dark .sync-info-chip span,.app-shell.dark .sync-preview-mini-item span,body.theme-dark .sync-preview-mini-item span{color:#9fb5c5}.app-shell.dark .sync-multi-menu,body.theme-dark .sync-multi-menu{background:#07121d;border-color:#274157;box-shadow:0 22px 52px rgba(0,0,0,.45)}.app-shell.dark .sync-multi-search-wrap input,body.theme-dark .sync-multi-search-wrap input{background:#06101a;border-color:#29455c;color:#eef8ff}.app-shell.dark .sync-multi-options,body.theme-dark .sync-multi-options{border-color:#21384c}.app-shell.dark .sync-multi-option,body.theme-dark .sync-multi-option{color:#dcecf7}.app-shell.dark .sync-multi-option:hover,.app-shell.dark .sync-multi-option.active,body.theme-dark .sync-multi-option:hover,body.theme-dark .sync-multi-option.active{background:#0b2032;border-color:#294c67}.app-shell.dark .sync-chip,body.theme-dark .sync-chip{background:#0b2740;border-color:#1d4f74;color:#80d7ff}.app-shell.dark .sync-info-chip,body.theme-dark .sync-info-chip{background:#081725;border-color:#253e55}.app-shell.dark .sync-info-chip.green,body.theme-dark .sync-info-chip.green{background:#09261b;border-color:#155b3b;color:#56e49d}.app-shell.dark .sync-info-chip.blue,body.theme-dark .sync-info-chip.blue{background:#0b2138;border-color:#1c5b93;color:#79c9ff}.app-shell.dark .sync-info-chip.purple,body.theme-dark .sync-info-chip.purple{background:#1b1230;border-color:#51307a;color:#caa7ff}.app-shell.dark .sync-info-chip.amber,body.theme-dark .sync-info-chip.amber{background:#2c1f08;border-color:#6a4c12;color:#ffd578}.app-shell.dark .sync-join-equals,body.theme-dark .sync-join-equals{background:#0b2032;border-color:#28465d;color:#cceeff}.app-shell.dark .sync-fields-wrap,body.theme-dark .sync-fields-wrap{border-color:#243d54}.app-shell.dark .sync-fields-wrap thead th,.app-shell.dark .sync-items-card thead th,body.theme-dark .sync-fields-wrap thead th,body.theme-dark .sync-items-card thead th{background:#07121d;color:#f3fbff}.app-shell.dark .sync-items-card tbody tr:hover,body.theme-dark .sync-items-card tbody tr:hover{background:#0a1a29}.app-shell.dark .sync-thumb,body.theme-dark .sync-thumb,.app-shell.dark .sync-preview-mini-item img,body.theme-dark .sync-preview-mini-item img{background:#091725;border-color:#284257}.app-shell.dark .sync-type-pill,body.theme-dark .sync-type-pill{background:#0e2a43;color:#8bdcff}.app-shell.dark .sync-preview-empty,body.theme-dark .sync-preview-empty{background:#081725;border-color:#2a4962}.app-shell.dark .sync-disconnect-btn,body.theme-dark .sync-disconnect-btn{background:#250d14!important;border-color:#7a3046!important;color:#ff8da0!important}.app-shell.dark .sync-last-pill,body.theme-dark .sync-last-pill{background:#0a2036;border-color:#1d4f74;color:#82d8ff}.app-shell.dark .sync-status-pill.ready,body.theme-dark .sync-status-pill.ready{background:#09261b;border-color:#155b3b;color:#56e49d}.app-shell.dark .sync-status-pill.pending,body.theme-dark .sync-status-pill.pending{background:#2c1f08;border-color:#6a4c12;color:#ffd578}
@media (max-width:1200px){.sync-top-grid{grid-template-columns:1fr}.sync-overview-main{grid-template-columns:1fr 1fr}.sync-overview-block.source-block{grid-column:1 / -1}.sync-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-join-row{grid-template-columns:1fr 1fr 42px}.sync-join-row label:nth-of-type(3),.sync-join-row label:nth-of-type(4){grid-column:auto}.sync-join-remove{grid-column:3;grid-row:2}}
@media (max-width:900px){.sync-pro-view .sync-pro-hero{align-items:stretch;flex-direction:column}.sync-actions-menu-btn{display:inline-grid!important;width:44px;height:44px;border-radius:14px;place-items:center}.sync-actions-shell{align-items:flex-start}.sync-actions-row{display:none;position:absolute;right:0;top:calc(100% + 10px);z-index:90;min-width:250px;border:1px solid var(--sync-border);border-radius:18px;background:var(--sync-card);box-shadow:0 20px 50px rgba(7,26,44,.18);padding:10px}.sync-actions-shell.open .sync-actions-row{display:grid}.sync-actions-row .sync-action-btn{width:100%;justify-content:flex-start}.sync-form-grid,.sync-mapping-grid,.sync-overview-main,.sync-preview-kpi-grid,.sync-preview-mini-list{grid-template-columns:1fr}.sync-form-grid .wide{grid-column:auto}.sync-overview-control-row{align-items:stretch;flex-direction:column}.sync-status-buttons{display:grid;grid-template-columns:1fr}.sync-status-buttons .sync-action-btn{justify-content:center}.sync-status-strip{grid-template-columns:1fr}.sync-join-row{grid-template-columns:1fr}.sync-join-equals{justify-self:center}.sync-join-remove{grid-column:auto;grid-row:auto;width:100%}.sync-search{min-width:0;width:100%}.sync-items-card .sync-card-head{align-items:stretch;flex-direction:column}.sync-head-actions{width:100%;justify-content:space-between}.sync-tabs{gap:18px}.sync-fields-wrap{max-height:420px}.sync-pro-card{border-radius:20px!important}}
@media (max-width:640px){.sync-pro-view{gap:14px}.sync-pro-hero,.sync-card-head,.sync-card-body{padding:14px}.sync-title-icon{width:48px;height:48px;border-radius:16px}.sync-title-icon .kls-ui-icon{width:28px;height:28px}.sync-title-wrap h2{font-size:1.35rem}.sync-card-head{align-items:flex-start;flex-direction:column}.sync-head-actions{justify-content:flex-start}.sync-card-title h3{font-size:1rem}.sync-items-card .table-wrap table,.sync-fields-wrap table{min-width:860px}.sync-status-pill,.sync-last-pill{max-width:100%;white-space:normal}.sync-multi-menu{position:fixed;left:14px;right:14px;top:auto;bottom:14px;max-height:70vh;overflow:auto}.sync-multi-options{max-height:48vh}.sync-action-btn{min-height:40px;padding:9px 12px!important}.sync-preview-mini-item{align-items:flex-start}}


/* v2.1.115 — External Sync image proxy cleanup + console resource fix */
.view.sync-pro-view{display:none!important;}
.view.sync-pro-view.active{display:grid!important;}
.sync-pro-view.active{gap:24px;}
.sync-pro-view .sync-pro-hero{
  display:grid!important;
  grid-template-columns:minmax(360px,1fr) auto;
  align-items:center;
  gap:28px;
  padding:18px 22px!important;
  min-height:112px;
  border-radius:24px!important;
}
.sync-pro-view .sync-title-wrap{
  flex:initial!important;
  min-width:0;
  max-width:690px;
}
.sync-pro-view .sync-title-wrap p{
  max-width:660px;
  line-height:1.45;
}
.sync-pro-view .sync-actions-shell{
  justify-self:end;
  align-self:center;
  width:auto;
}
.sync-pro-view .sync-actions-row{
  flex-wrap:nowrap!important;
  gap:12px!important;
  justify-content:flex-end;
  align-items:center;
}
.sync-pro-view .sync-action-btn{
  min-height:44px!important;
  height:44px!important;
  padding:10px 16px!important;
  border-radius:14px!important;
  font-size:.94rem!important;
  line-height:1!important;
  flex:0 0 auto;
}
.sync-pro-view .sync-action-btn span{white-space:nowrap;}
.sync-pro-view .sync-action-btn .kls-ui-icon{width:16px;height:16px;flex:0 0 auto;}
.sync-pro-view .sync-disconnect-btn{margin-left:0!important;}
.sync-pro-view .sync-top-grid{margin-top:0;}
.app-shell.dark .sync-pro-view .sync-pro-hero,body.theme-dark .sync-pro-view .sync-pro-hero{
  background:linear-gradient(135deg,#07121d 0%,#081827 62%,#06111c 100%);
}
@media (max-width:1280px){
  .sync-pro-view .sync-pro-hero{grid-template-columns:1fr;align-items:stretch;}
  .sync-pro-view .sync-actions-shell{justify-self:stretch;}
  .sync-pro-view .sync-actions-row{justify-content:flex-start;overflow-x:auto;padding-bottom:2px;}
}
@media (max-width:900px){
  .view.sync-pro-view.active{display:grid!important;}
  .sync-pro-view .sync-pro-hero{display:flex!important;min-height:auto;padding:14px!important;}
  .sync-pro-view .sync-actions-row{overflow:visible;}
}

/* v2.1.115 — External Sync Connection Setup exact sample polish */
.sync-connection-card .sync-card-head{
  padding:20px 20px 16px!important;
  border-bottom:0!important;
}
.sync-connection-card .sync-card-title{gap:12px!important;}
.sync-connection-card .sync-card-icon{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  background:#eef8ff!important;
  border:0!important;
  color:#0b8ff2!important;
}
.sync-connection-card .sync-card-title h3{
  font-size:1.08rem!important;
  font-weight:900!important;
}
.sync-connection-card .sync-status-pill{
  min-height:40px!important;
  padding:9px 17px!important;
  border-radius:16px!important;
  font-size:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.sync-connection-card .sync-collapse-btn{
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
}
.sync-connection-card .sync-card-body{
  padding:0 20px 20px!important;
}
.sync-connection-panel{
  border:1px solid #dceaf5;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
  padding:18px;
}
.sync-connection-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px 16px!important;
  align-items:end;
}
.sync-connection-card .sync-form-grid label{
  gap:8px!important;
}
.sync-connection-card .sync-form-grid label>span{
  color:#4a6176!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
.sync-connection-card .sync-form-grid input{
  min-height:43px!important;
  height:43px!important;
  border-radius:12px!important;
  border:1px solid #d7e7f2!important;
  background:#fff!important;
  color:#0a2136!important;
  font-size:.94rem!important;
  font-weight:700!important;
  padding:10px 13px!important;
  box-shadow:0 1px 0 rgba(10,33,54,.02);
}
.sync-connection-card .sync-form-grid input::placeholder{
  color:#6e8499!important;
  opacity:1!important;
  font-weight:700!important;
}
.sync-connection-card .sync-password-field small{
  display:none!important;
}
.sync-connection-card .sync-password-box,
.sync-connection-card .sync-input-action{
  position:relative!important;
  display:block!important;
  width:100%!important;
}
.sync-connection-card .sync-password-box input,
.sync-connection-card .sync-input-action input{
  width:100%!important;
  padding-right:48px!important;
}
.sync-connection-card .sync-password-box .sync-mini-icon-btn,
.sync-connection-card .sync-input-action .sync-mini-icon-btn{
  position:absolute!important;
  top:50%!important;
  right:5px!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:10px!important;
  border:0!important;
  background:transparent!important;
  color:#49677f!important;
  box-shadow:none!important;
  z-index:2;
}
.sync-connection-card .sync-password-box .sync-mini-icon-btn:hover,
.sync-connection-card .sync-input-action .sync-mini-icon-btn:hover{
  background:#eef8ff!important;
  color:#0774d9!important;
}
.sync-connection-card .sync-image-url-field{
  grid-column:span 2!important;
}
.sync-connection-edit-action{
  display:flex;
  align-items:end;
  justify-content:flex-end;
  min-width:0;
}
.sync-edit-connection-btn{
  min-height:43px!important;
  height:43px!important;
  border-radius:12px!important;
  padding:10px 16px!important;
  gap:9px!important;
  font-weight:850!important;
  border:1px solid #d7e7f2!important;
  background:#fff!important;
  color:#12324e!important;
  box-shadow:0 8px 18px rgba(12,42,72,.04)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.sync-edit-connection-btn .kls-ui-icon{
  width:17px!important;
  height:17px!important;
  color:#0878e7!important;
}
.sync-edit-connection-btn:hover{
  border-color:#bfe2fa!important;
  background:#f5fbff!important;
  color:#075fb5!important;
}
.app-shell.dark .sync-connection-card .sync-card-icon,
body.theme-dark .sync-connection-card .sync-card-icon{
  background:#0b2032!important;
  color:#35b7ff!important;
}
.app-shell.dark .sync-connection-panel,
body.theme-dark .sync-connection-panel{
  background:linear-gradient(180deg,#07131f 0%,#081827 100%)!important;
  border-color:#21384c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.app-shell.dark .sync-connection-card .sync-form-grid label>span,
body.theme-dark .sync-connection-card .sync-form-grid label>span{
  color:#a8c0d2!important;
}
.app-shell.dark .sync-connection-card .sync-form-grid input,
body.theme-dark .sync-connection-card .sync-form-grid input{
  background:#07111b!important;
  color:#eef8ff!important;
  border-color:#284257!important;
  box-shadow:none!important;
}
.app-shell.dark .sync-connection-card .sync-form-grid input::placeholder,
body.theme-dark .sync-connection-card .sync-form-grid input::placeholder{
  color:#9fb5c5!important;
}
.app-shell.dark .sync-connection-card .sync-password-box .sync-mini-icon-btn,
.app-shell.dark .sync-connection-card .sync-input-action .sync-mini-icon-btn,
body.theme-dark .sync-connection-card .sync-password-box .sync-mini-icon-btn,
body.theme-dark .sync-connection-card .sync-input-action .sync-mini-icon-btn{
  color:#a9c4d8!important;
}
.app-shell.dark .sync-connection-card .sync-password-box .sync-mini-icon-btn:hover,
.app-shell.dark .sync-connection-card .sync-input-action .sync-mini-icon-btn:hover,
body.theme-dark .sync-connection-card .sync-password-box .sync-mini-icon-btn:hover,
body.theme-dark .sync-connection-card .sync-input-action .sync-mini-icon-btn:hover{
  background:#0b2032!important;
  color:#7bd4ff!important;
}
.app-shell.dark .sync-edit-connection-btn,
body.theme-dark .sync-edit-connection-btn{
  background:#07111b!important;
  border-color:#284257!important;
  color:#eef8ff!important;
  box-shadow:none!important;
}
.app-shell.dark .sync-edit-connection-btn:hover,
body.theme-dark .sync-edit-connection-btn:hover{
  background:#0b2032!important;
  border-color:#326283!important;
  color:#8bdcff!important;
}
@media (max-width:1200px){
  .sync-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .sync-connection-card .sync-image-url-field{grid-column:span 1!important;}
  .sync-connection-edit-action{justify-content:flex-start;}
}
@media (max-width:640px){
  .sync-connection-card .sync-card-head{padding:16px 16px 12px!important;}
  .sync-connection-card .sync-card-body{padding:0 16px 16px!important;}
  .sync-connection-panel{padding:14px;border-radius:16px;}
  .sync-connection-grid{grid-template-columns:1fr!important;gap:14px!important;}
  .sync-connection-card .sync-image-url-field{grid-column:auto!important;}
  .sync-edit-connection-btn{width:100%!important;}
}


/* v2.1.115 — External Sync Sync Overview exact sample polish + true collapse */
.sync-pro-view .sync-top-grid{
  align-items:stretch!important;
}
.sync-pro-view .sync-top-grid > .sync-pro-card:not(.collapsed){
  height:100%!important;
}
.sync-pro-view .sync-top-grid > .sync-pro-card.collapsed{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}
.sync-pro-card.collapsed .sync-card-body,
.sync-pro-card.collapsed [data-sync-card-body],
.sync-pro-card.collapsed .sync-connection-wrap,
.sync-pro-card.collapsed .sync-status-wrap{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
.sync-overview-card{
  display:flex!important;
  flex-direction:column!important;
}
.sync-overview-card .sync-card-head{
  padding:20px 20px 16px!important;
  border-bottom:0!important;
}
.sync-overview-card .sync-card-title{gap:12px!important;}
.sync-overview-card .sync-card-icon{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  background:#eef8ff!important;
  border:0!important;
  color:#0b8ff2!important;
}
.sync-overview-card .sync-card-title h3{
  font-size:1.08rem!important;
  font-weight:900!important;
  color:var(--sync-text)!important;
}
.sync-overview-card .sync-head-actions{
  gap:12px!important;
  flex-wrap:nowrap!important;
}
.sync-overview-card .sync-last-pill{
  min-height:40px!important;
  padding:9px 17px!important;
  border-radius:15px!important;
  font-size:13px!important;
  font-weight:900!important;
  background:#f2f8ff!important;
  border-color:#dcecff!important;
  color:#0768d9!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.sync-overview-card .sync-collapse-btn{
  width:42px!important;
  height:42px!important;
  border-radius:16px!important;
}
.sync-overview-card .sync-card-body{
  padding:0 20px 20px!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
.sync-overview-card .sync-card-body::before{
  content:"";
  display:block;
  height:1px;
  background:#dceaf5;
  margin:0 0 18px;
}
.sync-overview-main{
  display:grid!important;
  grid-template-columns:minmax(150px,.85fr) minmax(0,2fr) minmax(130px,.65fr)!important;
  gap:0!important;
  align-items:stretch!important;
  border:1px solid #dceaf5!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  overflow:visible!important;
  min-height:95px!important;
}
.sync-overview-main .sync-overview-block{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:21px 24px!important;
  min-height:95px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.sync-overview-main .sync-overview-block + .sync-overview-block{
  border-left:1px solid #e1edf5!important;
}
.sync-overview-block small{
  color:#60778c!important;
  font-size:12px!important;
  font-weight:900!important;
  margin-bottom:10px!important;
  line-height:1.2!important;
}
.sync-overview-block strong{
  color:#132b42!important;
  font-size:1.08rem!important;
  font-weight:900!important;
}
.sync-overview-main .source-block{
  justify-content:center!important;
  position:relative!important;
}
.sync-overview-main .source-block > small:first-child{
  margin-bottom:12px!important;
}
.sync-overview-main #syncTableHelper{
  display:none!important;
}
.sync-overview-card .sync-multi-trigger{
  width:auto!important;
  min-width:0!important;
  min-height:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  justify-content:flex-start!important;
  gap:9px!important;
}
.sync-overview-card .sync-multi-chips{
  gap:9px!important;
}
.sync-overview-card .sync-multi-chips::after{
  content:'+ Add';
  display:inline-flex;
  align-items:center;
  min-height:34px;
  border-radius:12px;
  padding:7px 12px;
  border:1px solid #dbe8f3;
  background:#fff;
  color:#43596f;
  font-weight:900;
  font-size:13px;
  line-height:1;
}
.sync-overview-card .sync-chip{
  min-height:34px!important;
  padding:7px 13px!important;
  border-radius:12px!important;
  background:#e5f2ff!important;
  color:#086eea!important;
  border:0!important;
  font-size:13px!important;
  font-weight:900!important;
}
.sync-overview-card .sync-chip button{
  font-weight:900!important;
  font-size:17px!important;
  opacity:.8;
}
.sync-overview-card .sync-multi-caret{
  display:none!important;
}
.sync-overview-card .sync-staged-count{
  min-width:58px!important;
  width:max-content!important;
  height:40px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  background:#dcecff!important;
  color:#086eea!important;
  font-size:1.12rem!important;
  font-weight:950!important;
}
.sync-overview-control-row,
.sync-status-line{
  display:none!important;
}
.sync-status-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:26px!important;
}
.sync-info-chip{
  min-height:72px!important;
  border-radius:18px!important;
  padding:15px 18px!important;
  justify-content:center!important;
  gap:7px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.sync-info-chip strong{
  font-size:14px!important;
  font-weight:950!important;
  line-height:1.1!important;
}
.sync-info-chip span{
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.25!important;
}
.sync-info-chip.green{background:#f1fff8!important;border-color:#c9f4dc!important;color:#08834b!important;}
.sync-info-chip.blue{background:#f2f8ff!important;border-color:#d7e9ff!important;color:#0874ec!important;}
.sync-info-chip.purple{background:#faf5ff!important;border-color:#ead8ff!important;color:#7e3bd4!important;}
.sync-info-chip.amber{background:#fff9ee!important;border-color:#ffe0a8!important;color:#a86105!important;}
.app-shell.dark .sync-overview-card .sync-card-icon,
body.theme-dark .sync-overview-card .sync-card-icon{
  background:#0b2032!important;
  color:#35b7ff!important;
}
.app-shell.dark .sync-overview-card .sync-card-body::before,
body.theme-dark .sync-overview-card .sync-card-body::before{
  background:#21384c!important;
}
.app-shell.dark .sync-overview-main,
body.theme-dark .sync-overview-main{
  background:linear-gradient(180deg,#07131f 0%,#081827 100%)!important;
  border-color:#21384c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.app-shell.dark .sync-overview-main .sync-overview-block + .sync-overview-block,
body.theme-dark .sync-overview-main .sync-overview-block + .sync-overview-block{
  border-left-color:#21384c!important;
}
.app-shell.dark .sync-overview-block small,
body.theme-dark .sync-overview-block small{
  color:#9fb5c5!important;
}
.app-shell.dark .sync-overview-block strong,
body.theme-dark .sync-overview-block strong{
  color:#f3fbff!important;
}
.app-shell.dark .sync-overview-card .sync-last-pill,
body.theme-dark .sync-overview-card .sync-last-pill{
  background:#0a2036!important;
  border-color:#1d4f74!important;
  color:#82d8ff!important;
  box-shadow:none!important;
}
.app-shell.dark .sync-overview-card .sync-multi-chips::after,
body.theme-dark .sync-overview-card .sync-multi-chips::after{
  background:#07111b!important;
  border-color:#284257!important;
  color:#cce1ef!important;
}
.app-shell.dark .sync-overview-card .sync-chip,
body.theme-dark .sync-overview-card .sync-chip{
  background:#0b2740!important;
  color:#80d7ff!important;
  border:1px solid #1d4f74!important;
}
.app-shell.dark .sync-overview-card .sync-staged-count,
body.theme-dark .sync-overview-card .sync-staged-count{
  background:#0b2740!important;
  color:#80d7ff!important;
}
.app-shell.dark .sync-info-chip,
body.theme-dark .sync-info-chip{
  box-shadow:none!important;
}
@media (max-width:1200px){
  .sync-overview-main{grid-template-columns:1fr 1fr!important;}
  .sync-overview-main .source-block{grid-column:1 / -1!important;order:3;}
  .sync-overview-main .sync-overview-block + .sync-overview-block{border-left:0!important;border-top:1px solid #e1edf5!important;}
  .sync-overview-main .sync-overview-block:nth-child(2){border-top:1px solid #e1edf5!important;}
  .sync-status-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:640px){
  .sync-overview-card .sync-card-head{padding:16px 16px 12px!important;}
  .sync-overview-card .sync-head-actions{width:100%;justify-content:space-between!important;}
  .sync-overview-card .sync-last-pill{font-size:12px!important;padding:8px 12px!important;white-space:normal!important;}
  .sync-overview-card .sync-card-body{padding:0 16px 16px!important;}
  .sync-overview-main{grid-template-columns:1fr!important;min-height:0!important;}
  .sync-overview-main .sync-overview-block{min-height:78px!important;padding:16px!important;}
  .sync-overview-main .sync-overview-block + .sync-overview-block{border-left:0!important;border-top:1px solid #e1edf5!important;}
  .sync-status-strip{grid-template-columns:1fr!important;gap:12px!important;margin-top:16px!important;}
  .sync-info-chip{min-height:64px!important;}
}

/* v2.1.115 — External Sync dropdown outside-click/ESC + API response guard hotfix */

/* v2.1.125 — External Sync Workflow / Mapping Studio exact sample polish */
.sync-workflow-card{
  border-radius:24px!important;
  overflow:hidden!important;
}
.sync-workflow-card > .sync-card-head{
  padding:22px 26px 18px!important;
  min-height:76px!important;
  border-bottom:1px solid #e5eff7!important;
  align-items:center!important;
  flex-direction:row!important;
}
.sync-workflow-card .sync-card-title{
  gap:12px!important;
}
.sync-workflow-card .sync-card-title h3{
  font-size:1.08rem!important;
  font-weight:950!important;
  letter-spacing:-.015em!important;
}
.sync-workflow-card .sync-card-icon{
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  background:#edf8ff!important;
  color:#128bf4!important;
}
.sync-workflow-card .sync-card-icon .kls-ui-icon{
  width:18px!important;
  height:18px!important;
  stroke-width:2.25!important;
}
.sync-workflow-card .sync-head-actions{
  gap:12px!important;
  flex-wrap:nowrap!important;
}
.sync-workflow-card .sync-head-actions .sync-action-btn{
  min-height:44px!important;
  height:44px!important;
  border-radius:14px!important;
  padding:10px 18px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(13,114,239,.08)!important;
}
.sync-workflow-card .sync-head-actions .primary.sync-action-btn{
  background:linear-gradient(135deg,#0d9af1 0%,#006af5 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(7,115,235,.22)!important;
}
.sync-workflow-card .sync-collapse-btn{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
}
.sync-workflow-card .sync-card-body{
  padding:0!important;
  overflow:visible!important;
}
.sync-workflow-card .sync-tabs{
  height:58px!important;
  margin:0!important;
  padding:0 26px!important;
  gap:36px!important;
  border-bottom:1px solid #e5eff7!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
.sync-workflow-card .sync-tabs::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.sync-workflow-card .sync-tab{
  height:58px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  border-radius:0!important;
  background:transparent!important;
  color:#63788d!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:-.005em!important;
}
.sync-workflow-card .sync-tab.active{
  color:#0878e7!important;
}
.sync-workflow-card .sync-tab.active::after{
  height:3px!important;
  bottom:0!important;
  left:0!important;
  right:0!important;
  border-radius:999px 999px 0 0!important;
  background:#0b8ff2!important;
}
.sync-workflow-card .sync-tab-panel{
  padding:22px 26px 26px!important;
  overflow:visible!important;
}
.sync-workflow-card #syncTabPanel-joins{
  padding-top:24px!important;
}
.sync-workflow-card .sync-inner-panel,
.sync-workflow-card .sync-joins-wrap{
  min-width:0!important;
}
.sync-workflow-card .sync-join-rows{
  gap:0!important;
  border:1px solid #dbe9f4!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  padding:20px 18px 18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.sync-workflow-card .sync-join-row{
  display:grid!important;
  grid-template-columns:minmax(160px,.92fr) minmax(220px,1.28fr) 48px minmax(160px,.92fr) minmax(220px,1.28fr) 48px!important;
  gap:18px!important;
  align-items:end!important;
}
.sync-workflow-card .sync-join-row label{
  gap:8px!important;
  min-width:0!important;
}
.sync-workflow-card .sync-join-row label span{
  color:#4c657e!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
}
.sync-workflow-card .sync-join-row select{
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  border:1px solid #d8e8f2!important;
  border-radius:14px!important;
  background-color:#fff!important;
  color:#10283f!important;
  padding:0 42px 0 16px!important;
  font-size:14px!important;
  font-weight:850!important;
  outline:none!important;
  box-shadow:0 8px 18px rgba(8,50,89,.035)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235b7187' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:16px!important;
}
.sync-workflow-card .sync-join-row select:focus{
  border-color:#89cfff!important;
  box-shadow:0 0 0 4px rgba(13,154,241,.12),0 8px 18px rgba(8,50,89,.035)!important;
}
.sync-workflow-card .sync-join-equals{
  width:48px!important;
  height:48px!important;
  border-radius:999px!important;
  border:1px solid #d7e9f7!important;
  background:#f7fbff!important;
  color:#0d2239!important;
  font-size:24px!important;
  font-weight:950!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:0!important;
}
.sync-workflow-card .sync-join-remove{
  width:44px!important;
  height:48px!important;
  border-radius:13px!important;
  border:1px solid #ffbbc8!important;
  background:#fff4f6!important;
  color:#ef3650!important;
  box-shadow:none!important;
  justify-self:end!important;
}
.sync-workflow-card .sync-join-remove::before{
  width:19px!important;
  height:19px!important;
}
.sync-workflow-card .sync-join-add-inline{
  width:100%!important;
  min-height:48px!important;
  margin-top:18px!important;
  border:1.5px dashed #b8d9ff!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#0878e7!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  font-weight:950!important;
  cursor:pointer!important;
  transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease!important;
}
.sync-workflow-card .sync-join-add-inline:hover{
  background:#f4faff!important;
  border-color:#72b9ff!important;
  transform:translateY(-1px)!important;
}
.sync-workflow-card .sync-join-add-inline .kls-ui-icon{
  width:18px!important;
  height:18px!important;
  stroke-width:2.5!important;
}
.sync-workflow-card .sync-join-empty{
  padding:16px!important;
  text-align:center!important;
  font-weight:800!important;
}
.app-shell.dark .sync-workflow-card > .sync-card-head,
body.theme-dark .sync-workflow-card > .sync-card-head,
.app-shell.dark .sync-workflow-card .sync-tabs,
body.theme-dark .sync-workflow-card .sync-tabs{
  border-color:#21384c!important;
}
.app-shell.dark .sync-workflow-card .sync-card-icon,
body.theme-dark .sync-workflow-card .sync-card-icon{
  background:#0b2032!important;
  color:#35b7ff!important;
}
.app-shell.dark .sync-workflow-card .sync-tab,
body.theme-dark .sync-workflow-card .sync-tab{
  color:#9fb5c5!important;
}
.app-shell.dark .sync-workflow-card .sync-tab.active,
body.theme-dark .sync-workflow-card .sync-tab.active{
  color:#68caff!important;
}
.app-shell.dark .sync-workflow-card .sync-join-rows,
body.theme-dark .sync-workflow-card .sync-join-rows{
  background:linear-gradient(180deg,#07131f 0%,#081827 100%)!important;
  border-color:#21384c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.app-shell.dark .sync-workflow-card .sync-join-row label span,
body.theme-dark .sync-workflow-card .sync-join-row label span{
  color:#a8c0d2!important;
}
.app-shell.dark .sync-workflow-card .sync-join-row select,
body.theme-dark .sync-workflow-card .sync-join-row select{
  background-color:#07111b!important;
  color:#eef8ff!important;
  border-color:#284257!important;
  box-shadow:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23a8c0d2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
}
.app-shell.dark .sync-workflow-card .sync-join-equals,
body.theme-dark .sync-workflow-card .sync-join-equals{
  background:#0b2032!important;
  border-color:#28465d!important;
  color:#dff5ff!important;
}
.app-shell.dark .sync-workflow-card .sync-join-remove,
body.theme-dark .sync-workflow-card .sync-join-remove{
  background:#250d14!important;
  border-color:#7a3046!important;
  color:#ff8da0!important;
}
.app-shell.dark .sync-workflow-card .sync-join-add-inline,
body.theme-dark .sync-workflow-card .sync-join-add-inline{
  background:#07111b!important;
  border-color:#1d4f74!important;
  color:#80d7ff!important;
}
.app-shell.dark .sync-workflow-card .sync-join-add-inline:hover,
body.theme-dark .sync-workflow-card .sync-join-add-inline:hover{
  background:#0b2032!important;
  border-color:#2c85bd!important;
}
@media (max-width:1280px){
  .sync-workflow-card .sync-join-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px!important;
  }
  .sync-workflow-card .sync-join-row label:nth-of-type(3),
  .sync-workflow-card .sync-join-row label:nth-of-type(4){
    grid-column:auto!important;
  }
  .sync-workflow-card .sync-join-remove{
    grid-column:3!important;
    grid-row:2!important;
    width:48px!important;
  }
}
@media (max-width:900px){
  .sync-workflow-card > .sync-card-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    padding:18px!important;
  }
  .sync-workflow-card .sync-head-actions{
    width:100%!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }
  .sync-workflow-card .sync-tabs{
    padding:0 18px!important;
    gap:24px!important;
  }
  .sync-workflow-card .sync-tab-panel{
    padding:18px!important;
  }
  .sync-workflow-card .sync-join-row{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .sync-workflow-card .sync-join-equals{
    justify-self:center!important;
  }
  .sync-workflow-card .sync-join-remove{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    justify-self:stretch!important;
  }
}
@media (max-width:640px){
  .sync-workflow-card .sync-head-actions .sync-action-btn{
    width:100%!important;
    justify-content:center!important;
  }
  .sync-workflow-card .sync-collapse-btn{
    width:44px!important;
    flex:0 0 44px!important;
  }
  .sync-workflow-card .sync-tabs{
    height:54px!important;
    gap:20px!important;
  }
  .sync-workflow-card .sync-tab{
    height:54px!important;
    font-size:13px!important;
  }
  .sync-workflow-card .sync-join-rows{
    padding:14px!important;
  }
}

/* v2.1.125 — External Sync join controls center alignment polish */
.sync-workflow-card .sync-join-row{
  grid-template-columns:minmax(170px,1fr) minmax(250px,1.35fr) 56px minmax(170px,1fr) minmax(250px,1.35fr) 56px!important;
  column-gap:16px!important;
  row-gap:16px!important;
  align-items:end!important;
}
.sync-workflow-card .sync-join-equals{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  align-self:end!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  transform:none!important;
  text-align:center!important;
}
.sync-workflow-card .sync-join-remove{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  padding:0!important;
  align-self:end!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  font-size:0!important;
}
.sync-workflow-card .sync-join-remove::before{
  display:none!important;
  content:none!important;
}
.sync-workflow-card .sync-join-remove .kls-ui-icon{
  width:19px!important;
  height:19px!important;
  stroke:currentColor!important;
  stroke-width:2.15!important;
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  display:block!important;
}
.sync-workflow-card .sync-fields-wrap{
  overflow:auto!important;
  scrollbar-gutter:stable!important;
}
.sync-workflow-card .sync-fields-wrap table,
.sync-workflow-card .sync-items-card table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.sync-workflow-card .sync-fields-wrap tbody tr:hover{
  background:#f8fcff!important;
}
.app-shell.dark .sync-workflow-card .sync-fields-wrap tbody tr:hover,
body.theme-dark .sync-workflow-card .sync-fields-wrap tbody tr:hover{
  background:#0a1a29!important;
}
@media (max-width:1280px){
  .sync-workflow-card .sync-join-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px!important;
  }
  .sync-workflow-card .sync-join-equals{
    justify-self:center!important;
  }
  .sync-workflow-card .sync-join-remove{
    grid-column:3!important;
    grid-row:2!important;
    width:48px!important;
    justify-self:center!important;
  }
}
@media (max-width:900px){
  .sync-workflow-card .sync-join-row{
    grid-template-columns:1fr!important;
  }
  .sync-workflow-card .sync-join-equals{
    align-self:center!important;
    justify-self:center!important;
  }
  .sync-workflow-card .sync-join-remove{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    justify-self:stretch!important;
  }
}


/* v2.1.125 — External Sync equal connector true-center hotfix */
.sync-workflow-card .sync-join-equals{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  box-sizing:border-box!important;
  align-self:end!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  line-height:0!important;
  font-size:0!important;
  text-align:center!important;
  vertical-align:middle!important;
  transform:none!important;
}
.sync-workflow-card .sync-join-equals .sync-join-equals-icon{
  width:22px!important;
  height:22px!important;
  display:block!important;
  flex:0 0 22px!important;
  margin:0!important;
  stroke:currentColor!important;
  stroke-width:2.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  fill:none!important;
  transform:none!important;
}
.sync-workflow-card .sync-join-remove{
  align-self:end!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:0!important;
}
.sync-workflow-card .sync-join-remove .kls-ui-icon{
  margin:0!important;
  transform:none!important;
}
@media (max-width:900px){
  .sync-workflow-card .sync-join-equals{
    align-self:center!important;
    justify-self:center!important;
  }
}

/* v2.1.125 External Sync synced items paging polish */
.sync-items-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 0 2px}
.sync-items-count{font-size:12px;font-weight:800;color:#668196}
.sync-items-footer-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:auto}
.sync-items-footer .sync-action-btn{min-height:40px;border-radius:13px!important;font-weight:850!important;gap:8px}
.sync-items-footer .sync-action-btn[hidden]{display:none!important}
.sync-view-list-btn{background:#f8fcff!important}
.sync-items-card tbody tr:nth-child(n+6){border-top-color:#dceaf5}
.app-shell.dark .sync-items-count,body.theme-dark .sync-items-count{color:#9fb5c5}
.app-shell.dark .sync-view-list-btn,body.theme-dark .sync-view-list-btn{background:#07111b!important}
@media (max-width:640px){.sync-items-footer{align-items:stretch;flex-direction:column}.sync-items-footer-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.sync-items-footer .sync-action-btn{width:100%;justify-content:center}.sync-items-count{text-align:center}}


/* v2.1.125 — External Sync Synced Items label/action polish */
.sync-view-list-btn .kls-ui-icon{width:16px;height:16px;}
.sync-items-card .sync-use-btn{white-space:nowrap!important;min-width:148px;justify-content:center!important;line-height:1!important;}
.sync-items-card .sync-use-btn span{white-space:nowrap!important;}
.sync-items-card td:last-child{white-space:nowrap;}
@media (max-width:640px){.sync-items-card .sync-use-btn{min-width:132px;padding-left:12px!important;padding-right:12px!important;}}

/* v2.1.125 — External Sync mobile layout + dropdown polish */
@media (max-width: 640px){
  .sync-pro-view,
  .sync-pro-view *{
    box-sizing:border-box;
  }
  .sync-pro-view.active,
  .view.sync-pro-view.active{
    overflow:visible!important;
  }
  .sync-pro-view .sync-pro-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-areas:"title actions"!important;
    align-items:start!important;
    gap:12px!important;
    padding:14px!important;
    overflow:visible!important;
    position:relative!important;
  }
  .sync-pro-view .sync-title-wrap{
    grid-area:title!important;
    min-width:0!important;
    max-width:none!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
  }
  .sync-pro-view .sync-title-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:14px!important;
  }
  .sync-pro-view .sync-title-icon .kls-ui-icon{
    width:23px!important;
    height:23px!important;
  }
  .sync-pro-view .sync-title-wrap h2{
    font-size:1rem!important;
    line-height:1.15!important;
    margin:0 0 4px!important;
  }
  .sync-pro-view .sync-title-wrap p{
    font-size:11px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  .sync-pro-view .sync-actions-shell{
    grid-area:actions!important;
    width:44px!important;
    min-width:44px!important;
    justify-self:end!important;
    align-self:start!important;
    position:relative!important;
    display:flex!important;
    justify-content:flex-end!important;
    overflow:visible!important;
    z-index:120!important;
  }
  .sync-pro-view .sync-actions-menu-btn{
    display:inline-flex!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    border-radius:14px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
  }
  .sync-pro-view .sync-actions-menu-btn .kls-ui-icon{
    width:19px!important;
    height:19px!important;
  }
  .sync-pro-view .sync-actions-row{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    width:min(300px, calc(100vw - 30px))!important;
    min-width:0!important;
    max-width:calc(100vw - 30px)!important;
    padding:10px!important;
    border-radius:18px!important;
    background:var(--sync-card, #fff)!important;
    border:1px solid var(--sync-border, #d8e8f2)!important;
    box-shadow:0 22px 54px rgba(7,26,44,.22)!important;
    z-index:9999!important;
    transform:none!important;
    overflow:visible!important;
  }
  .sync-pro-view .sync-actions-shell.open .sync-actions-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .sync-pro-view .sync-actions-row .sync-action-btn{
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    justify-content:flex-start!important;
    padding:9px 12px!important;
    font-size:13px!important;
    border-radius:13px!important;
  }
  .sync-pro-view .sync-actions-row .sync-action-btn .kls-ui-icon{
    width:16px!important;
    height:16px!important;
  }

  .sync-pro-view .sync-card-head{
    position:relative!important;
    min-height:58px!important;
    padding:14px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .sync-pro-view .sync-card-title{
    min-width:0!important;
  }
  .sync-pro-view .sync-card-title h3{
    font-size:.92rem!important;
    line-height:1.2!important;
    margin:0!important;
  }
  .sync-pro-view .sync-card-icon{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    border-radius:9px!important;
  }
  .sync-pro-view .sync-card-icon .kls-ui-icon{
    width:16px!important;
    height:16px!important;
  }
  .sync-pro-view .sync-collapse-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:13px!important;
    padding:0!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .sync-pro-view .sync-collapse-btn .kls-ui-icon{
    width:17px!important;
    height:17px!important;
  }

  .sync-connection-card > .sync-card-head,
  .sync-overview-card > .sync-card-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    grid-template-areas:"title collapse" "meta meta"!important;
    gap:8px 10px!important;
  }
  .sync-connection-card > .sync-card-head .sync-card-title,
  .sync-overview-card > .sync-card-head .sync-card-title{
    grid-area:title!important;
  }
  .sync-connection-card > .sync-card-head .sync-head-actions,
  .sync-overview-card > .sync-card-head .sync-head-actions{
    display:contents!important;
  }
  #syncCollapseDbBtn,
  #syncCollapseStatusBtn{
    grid-area:collapse!important;
    justify-self:end!important;
    align-self:start!important;
  }
  #syncConnectionPill,
  #syncLastSyncPill{
    grid-area:meta!important;
    justify-self:start!important;
    max-width:100%!important;
    min-height:30px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .sync-workflow-card > .sync-card-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    grid-template-areas:"title collapse" "auto auto" "add add"!important;
    gap:10px!important;
    align-items:center!important;
    padding:14px!important;
    min-height:0!important;
    flex-direction:initial!important;
  }
  .sync-workflow-card > .sync-card-head .sync-card-title{
    grid-area:title!important;
  }
  .sync-workflow-card > .sync-card-head .sync-head-actions{
    display:contents!important;
  }
  #syncCollapseWorkflowBtn{
    grid-area:collapse!important;
    justify-self:end!important;
    align-self:start!important;
  }
  #syncAutoJoinBtn{
    grid-area:auto!important;
    width:100%!important;
    min-height:40px!important;
    height:40px!important;
    justify-content:center!important;
    border-radius:13px!important;
    font-size:12.5px!important;
  }
  #syncAddJoinBtn{
    grid-area:add!important;
    width:100%!important;
    min-height:40px!important;
    height:40px!important;
    justify-content:center!important;
    border-radius:13px!important;
    font-size:12.5px!important;
  }

  .sync-items-card > .sync-card-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    grid-template-areas:"title collapse" "search search"!important;
    gap:10px!important;
    padding:14px!important;
    align-items:center!important;
    flex-direction:initial!important;
  }
  .sync-items-card > .sync-card-head .sync-card-title{
    grid-area:title!important;
  }
  .sync-items-card > .sync-card-head .sync-head-actions{
    display:contents!important;
  }
  #syncCollapseItemsBtn{
    grid-area:collapse!important;
    justify-self:end!important;
    align-self:start!important;
  }
  .sync-items-card .sync-search{
    grid-area:search!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }

  .sync-pro-card.collapsed > .sync-card-head{
    min-height:58px!important;
  }
  .sync-pro-card.collapsed .sync-card-body,
  .sync-pro-card.collapsed [data-sync-card-body]{
    display:none!important;
  }
}

@media (max-width: 380px){
  .sync-pro-view .sync-actions-row{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
  .sync-pro-view .sync-title-wrap{
    gap:8px!important;
  }
  .sync-pro-view .sync-title-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
}

.app-shell.dark .sync-pro-view .sync-actions-row,
body.theme-dark .sync-pro-view .sync-actions-row{
  background:#07121d!important;
  border-color:#274157!important;
  box-shadow:0 22px 54px rgba(0,0,0,.52)!important;
}

/* v2.1.125 — Universal PRO Page Header System
   Keeps the top page header on every module visually consistent in height,
   spacing, typography, actions, light/dark mode, and mobile layout. */
.view.active{gap:22px!important;}
.kls-page-hero{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:108px!important;
  padding:20px 26px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:1px solid color-mix(in srgb,var(--line) 92%,transparent)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f8fcff 62%,#eff7ff 100%)!important;
  box-shadow:0 16px 42px rgba(12,42,72,.075), inset 0 1px 0 rgba(255,255,255,.86)!important;
  overflow:visible!important;
}
.kls-page-hero > div:first-child,
.kls-page-hero .sync-title-wrap,
.kls-page-hero .dashboard-welcome,
.kls-page-hero .print-page-title,
.kls-page-hero .security-topbar > div:first-child{
  min-width:0!important;
}
.kls-page-hero h1,
.kls-page-hero h2{
  margin:0 0 7px!important;
  color:#071c34!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
.kls-page-hero p,
.kls-page-hero .muted,
.kls-page-hero .dashboard-hello{
  margin:0!important;
  color:#60758e!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.kls-page-hero .dashboard-hello{margin-bottom:4px!important;color:#4d6782!important;font-size:14px!important;font-weight:700!important;}
.kls-page-hero .dashboard-welcome,
.kls-page-hero .sync-title-wrap,
.kls-page-hero .print-page-title{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
.kls-page-hero .dashboard-icon-wrap,
.kls-page-hero .sync-title-icon,
.kls-page-hero .print-page-title-icon{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,#f7fbff,#eff7ff)!important;
  border:1px solid #cfe2f4!important;
  color:#0e8ceb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.kls-page-hero .dashboard-icon-wrap svg,
.kls-page-hero .sync-title-icon svg,
.kls-page-hero .print-page-title-icon svg,
.kls-page-hero .kls-ui-icon,
.kls-page-hero .kls-icon,
.kls-page-hero .button-icon{
  width:21px;
  height:21px;
  stroke:currentColor;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.kls-page-hero .button-wrap,
.kls-page-hero .sync-actions-shell,
.kls-page-hero .sync-actions-row,
.kls-page-hero .dashboard-filters,
.kls-page-hero .users-pro-actions,
.kls-page-hero .settings-pro-head-actions,
.kls-page-hero .activity-head-search{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
}
.kls-page-hero button,
.kls-page-hero .primary,
.kls-page-hero .ghost,
.kls-page-hero .dash-filter-btn,
.kls-page-hero .users-filter-btn,
.kls-page-hero .users-primary-action,
.kls-page-hero .settings-top-action,
.kls-page-hero .security-refresh-btn,
.kls-page-hero .sync-action-btn{
  min-height:46px!important;
  height:46px!important;
  border-radius:16px!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.kls-page-hero .ghost,
.kls-page-hero .dash-filter-btn,
.kls-page-hero .users-filter-btn,
.kls-page-hero .settings-top-action,
.kls-page-hero .security-refresh-btn,
.kls-page-hero .sync-action-btn.ghost{
  background:rgba(255,255,255,.86)!important;
  color:#0f2033!important;
  border:1px solid #cfdfed!important;
}
.kls-page-hero .ghost:hover,
.kls-page-hero .dash-filter-btn:hover,
.kls-page-hero .users-filter-btn:hover,
.kls-page-hero .settings-top-action:hover,
.kls-page-hero .security-refresh-btn:hover,
.kls-page-hero .sync-action-btn.ghost:hover{
  background:#f1f8ff!important;
  border-color:#aecded!important;
  color:#0b62cf!important;
  box-shadow:0 10px 22px rgba(15,23,42,.06)!important;
}
.kls-page-hero .primary,
.kls-page-hero .products-new-btn,
.kls-page-hero .shipping-new-btn,
.kls-page-hero .users-primary-action,
.kls-page-hero .sync-action-btn.primary{
  background:linear-gradient(135deg,#13b8e7 0%,#087cf4 100%)!important;
  color:#fff!important;
  border:1px solid rgba(7,124,244,.18)!important;
  box-shadow:0 14px 28px rgba(8,124,244,.18)!important;
}
.kls-page-hero .primary:hover,
.kls-page-hero .products-new-btn:hover,
.kls-page-hero .shipping-new-btn:hover,
.kls-page-hero .users-primary-action:hover,
.kls-page-hero .sync-action-btn.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 34px rgba(8,124,244,.22)!important;
}
.kls-page-hero .sync-disconnect-btn{
  background:#fff7f8!important;
  border-color:#fec8d0!important;
  color:#ef3b55!important;
  box-shadow:none!important;
}
.kls-page-hero .sync-disconnect-btn:hover{background:#fff1f3!important;border-color:#f7a9b6!important;color:#d82641!important;}
.kls-page-hero .dashboard-filters{flex:1 1 auto!important;max-width:760px!important;}
.kls-page-hero .dash-filter-control,
.kls-page-hero .users-search-field,
.kls-page-hero .activity-search-field{
  min-height:46px!important;
  height:46px!important;
  border:1px solid #cfdfed!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:none!important;
}
.kls-page-hero .dash-search-shell,
.kls-page-hero .users-search-field,
.kls-page-hero .activity-search-field{min-width:260px!important;}
.kls-page-hero input[type="search"]{
  height:44px!important;
  border:0!important;
  background:transparent!important;
  color:#152b45!important;
  font-size:14px!important;
  font-weight:600!important;
}
.kls-page-hero .dash-shortcut,
.kls-page-hero .activity-shortcut-hint{
  height:26px!important;
  min-width:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  border:1px solid #d5e5f2!important;
  background:#f7fbff!important;
  color:#70849a!important;
  font-size:12px!important;
  font-weight:800!important;
}
#view-templates > .kls-page-hero{border-bottom:1px solid color-mix(in srgb,var(--line) 92%,transparent)!important;}
/* normalize legacy page-specific header overrides */
.products-pro-header,
.shipping-pro-header,
.settings-pro-head,
#view-users .users-pro-head,
.print-pro-head,
.activity-page-head,
#view-security .topbar.security-topbar,
.dashboard-pro-head,
.sync-pro-view .sync-pro-hero{margin:0!important;}
.products-pro-header h2,
.shipping-pro-header h2,
.settings-pro-head h2,
#view-users .users-pro-head h2,
.print-pro-head h2,
.activity-page-head h2,
#view-security .topbar.security-topbar h2,
.dashboard-pro-head h2,
.sync-pro-view .sync-title-wrap h2{font-size:28px!important;font-weight:800!important;letter-spacing:-.035em!important;line-height:1.08!important;}
body.theme-dark .kls-page-hero,
.app-shell.dark .kls-page-hero{
  background:linear-gradient(135deg,#0d1a27 0%,#0a1724 58%,#07121d 100%)!important;
  border-color:#20384c!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.theme-dark .kls-page-hero h1,
body.theme-dark .kls-page-hero h2,
.app-shell.dark .kls-page-hero h1,
.app-shell.dark .kls-page-hero h2{color:#f5fbff!important;}
body.theme-dark .kls-page-hero p,
body.theme-dark .kls-page-hero .muted,
body.theme-dark .kls-page-hero .dashboard-hello,
.app-shell.dark .kls-page-hero p,
.app-shell.dark .kls-page-hero .muted,
.app-shell.dark .kls-page-hero .dashboard-hello{color:#9fb5c5!important;}
body.theme-dark .kls-page-hero .dashboard-icon-wrap,
body.theme-dark .kls-page-hero .sync-title-icon,
body.theme-dark .kls-page-hero .print-page-title-icon,
.app-shell.dark .kls-page-hero .dashboard-icon-wrap,
.app-shell.dark .kls-page-hero .sync-title-icon,
.app-shell.dark .kls-page-hero .print-page-title-icon{background:#0b2032!important;border-color:#254866!important;color:#35b7ff!important;}
body.theme-dark .kls-page-hero .ghost,
body.theme-dark .kls-page-hero .dash-filter-btn,
body.theme-dark .kls-page-hero .users-filter-btn,
body.theme-dark .kls-page-hero .settings-top-action,
body.theme-dark .kls-page-hero .security-refresh-btn,
body.theme-dark .kls-page-hero .sync-action-btn.ghost,
body.theme-dark .kls-page-hero .dash-filter-control,
body.theme-dark .kls-page-hero .users-search-field,
body.theme-dark .kls-page-hero .activity-search-field,
.app-shell.dark .kls-page-hero .ghost,
.app-shell.dark .kls-page-hero .dash-filter-btn,
.app-shell.dark .kls-page-hero .users-filter-btn,
.app-shell.dark .kls-page-hero .settings-top-action,
.app-shell.dark .kls-page-hero .security-refresh-btn,
.app-shell.dark .kls-page-hero .sync-action-btn.ghost,
.app-shell.dark .kls-page-hero .dash-filter-control,
.app-shell.dark .kls-page-hero .users-search-field,
.app-shell.dark .kls-page-hero .activity-search-field{
  background:#0b1724!important;
  border-color:#28465d!important;
  color:#eaf4ff!important;
}
body.theme-dark .kls-page-hero input[type="search"],
.app-shell.dark .kls-page-hero input[type="search"]{color:#eef8ff!important;}
body.theme-dark .kls-page-hero .dash-shortcut,
body.theme-dark .kls-page-hero .activity-shortcut-hint,
.app-shell.dark .kls-page-hero .dash-shortcut,
.app-shell.dark .kls-page-hero .activity-shortcut-hint{background:#0a1724!important;border-color:#28465d!important;color:#9fb5c5!important;}
body.theme-dark .kls-page-hero .sync-disconnect-btn,
.app-shell.dark .kls-page-hero .sync-disconnect-btn{background:#250d14!important;border-color:#7a3046!important;color:#ff8da0!important;}
@media (max-width:1180px){
  .kls-page-hero{padding:18px 20px!important;min-height:100px!important;}
  .kls-page-hero .dashboard-filters{max-width:620px!important;}
  .kls-page-hero .dash-search-shell,
  .kls-page-hero .users-search-field,
  .kls-page-hero .activity-search-field{min-width:220px!important;}
}
@media (max-width:900px){
  .view.active{gap:14px!important;}
  .kls-page-hero{
    min-height:0!important;
    padding:16px!important;
    border-radius:22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
  }
  .kls-page-hero h1,.kls-page-hero h2{font-size:22px!important;margin-bottom:5px!important;}
  .kls-page-hero p,.kls-page-hero .muted{font-size:13px!important;line-height:1.38!important;}
  .kls-page-hero .dashboard-welcome,
  .kls-page-hero .sync-title-wrap,
  .kls-page-hero .print-page-title{gap:12px!important;align-items:center!important;}
  .kls-page-hero .dashboard-icon-wrap,
  .kls-page-hero .sync-title-icon,
  .kls-page-hero .print-page-title-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important;}
  .kls-page-hero .button-wrap,
  .kls-page-hero .dashboard-filters,
  .kls-page-hero .users-pro-actions,
  .kls-page-hero .settings-pro-head-actions,
  .kls-page-hero .activity-head-search{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    justify-content:stretch!important;
  }
  .kls-page-hero .sync-actions-shell{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;}
  .kls-page-hero .sync-actions-menu-btn{display:inline-grid!important;margin-inline:auto!important;}
  .kls-page-hero .sync-actions-row{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    top:calc(100% + 10px)!important;
    width:min(320px,calc(100vw - 34px))!important;
    min-width:0!important;
  }
  .kls-page-hero button,
  .kls-page-hero .primary,
  .kls-page-hero .ghost,
  .kls-page-hero .dash-filter-btn,
  .kls-page-hero .users-filter-btn,
  .kls-page-hero .users-primary-action,
  .kls-page-hero .settings-top-action,
  .kls-page-hero .security-refresh-btn,
  .kls-page-hero .sync-action-btn{width:100%!important;min-height:44px!important;height:44px!important;}
  .kls-page-hero .dash-filter-control,
  .kls-page-hero .users-search-field,
  .kls-page-hero .activity-search-field,
  .kls-page-hero .dash-search-shell{width:100%!important;min-width:0!important;}
  .kls-page-hero .dashboard-filters{grid-template-columns:1fr!important;}
  #view-settings .settings-pro-head-actions{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:520px){
  .kls-page-hero{padding:14px!important;border-radius:20px!important;}
  .kls-page-hero h1,.kls-page-hero h2{font-size:20px!important;}
  .kls-page-hero .dashboard-icon-wrap,
  .kls-page-hero .sync-title-icon,
  .kls-page-hero .print-page-title-icon{width:42px!important;height:42px!important;min-width:42px!important;}
  .kls-page-hero .dashboard-hello{font-size:12px!important;}
}

/* v2.1.125 — Universal Header Gap + Icon Consistency Polish */
:root{
  --kls-page-hero-icon-size:56px;
  --kls-page-hero-icon-radius:18px;
}
body.has-fixed-global-header .view.active,
body.has-fixed-global-header #view-dashboard.dashboard-pro-view,
#view-settings .settings-pro-page{
  margin-top:0!important;
}
.view.active,
.settings-pro-page{
  gap:22px!important;
}
.view.active > .kls-page-hero:first-child,
#view-settings .settings-pro-page > .kls-page-hero:first-child,
.dashboard-pro-view > .dashboard-pro-head.kls-page-hero,
.sync-pro-view > .sync-pro-hero.kls-page-hero{
  margin-top:0!important;
  margin-bottom:0!important;
}
.kls-page-hero{
  min-height:108px!important;
  padding:20px 26px!important;
  border-radius:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.kls-page-hero > div:first-child{
  min-width:0!important;
}
/* Dashboard already has the global welcome text above. Keep the page hero clean like other modules. */
.dashboard-pro-view .dashboard-hello{
  display:none!important;
}
.dashboard-pro-view .dashboard-pro-head{
  margin-top:0!important;
  margin-bottom:0!important;
  min-height:108px!important;
}
.dashboard-pro-view .dashboard-welcome > div:last-child,
.kls-page-hero .print-page-title + p,
.kls-page-hero .sync-title-wrap + p{
  min-width:0!important;
}
/* Add matching title icon boxes to legacy page heroes that did not have one. */
#view-products .products-pro-header > div:first-child,
#view-shipping .shipping-pro-header > div:first-child,
#view-templates > .kls-page-hero > div:first-child,
#view-users .users-pro-head > div:first-child,
#view-activity .activity-page-head > div:first-child,
#view-security .security-topbar > div:first-child,
#view-settings .settings-pro-head > div:first-child{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:var(--kls-page-hero-icon-size)!important;
  padding-inline-start:72px!important;
}
#view-products .products-pro-header > div:first-child::before,
#view-shipping .shipping-pro-header > div:first-child::before,
#view-templates > .kls-page-hero > div:first-child::before,
#view-users .users-pro-head > div:first-child::before,
#view-activity .activity-page-head > div:first-child::before,
#view-security .security-topbar > div:first-child::before,
#view-settings .settings-pro-head > div:first-child::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:50%;
  width:var(--kls-page-hero-icon-size);
  height:var(--kls-page-hero-icon-size);
  transform:translateY(-50%);
  border-radius:var(--kls-page-hero-icon-radius);
  background:linear-gradient(180deg,#f7fbff,#eff7ff);
  border:1px solid #cfe2f4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
#view-products .products-pro-header > div:first-child::after,
#view-shipping .shipping-pro-header > div:first-child::after,
#view-templates > .kls-page-hero > div:first-child::after,
#view-users .users-pro-head > div:first-child::after,
#view-activity .activity-page-head > div:first-child::after,
#view-security .security-topbar > div:first-child::after,
#view-settings .settings-pro-head > div:first-child::after{
  content:"";
  position:absolute;
  inset-inline-start:17px;
  top:50%;
  width:22px;
  height:22px;
  transform:translateY(-50%);
  background:#0e8ceb;
  -webkit-mask:var(--kls-title-mask) center/22px 22px no-repeat;
  mask:var(--kls-title-mask) center/22px 22px no-repeat;
}
#view-products .products-pro-header > div:first-child{--kls-title-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 7 12 11l7.5-4L12 3Z'/%3E%3Cpath d='M4.5 12 12 16l7.5-4'/%3E%3Cpath d='M4.5 17 12 21l7.5-4'/%3E%3C/svg%3E");}
#view-shipping .shipping-pro-header > div:first-child{--kls-title-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11l3 4h4v6h-4'/%3E%3Cpath d='M3 7v10h4'/%3E%3Ccircle cx='9' cy='17' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E");}
#view-templates > .kls-page-hero > div:first-child{--kls-title-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 7h6M9 11h6M9 15h4'/%3E%3C/svg%3E");}
#view-users .users-pro-head > div:first-child{--kls-title-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 11a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3Cpath d='M18 8a3 3 0 0 1 0 6'/%3E%3C/svg%3E");}
#view-activity .activity-page-head > div:first-child{--kls-title-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16 9 11l4 4 7-8'/%3E%3Cpath d='M20 8v5h-5'/%3E%3C/svg%3E");}
#view-security .security-topbar > div:first-child{--kls-title-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v6c0 4 3 7 7 9 4-2 7-5 7-9V6l-7-3Z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");}
#view-settings .settings-pro-head > div:first-child{--kls-title-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z'/%3E%3Cpath d='M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2 2 0 1 1-2.83 2.83l-.04-.04A1.8 1.8 0 0 0 15 19.4a1.8 1.8 0 0 0-1 .6 1.8 1.8 0 0 0-.4 1.1V21a2 2 0 1 1-4 0v-.08A1.8 1.8 0 0 0 8.6 19.4a1.8 1.8 0 0 0-1.98.36l-.04.04a2 2 0 1 1-2.83-2.83l.04-.04A1.8 1.8 0 0 0 4.6 15a1.8 1.8 0 0 0-.6-1 1.8 1.8 0 0 0-1.1-.4H3a2 2 0 1 1 0-4h.08A1.8 1.8 0 0 0 4.6 8.6a1.8 1.8 0 0 0-.36-1.98l-.04-.04a2 2 0 1 1 2.83-2.83l.04.04A1.8 1.8 0 0 0 9 4.6a1.8 1.8 0 0 0 1-.6A1.8 1.8 0 0 0 10.4 3V3a2 2 0 1 1 4 0v.08A1.8 1.8 0 0 0 15.4 4.6a1.8 1.8 0 0 0 1.98-.36l.04-.04a2 2 0 1 1 2.83 2.83l-.04.04A1.8 1.8 0 0 0 19.4 9c.36.1.7.3 1 .6.3.3.5.64.6 1H21a2 2 0 1 1 0 4h-.08A1.8 1.8 0 0 0 19.4 15Z'/%3E%3C/svg%3E");}
body.theme-dark #view-products .products-pro-header > div:first-child::before,
body.theme-dark #view-shipping .shipping-pro-header > div:first-child::before,
body.theme-dark #view-templates > .kls-page-hero > div:first-child::before,
body.theme-dark #view-users .users-pro-head > div:first-child::before,
body.theme-dark #view-activity .activity-page-head > div:first-child::before,
body.theme-dark #view-security .security-topbar > div:first-child::before,
body.theme-dark #view-settings .settings-pro-head > div:first-child::before,
.app-shell.dark #view-products .products-pro-header > div:first-child::before,
.app-shell.dark #view-shipping .shipping-pro-header > div:first-child::before,
.app-shell.dark #view-templates > .kls-page-hero > div:first-child::before,
.app-shell.dark #view-users .users-pro-head > div:first-child::before,
.app-shell.dark #view-activity .activity-page-head > div:first-child::before,
.app-shell.dark #view-security .security-topbar > div:first-child::before,
.app-shell.dark #view-settings .settings-pro-head > div:first-child::before{
  background:#0b2032;
  border-color:#254866;
}
body.theme-dark #view-products .products-pro-header > div:first-child::after,
body.theme-dark #view-shipping .shipping-pro-header > div:first-child::after,
body.theme-dark #view-templates > .kls-page-hero > div:first-child::after,
body.theme-dark #view-users .users-pro-head > div:first-child::after,
body.theme-dark #view-activity .activity-page-head > div:first-child::after,
body.theme-dark #view-security .security-topbar > div:first-child::after,
body.theme-dark #view-settings .settings-pro-head > div:first-child::after,
.app-shell.dark #view-products .products-pro-header > div:first-child::after,
.app-shell.dark #view-shipping .shipping-pro-header > div:first-child::after,
.app-shell.dark #view-templates > .kls-page-hero > div:first-child::after,
.app-shell.dark #view-users .users-pro-head > div:first-child::after,
.app-shell.dark #view-activity .activity-page-head > div:first-child::after,
.app-shell.dark #view-security .security-topbar > div:first-child::after,
.app-shell.dark #view-settings .settings-pro-head > div:first-child::after{
  background:#35b7ff;
}
.kls-page-hero .button-wrap.compact,
.kls-page-hero .products-pro-actions,
.kls-page-hero .users-pro-actions,
.kls-page-hero .settings-pro-head-actions,
.kls-page-hero .activity-head-search,
.kls-page-hero .sync-actions-shell,
.kls-page-hero .dashboard-filters{
  align-self:center!important;
}
.kls-page-hero .button-wrap.compact button,
.kls-page-hero .products-new-btn,
.kls-page-hero .shipping-new-btn,
.kls-page-hero .users-primary-action,
.kls-page-hero .settings-top-action,
.kls-page-hero .security-refresh-btn{
  min-width:132px!important;
}
#view-print .print-pro-head .print-page-title{
  align-items:center!important;
}
#view-print .print-pro-head .print-page-title + p{
  margin-top:6px!important;
  margin-inline-start:72px!important;
}
@media (max-width:900px){
  .view.active,
  .settings-pro-page{gap:16px!important;}
  .kls-page-hero,
  .dashboard-pro-view .dashboard-pro-head{
    min-height:0!important;
    padding:16px!important;
    border-radius:22px!important;
    gap:14px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  #view-products .products-pro-header > div:first-child,
  #view-shipping .shipping-pro-header > div:first-child,
  #view-templates > .kls-page-hero > div:first-child,
  #view-users .users-pro-head > div:first-child,
  #view-activity .activity-page-head > div:first-child,
  #view-security .security-topbar > div:first-child,
  #view-settings .settings-pro-head > div:first-child{
    min-height:46px!important;
    padding-inline-start:58px!important;
  }
  #view-products .products-pro-header > div:first-child::before,
  #view-shipping .shipping-pro-header > div:first-child::before,
  #view-templates > .kls-page-hero > div:first-child::before,
  #view-users .users-pro-head > div:first-child::before,
  #view-activity .activity-page-head > div:first-child::before,
  #view-security .security-topbar > div:first-child::before,
  #view-settings .settings-pro-head > div:first-child::before{
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
  }
  #view-products .products-pro-header > div:first-child::after,
  #view-shipping .shipping-pro-header > div:first-child::after,
  #view-templates > .kls-page-hero > div:first-child::after,
  #view-users .users-pro-head > div:first-child::after,
  #view-activity .activity-page-head > div:first-child::after,
  #view-security .security-topbar > div:first-child::after,
  #view-settings .settings-pro-head > div:first-child::after{
    inset-inline-start:13px!important;
    width:20px!important;
    height:20px!important;
    -webkit-mask-size:20px 20px!important;
    mask-size:20px 20px!important;
  }
  .kls-page-hero .button-wrap.compact button,
  .kls-page-hero .products-new-btn,
  .kls-page-hero .shipping-new-btn,
  .kls-page-hero .users-primary-action,
  .kls-page-hero .settings-top-action,
  .kls-page-hero .security-refresh-btn{
    min-width:0!important;
    width:100%!important;
  }
  #view-print .print-pro-head .print-page-title + p{
    margin-inline-start:58px!important;
  }
}
html[dir="rtl"] #view-products .products-pro-header > div:first-child,
html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child,
html[dir="rtl"] #view-templates > .kls-page-hero > div:first-child,
html[dir="rtl"] #view-users .users-pro-head > div:first-child,
html[dir="rtl"] #view-activity .activity-page-head > div:first-child,
html[dir="rtl"] #view-security .security-topbar > div:first-child,
html[dir="rtl"] #view-settings .settings-pro-head > div:first-child{
  padding-inline-start:0!important;
  padding-inline-end:72px!important;
}
html[dir="rtl"] #view-products .products-pro-header > div:first-child::before,
html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child::before,
html[dir="rtl"] #view-templates > .kls-page-hero > div:first-child::before,
html[dir="rtl"] #view-users .users-pro-head > div:first-child::before,
html[dir="rtl"] #view-activity .activity-page-head > div:first-child::before,
html[dir="rtl"] #view-security .security-topbar > div:first-child::before,
html[dir="rtl"] #view-settings .settings-pro-head > div:first-child::before{
  inset-inline-start:auto!important;
  inset-inline-end:0!important;
}
html[dir="rtl"] #view-products .products-pro-header > div:first-child::after,
html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child::after,
html[dir="rtl"] #view-templates > .kls-page-hero > div:first-child::after,
html[dir="rtl"] #view-users .users-pro-head > div:first-child::after,
html[dir="rtl"] #view-activity .activity-page-head > div:first-child::after,
html[dir="rtl"] #view-security .security-topbar > div:first-child::after,
html[dir="rtl"] #view-settings .settings-pro-head > div:first-child::after{
  inset-inline-start:auto!important;
  inset-inline-end:17px!important;
}
@media (max-width:900px){
  html[dir="rtl"] #view-products .products-pro-header > div:first-child,
  html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child,
  html[dir="rtl"] #view-templates > .kls-page-hero > div:first-child,
  html[dir="rtl"] #view-users .users-pro-head > div:first-child,
  html[dir="rtl"] #view-activity .activity-page-head > div:first-child,
  html[dir="rtl"] #view-security .security-topbar > div:first-child,
  html[dir="rtl"] #view-settings .settings-pro-head > div:first-child{
    padding-inline-end:58px!important;
  }
  html[dir="rtl"] #view-products .products-pro-header > div:first-child::after,
  html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child::after,
  html[dir="rtl"] #view-templates > .kls-page-hero > div:first-child::after,
  html[dir="rtl"] #view-users .users-pro-head > div:first-child::after,
  html[dir="rtl"] #view-activity .activity-page-head > div:first-child::after,
  html[dir="rtl"] #view-security .security-topbar > div:first-child::after,
  html[dir="rtl"] #view-settings .settings-pro-head > div:first-child::after{
    inset-inline-end:13px!important;
  }
}

/* v2.1.127 — External Sync mobile menu + final spacing polish */
/* Keep External Sync action burger strictly mobile-only. Desktop must show the full action row. */
@media (min-width:901px){
  #view-sync .sync-actions-menu-btn,
  #view-sync .kls-page-hero .sync-actions-menu-btn{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  #view-sync .sync-actions-shell{
    width:auto!important;
    min-width:0!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    overflow:visible!important;
  }
  #view-sync .sync-actions-row{
    display:flex!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    grid-template-columns:none!important;
    overflow:visible!important;
  }
}

/* Mobile action dropdown: centered, never clipped, clean open/close behavior. */
@media (max-width:900px){
  #view-sync .sync-pro-hero.kls-page-hero{
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-areas:"title actions"!important;
    align-items:start!important;
    overflow:visible!important;
    position:relative!important;
  }
  #view-sync .sync-actions-shell{
    grid-area:actions!important;
    width:44px!important;
    min-width:44px!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
    position:relative!important;
    z-index:9999!important;
    overflow:visible!important;
  }
  #view-sync .sync-actions-menu-btn{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    border-radius:14px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #view-sync .sync-actions-row{
    display:none!important;
    position:fixed!important;
    top:calc(env(safe-area-inset-top, 0px) + 172px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(330px, calc(100vw - 30px))!important;
    min-width:0!important;
    max-width:calc(100vw - 30px)!important;
    padding:10px!important;
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #d8e8f2!important;
    box-shadow:0 24px 58px rgba(7,26,44,.24)!important;
    z-index:10000!important;
    overflow:visible!important;
  }
  #view-sync .sync-actions-shell.open .sync-actions-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  #view-sync .sync-actions-row .sync-action-btn{
    width:100%!important;
    min-height:42px!important;
    height:42px!important;
    justify-content:flex-start!important;
    padding:9px 12px!important;
    border-radius:13px!important;
  }
}
@media (max-width:430px){
  #view-sync .sync-actions-row{top:calc(env(safe-area-inset-top, 0px) + 154px)!important;}
}
body.theme-dark #view-sync .sync-actions-row,
.app-shell.dark #view-sync .sync-actions-row{
  background:#07121d!important;
  border-color:#274157!important;
  box-shadow:0 24px 58px rgba(0,0,0,.56)!important;
}

/* Print Center: match dashboard title/subtitle spacing and keep the subtitle close to the title. */
#view-print .print-pro-head > div:first-child{
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:16px!important;
  row-gap:4px!important;
  align-items:center!important;
  min-width:0!important;
}
#view-print .print-pro-head .print-page-title{display:contents!important;margin:0!important;}
#view-print .print-pro-head .print-page-title-icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  align-self:center!important;
}
#view-print .print-pro-head h2{
  grid-column:2!important;
  grid-row:1!important;
  margin:0!important;
  align-self:end!important;
}
#view-print .print-pro-head .print-page-title + p,
#view-print .print-pro-head p.muted{
  grid-column:2!important;
  grid-row:2!important;
  margin:0!important;
  align-self:start!important;
}

/* Users page: dashboard-style gap after the page header before KPI cards. */
#view-users .users-kpi-grid{
  margin-top:20px!important;
}

@media (max-width:900px){
  #view-print .print-pro-head > div:first-child{
    grid-template-columns:46px minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:3px!important;
  }
  #view-print .print-pro-head .print-page-title + p,
  #view-print .print-pro-head p.muted{margin:0!important;}
  #view-users .users-kpi-grid{margin-top:16px!important;}
}

/* v2.1.128 — Products Page Collapse/Action Polish */
#view-products .products-pro-card-title.products-sync-card-head,
#view-products .products-collapsible-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
#view-products .products-card-title-main{min-width:0!important;}
#view-products .products-card-actions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
}
#view-products .product-card-icon-btn{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  border-radius:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
  border:1px solid #cfe1ef!important;
  color:#0877ff!important;
  box-shadow:0 8px 22px rgba(13,50,80,.06)!important;
  line-height:1!important;
  overflow:hidden!important;
}
#view-products .product-card-icon-btn .kls-icon{
  width:18px!important;
  height:18px!important;
  display:block!important;
  margin:0!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  fill:none!important;
  transition:transform .18s ease!important;
}
#view-products .product-refresh-btn .kls-icon{width:17px!important;height:17px!important;}
#view-products .product-collapse-btn.is-collapsed .kls-icon{transform:rotate(180deg)!important;}
#view-products .product-card-icon-btn:hover{
  border-color:#8fc9ff!important;
  background:#f5fbff!important;
  transform:translateY(-1px)!important;
}
#view-products #productSyncCard.is-collapsed .sync-source-wrap,
#view-products #productSyncCard.collapsed .sync-source-wrap,
#view-products #productFormCard.is-collapsed #productForm,
#view-products #productPreviewCard.is-collapsed .product-preview-body,
#view-products #savedProductsCard.is-collapsed .saved-products-body{
  display:none!important;
}
#view-products #productSyncCard.is-collapsed,
#view-products #productFormCard.is-collapsed,
#view-products #productPreviewCard.is-collapsed,
#view-products #savedProductsCard.is-collapsed{
  min-height:0!important;
  height:auto!important;
}
#view-products #productSyncCard.is-collapsed .products-pro-card-title,
#view-products #productFormCard.is-collapsed .products-collapsible-head,
#view-products #productPreviewCard.is-collapsed .products-collapsible-head,
#view-products #savedProductsCard.is-collapsed .products-collapsible-head{
  margin-bottom:0!important;
}
#view-products .products-pro-form-card .product-form-head h3,
#view-products .products-pro-preview-card .header-row h3,
#view-products .saved-products-pro-card .saved-products-pro-head h3{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
}
#view-products .products-pro-form-card .product-form-head h3::before,
#view-products .products-pro-preview-card .header-row h3::before,
#view-products .saved-products-pro-card .saved-products-pro-head h3::before{
  content:"";
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:11px;
  background:#eef8ff;
  border:1px solid #d5eafb;
  display:inline-block;
  -webkit-mask:center / 16px 16px no-repeat var(--product-card-icon-mask);
          mask:center / 16px 16px no-repeat var(--product-card-icon-mask);
  background-color:#0877ff;
}
#view-products .products-pro-form-card .product-form-head h3{--product-card-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E");}
#view-products .products-pro-preview-card .header-row h3{--product-card-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");}
#view-products .saved-products-pro-card .saved-products-pro-head h3{--product-card-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5'/%3E%3Cpath d='M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3C/svg%3E");}
#view-products .saved-products-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;}
#view-products .saved-products-tools .product-card-icon-btn{flex:0 0 44px!important;}
body.theme-dark #view-products .product-card-icon-btn,
.app-shell.dark #view-products .product-card-icon-btn{
  background:#071827!important;
  border-color:#28465d!important;
  color:#6db8ff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
body.theme-dark #view-products .product-card-icon-btn:hover,
.app-shell.dark #view-products .product-card-icon-btn:hover{background:#0d2233!important;border-color:#397199!important;}
@media(max-width:760px){
  #view-products .products-pro-card-title.products-sync-card-head,
  #view-products .products-collapsible-head{
    align-items:flex-start!important;
    gap:10px!important;
  }
  #view-products .products-card-actions{gap:8px!important;margin-inline-start:auto!important;}
  #view-products .product-card-icon-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:14px!important;
  }
  #view-products .products-pro-card-title h3{flex-wrap:wrap!important;line-height:1.25!important;}
  #view-products .products-pro-card-title .muted{line-height:1.35!important;}
  #view-products .products-pro-sync .sync-product-toolbar{grid-template-columns:1fr!important;}
  #view-products .products-sync-collapse{display:none!important;}
  #view-products .products-pro-form-card .product-form-head h3::before,
  #view-products .products-pro-preview-card .header-row h3::before,
  #view-products .saved-products-pro-card .saved-products-pro-head h3::before{width:28px;height:28px;flex-basis:28px;border-radius:10px;}
  #view-products .saved-products-pro-head{align-items:flex-start!important;}
  #view-products .saved-products-tools{width:100%!important;justify-content:stretch!important;display:grid!important;grid-template-columns:1fr auto auto!important;}
  #view-products .saved-products-tools .table-search{width:100%!important;min-width:0!important;}
}

/* v2.1.129 — Shipping Labels Collapse/Expand Controls Polish */
#view-shipping .shipping-collapsible-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
}
#view-shipping .shipping-form-head,
#view-shipping .shipping-pro-preview-card .header-row,
#view-shipping .saved-shipping-pro-head{
  margin-bottom:14px!important;
}
#view-shipping .shipping-collapsible-head h3{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  min-width:0!important;
}
#view-shipping .shipping-card-actions,
#view-shipping .saved-shipping-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
#view-shipping .shipping-card-icon-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #cfe2f1!important;
  background:#fff!important;
  color:#0c7dff!important;
  box-shadow:0 8px 22px rgba(8,42,73,.06)!important;
}
#view-shipping .shipping-card-icon-btn .kls-icon{
  width:18px!important;
  height:18px!important;
  display:block!important;
  margin:0!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  fill:none!important;
  transition:transform .18s ease!important;
}
#view-shipping .shipping-card-icon-btn:hover{
  border-color:#8fc9ff!important;
  background:#f5fbff!important;
  transform:translateY(-1px)!important;
}
#view-shipping .shipping-collapse-btn.is-collapsed .kls-icon{transform:rotate(180deg)!important;}
#view-shipping #shippingFormCard.is-collapsed #shippingForm,
#view-shipping #shippingPreviewCard.is-collapsed .shipping-preview-body,
#view-shipping #savedShippingCard.is-collapsed .saved-shipping-body{
  display:none!important;
}
#view-shipping #shippingFormCard.is-collapsed,
#view-shipping #shippingPreviewCard.is-collapsed,
#view-shipping #savedShippingCard.is-collapsed{
  min-height:0!important;
  height:auto!important;
}
#view-shipping #shippingFormCard.is-collapsed .shipping-form-head,
#view-shipping #shippingPreviewCard.is-collapsed .shipping-collapsible-head,
#view-shipping #savedShippingCard.is-collapsed .saved-shipping-pro-head{
  margin-bottom:0!important;
}
.app-shell.dark #view-shipping .shipping-card-icon-btn,
body.theme-dark #view-shipping .shipping-card-icon-btn{
  background:#06111a!important;
  color:#6fc4ff!important;
  border-color:#28465d!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
}
.app-shell.dark #view-shipping .shipping-card-icon-btn:hover,
body.theme-dark #view-shipping .shipping-card-icon-btn:hover{
  background:#0b1b29!important;
  border-color:#3b78a5!important;
}
@media(max-width:760px){
  #view-shipping .shipping-collapsible-head{
    align-items:flex-start!important;
  }
  #view-shipping .shipping-card-actions,
  #view-shipping .saved-shipping-tools{
    width:100%!important;
    justify-content:flex-end!important;
  }
  #view-shipping .shipping-pro-preview-card .header-row{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  #view-shipping .shipping-pro-preview-card .header-row h3{
    width:100%!important;
  }
  #view-shipping .shipping-pro-preview-card .shipping-card-actions{
    flex-direction:row!important;
    align-items:center!important;
  }
  #view-shipping .shipping-pro-preview-card .shipping-card-actions .print-preview-pro{
    flex:1 1 auto!important;
  }
  #view-shipping .saved-shipping-tools{
    flex-direction:row!important;
    flex-wrap:wrap!important;
  }
  #view-shipping .saved-shipping-tools .table-search{
    flex:1 1 100%!important;
    width:100%!important;
  }
  #view-shipping .saved-shipping-tools .filter-pro-btn{
    flex:1 1 auto!important;
  }
}

/* v2.1.131 — Users mobile role-permissions header polish */
@media (max-width: 680px){
  #view-users .users-permissions-card .users-card-head{
    align-items:center!important;
    gap:10px!important;
    padding:16px 14px!important;
    display:flex!important;
    justify-content:space-between!important;
  }
  #view-users .users-permissions-card .users-card-head > div:first-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  #view-users .users-permissions-card .users-card-head .muted{
    display:none!important;
  }
  #view-users .users-permissions-card .users-head-actions{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
  }
  #view-users .users-permissions-card .users-save-btn{
    width:auto!important;
    min-width:132px!important;
    max-width:none!important;
    height:38px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  #view-users .users-permissions-card .users-save-btn span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    line-height:1!important;
  }
  #view-users .users-permissions-card .users-save-btn svg{
    width:15px!important;
    height:15px!important;
    flex:0 0 auto!important;
  }
  #view-users .users-permissions-card .users-collapse-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    flex:0 0 38px!important;
  }
}

/* v2.1.135 — Activity Log mobile collapse alignment + per-record accordion polish */
.activity-mobile-row-toggle,
.activity-mobile-row-sub{display:none;}

@media (max-width: 720px){
  #view-activity #activityFilterCard .activity-card-head{
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding-bottom:12px!important;
    margin-bottom:12px!important;
  }
  #view-activity #activityFilterCard .activity-card-head > div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  #view-activity #activityFilterCard .activity-card-head h3{
    font-size:16px!important;
    line-height:1.15!important;
  }
  #view-activity #activityFilterCard .activity-card-head p{
    font-size:12px!important;
    line-height:1.35!important;
    margin-top:4px!important;
  }
  #view-activity #activityFilterCard .activity-collapse-btn{
    order:2!important;
    margin-left:auto!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:14px!important;
    flex:0 0 38px!important;
  }
  #view-activity #activityFilterCard .activity-collapse-btn .kls-ui-icon{
    width:17px!important;
    height:17px!important;
  }

  #view-activity .activity-table tr.activity-mobile-row{
    position:relative!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  #view-activity .activity-table tr.activity-mobile-row > td{
    padding:10px 14px!important;
  }
  #view-activity .activity-table tr.activity-mobile-row > td:first-child{
    padding:14px 54px 14px 14px!important;
    border-bottom:1px solid rgba(148,163,184,.16)!important;
  }
  #view-activity .activity-table tr.activity-mobile-row.is-mobile-collapsed > td:first-child{
    border-bottom:none!important;
  }
  #view-activity .activity-table tr.activity-mobile-row.is-mobile-collapsed > td:not(:first-child){
    display:none!important;
  }
  #view-activity .activity-table tr.activity-mobile-row.is-mobile-expanded > td{
    display:block!important;
  }
  #view-activity .activity-table tr.activity-mobile-row > td:first-child::before{
    display:none!important;
  }
  #view-activity .activity-table tr.activity-mobile-row .activity-time-cell{
    min-width:0!important;
    width:100%!important;
    align-items:center!important;
    gap:10px!important;
  }
  #view-activity .activity-table tr.activity-mobile-row .activity-row-icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border-radius:14px!important;
  }
  #view-activity .activity-table tr.activity-mobile-row .activity-row-icon .kls-ui-icon{
    width:17px!important;
    height:17px!important;
  }
  #view-activity .activity-table tr.activity-mobile-row .activity-time-cell strong{
    font-size:13px!important;
    line-height:1.25!important;
    display:block!important;
  }
  #view-activity .activity-mobile-row-sub{
    display:block!important;
    color:var(--muted)!important;
    font-size:11px!important;
    line-height:1.3!important;
    margin-top:3px!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #view-activity .activity-mobile-row-toggle{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    top:14px!important;
    right:12px!important;
    width:34px!important;
    height:34px!important;
    border:1px solid var(--line)!important;
    border-radius:13px!important;
    background:var(--surface)!important;
    color:var(--brand)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.06)!important;
    padding:0!important;
    z-index:2!important;
  }
  #view-activity .activity-mobile-row-toggle .kls-ui-icon{
    width:17px!important;
    height:17px!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:2.25!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    transition:transform .2s ease!important;
  }
  #view-activity .activity-mobile-row.is-mobile-expanded .activity-mobile-row-toggle .kls-ui-icon{
    transform:rotate(180deg)!important;
  }
  #view-activity .activity-table tr.activity-mobile-row > td:not(:first-child)::before{
    font-size:10px!important;
    line-height:1!important;
    margin-bottom:5px!important;
  }
  #view-activity .activity-table tr.activity-mobile-row .activity-actions-cell{
    padding-bottom:14px!important;
  }
  body.theme-dark #view-activity .activity-mobile-row-toggle,
  .app-shell.dark #view-activity .activity-mobile-row-toggle{
    background:#0d1a27!important;
    border-color:#17324a!important;
    color:#7dd3fc!important;
    box-shadow:none!important;
  }
  body.theme-dark #view-activity .activity-table tr.activity-mobile-row > td:first-child,
  .app-shell.dark #view-activity .activity-table tr.activity-mobile-row > td:first-child{
    border-bottom-color:#17324a!important;
  }
}

/* v2.1.135 — Activity Log mobile filter collapse button right-side hotfix */
@media (max-width:720px){
  #view-activity #activityFilterCard .activity-card-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 38px!important;
    grid-template-areas:"activity-title activity-toggle"!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:0!important;
    padding:14px 14px 12px!important;
    margin:0 0 12px!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  #view-activity #activityFilterCard .activity-card-head > div:first-child{
    grid-area:activity-title!important;
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
  }
  #view-activity #activityFilterCard .activity-collapse-btn,
  #view-activity #activityFilterCard #activityFilterCollapseBtn{
    grid-area:activity-toggle!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    order:initial!important;
    margin:0!important;
    transform:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    padding:0!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 38px!important;
  }
  html[dir="rtl"] #view-activity #activityFilterCard .activity-card-head{
    grid-template-areas:"activity-title activity-toggle"!important;
  }
  html[dir="rtl"] #view-activity #activityFilterCard .activity-collapse-btn,
  html[dir="rtl"] #view-activity #activityFilterCard #activityFilterCollapseBtn{
    justify-self:end!important;
  }
}


/* v2.1.135 — Security mobile bottom tables card polish */
@media (max-width: 760px){
  #view-security .security-table-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:start!important;
  }
  #view-security .security-table-grid > .security-section,
  #view-security .security-table-grid > .security-section[data-security-section="blocks"],
  #view-security .security-table-grid > .security-section[data-security-section="whitelist"],
  #view-security .security-table-grid > .security-section[data-security-section="watchlist"]{
    width:100%!important;
    min-height:auto!important;
    max-height:none!important;
    height:auto!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid #dce8f3!important;
    box-shadow:0 14px 30px rgba(15,23,42,.045)!important;
  }
  #view-security .security-table-grid > .security-section.is-collapsed{
    min-height:54px!important;
    max-height:54px!important;
    height:54px!important;
  }
  #view-security .security-table-grid .security-section-head{
    height:54px!important;
    min-height:54px!important;
    flex-basis:54px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 12px!important;
    border-bottom:1px solid #e4edf7!important;
  }
  #view-security .security-table-grid .security-head-title,
  #view-security .security-table-grid .security-head-title.compact{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:0!important;
  }
  #view-security .security-table-grid .security-section-head h3{
    margin:0!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:850!important;
    color:#071b2f!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #view-security .security-table-grid .security-collapse-btn{
    justify-self:end!important;
    align-self:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #d6e4f1!important;
    color:#0f5fd7!important;
    box-shadow:0 8px 18px rgba(15,23,42,.045)!important;
  }
  #view-security .security-table-grid .security-section-body{
    display:block!important;
    padding:12px!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  #view-security .security-table-grid .security-table-wrap{
    display:block!important;
    overflow:visible!important;
    width:100%!important;
    margin:0!important;
    max-width:100%!important;
  }
  #view-security .security-table-grid .security-table-wrap::-webkit-scrollbar,
  #view-security .security-table-grid .security-table-wrap *::-webkit-scrollbar{
    width:0!important;
    height:0!important;
  }
  #view-security .security-table-grid .security-table-wrap table,
  #view-security .security-table-grid .security-table-wrap tbody,
  #view-security .security-table-grid .security-table-wrap tr,
  #view-security .security-table-grid .security-table-wrap td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    box-sizing:border-box!important;
  }
  #view-security .security-table-grid .security-table-wrap table{
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:auto!important;
  }
  #view-security .security-table-grid .security-table-wrap thead{
    display:none!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody tr,
  #view-security .security-table-grid .security-table-wrap tbody tr:nth-child(n+4){
    display:block!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody tr:nth-child(n+4){
    display:none!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody tr{
    position:relative!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #dde8f3!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
    overflow:hidden!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody tr:hover{
    background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td,
  #view-security .security-table-grid .security-table-wrap tbody td:nth-child(n),
  #view-security [data-security-section="blocks"] .security-table-wrap tbody td:nth-child(n),
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:nth-child(n),
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td:nth-child(n){
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    width:100%!important;
    padding:7px 0!important;
    border:0!important;
    border-bottom:1px solid rgba(226,237,247,.84)!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    color:#10233a!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td:last-child{
    border-bottom:0!important;
    padding-bottom:0!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td::before{
    content:attr(data-label)!important;
    display:block!important;
    min-width:0!important;
    margin:1px 0 0!important;
    font-size:9.5px!important;
    line-height:1.2!important;
    font-weight:850!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    color:#6b829a!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td strong,
  #view-security .security-table-grid .security-table-wrap tbody td span,
  #view-security .security-table-grid .security-table-wrap tbody td div,
  #view-security .security-table-grid .security-table-wrap tbody td time{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td strong{
    font-size:12px!important;
    font-weight:850!important;
    color:#071b2f!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td.muted,
  #view-security .security-table-grid .security-table-wrap tbody td[colspan]{
    display:block!important;
    padding:14px!important;
    text-align:center!important;
    border:1px dashed #d7e5f2!important;
    border-radius:14px!important;
    background:#f8fbff!important;
    color:#70879f!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td.muted::before,
  #view-security .security-table-grid .security-table-wrap tbody td[colspan]::before{
    display:none!important;
  }
  #view-security .security-table-grid .security-action-row{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  #view-security .security-table-grid .security-icon-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:11px!important;
    background:#f4f8fc!important;
    border:1px solid #dbe8f3!important;
    color:#2563eb!important;
    box-shadow:none!important;
  }
  #view-security .security-table-grid .security-icon-btn.danger{
    background:#fff1f2!important;
    border-color:#ffd4dc!important;
    color:#e11d48!important;
  }
  #view-security .security-table-grid .security-icon-btn .kls-ui-icon{
    width:15px!important;
    height:15px!important;
  }
  #view-security .security-table-pill,
  #view-security .security-table-risk,
  #view-security [data-security-section="watchlist"] .security-watchlist-risk .security-table-risk{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:max-content!important;
    min-width:52px!important;
    max-width:100%!important;
    height:22px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  #view-security .security-table-grid .security-table-more{
    height:auto!important;
    min-height:0!important;
    padding:12px 0 0!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-top:0!important;
  }
  #view-security .security-table-grid .security-table-more .security-view-more{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:34px!important;
    padding:0 16px!important;
    border-radius:999px!important;
    background:#eef6ff!important;
    border:1px solid #d5e8ff!important;
    color:#0f6fe8!important;
    font-size:12px!important;
    font-weight:850!important;
    line-height:1!important;
    width:auto!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-username,
  #view-security [data-security-section="watchlist"] .security-watchlist-attempts,
  #view-security [data-security-section="watchlist"] .security-watchlist-risk,
  #view-security [data-security-section="watchlist"] .security-watchlist-last,
  #view-security [data-security-section="watchlist"] .security-watchlist-actions{
    text-align:left!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-last{
    color:#425d76!important;
    font-weight:750!important;
  }
  .app-shell.dark #view-security .security-table-grid > .security-section,
  body.theme-dark #view-security .security-table-grid > .security-section{
    background:#07131f!important;
    border-color:#244057!important;
    box-shadow:none!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-section-head,
  body.theme-dark #view-security .security-table-grid .security-section-head{
    border-color:#1d354d!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-section-head h3,
  body.theme-dark #view-security .security-table-grid .security-section-head h3,
  .app-shell.dark #view-security .security-table-grid .security-table-wrap tbody td strong,
  body.theme-dark #view-security .security-table-grid .security-table-wrap tbody td strong{
    color:#f8fbff!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-collapse-btn,
  body.theme-dark #view-security .security-table-grid .security-collapse-btn{
    background:#0b1b2a!important;
    border-color:#28465d!important;
    color:#7dd3fc!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-table-wrap tbody tr,
  body.theme-dark #view-security .security-table-grid .security-table-wrap tbody tr{
    background:#0b1b2a!important;
    border-color:#244057!important;
    box-shadow:none!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-table-wrap tbody td,
  body.theme-dark #view-security .security-table-grid .security-table-wrap tbody td{
    color:#dbeaf7!important;
    border-bottom-color:#1d354d!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-table-wrap tbody td::before,
  body.theme-dark #view-security .security-table-grid .security-table-wrap tbody td::before{
    color:#8fb3d9!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-icon-btn,
  body.theme-dark #view-security .security-table-grid .security-icon-btn{
    background:#0e2235!important;
    border-color:#28465d!important;
    color:#93c5fd!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-icon-btn.danger,
  body.theme-dark #view-security .security-table-grid .security-icon-btn.danger{
    background:#2a1118!important;
    border-color:#7f1d1d!important;
    color:#fda4af!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-table-more .security-view-more,
  body.theme-dark #view-security .security-table-grid .security-table-more .security-view-more{
    background:#0b2138!important;
    border-color:#1d4f74!important;
    color:#7dd3fc!important;
  }
}

/* v2.1.135 — Security mobile table text vertical alignment polish */
@media (max-width: 760px){
  #view-security .security-table-grid .security-table-wrap tbody tr{
    padding:10px 12px!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td,
  #view-security .security-table-grid .security-table-wrap tbody td:nth-child(n),
  #view-security [data-security-section="blocks"] .security-table-wrap tbody td:nth-child(n),
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:nth-child(n),
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td:nth-child(n){
    display:grid!important;
    grid-template-columns:94px minmax(0,1fr)!important;
    align-items:center!important;
    justify-items:start!important;
    gap:10px!important;
    min-height:32px!important;
    padding:7px 0!important;
    line-height:1.25!important;
    vertical-align:middle!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td::before{
    align-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:20px!important;
    margin:0!important;
    line-height:1.05!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td > *,
  #view-security .security-table-grid .security-table-wrap tbody td strong,
  #view-security .security-table-grid .security-table-wrap tbody td span,
  #view-security .security-table-grid .security-table-wrap tbody td div,
  #view-security .security-table-grid .security-table-wrap tbody td time{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
    line-height:1.2!important;
    vertical-align:middle!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td strong,
  #view-security [data-security-section="watchlist"] .security-watchlist-ip strong{
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    line-height:1.15!important;
  }
  #view-security .security-table-pill,
  #view-security .security-table-risk,
  #view-security [data-security-section="watchlist"] .security-watchlist-risk .security-table-risk{
    align-self:center!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    margin:0!important;
  }
  #view-security .security-table-grid .security-action-row{
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:32px!important;
    margin:0!important;
  }
  #view-security .security-table-grid .security-icon-btn{
    display:inline-grid!important;
    place-items:center!important;
    align-self:center!important;
    margin:0!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td:last-child{
    min-height:34px!important;
    padding-top:7px!important;
    padding-bottom:0!important;
  }
  #view-security .security-table-grid .security-table-more{
    padding-top:10px!important;
  }
}

/* v2.1.136 — Security mobile watchlist center alignment polish */
@media (max-width: 760px){
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody tr{
    padding:10px!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td:nth-child(n){
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    min-height:34px!important;
    padding:7px 10px!important;
    margin:0 0 8px!important;
    border:1px solid #dbe8f3!important;
    border-radius:999px!important;
    background:#fbfdff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
    line-height:1.1!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td:last-child{
    margin-bottom:0!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td::before{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:center!important;
    height:100%!important;
    min-height:18px!important;
    margin:0!important;
    line-height:1!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td > *,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td strong,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td span,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td div,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td time{
    display:inline-flex!important;
    align-items:center!important;
    align-self:center!important;
    min-height:20px!important;
    margin:0!important;
    line-height:1!important;
    transform:none!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-ip strong,
  #view-security [data-security-section="watchlist"] .security-watchlist-username,
  #view-security [data-security-section="watchlist"] .security-watchlist-attempts,
  #view-security [data-security-section="watchlist"] .security-watchlist-last{
    justify-self:start!important;
    text-align:left!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-risk .security-table-risk{
    justify-self:start!important;
    height:22px!important;
    min-height:22px!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-actions{
    border-radius:14px!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-actions .security-action-row{
    min-height:24px!important;
    height:24px!important;
    align-items:center!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-actions .security-icon-btn{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:10px!important;
  }
  .app-shell.dark #view-security [data-security-section="watchlist"] .security-table-wrap tbody td,
  body.theme-dark #view-security [data-security-section="watchlist"] .security-table-wrap tbody td{
    background:#0b1b2a!important;
    border-color:#244057!important;
    box-shadow:none!important;
  }
}


/* v2.1.138 — Security mobile watchlist PRO card cleanup */
@media (max-width: 760px){
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody{
    gap:12px!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody tr{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:12px 14px!important;
    margin:0!important;
    border:1px solid #dbe8f3!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 10px 22px rgba(15,23,42,.04)!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td:nth-child(n){
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    min-height:34px!important;
    width:100%!important;
    padding:8px 0!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid rgba(218,232,245,.92)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#10233a!important;
    line-height:1.2!important;
    text-align:left!important;
    overflow:visible!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td:last-child{
    border-bottom:0!important;
    padding-bottom:0!important;
    min-height:36px!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td::before{
    content:attr(data-label)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:auto!important;
    min-height:22px!important;
    margin:0!important;
    color:#607993!important;
    font-size:9.5px!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:.05em!important;
    text-transform:uppercase!important;
  }
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td > *,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td strong,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td span,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td div,
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody td time{
    align-self:center!important;
    justify-self:start!important;
    display:inline-flex!important;
    align-items:center!important;
    min-height:22px!important;
    margin:0!important;
    line-height:1.15!important;
    transform:none!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-ip strong{
    font-size:12.5px!important;
    font-weight:900!important;
    color:#071b2f!important;
    letter-spacing:.01em!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-username,
  #view-security [data-security-section="watchlist"] .security-watchlist-attempts,
  #view-security [data-security-section="watchlist"] .security-watchlist-last{
    font-size:12px!important;
    font-weight:750!important;
    color:#203a52!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-risk .security-table-risk{
    justify-self:start!important;
    align-self:center!important;
    height:22px!important;
    min-height:22px!important;
    line-height:1!important;
    margin:0!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-actions{
    border-radius:0!important;
    min-height:36px!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-actions .security-action-row{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    min-height:32px!important;
    height:auto!important;
    gap:8px!important;
  }
  #view-security [data-security-section="watchlist"] .security-watchlist-actions .security-icon-btn{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    border-radius:11px!important;
  }
  .app-shell.dark #view-security [data-security-section="watchlist"] .security-table-wrap tbody tr,
  body.theme-dark #view-security [data-security-section="watchlist"] .security-table-wrap tbody tr{
    background:#0b1b2a!important;
    border-color:#244057!important;
    box-shadow:none!important;
  }
  .app-shell.dark #view-security [data-security-section="watchlist"] .security-table-wrap tbody td,
  body.theme-dark #view-security [data-security-section="watchlist"] .security-table-wrap tbody td{
    background:transparent!important;
    border-bottom-color:#1d354d!important;
    color:#dbeaf7!important;
  }
  .app-shell.dark #view-security [data-security-section="watchlist"] .security-table-wrap tbody td::before,
  body.theme-dark #view-security [data-security-section="watchlist"] .security-table-wrap tbody td::before{
    color:#8fb3d9!important;
  }
  .app-shell.dark #view-security [data-security-section="watchlist"] .security-watchlist-ip strong,
  body.theme-dark #view-security [data-security-section="watchlist"] .security-watchlist-ip strong,
  .app-shell.dark #view-security [data-security-section="watchlist"] .security-watchlist-username,
  body.theme-dark #view-security [data-security-section="watchlist"] .security-watchlist-username,
  .app-shell.dark #view-security [data-security-section="watchlist"] .security-watchlist-attempts,
  body.theme-dark #view-security [data-security-section="watchlist"] .security-watchlist-attempts,
  .app-shell.dark #view-security [data-security-section="watchlist"] .security-watchlist-last,
  body.theme-dark #view-security [data-security-section="watchlist"] .security-watchlist-last{
    color:#f8fbff!important;
  }
}

/* v2.1.138 — Security desktop bottom tables no-ellipsis polish */
@media (min-width: 761px){
  #view-security .security-table-grid{
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1.22fr)!important;
    gap:14px!important;
  }
  #view-security .security-table-grid > .security-section{
    min-height:172px!important;
    max-height:172px!important;
    height:172px!important;
    overflow:hidden!important;
  }
  #view-security .security-table-grid > .security-section.is-collapsed{
    min-height:54px!important;
    max-height:54px!important;
    height:54px!important;
  }
  #view-security .security-table-grid .security-section-body{
    padding:0 14px 10px!important;
  }
  #view-security .security-table-grid .security-table-wrap{
    overflow:hidden!important;
    width:100%!important;
  }
  #view-security .security-table-grid .security-table-wrap table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
    border-collapse:collapse!important;
  }
  #view-security .security-table-grid .security-table-wrap thead th,
  #view-security .security-table-grid .security-table-wrap tbody td{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
    box-sizing:border-box!important;
  }
  #view-security .security-table-grid .security-table-wrap thead th{
    height:28px!important;
    padding:0 5px 4px!important;
    font-size:8.8px!important;
    line-height:1.1!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td{
    height:32px!important;
    max-height:32px!important;
    padding:5px 5px!important;
    font-size:9.6px!important;
    line-height:1.15!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody td strong{
    display:inline-block!important;
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:9.8px!important;
    line-height:1.15!important;
  }
  #view-security .security-table-grid .security-table-pill,
  #view-security .security-table-grid .security-table-risk{
    max-width:none!important;
    min-width:0!important;
    width:auto!important;
    padding:0 7px!important;
    font-size:8.3px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #view-security .security-table-grid .security-action-row{
    justify-content:center!important;
    align-items:center!important;
    gap:6px!important;
    min-width:44px!important;
    overflow:visible!important;
  }
  #view-security .security-table-grid .security-icon-btn{
    width:21px!important;
    height:21px!important;
    min-width:21px!important;
    flex:0 0 21px!important;
  }
  #view-security .security-table-grid .security-table-more{
    height:24px!important;
    min-height:24px!important;
    padding-top:5px!important;
  }
  /* Desktop readable proportions: avoid Permanent/Admin whitelist/IP text becoming dots */
  #view-security [data-security-section="blocks"] table th:nth-child(1),
  #view-security [data-security-section="blocks"] table td:nth-child(1){width:30%!important;}
  #view-security [data-security-section="blocks"] table th:nth-child(2),
  #view-security [data-security-section="blocks"] table td:nth-child(2){width:20%!important;text-align:center!important;}
  #view-security [data-security-section="blocks"] table th:nth-child(3),
  #view-security [data-security-section="blocks"] table td:nth-child(3){width:24%!important;}
  #view-security [data-security-section="blocks"] table th:nth-child(4),
  #view-security [data-security-section="blocks"] table td:nth-child(4){width:12%!important;}
  #view-security [data-security-section="blocks"] table th:nth-child(5),
  #view-security [data-security-section="blocks"] table td:nth-child(5){width:14%!important;text-align:center!important;}

  #view-security [data-security-section="whitelist"] table th:nth-child(1),
  #view-security [data-security-section="whitelist"] table td:nth-child(1){width:32%!important;}
  #view-security [data-security-section="whitelist"] table th:nth-child(2),
  #view-security [data-security-section="whitelist"] table td:nth-child(2){width:13%!important;}
  #view-security [data-security-section="whitelist"] table th:nth-child(3),
  #view-security [data-security-section="whitelist"] table td:nth-child(3){width:24%!important;}
  #view-security [data-security-section="whitelist"] table th:nth-child(4),
  #view-security [data-security-section="whitelist"] table td:nth-child(4){width:19%!important;}
  #view-security [data-security-section="whitelist"] table th:nth-child(5),
  #view-security [data-security-section="whitelist"] table td:nth-child(5){width:12%!important;text-align:center!important;}

  #view-security [data-security-section="watchlist"] table th:nth-child(1),
  #view-security [data-security-section="watchlist"] table td:nth-child(1){width:28%!important;}
  #view-security [data-security-section="watchlist"] table th:nth-child(2),
  #view-security [data-security-section="watchlist"] table td:nth-child(2){width:16%!important;}
  #view-security [data-security-section="watchlist"] table th:nth-child(3),
  #view-security [data-security-section="watchlist"] table td:nth-child(3){width:11%!important;text-align:center!important;}
  #view-security [data-security-section="watchlist"] table th:nth-child(4),
  #view-security [data-security-section="watchlist"] table td:nth-child(4){width:13%!important;text-align:center!important;}
  #view-security [data-security-section="watchlist"] table th:nth-child(5),
  #view-security [data-security-section="watchlist"] table td:nth-child(5){width:20%!important;}
  #view-security [data-security-section="watchlist"] table th:nth-child(6),
  #view-security [data-security-section="watchlist"] table td:nth-child(6){width:12%!important;text-align:center!important;}
}

/* v2.1.139 — Security mobile empty-state center polish */
@media (max-width: 760px){
  #view-security .security-table-grid .security-table-wrap tbody tr.security-empty-row{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  #view-security .security-table-grid .security-table-wrap tbody tr.security-empty-row td.muted,
  #view-security .security-table-grid .security-table-wrap tbody td.security-empty-cell,
  #view-security .security-table-grid .security-table-wrap tbody td[colspan].security-empty-cell{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:44px!important;
    height:44px!important;
    padding:0 14px!important;
    margin:0!important;
    border:1px dashed #d7e5f2!important;
    border-radius:16px!important;
    background:#f8fbff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
    color:#657d95!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody tr.security-empty-row td.security-empty-cell::before,
  #view-security .security-table-grid .security-table-wrap tbody td.security-empty-cell::before{
    display:none!important;
    content:none!important;
  }
  #view-security .security-table-grid .security-table-wrap tbody tr.security-empty-row + tr.security-empty-row{
    margin-top:8px!important;
  }
  .app-shell.dark #view-security .security-table-grid .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  body.theme-dark #view-security .security-table-grid .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  .app-shell.dark #view-security .security-table-grid .security-table-wrap tbody td.security-empty-cell,
  body.theme-dark #view-security .security-table-grid .security-table-wrap tbody td.security-empty-cell{
    background:#0b1b2a!important;
    border-color:#244057!important;
    box-shadow:none!important;
    color:#b9cfe4!important;
  }
}


/* v2.1.142 — Settings mobile sticky save buttons alignment polish */
@media (max-width:760px){
  #view-settings .settings-sticky-save{
    position:relative!important;
    bottom:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    padding:12px!important;
    border-radius:18px!important;
  }
  #view-settings #settingsStickyStatus{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:24px!important;
    line-height:1.2!important;
    width:100%!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  #view-settings .settings-sticky-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
  }
  #view-settings .settings-sticky-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 10px!important;
    border-radius:14px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    line-height:1!important;
    font-size:11.5px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  #view-settings .settings-sticky-actions .button-icon{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
  }
}
@media (max-width:380px){
  #view-settings .settings-sticky-actions{gap:8px!important;}
  #view-settings .settings-sticky-actions button{font-size:10.8px!important;padding:0 7px!important;}
}

/* v2.1.142 — Login Mobile PRO Design Upgrade (matches approved mobile concept) */
body.login-visible{overflow:auto!important;background:#eef5fb!important;}
body.login-visible.theme-dark{background:#06101a!important;}
.login-pro-screen{position:relative;min-height:100svh!important;padding:22px!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 18% 12%,rgba(73,165,255,.16),transparent 32%),linear-gradient(180deg,#f7fbff 0%,#eef5fb 48%,#eaf4fb 100%)!important;overflow-x:hidden!important;}
.login-pro-card{position:relative;isolation:isolate;overflow:hidden;width:min(100%,900px)!important;border-radius:30px!important;padding:34px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(205,222,235,.9)!important;box-shadow:0 34px 70px rgba(15,40,75,.14)!important;backdrop-filter:blur(18px)!important;}
.login-pro-card::before{content:"";position:absolute;inset:-120px -120px auto auto;width:520px;height:260px;background:radial-gradient(circle at 80% 20%,rgba(0,145,255,.14),transparent 62%);z-index:-2;pointer-events:none;}
.login-pro-wave{position:absolute;left:-28px;right:-28px;top:-24px;height:190px;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse at 74% -28%,rgba(44,155,255,.18) 0 1px,transparent 1px 8px);opacity:.75;clip-path:polygon(0 0,100% 0,100% 54%,84% 42%,68% 35%,48% 45%,27% 56%,0 48%);}
.login-pro-brand{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px!important;margin:2px 0 32px!important;}
.login-pro-brand .login-logo{width:112px!important;height:112px!important;border-radius:28px!important;object-fit:contain!important;background:#fff!important;border:1px solid rgba(207,224,236,.95)!important;box-shadow:0 16px 36px rgba(20,48,88,.10)!important;padding:4px!important;}
.login-brand-copy{display:grid;gap:6px;place-items:center;}
.login-pro-brand h1{margin:0!important;color:#07172a!important;font-weight:950!important;letter-spacing:-.05em!important;line-height:.98!important;font-size:clamp(2.3rem,5vw,3.75rem)!important;text-wrap:balance;}
.login-brand-line{display:block;width:min(240px,80%);height:18px;position:relative;}
.login-brand-line::before,.login-brand-line::after{content:"";position:absolute;top:50%;width:72px;height:2px;background:linear-gradient(90deg,transparent,#0d8eff);border-radius:99px;}
.login-brand-line::before{right:50%;margin-right:50px;}
.login-brand-line::after{left:50%;margin-left:50px;transform:scaleX(-1);}
.login-brand-line{background:radial-gradient(circle at 30% 50%,#0d8eff 0 3px,transparent 4px),radial-gradient(circle at 70% 50%,#0d8eff 0 3px,transparent 4px);}
.login-pro-grid{grid-template-columns:1.05fr .95fr!important;gap:22px!important;align-items:stretch!important;}
.login-main-panel,.login-pro-preferences{position:relative;border-radius:28px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(217,230,240,.9)!important;box-shadow:0 20px 48px rgba(15,40,75,.10)!important;padding:28px!important;}
.login-panel-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:22px;}
.login-heading-icon,.login-pref-icon{width:62px;height:62px;flex:0 0 62px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#eef7ff,#e8f2fb);color:#163c60;}
.login-heading-icon svg,.login-pref-icon svg,.login-input-icon,.login-eye-btn svg,.login-submit-arrow svg,.login-theme-label svg,.login-trust-row svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.login-panel-heading h2{margin:0!important;font-size:2rem!important;letter-spacing:-.035em!important;line-height:1.05!important;font-weight:950!important;color:#0a1726!important;}
.login-panel-heading .muted{margin:8px 0 0!important;color:#66768a!important;font-size:1rem!important;}
.login-pro-form{display:grid!important;gap:18px!important;margin-top:0!important;}
.login-field{display:grid!important;gap:9px!important;color:#0a1726!important;font-size:1rem!important;font-weight:850!important;}
.login-input-wrap{min-height:58px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 18px!important;border:1px solid #d7e1ea!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(24,58,91,.04)!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;}
.login-input-wrap:focus-within{border-color:#168cff!important;box-shadow:0 0 0 4px rgba(22,140,255,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;background:#fff!important;}
.login-input-icon{color:#0d8eff;flex:0 0 24px;}
.login-input-wrap input{height:56px!important;min-height:56px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#132033!important;font-size:1.05rem!important;font-weight:650!important;outline:0!important;width:100%!important;}
.login-input-wrap input::placeholder{color:#8594a8!important;font-weight:600!important;}
.login-eye-btn{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border:0!important;background:transparent!important;color:#24364a!important;box-shadow:none!important;border-radius:14px!important;}
.login-eye-btn:hover{background:#eef6ff!important;color:#0d8eff!important;}
.login-options{margin-top:2px!important;}
.login-options,.remember-row{justify-content:flex-start!important;color:#172338!important;font-size:1rem!important;font-weight:700!important;}
.remember-row input[type="checkbox"]{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;border-radius:6px!important;accent-color:#168cff!important;}
.login-submit{height:66px!important;border-radius:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;background:linear-gradient(110deg,#05b8ec 0%,#087af5 52%,#2348ff 100%)!important;border:0!important;box-shadow:0 18px 34px rgba(8,112,240,.24)!important;font-size:1.22rem!important;font-weight:850!important;letter-spacing:.01em!important;}
.login-submit-arrow{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.86);color:#fff;}
.login-submit-arrow svg{width:22px;height:22px;}
.login-submit:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 22px 44px rgba(8,112,240,.30)!important;}
.login-pro-preferences{display:grid!important;align-content:start!important;gap:22px!important;background:rgba(255,255,255,.86)!important;}
.login-pro-preferences h3{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;color:#0a1726!important;font-size:1.55rem!important;font-weight:950!important;letter-spacing:-.025em!important;}
.login-pro-preferences .login-pref-icon{width:42px;height:42px;flex-basis:42px;color:#0d8eff;}
.login-pref-stack{gap:18px!important;}
.login-pref-block{gap:10px!important;}
.login-pref-label{font-size:1rem!important;color:#0a1726!important;font-weight:850!important;}
.login-language-switch{height:56px!important;border-radius:999px!important;padding:4px!important;border:1px solid #d7e1ea!important;background:#fff!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;overflow:hidden!important;}
.login-language-switch .login-lang-chip{height:48px!important;min-height:48px!important;border:0!important;border-radius:999px!important;justify-content:center!important;gap:9px!important;font-weight:850!important;color:#172338!important;background:transparent!important;box-shadow:none!important;padding:0 10px!important;}
.login-language-switch .login-lang-chip + .login-lang-chip{border-inline-start:1px solid #edf2f7!important;}
.login-language-switch .login-lang-chip.active{background:#eff7ff!important;color:#087af5!important;border:1px solid #0d8eff!important;box-shadow:0 10px 20px rgba(13,142,255,.10)!important;}
.login-language-switch .login-lang-chip img{width:22px!important;height:22px!important;object-fit:cover!important;border-radius:50%!important;}
.login-theme-toggle{width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.login-theme-toggle .theme-toggle-track{position:relative!important;width:100%!important;height:58px!important;display:grid!important;grid-template-columns:1fr 1fr!important;border-radius:999px!important;padding:4px!important;background:#fff!important;border:1px solid #d7e1ea!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;}
.login-theme-toggle .theme-toggle-thumb{position:absolute!important;top:4px!important;left:4px!important;width:calc(50% - 4px)!important;height:48px!important;border-radius:999px!important;background:linear-gradient(90deg,#eef7ff,#dfeeff)!important;border:0!important;box-shadow:0 10px 20px rgba(13,142,255,.10)!important;transition:transform .22s ease!important;}
.login-theme-toggle[data-theme="dark"] .theme-toggle-thumb{transform:translateX(100%)!important;background:linear-gradient(90deg,#11243b,#0a1726)!important;}
.login-theme-label{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:850;color:#18263a;transition:color .18s ease;}
.login-theme-label svg{width:22px;height:22px;}
.login-theme-light{color:#087af5;}
.login-theme-toggle[data-theme="dark"] .login-theme-light{color:#556579;}
.login-theme-toggle[data-theme="dark"] .login-theme-dark{color:#eaf4ff;}
.login-trust-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:2px!important;font-size:.92rem!important;color:#657489!important;}
.login-trust-row span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.login-trust-row svg{width:18px;height:18px;color:#0d8eff;}
.login-footer{justify-content:center!important;text-align:center!important;margin-top:26px!important;padding-top:18px!important;border-top:1px solid rgba(214,228,238,.9)!important;color:#6d7f93!important;}
.login-footer #loginPoweredText{display:none!important;}
body.theme-dark .login-pro-screen{background:radial-gradient(circle at 18% 12%,rgba(52,178,255,.16),transparent 32%),linear-gradient(180deg,#07131d 0%,#0b1725 58%,#06101a 100%)!important;}
body.theme-dark .login-pro-card,body.theme-dark .login-main-panel,body.theme-dark .login-pro-preferences{background:rgba(13,26,39,.88)!important;border-color:#20384d!important;box-shadow:0 30px 70px rgba(0,0,0,.28)!important;}
body.theme-dark .login-pro-brand h1,body.theme-dark .login-panel-heading h2,body.theme-dark .login-pro-preferences h3,body.theme-dark .login-field,body.theme-dark .login-pref-label,body.theme-dark .login-options,body.theme-dark .remember-row{color:#f4fbff!important;}
body.theme-dark .login-panel-heading .muted,body.theme-dark .login-footer,body.theme-dark .login-trust-row{color:#9eb4c8!important;}
body.theme-dark .login-heading-icon,body.theme-dark .login-pref-icon{background:linear-gradient(180deg,#11263a,#0e2031)!important;color:#cfe9ff!important;}
body.theme-dark .login-input-wrap,body.theme-dark .login-language-switch,body.theme-dark .login-theme-toggle .theme-toggle-track{background:#071522!important;border-color:#27465e!important;box-shadow:none!important;}
body.theme-dark .login-input-wrap input{color:#f4fbff!important;}
body.theme-dark .login-eye-btn{color:#cfe0ed!important;}
body.theme-dark .login-language-switch .login-lang-chip{color:#dbe9f3!important;}
body.theme-dark .login-language-switch .login-lang-chip.active{background:rgba(13,142,255,.18)!important;color:#89cfff!important;border-color:#188dff!important;}
@media (min-width: 901px){
  .login-pro-screen{padding:30px!important;}
  .login-pro-card{max-height:none!important;}
}
@media (max-width: 900px){
  body.login-visible{background:#eef5fb!important;}
  .login-pro-screen{align-items:flex-start!important;padding:18px 12px!important;min-height:100svh!important;}
  .login-pro-card{width:min(100%,390px)!important;padding:24px 16px 18px!important;border-radius:30px!important;}
  .login-pro-wave{height:155px!important;clip-path:polygon(0 0,100% 0,100% 48%,82% 39%,62% 36%,42% 49%,22% 58%,0 50%)!important;}
  .login-pro-brand{margin-top:2px!important;margin-bottom:24px!important;gap:8px!important;}
  .login-pro-brand .login-logo{width:88px!important;height:88px!important;border-radius:24px!important;}
  .login-pro-brand h1{font-size:2.35rem!important;line-height:1!important;}
  .login-brand-line{height:14px!important;width:220px!important;}
  .login-brand-line::before,.login-brand-line::after{width:54px!important;}
  .login-brand-line::before{margin-right:44px!important;}
  .login-brand-line::after{margin-left:44px!important;}
  .login-pro-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
  .login-main-panel,.login-pro-preferences{border-radius:24px!important;padding:18px!important;}
  .login-panel-heading{gap:14px!important;margin-bottom:18px!important;}
  .login-heading-icon{width:58px!important;height:58px!important;flex-basis:58px!important;}
  .login-panel-heading h2{font-size:1.58rem!important;}
  .login-panel-heading .muted{font-size:.95rem!important;line-height:1.45!important;}
  .login-pro-form{gap:15px!important;}
  .login-field{font-size:.95rem!important;gap:8px!important;}
  .login-input-wrap{min-height:56px!important;border-radius:20px!important;padding:0 14px!important;}
  .login-input-wrap input{height:54px!important;min-height:54px!important;font-size:1rem!important;}
  .login-submit{height:62px!important;border-radius:21px!important;font-size:1.12rem!important;}
  .login-submit-arrow{width:36px!important;height:36px!important;}
  .login-pro-preferences h3{font-size:1.3rem!important;}
  .login-language-switch{height:54px!important;}
  .login-language-switch .login-lang-chip{height:46px!important;min-height:46px!important;font-size:.95rem!important;}
  .login-theme-toggle .theme-toggle-track{height:56px!important;}
  .login-theme-toggle .theme-toggle-thumb{height:46px!important;}
  .login-trust-row{gap:8px!important;justify-content:space-between!important;font-size:.82rem!important;}
  .login-trust-row span{gap:5px!important;}
  .login-trust-row svg{width:16px!important;height:16px!important;}
  .login-footer{font-size:.86rem!important;line-height:1.45!important;margin-top:18px!important;}
}
@media (max-width: 380px){
  .login-pro-screen{padding:12px 8px!important;}
  .login-pro-card{padding:20px 12px 16px!important;}
  .login-main-panel,.login-pro-preferences{padding:15px!important;}
  .login-pro-brand .login-logo{width:78px!important;height:78px!important;}
  .login-pro-brand h1{font-size:2.05rem!important;}
  .login-panel-heading{align-items:center!important;}
  .login-heading-icon{width:50px!important;height:50px!important;flex-basis:50px!important;}
  .login-panel-heading h2{font-size:1.42rem!important;}
  .login-trust-row{justify-content:center!important;}
}


/* v2.1.142 — Auth Gate + Login Mobile Scroll Isolation Fix */
body.login-visible{
  overflow:hidden!important;
}
body.login-visible #loginScreen{
  display:flex!important;
  height:100svh!important;
  min-height:100svh!important;
  max-height:100svh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.login-visible #app,
body:not(.app-authenticated) #app,
#app.auth-hidden{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
body.login-visible .global-header,
body:not(.app-authenticated) .global-header{
  display:none!important;
}
body.login-visible #loginScreen.hidden{
  display:none!important;
}
body.login-visible .login-pro-card{
  flex:0 0 auto!important;
}
@media (max-width:900px){
  body.login-visible #loginScreen{
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }
  body.login-visible .login-pro-card{
    margin:0 auto!important;
  }
}


/* v2.1.154 — Login Clean PRO polish: removed extra icon/subtitle/status badges and fixed theme toggle text */
.login-heading-clean{display:block!important;margin-bottom:22px!important;}
.login-heading-clean > div{display:block!important;}
.login-heading-clean #loginTitle{margin:0!important;}
.login-pro-preferences{gap:20px!important;}
.login-pro-preferences .login-pref-stack{margin-top:0!important;}
.login-theme-toggle{display:flex!important;width:100%!important;min-width:0!important;}
.login-theme-toggle .theme-toggle-track{position:relative!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;width:100%!important;min-width:0!important;background:#fff!important;background-image:none!important;border:1px solid #d7e1ea!important;border-radius:999px!important;overflow:hidden!important;}
.login-theme-toggle .theme-toggle-track::before,.login-theme-toggle .theme-toggle-track::after{display:none!important;content:none!important;}
.login-theme-toggle .theme-toggle-thumb{z-index:1!important;pointer-events:none!important;}
.login-theme-toggle .login-theme-label{position:relative!important;z-index:4!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important;line-height:1!important;}
.login-theme-toggle .login-theme-label svg{display:block!important;opacity:1!important;visibility:visible!important;fill:none!important;stroke:currentColor!important;}
.login-theme-toggle[data-theme="light"] .login-theme-light{color:#087af5!important;}
.login-theme-toggle[data-theme="light"] .login-theme-dark{color:#132033!important;}
.login-theme-toggle[data-theme="dark"] .login-theme-light{color:#7f91a6!important;}
.login-theme-toggle[data-theme="dark"] .login-theme-dark{color:#eef7ff!important;}
body.theme-dark .login-theme-toggle .theme-toggle-track{background:#071522!important;border-color:#27465e!important;}
body.theme-dark .login-theme-toggle[data-theme="light"] .login-theme-light{color:#8dcfff!important;}
body.theme-dark .login-theme-toggle[data-theme="light"] .login-theme-dark{color:#dbe9f3!important;}
body.theme-dark .login-theme-toggle[data-theme="dark"] .login-theme-light{color:#72889e!important;}
body.theme-dark .login-theme-toggle[data-theme="dark"] .login-theme-dark{color:#f8fbff!important;}
body.theme-dark .login-theme-toggle .login-theme-label svg{stroke:currentColor!important;}
.login-trust-row,.login-heading-icon,#loginSubtitle{display:none!important;}
@media (min-width:901px){
  .login-pro-card{width:min(100%,880px)!important;}
  .login-main-panel,.login-pro-preferences{padding:30px!important;}
  .login-heading-clean{margin-bottom:24px!important;}
}
@media (max-width:900px){
  .login-heading-clean{margin-bottom:18px!important;}
  .login-panel-heading h2{font-size:1.62rem!important;}
  .login-pro-preferences{gap:18px!important;}
  .login-footer{margin-top:18px!important;}
}

/* v2.1.154 — Login Brand Row Compact Fit + Quiet Invalid Login Polish */
.login-pro-brand{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:left!important;
  gap:18px!important;
  margin:0 0 24px!important;
}
.login-pro-brand .login-logo{
  width:82px!important;
  height:82px!important;
  flex:0 0 82px!important;
  border-radius:24px!important;
}
.login-brand-copy{
  display:grid!important;
  place-items:start!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}
.login-pro-brand h1{
  font-size:clamp(2rem,3.1vw,3rem)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  max-width:560px!important;
}
.login-brand-line{
  width:min(190px,100%)!important;
  height:10px!important;
}
.login-brand-line::before,.login-brand-line::after{
  width:50px!important;
}
.login-brand-line::before{margin-right:42px!important;}
.login-brand-line::after{margin-left:42px!important;}
.login-main-panel,.login-pro-preferences{
  padding:24px!important;
}
.login-error{
  margin-top:12px!important;
  padding:11px 14px!important;
  border-radius:16px!important;
  font-weight:750!important;
  line-height:1.3!important;
  text-align:left!important;
  box-shadow:0 10px 22px rgba(220,38,38,.08)!important;
}
.login-theme-toggle .theme-toggle-track{
  height:52px!important;
  padding:4px!important;
}
.login-theme-toggle .theme-toggle-thumb{
  top:4px!important;
  left:4px!important;
  width:calc(50% - 4px)!important;
  height:42px!important;
  border-radius:999px!important;
  z-index:1!important;
}
.login-theme-toggle[data-theme="dark"] .theme-toggle-thumb{transform:translateX(100%)!important;}
.login-theme-toggle[data-theme="light"] .theme-toggle-thumb{transform:translateX(0)!important;}
.login-theme-toggle .login-theme-label{
  min-width:0!important;
  font-size:.96rem!important;
  font-weight:850!important;
}
.login-theme-toggle .login-theme-label svg{
  width:19px!important;
  height:19px!important;
}
@media (min-width:901px){
  .login-pro-card{width:min(100%,840px)!important;padding:32px!important;}
  .login-pro-grid{grid-template-columns:minmax(300px,1fr) minmax(280px,.88fr)!important;gap:20px!important;}
  .login-panel-heading h2{font-size:1.75rem!important;}
}
@media (max-width:900px){
  body.login-visible #loginScreen{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:10px 8px!important;
  }
  body.login-visible .login-pro-card,
  .login-pro-card{
    width:min(100%,360px)!important;
    padding:14px 12px 12px!important;
    border-radius:24px!important;
  }
  .login-pro-wave{height:120px!important;opacity:.72!important;}
  .login-pro-brand{
    flex-direction:row!important;
    justify-content:center!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 12px!important;
    min-height:52px!important;
  }
  .login-pro-brand .login-logo{
    width:52px!important;
    height:52px!important;
    flex:0 0 52px!important;
    border-radius:16px!important;
    padding:3px!important;
  }
  .login-brand-copy{gap:2px!important;}
  .login-pro-brand h1{
    font-size:clamp(1.28rem,7.2vw,1.58rem)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
    max-width:220px!important;
  }
  .login-brand-line{
    width:118px!important;
    height:7px!important;
  }
  .login-brand-line::before,.login-brand-line::after{width:30px!important;height:2px!important;}
  .login-brand-line::before{margin-right:30px!important;}
  .login-brand-line::after{margin-left:30px!important;}
  .login-pro-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .login-main-panel,.login-pro-preferences{
    border-radius:18px!important;
    padding:12px!important;
  }
  .login-heading-clean{margin-bottom:10px!important;}
  .login-panel-heading h2{
    font-size:1.18rem!important;
    line-height:1.05!important;
  }
  .login-pro-form{gap:8px!important;}
  .login-field{
    gap:5px!important;
    font-size:.76rem!important;
    line-height:1.1!important;
  }
  .login-input-wrap{
    min-height:42px!important;
    height:42px!important;
    border-radius:15px!important;
    padding:0 10px!important;
    gap:8px!important;
  }
  .login-input-icon{width:16px!important;height:16px!important;}
  .login-input-wrap input{
    height:40px!important;
    min-height:40px!important;
    font-size:.86rem!important;
  }
  .login-eye-btn{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }
  .login-eye-btn svg{width:16px!important;height:16px!important;}
  .login-options{font-size:.8rem!important;min-height:18px!important;}
  .remember-row{gap:7px!important;}
  .remember-row input{width:16px!important;height:16px!important;}
  .login-submit{
    height:44px!important;
    min-height:44px!important;
    border-radius:15px!important;
    font-size:.92rem!important;
    gap:10px!important;
  }
  .login-submit-arrow{width:26px!important;height:26px!important;}
  .login-submit-arrow svg{width:15px!important;height:15px!important;}
  .login-error{
    margin-top:8px!important;
    padding:8px 10px!important;
    border-radius:12px!important;
    font-size:.76rem!important;
    line-height:1.25!important;
  }
  .login-pro-preferences{gap:10px!important;}
  .login-pro-preferences h3{
    font-size:1rem!important;
    gap:8px!important;
  }
  .login-pro-preferences .login-pref-icon{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    border-radius:12px!important;
  }
  .login-pro-preferences .login-pref-icon svg{width:17px!important;height:17px!important;}
  .login-pref-stack{display:grid!important;gap:9px!important;}
  .login-pref-block{gap:5px!important;}
  .login-pref-label{font-size:.78rem!important;}
  .login-language-switch{
    height:38px!important;
    min-height:38px!important;
    padding:3px!important;
    border-radius:999px!important;
  }
  .login-language-switch .login-lang-chip{
    height:30px!important;
    min-height:30px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    font-size:.72rem!important;
    gap:5px!important;
  }
  .login-language-switch .login-lang-chip img{width:17px!important;height:17px!important;}
  .login-theme-toggle .theme-toggle-track{
    height:38px!important;
    min-height:38px!important;
    padding:3px!important;
    border-radius:999px!important;
  }
  .login-theme-toggle .theme-toggle-thumb{
    top:3px!important;
    left:3px!important;
    width:calc(50% - 3px)!important;
    height:32px!important;
  }
  .login-theme-toggle .login-theme-label{
    gap:5px!important;
    font-size:.76rem!important;
    line-height:1!important;
  }
  .login-theme-toggle .login-theme-label svg{
    width:15px!important;
    height:15px!important;
  }
  .login-footer{
    margin-top:10px!important;
    padding-top:10px!important;
    font-size:.72rem!important;
    line-height:1.25!important;
  }
}
@media (max-width:380px){
  body.login-visible #loginScreen{padding:8px 7px!important;}
  body.login-visible .login-pro-card,.login-pro-card{width:min(100%,340px)!important;padding:12px 10px 10px!important;border-radius:22px!important;}
  .login-pro-brand{gap:8px!important;margin-bottom:10px!important;min-height:46px!important;}
  .login-pro-brand .login-logo{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:14px!important;}
  .login-pro-brand h1{font-size:clamp(1.12rem,7vw,1.35rem)!important;max-width:190px!important;}
  .login-brand-line{display:none!important;}
  .login-main-panel,.login-pro-preferences{padding:10px!important;border-radius:16px!important;}
  .login-panel-heading h2{font-size:1.08rem!important;}
  .login-input-wrap{height:39px!important;min-height:39px!important;border-radius:13px!important;}
  .login-input-wrap input{height:37px!important;min-height:37px!important;font-size:.82rem!important;}
  .login-submit{height:40px!important;min-height:40px!important;font-size:.86rem!important;}
  .login-language-switch{height:36px!important;min-height:36px!important;}
  .login-language-switch .login-lang-chip{height:28px!important;min-height:28px!important;font-size:.68rem!important;}
  .login-theme-toggle .theme-toggle-track{height:36px!important;min-height:36px!important;}
  .login-theme-toggle .theme-toggle-thumb{height:30px!important;}
  .login-footer{font-size:.68rem!important;margin-top:8px!important;padding-top:8px!important;}
}
@media (max-height:760px) and (max-width:900px){
  body.login-visible #loginScreen{padding-top:6px!important;padding-bottom:6px!important;}
  .login-pro-card{padding-top:10px!important;padding-bottom:10px!important;}
  .login-pro-brand{margin-bottom:8px!important;}
  .login-pro-grid{gap:8px!important;}
  .login-main-panel,.login-pro-preferences{padding:9px!important;}
  .login-pro-form{gap:6px!important;}
  .login-footer{display:none!important;}
}


/* v2.1.154 — Login brand language-size polish + remove decorative divider */
.login-brand-line,
.login-brand-line::before,
.login-brand-line::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  background:none!important;
}
.login-pro-brand{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:clamp(8px,1.7vw,14px)!important;
  margin:0 0 clamp(12px,2vw,20px)!important;
  min-height:auto!important;
  max-width:100%!important;
}
.login-pro-brand .login-logo{
  width:clamp(54px,7vw,74px)!important;
  height:clamp(54px,7vw,74px)!important;
  flex:0 0 clamp(54px,7vw,74px)!important;
  border-radius:clamp(16px,2.2vw,22px)!important;
}
.login-brand-copy{
  display:grid!important;
  place-items:start!important;
  min-width:0!important;
  max-width:calc(100% - 70px)!important;
  gap:0!important;
}
.login-pro-brand h1{
  margin:0!important;
  font-size:clamp(1.42rem,2.55vw,2.35rem)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  max-width:100%!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance!important;
}
html[dir="ltr"] .login-pro-brand{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] .login-pro-brand{
  direction:rtl!important;
  text-align:right!important;
}
@media (max-width:900px){
  .login-pro-brand{
    gap:8px!important;
    margin-bottom:10px!important;
    min-height:42px!important;
  }
  .login-pro-brand .login-logo{
    width:44px!important;
    height:44px!important;
    flex-basis:44px!important;
    border-radius:14px!important;
    padding:3px!important;
  }
  .login-brand-copy{
    max-width:calc(100% - 52px)!important;
  }
  .login-pro-brand h1{
    font-size:clamp(1.02rem,5.05vw,1.24rem)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
  }
}
@media (max-width:380px){
  .login-pro-brand{
    gap:7px!important;
    margin-bottom:8px!important;
    min-height:40px!important;
  }
  .login-pro-brand .login-logo{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    border-radius:12px!important;
  }
  .login-brand-copy{
    max-width:calc(100% - 47px)!important;
  }
  .login-pro-brand h1{
    font-size:clamp(.94rem,5vw,1.12rem)!important;
    line-height:1.04!important;
  }
}

/* v2.1.154 — Mobile header dropdown stacking + notification panel fit polish */
.global-header,
.header-toolbar,
.user-menu-wrap,
.notification-wrap{
  overflow:visible!important;
}
.user-menu-wrap{
  position:relative!important;
  z-index:7200!important;
}
.user-menu-dropdown{
  z-index:7300!important;
}
.notification-wrap{
  z-index:7000!important;
}
.notification-panel{
  z-index:7100!important;
}
@media (max-width:900px){
  .user-menu-wrap{
    z-index:7600!important;
  }
  .user-menu-wrap:has(.user-menu-dropdown:not(.hidden)){
    z-index:7800!important;
  }
  .user-menu-dropdown{
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    width:min(232px,calc(100vw - 24px))!important;
    min-width:min(216px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    z-index:7900!important;
  }
  .notification-wrap{
    position:static!important;
  }
  .notification-panel{
    position:fixed!important;
    top:calc(126px + env(safe-area-inset-top))!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(368px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100svh - 146px - env(safe-area-inset-top))!important;
    overflow:hidden!important;
    border-radius:22px!important;
    z-index:7400!important;
  }
  .notification-panel::before{
    display:none!important;
  }
  .notification-panel-list{
    max-height:calc(100svh - 270px - env(safe-area-inset-top))!important;
    overflow:auto!important;
    padding-inline:2px!important;
  }
  .notification-panel-foot{
    grid-template-columns:1fr 1fr!important;
  }
}
@media (max-width:520px){
  .notification-panel{
    top:calc(116px + env(safe-area-inset-top))!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100svh - 136px - env(safe-area-inset-top))!important;
    padding:10px!important;
  }
  .notification-panel-list{
    max-height:calc(100svh - 258px - env(safe-area-inset-top))!important;
  }
  .notification-item{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px!important;
  }
  .notification-item-icon{
    width:38px!important;
    height:38px!important;
    border-radius:14px!important;
  }
  .notification-panel-foot button{
    min-height:36px!important;
    padding-inline:8px!important;
    font-size:11.5px!important;
  }
}
html[dir="rtl"] .notification-panel{
  right:auto!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}
html[dir="rtl"] .user-menu-dropdown{
  right:auto!important;
  left:0!important;
}
@media (max-width:900px){
  html[dir="rtl"] .user-menu-dropdown{
    right:auto!important;
    left:0!important;
  }
}


/* v2.1.154 — Mobile app-style hard no-zoom lock */
@media (hover:none) and (pointer:coarse){
  html.kls-no-zoom,
  html.kls-no-zoom body,
  html.kls-no-zoom #app,
  html.kls-no-zoom .app-shell,
  html.kls-no-zoom .app-shell *,
  html.kls-no-zoom .login-screen,
  html.kls-no-zoom .login-screen *{
    touch-action:pan-x pan-y!important;
    -ms-touch-action:pan-x pan-y!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
    overscroll-behavior-x:none!important;
  }
  html.kls-no-zoom .phase6-canvas,
  html.kls-no-zoom .phase6-canvas *,
  html.kls-no-zoom .settings-drag-handle,
  html.kls-no-zoom .drag-item,
  html.kls-no-zoom [draggable="true"]{
    touch-action:none!important;
    -ms-touch-action:none!important;
  }
  input, select, textarea{font-size:max(16px, 1em)!important;}
}


/* v2.1.154 — Mobile PRO safe header repair
   Important: do NOT force viewport-fit=cover in the browser. Safari then lets
   page content slide behind the iPhone status icons. This repair keeps the app
   inside the normal mobile viewport, restores the stable v2.1.150 layout, and
   uses an opaque sticky app header so dashboard content never mixes with the
   time / dynamic island / Wi-Fi / battery area while scrolling. */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    min-height:100svh!important;
    overflow-x:hidden!important;
    background:var(--bg,#eef4f8)!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  body:not(.login-visible):not(.public-view){
    padding:0!important;
    margin:0!important;
  }
  body:not(.public-view)::before,
  body:not(.public-view)::after{
    display:none!important;
    content:none!important;
  }
  #app{
    min-height:100svh!important;
    padding:0!important;
    overflow-x:hidden!important;
    background:var(--bg,#eef4f8)!important;
  }
  .app-shell{
    display:block!important;
    min-height:100svh!important;
    padding:10px 10px calc(92px + env(safe-area-inset-bottom,0px)) 10px!important;
    overflow:visible!important;
    background:var(--bg,#eef4f8)!important;
  }
  .global-header{
    position:sticky!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 12px!important;
    z-index:9800!important;
    box-sizing:border-box!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(198,213,225,.88)!important;
    border-radius:20px!important;
    box-shadow:0 14px 34px rgba(15,35,55,.12)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    transform:translateZ(0)!important;
  }
  body.theme-dark .global-header,
  .app-shell.dark .global-header{
    background:rgba(11,22,33,.98)!important;
    border-color:rgba(44,68,86,.9)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.32)!important;
  }
  body.has-fixed-global-header .main-content,
  .main-content{
    padding-top:0!important;
    min-height:auto!important;
    overflow:visible!important;
  }
  .view.active,
  #view-dashboard.dashboard-pro-view{
    margin-top:0!important;
  }
  .sidebar{
    top:112px!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    z-index:9700!important;
  }
  .notification-panel{
    position:fixed!important;
    top:112px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(368px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100svh - 140px - env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;
    border-radius:22px!important;
    z-index:10050!important;
  }
  .notification-panel-list{
    max-height:calc(100svh - 260px - env(safe-area-inset-bottom,0px))!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .notification-panel::before{display:none!important;content:none!important;}
  .user-menu-wrap{z-index:10060!important;}
  .user-menu-wrap:has(.user-menu-dropdown:not(.hidden)){z-index:10080!important;}
  .user-menu-dropdown{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    z-index:10100!important;
    max-width:calc(100vw - 24px)!important;
  }
  html[dir="rtl"] .user-menu-dropdown{
    right:auto!important;
    left:0!important;
  }
  .modal,
  .profile-modal,
  .kls-confirm,
  .scanner-modal{
    padding-top:16px!important;
    padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))!important;
  }
  body.login-visible #loginScreen{
    min-height:100svh!important;
    height:100svh!important;
    padding-top:12px!important;
    padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media (max-width:520px){
  .app-shell{padding-left:8px!important;padding-right:8px!important;}
  .global-header{top:0!important;margin-bottom:12px!important;padding:10px!important;}
  .sidebar{top:108px!important;}
  .notification-panel{top:108px!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;}
}
@supports (-webkit-touch-callout:none){
  @media (max-width:900px), (hover:none) and (pointer:coarse){
    .global-header{top:0!important;}
    .app-shell{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;}
  }
}

/* v2.1.158 — Translation Manager PRO Interaction Fix page */
.translation-manager-view{padding:0;}
.translation-pro-page{display:grid;gap:18px;}
.translation-pro-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,251,255,.9));border:1px solid var(--line);}
.translation-title-row{display:flex;align-items:center;gap:14px;}
.translation-title-row h2{margin:0;font-size:1.55rem;font-weight:900;color:var(--text-strong);}
.translation-hero-icon,.translation-side-icon{width:48px;height:48px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(109,40,217,.12),rgba(17,183,230,.12));color:#6d28d9;border:1px solid rgba(109,40,217,.16);}
.translation-direction-toggle{display:inline-flex;align-items:center;padding:5px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.75);box-shadow:0 8px 24px rgba(14,36,56,.06);}
.translation-direction-toggle button{border:0;background:transparent;color:var(--muted);font-weight:900;border-radius:12px;padding:10px 18px;cursor:pointer;}
.translation-direction-toggle button.active{background:rgba(109,40,217,.12);color:#6d28d9;box-shadow:inset 0 0 0 1px rgba(109,40,217,.18);}
.translation-shell{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;}
.translation-main,.translation-side{display:grid;gap:14px;}
.translation-lang-tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.translation-lang-tabs button{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.82);color:var(--text-strong);font-weight:900;border-radius:16px;padding:12px 24px;box-shadow:0 10px 26px rgba(14,36,56,.06);cursor:pointer;}
.translation-lang-tabs button.active{border-color:rgba(109,40,217,.32);background:rgba(109,40,217,.12);color:#4f1bb4;box-shadow:0 16px 34px rgba(109,40,217,.12);}
.translation-lang-tabs img{width:22px;height:22px;border-radius:50%;object-fit:cover;}
.translation-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.translation-kpi{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);}
.translation-kpi-icon{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:1000;font-size:1.15rem;flex:0 0 auto;}
.translation-kpi-icon.blue{background:rgba(47,128,237,.12);color:#2563eb}.translation-kpi-icon.green{background:rgba(34,197,94,.13);color:#16a34a}.translation-kpi-icon.amber{background:rgba(245,158,11,.15);color:#f97316}.translation-kpi-icon.purple{background:rgba(109,40,217,.13);color:#6d28d9}
.translation-kpi small{display:block;color:var(--muted);font-weight:800}.translation-kpi strong{display:block;font-size:1.55rem;color:var(--text-strong);line-height:1.05}.translation-kpi em{display:block;font-style:normal;color:var(--muted);font-size:.84rem;margin-top:3px;}
.translation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);}
.translation-search{height:46px;min-width:280px;max-width:420px;flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.9);}
.translation-search input{border:0;outline:0;background:transparent;flex:1;color:var(--text-strong);font-weight:750;min-width:0;}
.translation-search span{font-size:.76rem;color:var(--muted);font-weight:900;background:rgba(15,23,42,.05);border-radius:10px;padding:4px 8px;}
.translation-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.translation-actions button,.translation-detector button{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;}
.translation-table-card{padding:0;overflow:hidden;border:1px solid var(--line);}
.translation-table-wrap{max-height:620px;overflow:auto;}
.translation-table{width:100%;border-collapse:separate;border-spacing:0;}
.translation-table th{position:sticky;top:0;z-index:1;text-align:start;background:rgba(250,252,255,.98);color:var(--muted);font-size:.78rem;font-weight:1000;padding:14px;border-bottom:1px solid var(--line);}
.translation-table td{padding:10px 14px;border-bottom:1px solid rgba(148,163,184,.16);vertical-align:middle;}
.translation-table td:first-child strong{display:block;color:var(--text-strong);font-size:.86rem;}.translation-table td:first-child small{display:block;color:var(--muted);font-weight:750;margin-top:2px;}
.translation-cell-input{width:100%;min-width:150px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.9);color:var(--text-strong);font-weight:750;padding:10px 12px;outline:0;transition:.16s ease;}
.translation-cell-input:focus{border-color:rgba(109,40,217,.44);box-shadow:0 0 0 4px rgba(109,40,217,.1);}.translation-cell-input.rtl{text-align:right;direction:rtl;}
.translation-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:1000;white-space:nowrap;}
.translation-status.complete{background:rgba(34,197,94,.13);color:#16833b}.translation-status.needs_review{background:rgba(245,158,11,.15);color:#e65f00}.translation-status.missing{background:rgba(239,68,68,.12);color:#dc2626}
.translation-row-menu{border:0;background:transparent;color:var(--muted);font-size:1.2rem;cursor:pointer;}
.translation-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;background:rgba(248,250,252,.72);border-top:1px solid var(--line);color:var(--muted);font-weight:800;}
.translation-pagination label{display:flex;align-items:center;gap:8px;}.translation-pagination select{min-width:70px;}.translation-pagination button{width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:1000;color:var(--text-strong);}.translation-pagination button:disabled{opacity:.45}.translation-pagination b{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:12px;background:rgba(109,40,217,.12);color:#6d28d9;margin:0 6px;}
.translation-info-note{border-radius:14px;padding:12px 14px;background:rgba(109,40,217,.1);color:#5b21b6;font-weight:800;font-size:.86rem;}
.translation-side .card{padding:18px;border:1px solid var(--line);}.translation-detector h3,.translation-preview h3,.translation-shortcuts h3{margin:10px 0 6px;color:var(--text-strong);}.translation-detector p,.translation-preview p,.translation-shortcuts p{color:var(--muted);font-size:.88rem;font-weight:750;}
.translation-preview-box{margin-top:12px;border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(135deg,#fff,rgba(248,250,252,.9));}.translation-preview-box strong{display:block;color:var(--text-strong);font-size:1.08rem;}.translation-preview-box span{display:block;color:var(--muted);margin-top:6px;line-height:1.4;}.translation-skeleton{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin-top:16px;}.translation-skeleton i{height:13px;border-radius:999px;background:rgba(148,163,184,.22);}.translation-skeleton i:first-child{grid-row:span 2;height:42px;border-radius:14px;}
.translation-shortcuts p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(148,163,184,.14);padding-bottom:8px;}.translation-shortcuts p:last-child{border-bottom:0;padding-bottom:0;}
body.theme-dark .translation-pro-head,body.theme-dark .translation-lang-tabs button,body.theme-dark .translation-toolbar,body.theme-dark .translation-search,body.theme-dark .translation-cell-input,body.theme-dark .translation-pagination,body.theme-dark .translation-pagination button,body.theme-dark .translation-preview-box{background:rgba(9,19,32,.86);}
body.theme-dark .translation-table th{background:rgba(9,19,32,.98);}
@media(max-width:1100px){.translation-shell{grid-template-columns:1fr}.translation-side{grid-template-columns:repeat(3,minmax(0,1fr));}.translation-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.translation-pro-head{align-items:flex-start;flex-direction:column;padding:18px}.translation-shell{gap:14px}.translation-side{grid-template-columns:1fr}.translation-kpis{grid-template-columns:1fr}.translation-toolbar{align-items:stretch;flex-direction:column}.translation-search{min-width:0;max-width:none;width:100%;}.translation-actions{justify-content:stretch}.translation-actions button{flex:1 1 46%;justify-content:center}.translation-lang-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}.translation-lang-tabs button{justify-content:center;padding:11px 10px}.translation-table-wrap{overflow:auto}.translation-table{min-width:920px}.translation-pagination{flex-wrap:wrap}.translation-title-row h2{font-size:1.25rem}}

/* v2.1.158 — Translation Manager PRO Interaction + Pagination Polish */
.translation-pro-page{gap:18px;}
.translation-pro-head{min-height:92px;}
.translation-pro-head .translation-direction-toggle{margin-inline-start:auto;}
.translation-lang-tabs button{position:relative;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;}
.translation-lang-tabs button:hover{transform:translateY(-1px);border-color:rgba(109,40,217,.25);box-shadow:0 16px 34px rgba(31,41,55,.08);}
.translation-lang-tabs button.active::after{content:"";position:absolute;left:18px;right:18px;bottom:-8px;height:3px;border-radius:999px;background:linear-gradient(90deg,#6d28d9,#11b7e6);opacity:.85;}
.translation-table.translation-active-en .translation-col-en input,
.translation-table.translation-active-ku .translation-col-ku input,
.translation-table.translation-active-ar .translation-col-ar input{border-color:rgba(109,40,217,.38);box-shadow:0 0 0 3px rgba(109,40,217,.08);background:rgba(109,40,217,.035);}
.translation-table.translation-active-en th.translation-col-en,
.translation-table.translation-active-ku th.translation-col-ku,
.translation-table.translation-active-ar th.translation-col-ar{color:#6d28d9;background:rgba(109,40,217,.07);}
.translation-pagination{position:relative;z-index:5;overflow:visible;}
.translation-pagination .kls-select{min-width:76px;z-index:30;}
.translation-pagination .kls-select-display{height:38px;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(14,36,56,.06);font-weight:950;}
.translation-pagination .kls-select-menu{z-index:5000;bottom:calc(100% + 8px);top:auto;max-height:180px;border-radius:14px;box-shadow:0 20px 46px rgba(15,23,42,.16);overflow:auto;}
.translation-page-size-label{min-width:160px;}
.translation-page-buttons{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;}
.translation-page-buttons button{width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:1000;color:var(--text-strong);cursor:pointer;transition:.15s ease;}
.translation-page-buttons button:hover:not(:disabled){border-color:rgba(109,40,217,.32);box-shadow:0 8px 20px rgba(109,40,217,.1);transform:translateY(-1px);}
.translation-page-buttons button.active{background:rgba(109,40,217,.14);border-color:rgba(109,40,217,.28);color:#6d28d9;}
.translation-page-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:22px;color:var(--muted);font-weight:1000;}
.translation-detector .primary,.translation-actions .primary{background:linear-gradient(135deg,#11b7e6,#2457ff);border-color:transparent;}
.translation-side{align-self:start;}
.translation-table-card{overflow:visible;}
.translation-table-wrap{overflow:auto;border-radius:20px 20px 0 0;}
.translation-search:focus-within{border-color:rgba(17,183,230,.45);box-shadow:0 0 0 4px rgba(17,183,230,.10);}
body.theme-dark .translation-pagination .kls-select-display,
body.theme-dark .translation-page-buttons button{background:rgba(9,19,32,.92);}
@media(max-width:760px){.translation-page-buttons{width:100%;justify-content:center}.translation-page-size-label{min-width:unset}.translation-pagination .kls-select-menu{bottom:auto;top:calc(100% + 8px)}}

/* v2.1.158 — Translation Manager Mobile PRO Final Polish */
.translation-table th:last-child,
.translation-table td:last-child{
  text-align:start;
}
.translation-row-menu{
  display:none!important;
}
.translation-pagination{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  overflow:visible!important;
  position:relative;
  z-index:20;
}
.translation-page-size-label{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  flex:0 0 auto!important;
  color:var(--text-strong)!important;
  font-weight:950!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.translation-page-size-label > span{
  display:inline-flex;
  max-width:120px;
  white-space:normal;
}
.translation-page-range{
  text-align:center;
  color:var(--muted);
  font-weight:950;
}
.translation-pagination .kls-select{
  width:82px!important;
  min-width:82px!important;
  max-width:82px!important;
  flex:0 0 82px!important;
  position:relative!important;
  z-index:80!important;
}
.translation-pagination .kls-select-display{
  width:82px!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 11px!important;
  border-radius:15px!important;
  justify-content:center!important;
  gap:8px!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
  border:1px solid rgba(187,212,229,.95)!important;
  box-shadow:0 10px 26px rgba(15,40,75,.08)!important;
  color:var(--text-strong)!important;
  font-weight:1000!important;
}
.translation-pagination .kls-select.open .kls-select-display{
  border-color:rgba(17,183,230,.5)!important;
  box-shadow:0 0 0 4px rgba(17,183,230,.10),0 16px 36px rgba(15,40,75,.12)!important;
}
.translation-pagination .kls-select-text{
  flex:0 0 auto!important;
  text-align:center!important;
  font-size:.92rem!important;
  line-height:1!important;
}
.translation-pagination .kls-select-caret{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
}
.translation-pagination .kls-select-menu{
  left:50%!important;
  right:auto!important;
  width:86px!important;
  min-width:86px!important;
  top:auto!important;
  bottom:calc(100% + 10px)!important;
  transform:translateX(-50%)!important;
  padding:7px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(187,212,229,.95)!important;
  box-shadow:0 22px 56px rgba(15,40,75,.18)!important;
  overflow:visible!important;
  z-index:9999!important;
}
.translation-pagination .kls-select-menu::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  width:14px;
  height:14px;
  transform:translateX(-50%) rotate(45deg);
  background:rgba(255,255,255,.98);
  border-right:1px solid rgba(187,212,229,.95);
  border-bottom:1px solid rgba(187,212,229,.95);
}
.translation-pagination .kls-select-option{
  height:38px!important;
  min-height:38px!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0!important;
  margin:2px 0!important;
  border-radius:13px!important;
  font-weight:1000!important;
  position:relative;
  z-index:1;
}
.translation-pagination .kls-select-option span{
  flex:0 0 auto!important;
}
.translation-pagination .kls-select-option:hover,
.translation-pagination .kls-select-option.active{
  background:rgba(17,183,230,.12)!important;
  color:#0b6f92!important;
}
.translation-pagination .kls-select-option.selected{
  background:linear-gradient(135deg,#11b7e6,#2457ff)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(17,183,230,.24)!important;
}
body.theme-dark .translation-pagination .kls-select-display,
.app-shell.dark .translation-pagination .kls-select-display{
  background:linear-gradient(180deg,#0f1d2b,#0a1723)!important;
  border-color:#244154!important;
}
body.theme-dark .translation-pagination .kls-select-menu,
.app-shell.dark .translation-pagination .kls-select-menu,
body.theme-dark .translation-pagination .kls-select-menu::after,
.app-shell.dark .translation-pagination .kls-select-menu::after{
  background:#0f1d2b!important;
  border-color:#244154!important;
}
@media(max-width:760px){
  .translation-pro-page{
    gap:12px!important;
  }
  .translation-pro-head{
    min-height:auto!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  .translation-title-row{
    gap:10px!important;
  }
  .translation-hero-icon{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
  }
  .translation-title-row h2{
    font-size:1.08rem!important;
    letter-spacing:-.03em!important;
  }
  .translation-title-row p{
    font-size:.76rem!important;
    line-height:1.25!important;
  }
  .translation-direction-toggle{
    width:100%!important;
    justify-content:space-between!important;
    margin-inline-start:0!important;
  }
  .translation-direction-toggle button{
    flex:1!important;
  }
  .translation-lang-tabs{
    gap:8px!important;
  }
  .translation-lang-tabs button{
    min-height:40px!important;
    padding:9px 6px!important;
    font-size:.78rem!important;
    border-radius:13px!important;
  }
  .translation-lang-tabs button img{
    width:18px!important;
    height:18px!important;
  }
  .translation-lang-tabs button.active::after{
    display:none!important;
  }
  .translation-kpis{
    gap:10px!important;
  }
  .translation-kpi{
    min-height:76px!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  .translation-kpi-icon{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }
  .translation-kpi strong{
    font-size:1.35rem!important;
  }
  .translation-toolbar{
    padding:10px!important;
    border-radius:20px!important;
    gap:8px!important;
  }
  .translation-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .translation-actions button{
    width:100%!important;
    min-height:40px!important;
    font-size:.76rem!important;
    border-radius:13px!important;
    padding:9px 8px!important;
  }
  .translation-table-card{
    border-radius:18px!important;
  }
  .translation-table-wrap{
    max-height:none!important;
    border-radius:18px 18px 0 0!important;
    -webkit-overflow-scrolling:touch;
  }
  .translation-table{
    min-width:860px!important;
  }
  .translation-table th,
  .translation-table td{
    padding:9px 10px!important;
  }
  .translation-cell-input{
    min-width:150px!important;
    padding:9px 10px!important;
    border-radius:11px!important;
    font-size:.82rem!important;
  }
  .translation-status{
    padding:5px 8px!important;
    font-size:.68rem!important;
  }
  .translation-pagination{
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    gap:10px!important;
    padding:12px!important;
  }
  .translation-page-size-label{
    width:100%!important;
    justify-content:space-between!important;
    padding:8px 10px!important;
    border:1px solid rgba(187,212,229,.75)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.72)!important;
  }
  .translation-page-size-label > span{
    max-width:none!important;
    white-space:nowrap!important;
    font-size:.84rem!important;
  }
  .translation-page-range{
    width:100%!important;
    text-align:center!important;
    order:2!important;
  }
  .translation-page-buttons{
    order:3!important;
    width:100%!important;
    justify-content:center!important;
  }
  .translation-pagination .kls-select{
    width:78px!important;
    min-width:78px!important;
    max-width:78px!important;
  }
  .translation-pagination .kls-select-display{
    width:78px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:13px!important;
  }
  .translation-pagination .kls-select-menu{
    top:auto!important;
    bottom:calc(100% + 8px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
  .translation-info-note,
  .translation-preview,
  .translation-shortcuts{
    display:none!important;
  }
  .translation-side{
    display:block!important;
  }
  .translation-side .translation-detector{
    padding:16px!important;
    border-radius:18px!important;
  }
  .translation-detector h3{
    font-size:1rem!important;
  }
  .translation-detector p{
    font-size:.78rem!important;
  }
  .translation-detector button{
    min-height:40px!important;
    border-radius:13px!important;
  }
}


/* v2.1.173 — Translation Manager PRO alignment, speed and mobile drawer polish */
#view-translations,
.translation-manager-view,
.translation-pro-page,
.translation-pro-page *{
  font-weight:600;
}
.translation-title-row h2,
.translation-kpi strong,
.translation-detector h3,
.translation-preview h3,
.translation-shortcuts h3{
  font-weight:800!important;
}
.translation-title-row p,
.translation-kpi em,
.translation-detector p,
.translation-preview p,
.translation-shortcuts p{
  font-weight:600!important;
}
.translation-pro-head{
  min-height:78px!important;
  padding:18px 22px!important;
  border-radius:24px!important;
}
.translation-title-row{gap:12px!important;}
.translation-hero-icon{width:44px!important;height:44px!important;border-radius:16px!important;}
.translation-title-row h2{font-size:1.42rem!important;line-height:1.14!important;letter-spacing:-.025em!important;}
.translation-title-row p{font-size:.94rem!important;line-height:1.35!important;margin-top:5px!important;}
.translation-direction-toggle{padding:4px!important;border-radius:15px!important;}
.translation-direction-toggle button{padding:9px 16px!important;font-weight:800!important;}
.translation-shell{grid-template-columns:minmax(0,1fr) 286px!important;gap:16px!important;}
.translation-main,.translation-side{gap:13px!important;}
.translation-lang-tabs button{min-height:44px!important;padding:10px 22px!important;border-radius:15px!important;font-weight:800!important;}
.translation-kpis{gap:12px!important;}
.translation-kpi{min-height:92px!important;padding:15px 16px!important;border-radius:18px!important;}
.translation-kpi small{font-weight:700!important;font-size:.82rem!important;}
.translation-kpi strong{font-size:1.42rem!important;}
.translation-kpi-icon{width:42px!important;height:42px!important;border-radius:14px!important;}
.translation-toolbar{
  display:grid!important;
  grid-template-columns:minmax(250px, 1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:22px!important;
}
.translation-search{
  height:46px!important;
  min-width:0!important;
  max-width:420px!important;
  width:100%!important;
  border-radius:15px!important;
}
.translation-search input{font-weight:650!important;font-size:.92rem!important;}
.translation-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.translation-actions button,
.translation-detector button{
  min-height:46px!important;
  padding:0 14px!important;
  border-radius:15px!important;
  font-weight:750!important;
  font-size:.9rem!important;
}
.translation-actions .primary{min-width:106px!important;}
.translation-table-card{border-radius:22px!important;overflow:hidden!important;}
.translation-table-wrap{
  max-height:560px!important;
  overflow:auto!important;
  border-radius:22px 22px 0 0!important;
}
.translation-table{
  table-layout:fixed!important;
  min-width:960px!important;
}
.translation-table th{
  position:relative!important;
  top:auto!important;
  z-index:3!important;
  height:44px!important;
  padding:12px 14px!important;
  background:#f8fbff!important;
  box-shadow:inset 0 -1px 0 rgba(198,213,225,.82)!important;
  font-weight:800!important;
  font-size:.76rem!important;
  vertical-align:middle!important;
}
.translation-table td{
  padding:10px 14px!important;
  height:58px!important;
  vertical-align:middle!important;
  background:#fff!important;
}
.translation-table th:nth-child(1),
.translation-table td:nth-child(1){width:17%!important;}
.translation-table th:nth-child(2),
.translation-table td:nth-child(2),
.translation-table th:nth-child(3),
.translation-table td:nth-child(3),
.translation-table th:nth-child(4),
.translation-table td:nth-child(4){width:25%!important;}
.translation-table th:nth-child(5),
.translation-table td:nth-child(5){width:8%!important;}
.translation-table td strong{font-weight:750!important;font-size:.86rem!important;line-height:1.12!important;}
.translation-table td small{font-weight:600!important;font-size:.75rem!important;line-height:1.12!important;}
.translation-cell-input{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  border-radius:13px!important;
  padding:8px 12px!important;
  font-size:.92rem!important;
  font-weight:650!important;
  line-height:1.15!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.translation-status{font-weight:800!important;font-size:.72rem!important;padding:6px 9px!important;}
.translation-page-size-label{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  white-space:nowrap!important;
}
.translation-page-size-label > span{
  max-width:none!important;
  white-space:nowrap!important;
  font-size:.82rem!important;
  font-weight:750!important;
}
.translation-page-size-options{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:4px!important;
  border:1px solid rgba(187,212,229,.95)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff,#f7fbff)!important;
  box-shadow:0 8px 22px rgba(15,40,75,.06)!important;
}
.translation-page-size-options button{
  width:auto!important;
  min-width:38px!important;
  height:32px!important;
  border-radius:10px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--muted)!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.translation-page-size-options button:hover,
.translation-page-size-options button.active{
  background:linear-gradient(135deg,#11b7e6,#2457ff)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(17,183,230,.22)!important;
}
.translation-pagination{
  grid-template-columns:auto minmax(120px,1fr) auto!important;
  padding:12px 14px!important;
  background:#f8fbff!important;
}
.translation-page-buttons button{font-weight:800!important;}
.translation-side .card{border-radius:20px!important;padding:16px!important;}
body.theme-dark .translation-table th,
.app-shell.dark .translation-table th{background:#0b1724!important;}
body.theme-dark .translation-table td,
.app-shell.dark .translation-table td{background:#0a1622!important;}
body.theme-dark .translation-page-size-options,
.app-shell.dark .translation-page-size-options{background:linear-gradient(180deg,#0f1d2b,#0a1723)!important;border-color:#244154!important;}
@media(max-width:1280px){
  .translation-shell{grid-template-columns:minmax(0,1fr) 270px!important;}
  .translation-toolbar{grid-template-columns:1fr!important;}
  .translation-search{max-width:none!important;}
  .translation-actions{justify-content:flex-start!important;flex-wrap:wrap!important;}
  .translation-actions button{flex:0 1 auto!important;}
}
@media(max-width:900px){
  .translation-pro-head{padding:14px!important;border-radius:20px!important;}
  .translation-title-row h2{font-size:1.12rem!important;}
  .translation-title-row p{font-size:.78rem!important;}
  .translation-hero-icon{width:38px!important;height:38px!important;border-radius:13px!important;}
  .translation-shell{grid-template-columns:1fr!important;gap:12px!important;}
  .translation-kpis{grid-template-columns:1fr!important;gap:9px!important;}
  .translation-kpi{min-height:70px!important;padding:12px!important;}
  .translation-toolbar{padding:10px!important;gap:8px!important;}
  .translation-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .translation-actions button{width:100%!important;min-height:40px!important;font-size:.76rem!important;padding:8px!important;}
  .translation-search{height:42px!important;}
  .translation-table-wrap{max-height:none!important;}
  .translation-table{min-width:900px!important;}
  .translation-table th{height:40px!important;padding:9px 10px!important;}
  .translation-table td{height:52px!important;padding:8px 10px!important;}
  .translation-cell-input{height:38px!important;font-size:.82rem!important;padding:7px 10px!important;}
  .translation-preview,.translation-shortcuts,.translation-info-note{display:none!important;}
  .translation-side{display:block!important;}
  .translation-detector{padding:14px!important;}
  body.sidebar-open .sidebar,
  .app-shell.sidebar-open .sidebar,
  .sidebar.open{
    top:calc(var(--kls-sticky-top, 108px) + 8px)!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    z-index:9900!important;
    max-height:calc(100svh - var(--kls-sticky-top, 108px) - 20px - env(safe-area-inset-bottom,0px))!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}
@media(max-width:560px){
  .translation-pro-page{gap:10px!important;}
  .translation-lang-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .translation-lang-tabs button{font-size:.76rem!important;padding:8px 5px!important;min-height:38px!important;}
  .translation-page-size-label{justify-content:space-between!important;width:100%!important;padding:8px 10px!important;border:1px solid rgba(187,212,229,.78)!important;border-radius:15px!important;background:rgba(255,255,255,.76)!important;}
  .translation-pagination{grid-template-columns:1fr!important;gap:9px!important;}
  .translation-page-range{text-align:center!important;}
  .translation-page-buttons{justify-content:center!important;}
  .translation-page-size-options button{min-width:42px!important;}
}


/* v2.1.173 — Translation Manager PRO Table & Layout Polish */
#view-translations.active{
  --translation-main-min:0;
}
#view-translations .translation-pro-page,
#view-translations .translation-pro-page *{
  font-size-adjust:none;
}
#view-translations .translation-pro-head{
  min-height:72px!important;
  padding:16px 20px!important;
  align-items:center!important;
}
#view-translations .translation-title-row{
  align-items:center!important;
  min-width:0!important;
}
#view-translations .translation-title-row h2{
  font-size:1.32rem!important;
  line-height:1.18!important;
  font-weight:780!important;
  margin:0!important;
}
#view-translations .translation-title-row p{
  font-size:.88rem!important;
  line-height:1.25!important;
  margin:4px 0 0!important;
  font-weight:560!important;
}
#view-translations .translation-hero-icon{
  width:42px!important;
  height:42px!important;
  flex:0 0 42px!important;
}
#view-translations .translation-shell{
  grid-template-columns:minmax(0,1fr) minmax(238px,270px)!important;
  gap:16px!important;
}
#view-translations .translation-main{
  min-width:0!important;
}
#view-translations .translation-side{
  min-width:0!important;
}
#view-translations .translation-side .card{
  padding:16px!important;
}
#view-translations .translation-side h3{
  font-size:1.04rem!important;
  line-height:1.18!important;
  font-weight:780!important;
}
#view-translations .translation-side p{
  font-size:.82rem!important;
  line-height:1.35!important;
  font-weight:560!important;
}
#view-translations .translation-lang-tabs button{
  min-height:42px!important;
  padding:9px 18px!important;
  font-size:.88rem!important;
  font-weight:760!important;
}
#view-translations .translation-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:11px!important;
}
#view-translations .translation-kpi{
  min-height:84px!important;
  padding:14px!important;
}
#view-translations .translation-kpi-icon{
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
}
#view-translations .translation-kpi small{
  font-size:.78rem!important;
  font-weight:650!important;
}
#view-translations .translation-kpi strong{
  font-size:1.32rem!important;
  font-weight:780!important;
}
#view-translations .translation-kpi em{
  font-size:.78rem!important;
  font-weight:540!important;
}
#view-translations .translation-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:12px!important;
  border-radius:20px!important;
  min-height:72px!important;
}
#view-translations .translation-search{
  flex:1 1 360px!important;
  max-width:440px!important;
  min-width:230px!important;
  height:44px!important;
  border-radius:14px!important;
}
#view-translations .translation-search input{
  font-size:.88rem!important;
  font-weight:560!important;
}
#view-translations .translation-actions{
  flex:0 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
}
#view-translations .translation-actions button,
#view-translations .translation-detector button{
  min-height:44px!important;
  height:44px!important;
  padding:0 13px!important;
  border-radius:14px!important;
  font-size:.84rem!important;
  font-weight:680!important;
  white-space:nowrap!important;
}
#view-translations .translation-actions .primary{
  min-width:104px!important;
}
#view-translations .translation-table-card{
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(187,212,229,.95)!important;
}
#view-translations .translation-table-wrap{
  max-height:548px!important;
  overflow:auto!important;
  border-radius:22px 22px 0 0!important;
  scrollbar-gutter:stable!important;
  -webkit-overflow-scrolling:touch!important;
}
#view-translations .translation-table-wrap::-webkit-scrollbar{
  width:10px!important;
  height:10px!important;
}
#view-translations .translation-table-wrap::-webkit-scrollbar-thumb{
  background:rgba(117,140,158,.32)!important;
  border-radius:999px!important;
  border:2px solid rgba(248,251,255,.95)!important;
}
#view-translations .translation-table-wrap::-webkit-scrollbar-track{
  background:rgba(239,247,252,.72)!important;
  border-radius:999px!important;
}
#view-translations .translation-table{
  width:100%!important;
  min-width:940px!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
#view-translations .translation-table col.translation-col-key{width:18%!important;}
#view-translations .translation-table col.translation-col-edit{width:24%!important;}
#view-translations .translation-table col.translation-col-status{width:10%!important;min-width:112px!important;}
#view-translations .translation-table th{
  position:sticky!important;
  top:0!important;
  z-index:12!important;
  height:46px!important;
  padding:12px 14px!important;
  background:linear-gradient(180deg,#fbfdff,#f3f8fc)!important;
  color:#5d7486!important;
  font-size:.74rem!important;
  line-height:1!important;
  font-weight:780!important;
  vertical-align:middle!important;
  box-shadow:inset 0 -1px 0 rgba(190,210,224,.94),0 8px 14px rgba(15,40,75,.035)!important;
}
#view-translations .translation-table td{
  height:56px!important;
  padding:9px 14px!important;
  vertical-align:middle!important;
  background:rgba(255,255,255,.98)!important;
  border-bottom:1px solid rgba(148,163,184,.13)!important;
}
#view-translations .translation-table tbody tr:hover td{
  background:rgba(248,252,255,.98)!important;
}
#view-translations .translation-key-cell strong{
  display:block!important;
  color:var(--text-strong)!important;
  font-size:.82rem!important;
  line-height:1.12!important;
  font-weight:720!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-translations .translation-key-cell small{
  display:block!important;
  color:#668195!important;
  font-size:.72rem!important;
  line-height:1.12!important;
  font-weight:560!important;
  margin-top:3px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-translations .translation-cell-input{
  height:40px!important;
  min-width:0!important;
  width:100%!important;
  border-radius:12px!important;
  padding:0 12px!important;
  font-size:.86rem!important;
  line-height:40px!important;
  font-weight:570!important;
  box-shadow:none!important;
}
#view-translations .translation-cell-input:focus{
  border-color:rgba(109,40,217,.42)!important;
  box-shadow:0 0 0 3px rgba(109,40,217,.08)!important;
}
#view-translations .translation-table.translation-active-en .translation-col-en input,
#view-translations .translation-table.translation-active-ku .translation-col-ku input,
#view-translations .translation-table.translation-active-ar .translation-col-ar input{
  box-shadow:inset 0 0 0 1px rgba(109,40,217,.14),0 0 0 2px rgba(109,40,217,.055)!important;
  background:rgba(109,40,217,.028)!important;
}
#view-translations .translation-status-head,
#view-translations .translation-status-cell{
  position:sticky!important;
  right:0!important;
  z-index:13!important;
  background:#fff!important;
  box-shadow:-8px 0 18px rgba(15,40,75,.055)!important;
}
#view-translations .translation-status-head{
  z-index:24!important;
  background:linear-gradient(180deg,#fbfdff,#f3f8fc)!important;
}
#view-translations .translation-status{
  max-width:100%!important;
  justify-content:center!important;
  padding:5px 8px!important;
  font-size:.68rem!important;
  font-weight:760!important;
  line-height:1!important;
}
#view-translations .translation-pagination{
  display:grid!important;
  grid-template-columns:auto minmax(130px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
  background:linear-gradient(180deg,#fbfdff,#f7fbff)!important;
  border-top:1px solid rgba(190,210,224,.88)!important;
}
#view-translations .translation-page-size-label{
  gap:10px!important;
  font-size:.82rem!important;
  font-weight:670!important;
  color:var(--text-strong)!important;
}
#view-translations .translation-page-size-options{
  padding:4px!important;
  border-radius:14px!important;
}
#view-translations .translation-page-size-options button{
  min-width:36px!important;
  height:30px!important;
  font-size:.8rem!important;
  font-weight:760!important;
}
#view-translations .translation-page-range{
  font-size:.86rem!important;
  font-weight:680!important;
}
#view-translations .translation-page-buttons button{
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
  font-size:.82rem!important;
  font-weight:750!important;
}
#view-translations .translation-info-note{
  font-size:.78rem!important;
  font-weight:620!important;
  padding:10px 12px!important;
}
body.theme-dark #view-translations .translation-table th,
.app-shell.dark #view-translations .translation-table th,
body.theme-dark #view-translations .translation-status-head,
.app-shell.dark #view-translations .translation-status-head{
  background:linear-gradient(180deg,#0d1b29,#0a1724)!important;
  color:#9eb3c5!important;
}
body.theme-dark #view-translations .translation-table td,
.app-shell.dark #view-translations .translation-table td,
body.theme-dark #view-translations .translation-status-cell,
.app-shell.dark #view-translations .translation-status-cell{
  background:#0a1622!important;
}
body.theme-dark #view-translations .translation-table tbody tr:hover td,
.app-shell.dark #view-translations .translation-table tbody tr:hover td{
  background:#0d1b29!important;
}
@media(max-width:1680px){
  #view-translations .translation-shell{
    grid-template-columns:1fr!important;
  }
  #view-translations .translation-side{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  #view-translations .translation-table{
    min-width:980px!important;
  }
}
@media(max-width:1320px){
  #view-translations .translation-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #view-translations .translation-toolbar{
    flex-wrap:wrap!important;
  }
  #view-translations .translation-search{
    max-width:none!important;
    flex-basis:100%!important;
  }
  #view-translations .translation-actions{
    width:100%!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
  }
}
@media(max-width:900px){
  #view-translations .translation-pro-head{
    padding:14px!important;
    min-height:auto!important;
  }
  #view-translations .translation-title-row h2{
    font-size:1.08rem!important;
  }
  #view-translations .translation-title-row p{
    font-size:.76rem!important;
  }
  #view-translations .translation-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    min-height:0!important;
  }
  #view-translations .translation-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  #view-translations .translation-actions button{
    min-height:40px!important;
    height:40px!important;
    font-size:.75rem!important;
    padding:0 8px!important;
  }
  #view-translations .translation-table{
    min-width:890px!important;
  }
  #view-translations .translation-side{
    display:block!important;
  }
  #view-translations .translation-preview,
  #view-translations .translation-shortcuts,
  #view-translations .translation-info-note{
    display:none!important;
  }
  body.sidebar-open .sidebar,
  .app-shell.sidebar-open .sidebar,
  .sidebar.open{
    top:calc(var(--kls-sticky-top, 116px) + 12px)!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    z-index:12000!important;
    max-height:calc(100svh - var(--kls-sticky-top, 116px) - 28px - env(safe-area-inset-bottom,0px))!important;
    padding-top:52px!important;
  }
  .mobile-nav-backdrop{z-index:11900!important;}
}
@media(max-width:560px){
  #view-translations .translation-kpis{
    grid-template-columns:1fr!important;
  }
  #view-translations .translation-page-size-label{
    width:100%!important;
    justify-content:space-between!important;
  }
  #view-translations .translation-pagination{
    grid-template-columns:1fr!important;
  }
  #view-translations .translation-page-buttons{
    justify-content:center!important;
  }
}

/* v2.1.173 — Translation Manager status column header polish */
#view-translations .translation-table thead th{
  z-index:34!important;
}
#view-translations .translation-status-head{
  z-index:46!important;
  min-width:112px!important;
  background:linear-gradient(180deg,#fbfdff,#f3f8fc)!important;
  box-shadow:inset 0 -1px 0 rgba(190,210,224,.94),-8px 0 18px rgba(15,40,75,.055)!important;
}
#view-translations .translation-table tbody td.translation-status-cell{
  z-index:8!important;
  min-width:112px!important;
  overflow:hidden!important;
  background:#fff!important;
}
#view-translations .translation-status-cell .translation-status,
#view-translations .translation-status{
  position:relative!important;
  z-index:1!important;
  max-width:88px!important;
  margin-inline:auto!important;
}
body.theme-dark #view-translations .translation-status-head,
.app-shell.dark #view-translations .translation-status-head{
  background:linear-gradient(180deg,#0d1b29,#0a1724)!important;
}
body.theme-dark #view-translations .translation-table tbody td.translation-status-cell,
.app-shell.dark #view-translations .translation-table tbody td.translation-status-cell{
  background:#0a1622!important;
}

/* v2.1.173 — Dashboard Dropdown Contrast Polish
   Standardizes UI typography, weight, and color across Dashboard, Products,
   Shipping Labels, Template Design, Print Center, Activity Log, Security,
   External Sync, Translation Manager, Settings, Users, Login, and mobile views.
   Print/label artwork is intentionally excluded so template output is not damaged. */
:root{
  --kls-font-en: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --kls-font-rtl: "K24KurdishBold", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --kls-ui-size: 14px;
  --kls-ui-size-sm: 13px;
  --kls-ui-size-xs: 12px;
  --kls-ui-size-lg: 16px;
  --kls-ui-size-xl: 22px;
  --kls-ui-weight: 500;
  --kls-ui-weight-medium: 600;
  --kls-ui-weight-bold: 700;
  --kls-ui-weight-heavy: 800;
  --kls-ui-line: 1.42;
  --kls-heading-line: 1.18;
}
html,body{
  font-family:var(--kls-font-en)!important;
  font-size:var(--kls-ui-size)!important;
  font-weight:var(--kls-ui-weight)!important;
  line-height:var(--kls-ui-line)!important;
  letter-spacing:0!important;
  color:var(--text)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
html[lang="ku"],html[lang="ar"],html[lang="ku"] body,html[lang="ar"] body,
html[dir="rtl"],html[dir="rtl"] body{
  font-family:var(--kls-font-rtl)!important;
}
button,input,textarea,select,.kls-select-display,.kls-select-option{
  font-family:inherit!important;
  letter-spacing:0!important;
}
/* Main app UI typography. */
#app.app-shell,
#app.app-shell :where(.card,.topbar,.global-header,.sidebar,.nav-btn,.dropdown,.modal,.toast,.form-grid,.table-wrap,.kls-select,.kls-page-hero,[id^="view-"]){
  font-family:inherit!important;
  color:var(--text)!important;
}
#app.app-shell :where(p,li,td,span,small,label,.muted,.meta,.subtext,.hint,.desc,.note,.card-subtitle,.table-meta,.activity-meta,.sync-preview-code,.sync-item-code,.translation-key-type,.translation-preview p,.translation-shortcuts span):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-size:var(--kls-ui-size-sm)!important;
  font-weight:var(--kls-ui-weight)!important;
  line-height:var(--kls-ui-line)!important;
  color:var(--muted)!important;
}
#app.app-shell :where(.nav-btn,.nav-label,button,.primary,.ghost,.kls-select-display,.kls-select-option,.user-menu-dropdown button,.translation-action-btn,.translation-lang-tabs button,.translation-dir-switch button,.translation-page-size-options button,.icon-action,.filter-pro-btn,.template-link-btn,.auto-generate-pro,.print-preview-pro):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-size:var(--kls-ui-size)!important;
  font-weight:var(--kls-ui-weight-bold)!important;
  line-height:1.2!important;
  color:var(--text-strong)!important;
}
#app.app-shell :where(.primary,.nav-btn.active,.translation-action-btn.primary,#translationSaveBtn,.save-product-pro,.products-new-btn,.login-btn){
  color:#fff!important;
}
#app.app-shell :where(input,textarea,select,.kls-select-display,.products-pro-form-grid input,.products-pro-form-grid select,.translation-input,.table-search,.sync-field-row input,.sync-field-row select):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-size:var(--kls-ui-size)!important;
  font-weight:var(--kls-ui-weight-medium)!important;
  line-height:1.28!important;
  color:var(--text-strong)!important;
}
#app.app-shell :where(input::placeholder,textarea::placeholder,.table-search::placeholder){
  font-size:var(--kls-ui-size-sm)!important;
  font-weight:var(--kls-ui-weight)!important;
  color:var(--muted)!important;
  opacity:.86!important;
}
#app.app-shell :where(th,.table-wrap th,.permission-table th,.translation-table th,.saved-products-table-wrap table th):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-size:var(--kls-ui-size-xs)!important;
  font-weight:var(--kls-ui-weight-bold)!important;
  line-height:1.25!important;
  color:var(--muted)!important;
  letter-spacing:.005em!important;
}
#app.app-shell :where(td,.table-wrap td,.permission-table td,.translation-table td,.saved-products-table-wrap table td):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-size:var(--kls-ui-size-sm)!important;
  font-weight:var(--kls-ui-weight-medium)!important;
  line-height:1.32!important;
  color:var(--text)!important;
}
#app.app-shell :where(h1,h2,h3,h4,.brand h1,.brand-copy h1,.topbar h2,.card h3,.products-section-title h3,.product-form-head h3,.products-pro-card-title h3,.translation-title h2,.translation-side h3,.view-title,.section-title,.login-brand h1,.login-screen h2):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-family:inherit!important;
  color:var(--text-strong)!important;
  font-weight:var(--kls-ui-weight-bold)!important;
  line-height:var(--kls-heading-line)!important;
  letter-spacing:-.018em!important;
}
#app.app-shell :where(h1,.brand h1,.brand-copy h1,.login-brand h1){font-size:1.32rem!important;}
#app.app-shell :where(h2,.topbar h2,.translation-title h2,.products-pro-header h2):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){font-size:1.42rem!important;}
#app.app-shell :where(h3,.card h3,.translation-side h3,.products-section-title h3,.products-pro-card-title h3){font-size:1.02rem!important;}
#app.app-shell :where(h4){font-size:.95rem!important;}
#app.app-shell :where(.stat-value,.kpi-value,.translation-kpi-value,.dash-kpi-value):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-size:1.55rem!important;
  font-weight:var(--kls-ui-weight-heavy)!important;
  line-height:1.05!important;
  color:var(--text-strong)!important;
  letter-spacing:-.02em!important;
}
#app.app-shell :where(.badge,.pill,.status,.translation-status,.ready-pill,.barcode-type-pill,.pro-count-pill,.view-meta-pill,.sync-chip):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-size:var(--kls-ui-size-xs)!important;
  font-weight:var(--kls-ui-weight-bold)!important;
  line-height:1.1!important;
  letter-spacing:0!important;
}
#app.app-shell :where(.app-footer,#footerText,#poweredText,#versionText):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-size:var(--kls-ui-size-sm)!important;
  font-weight:var(--kls-ui-weight)!important;
  color:var(--muted)!important;
}
/* Page-specific consistency without touching printed labels/templates. */
#app.app-shell :where(#view-dashboard,#view-products,#view-shipping,#view-templates,#view-print,#view-activity,#view-security,#view-sync,#view-translations,#view-settings,#view-users)
:where(.card,.topbar,.header-row,.toolbar,.form-grid,.table-wrap,.translation-shell,.translation-toolbar,.translation-table-wrap,.translation-side,.products-pro-form-grid,.saved-products-table-wrap){
  font-size:var(--kls-ui-size)!important;
  font-weight:var(--kls-ui-weight)!important;
}
#app.app-shell :where(#view-dashboard,#view-products,#view-shipping,#view-templates,#view-print,#view-activity,#view-security,#view-sync,#view-translations,#view-settings,#view-users)
:where(strong,b,.strong,.table-link-btn,.product-id-pill,.translation-key-main,.translation-active-col .translation-input):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  font-weight:var(--kls-ui-weight-bold)!important;
  color:var(--text-strong)!important;
}
/* Login and splash typography standardization. */
.login-screen,.login-screen *:not(.login-logo):not(img),.login-card,.login-card *,#loginScreen,#loginScreen *:not(img){
  font-family:inherit!important;
  letter-spacing:0!important;
}
.login-screen :where(h1,h2,h3,.login-brand h1){
  font-size:clamp(1.24rem,4.8vw,1.78rem)!important;
  font-weight:var(--kls-ui-weight-bold)!important;
  line-height:1.12!important;
  color:var(--text-strong)!important;
}
.login-screen :where(label,.login-pref-label,.remember-row,.login-footer,.login-card p){
  font-size:var(--kls-ui-size-sm)!important;
  font-weight:var(--kls-ui-weight-medium)!important;
  color:var(--text)!important;
}
.login-screen :where(input,button){
  font-size:var(--kls-ui-size)!important;
  font-weight:var(--kls-ui-weight-bold)!important;
}
.kls-boot-splash,.kls-boot-splash *,.boot-card,.boot-card *{
  font-family:var(--kls-font-en)!important;
}
.kls-boot-title,.boot-card h1{
  font-weight:var(--kls-ui-weight-bold)!important;
  letter-spacing:-.02em!important;
}
.kls-boot-version,.boot-card .version{
  font-size:var(--kls-ui-size-xs)!important;
  font-weight:var(--kls-ui-weight-bold)!important;
}
/* Dark-mode color consistency. */
body.theme-dark #app.app-shell,
body.theme-dark #app.app-shell :where(.card,.topbar,.global-header,.sidebar,.modal,.dropdown,.translation-shell,.translation-table-wrap,.translation-side){
  color:var(--text)!important;
}
body.theme-dark #app.app-shell :where(h1,h2,h3,h4,.nav-btn,.nav-label,button,input,textarea,select,td,strong,b,.translation-key-main){
  color:var(--text-strong)!important;
}
body.theme-dark #app.app-shell :where(.muted,p,li,small,label,th,.translation-key-type,.hint,.desc,.app-footer,#footerText,#poweredText,#versionText){
  color:var(--muted)!important;
}
body.theme-dark #app.app-shell :where(.primary,.nav-btn.active,.translation-action-btn.primary,#translationSaveBtn,.login-btn){
  color:#fff!important;
}
/* Responsive standardization for mobile app view. */
@media(max-width:900px){
  html,body{font-size:13px!important;}
  #app.app-shell :where(.nav-btn,.nav-label,button,.primary,.ghost,input,textarea,select,.kls-select-display,.kls-select-option,.translation-input):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
    font-size:13px!important;
  }
  #app.app-shell :where(p,li,td,span,small,label,.muted,.meta,.translation-key-type):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
    font-size:12px!important;
  }
  #app.app-shell :where(th,.translation-table th,.table-wrap th):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
    font-size:11.5px!important;
  }
  #app.app-shell :where(h1,.brand h1,.brand-copy h1):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){font-size:1.12rem!important;}
  #app.app-shell :where(h2,.topbar h2,.translation-title h2,.products-pro-header h2):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){font-size:1.18rem!important;}
  #app.app-shell :where(h3,.card h3,.translation-side h3):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){font-size:.98rem!important;}
  #app.app-shell :where(.stat-value,.kpi-value,.translation-kpi-value,.dash-kpi-value):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){font-size:1.36rem!important;}
}
@media(max-width:480px){
  #app.app-shell :where(.nav-btn,.nav-label,button,.primary,.ghost,input,textarea,select,.translation-input):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){font-size:12.5px!important;}
  #app.app-shell :where(p,li,td,span,small,label,.muted,.meta,.translation-key-type):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){font-size:11.5px!important;}
  #app.app-shell :where(.badge,.pill,.status,.translation-status):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){font-size:11px!important;}
}

/* v2.1.173 — Dashboard Dropdown Contrast Polish
   Fixes low-contrast text/icon colors introduced during global font standardization.
   UI-only: printed labels, designer canvas, and public print sheets stay untouched. */
:root{
  --kls-pro-text:#1f3448;
  --kls-pro-strong:#071827;
  --kls-pro-muted:#536b7d;
  --kls-pro-muted-2:#6d8495;
  --kls-pro-line:#cfe0ec;
  --kls-pro-surface:#ffffff;
  --kls-pro-surface-2:#f5f9fc;
  --kls-pro-blue:#0b7be9;
  --kls-pro-blue-strong:#055fc2;
  --kls-pro-cyan:#10aee6;
  --kls-pro-green:#138a48;
  --kls-pro-purple:#6d37d8;
  --kls-pro-amber:#b85c00;
  --kls-pro-red:#d11f3f;
}
body.theme-dark,
.app-shell.dark{
  --kls-pro-text:#d7e8f5;
  --kls-pro-strong:#f7fbff;
  --kls-pro-muted:#a8bdd0;
  --kls-pro-muted-2:#93a9bc;
  --kls-pro-line:#28475e;
  --kls-pro-surface:#0b1825;
  --kls-pro-surface-2:#0f2233;
  --kls-pro-blue:#64b5ff;
  --kls-pro-blue-strong:#95d7ff;
  --kls-pro-cyan:#67e8f9;
  --kls-pro-green:#69dfa0;
  --kls-pro-purple:#c4a5ff;
  --kls-pro-amber:#ffd08a;
  --kls-pro-red:#ff96a8;
}
#app.app-shell{
  color:var(--kls-pro-text)!important;
}
#app.app-shell :where(.card,.topbar,.global-header,.sidebar,.view,.modal,.table-wrap,.translation-table-wrap,.products-pro-card,.users-pro-card,.activity-card,.activity-controls-card,.print-pro-card):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-pro-text)!important;
}
#app.app-shell :where(h1,h2,h3,h4,.brand h1,.brand-copy h1,.topbar h2,.card h3,.view-title,.section-title,.products-pro-header h2,.translation-title h2,.activity-card-head h3,.users-pro-head h3,.print-pro-card-title-group h3,.dashboard-pro-view .dash-card-title):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-pro-strong)!important;
}
#app.app-shell :where(p,li,small,label,.muted,.subtext,.hint,.desc,.note,.card-subtitle,.table-meta,.activity-meta .muted,.products-pro-subtitle,.print-pro-card-title-group p,.translation-preview p,.translation-key-type,.dash-card-subtitle,.dash-status-row span,.users-kpi-card small,.users-card-subtitle):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-pro-muted)!important;
}
#app.app-shell :where(td,.table-wrap td,.activity-table tbody td,.permission-table td,.saved-products-table-wrap table td,.translation-table td):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-pro-text)!important;
}
#app.app-shell :where(th,.table-wrap th,.activity-table thead th,.permission-table th,.saved-products-table-wrap table th,.translation-table th):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-pro-muted)!important;
}
#app.app-shell :where(strong,b,.translation-key-main,.table-link-btn,.product-id-pill,.activity-meta strong,.activity-time-cell strong,.users-table strong,.saved-products-table-wrap strong):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-pro-strong)!important;
}
#app.app-shell :where(input,textarea,select,.kls-select-display,.table-search,.activity-search-field input,.translation-input,.users-form-pro input,.users-form-pro select,.products-pro-form-grid input,.products-pro-form-grid select,.products-pro-form-grid textarea):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-pro-strong)!important;
  border-color:var(--kls-pro-line)!important;
}
#app.app-shell :where(input::placeholder,textarea::placeholder,.table-search::placeholder,.activity-search-field input::placeholder){
  color:var(--kls-pro-muted)!important;
  opacity:.92!important;
}
body.theme-dark #app.app-shell :where(input,textarea,select,.kls-select-display,.table-search,.activity-search-field input,.translation-input,.users-form-pro input,.users-form-pro select,.products-pro-form-grid input,.products-pro-form-grid select,.products-pro-form-grid textarea):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *),
.app-shell.dark :where(input,textarea,select,.kls-select-display,.table-search,.activity-search-field input,.translation-input,.users-form-pro input,.users-form-pro select,.products-pro-form-grid input,.products-pro-form-grid select,.products-pro-form-grid textarea):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  background:#071724!important;
  color:#f7fbff!important;
  border-color:#31546c!important;
}
body.theme-dark #app.app-shell :where(input::placeholder,textarea::placeholder,.table-search::placeholder,.activity-search-field input::placeholder),
.app-shell.dark :where(input::placeholder,textarea::placeholder,.table-search::placeholder,.activity-search-field input::placeholder){
  color:#a9bed0!important;
  opacity:.95!important;
}
/* Buttons and navigation: readable in both themes. */
#app.app-shell :where(button,.ghost,.kls-select-display,.kls-select-option,.nav-btn,.translation-action-btn,.users-action-btn,.activity-action-btn,.print-preview-pro,.template-link-btn,.filter-pro-btn):not(.primary):not(.nav-btn.active):not(.danger):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-pro-strong)!important;
}
body.theme-dark #app.app-shell :where(button,.ghost,.kls-select-display,.kls-select-option,.nav-btn,.translation-action-btn,.users-action-btn,.activity-action-btn,.print-preview-pro,.template-link-btn,.filter-pro-btn):not(.primary):not(.nav-btn.active):not(.danger):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *),
.app-shell.dark :where(button,.ghost,.kls-select-display,.kls-select-option,.nav-btn,.translation-action-btn,.users-action-btn,.activity-action-btn,.print-preview-pro,.template-link-btn,.filter-pro-btn):not(.primary):not(.nav-btn.active):not(.danger):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:#f6fbff!important;
  border-color:#31546c!important;
}
#app.app-shell :where(.primary,.nav-btn.active,.translation-action-btn.primary,#translationSaveBtn,.save-product-pro,.products-new-btn,.login-btn,.activity-page-mini.is-active,.activity-chip.is-active){
  color:#fff!important;
}
#app.app-shell :where(button:disabled,.primary:disabled,.ghost:disabled,.activity-action-btn:disabled,.print-open-btn:disabled){
  opacity:.68!important;
  cursor:not-allowed!important;
  color:var(--kls-pro-muted)!important;
  filter:none!important;
}
body.theme-dark #app.app-shell :where(button:disabled,.primary:disabled,.ghost:disabled,.activity-action-btn:disabled,.print-open-btn:disabled),
.app-shell.dark :where(button:disabled,.primary:disabled,.ghost:disabled,.activity-action-btn:disabled,.print-open-btn:disabled){
  color:#9fb5c8!important;
  background:#102234!important;
  border-color:#2e5068!important;
}
/* Icon tiles/cards: improve contrast while keeping theme colors. */
#app.app-shell :where(.dash-kpi-icon,.dash-status-icon,.users-kpi-icon,.translation-kpi-icon,.print-pro-card-icon,.products-pro-icon,.page-title-icon,.products-page-icon,.activity-stat-icon,.activity-row-icon,.kls-confirm-icon):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.52),0 8px 18px rgba(15,23,42,.06)!important;
}
#app.app-shell :where(.dash-kpi-icon svg,.dash-status-icon svg,.users-kpi-icon svg,.translation-kpi-icon svg,.print-pro-card-icon svg,.products-pro-icon svg,.page-title-icon svg,.products-page-icon svg,.activity-stat-icon svg,.activity-row-icon svg,.icon-action svg,.users-action-btn svg,.activity-action-btn svg,.kls-ui-icon,.kls-icon):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  stroke:currentColor!important;
  fill:none;
}
body.theme-dark #app.app-shell :where(.dash-kpi-icon,.dash-status-icon,.users-kpi-icon,.translation-kpi-icon,.print-pro-card-icon,.products-pro-icon,.page-title-icon,.products-page-icon):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *),
.app-shell.dark :where(.dash-kpi-icon,.dash-status-icon,.users-kpi-icon,.translation-kpi-icon,.print-pro-card-icon,.products-pro-icon,.page-title-icon,.products-page-icon):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  background:#10283b!important;
  border-color:#31546c!important;
  color:#82d9ff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.16)!important;
}
body.theme-dark #app.app-shell :where(.activity-stat-icon,.activity-row-icon),
.app-shell.dark :where(.activity-stat-icon,.activity-row-icon){
  color:#fff!important;
  box-shadow:0 12px 22px rgba(0,0,0,.26)!important;
}
/* Activity Log row icons were hard to read: keep icon white and backgrounds saturated. */
#view-activity .activity-row-icon,
#view-activity .activity-stat-icon{
  color:#fff!important;
}
#view-activity .activity-row-icon .kls-ui-icon,
#view-activity .activity-stat-icon .kls-ui-icon{
  stroke:#fff!important;
}
/* Contextual action buttons: edit/copy/print/delete should be instantly readable. */
#app.app-shell .icon-action{
  background:#f7fbff!important;
  border:1px solid #cde0ed!important;
  color:#0a72d8!important;
  box-shadow:0 5px 14px rgba(15,23,42,.05)!important;
}
#app.app-shell .icon-action[title="Duplicate"],
#app.app-shell .icon-action[aria-label="Duplicate"]{
  color:var(--kls-pro-purple)!important;
  background:#f6f1ff!important;
  border-color:#decfff!important;
}
#app.app-shell .icon-action[title="Print"],
#app.app-shell .icon-action[aria-label="Print"]{
  color:var(--kls-pro-green)!important;
  background:#effbf4!important;
  border-color:#bfeccd!important;
}
#app.app-shell .icon-action[title="Delete"],
#app.app-shell .icon-action[aria-label="Delete"],
#app.app-shell .icon-action.danger,
#app.app-shell .users-action-btn.danger{
  color:var(--kls-pro-red)!important;
  background:#fff1f4!important;
  border-color:#ffc9d4!important;
}
#app.app-shell .icon-action:hover,
#app.app-shell .users-action-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 9px 18px rgba(15,23,42,.10)!important;
}
body.theme-dark #app.app-shell .icon-action,
.app-shell.dark .icon-action{
  background:#0f2233!important;
  border-color:#31546c!important;
  color:#8fd3ff!important;
  box-shadow:none!important;
}
body.theme-dark #app.app-shell .icon-action[title="Duplicate"],
body.theme-dark #app.app-shell .icon-action[aria-label="Duplicate"],
.app-shell.dark .icon-action[title="Duplicate"],
.app-shell.dark .icon-action[aria-label="Duplicate"]{
  background:#1b1434!important;
  border-color:#5b43a3!important;
  color:#c9b5ff!important;
}
body.theme-dark #app.app-shell .icon-action[title="Print"],
body.theme-dark #app.app-shell .icon-action[aria-label="Print"],
.app-shell.dark .icon-action[title="Print"],
.app-shell.dark .icon-action[aria-label="Print"]{
  background:#0c2a1d!important;
  border-color:#2f7d53!important;
  color:#86efac!important;
}
body.theme-dark #app.app-shell .icon-action[title="Delete"],
body.theme-dark #app.app-shell .icon-action[aria-label="Delete"],
body.theme-dark #app.app-shell .icon-action.danger,
body.theme-dark #app.app-shell .users-action-btn.danger,
.app-shell.dark .icon-action[title="Delete"],
.app-shell.dark .icon-action[aria-label="Delete"],
.app-shell.dark .icon-action.danger,
.app-shell.dark .users-action-btn.danger{
  background:#341320!important;
  border-color:#8a334b!important;
  color:#ff9faf!important;
}
/* Pills and badges: professional contrast in light/dark. */
#app.app-shell :where(.badge,.pill,.status,.translation-status,.ready-pill,.barcode-type-pill,.pro-count-pill,.view-meta-pill,.sync-chip,.activity-pill,.activity-module-pill,.activity-result-pill,.dash-status-badge,.role-owner,.role-admin,.role-staff,.role-viewer):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  border:1px solid rgba(15,23,42,.06)!important;
}
body.theme-dark #app.app-shell :where(.badge,.pill,.status,.translation-status,.ready-pill,.barcode-type-pill,.pro-count-pill,.view-meta-pill,.sync-chip,.activity-pill,.activity-module-pill,.activity-result-pill,.dash-status-badge,.role-owner,.role-admin,.role-staff,.role-viewer):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *),
.app-shell.dark :where(.badge,.pill,.status,.translation-status,.ready-pill,.barcode-type-pill,.pro-count-pill,.view-meta-pill,.sync-chip,.activity-pill,.activity-module-pill,.activity-result-pill,.dash-status-badge,.role-owner,.role-admin,.role-staff,.role-viewer):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  border-color:rgba(255,255,255,.08)!important;
}
body.theme-dark #app.app-shell .translation-status.missing,
.app-shell.dark .translation-status.missing{
  background:rgba(248,113,113,.18)!important;
  color:#ffb4c0!important;
}
/* Tables and sticky headers should remain readable during scroll. */
#app.app-shell :where(.table-wrap,.activity-table-wrap,.saved-products-table-wrap,.translation-table-wrap){
  border-color:var(--kls-pro-line)!important;
}
#app.app-shell :where(.activity-table thead th,.translation-table thead th,.saved-products-table-wrap table thead th,.permission-table thead th){
  background:var(--kls-pro-surface-2)!important;
  color:var(--kls-pro-muted)!important;
}
body.theme-dark #app.app-shell :where(.activity-table thead th,.translation-table thead th,.saved-products-table-wrap table thead th,.permission-table thead th),
.app-shell.dark :where(.activity-table thead th,.translation-table thead th,.saved-products-table-wrap table thead th,.permission-table thead th){
  background:#102234!important;
  color:#b8cce0!important;
  border-color:#2b4a61!important;
}
body.theme-dark #app.app-shell :where(.activity-table tbody td,.translation-table tbody td,.saved-products-table-wrap table tbody td,.permission-table tbody td),
.app-shell.dark :where(.activity-table tbody td,.translation-table tbody td,.saved-products-table-wrap table tbody td,.permission-table tbody td){
  color:#dbeafe!important;
  border-color:#233e53!important;
}
/* Sidebar collapsed icon-only mode: icons and active state remain visible. */
#app.app-shell .nav-btn .nav-icon,
#app.app-shell .nav-btn .nav-icon svg{
  color:currentColor!important;
  stroke:currentColor!important;
}
body.theme-dark #app.app-shell .nav-btn:not(.active),
.app-shell.dark .nav-btn:not(.active){
  color:#c7d8e8!important;
}
body.theme-dark #app.app-shell .nav-btn:not(.active):hover,
.app-shell.dark .nav-btn:not(.active):hover{
  color:#f6fbff!important;
  background:#102234!important;
}
/* Footer and global update banner keep readable contrast. */
#app.app-shell .app-footer,
#app.app-shell #footerText,
#app.app-shell #poweredText,
#app.app-shell #versionText{
  color:var(--kls-pro-muted)!important;
}
body.theme-dark #app.app-shell .app-footer,
body.theme-dark #app.app-shell #footerText,
body.theme-dark #app.app-shell #poweredText,
body.theme-dark #app.app-shell #versionText,
.app-shell.dark .app-footer,
.app-shell.dark #footerText,
.app-shell.dark #poweredText,
.app-shell.dark #versionText{
  color:#b1c4d6!important;
}
/* Login + installer contrast consistency. */
.login-screen :where(p,span,small,label,.login-footer,.remember-row),
.install-page :where(p,span,small,label){
  color:var(--kls-pro-muted)!important;
}
.login-screen :where(h1,h2,h3,strong,b),
.install-page :where(h1,h2,h3,strong,b){
  color:var(--kls-pro-strong)!important;
}
body.theme-dark .login-screen :where(p,span,small,label,.login-footer,.remember-row),
body.theme-dark .install-page :where(p,span,small,label){
  color:#abc0d2!important;
}
body.theme-dark .login-screen :where(h1,h2,h3,strong,b),
body.theme-dark .install-page :where(h1,h2,h3,strong,b){
  color:#f7fbff!important;
}
@media(max-width:900px){
  #app.app-shell :where(.icon-action,.users-action-btn,.activity-action-btn){
    min-width:36px;
    min-height:36px;
  }
}

/* v2.1.173 — Dashboard Dropdown Contrast Polish
   Final pass for readable action buttons, clean search frames, sidebar icons,
   External Sync status cards, and Security Top Agents alignment.
   Printed labels, template canvas, and print sheets are intentionally excluded. */
:root{
  --kls-action-blue-a:#12b9e7;
  --kls-action-blue-b:#0b7dff;
  --kls-action-blue-text:#ffffff;
  --kls-action-blue-text-soft:#eaf7ff;
}

/* Strong readable labels for all blue/primary action buttons in light + dark mode. */
#app.app-shell :is(
  .primary,
  .nav-btn.active,
  .sync-action-btn,
  .sync-final-btn,
  #syncManualBtn,
  #syncFinalSaveBtn,
  #syncAddJoinBtn,
  .settings-pro-view .primary,
  .settings-top-action.primary,
  .users-primary-action,
  .users-save-btn,
  .print-open-btn,
  .products-new-btn,
  .save-product-pro,
  .save-shipping-pro,
  .translation-action-btn.primary,
  #translationSaveBtn,
  .activity-page-mini.is-active,
  .activity-chip.is-active,
  .login-btn
):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-action-blue-text)!important;
  -webkit-text-fill-color:var(--kls-action-blue-text)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
#app.app-shell :is(
  .primary,
  .sync-action-btn,
  .settings-pro-view .primary,
  .users-primary-action,
  .users-save-btn,
  .print-open-btn,
  .products-new-btn,
  .save-product-pro,
  .save-shipping-pro,
  .translation-action-btn.primary,
  #translationSaveBtn
) svg:not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  color:var(--kls-action-blue-text)!important;
  stroke:var(--kls-action-blue-text)!important;
}

/* Disabled blue actions should still be readable, but clearly inactive. */
#app.app-shell :is(
  .primary:disabled,
  .sync-action-btn:disabled,
  .settings-pro-view .primary:disabled,
  .users-save-btn:disabled,
  .users-primary-action:disabled,
  .print-open-btn:disabled,
  .translation-action-btn.primary:disabled,
  #translationSaveBtn:disabled
):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  opacity:.86!important;
  color:var(--kls-action-blue-text-soft)!important;
  -webkit-text-fill-color:var(--kls-action-blue-text-soft)!important;
  background:linear-gradient(135deg,#159bd0,#0a70db)!important;
  border-color:rgba(11,125,255,.65)!important;
  filter:none!important;
  text-shadow:0 1px 1px rgba(0,0,0,.22)!important;
}
body.theme-dark #app.app-shell :is(
  .primary:disabled,
  .sync-action-btn:disabled,
  .settings-pro-view .primary:disabled,
  .users-save-btn:disabled,
  .users-primary-action:disabled,
  .print-open-btn:disabled,
  .translation-action-btn.primary:disabled,
  #translationSaveBtn:disabled
),
#app.app-shell.dark :is(
  .primary:disabled,
  .sync-action-btn:disabled,
  .settings-pro-view .primary:disabled,
  .users-save-btn:disabled,
  .users-primary-action:disabled,
  .print-open-btn:disabled,
  .translation-action-btn.primary:disabled,
  #translationSaveBtn:disabled
){
  color:#f2fbff!important;
  -webkit-text-fill-color:#f2fbff!important;
  background:linear-gradient(135deg,#0ea5e9,#0b6ee8)!important;
  border-color:#2385f5!important;
}

/* Clean single-frame search fields. Prevent inner inputs from creating a second frame. */
#app.app-shell #view-settings .settings-search-shell,
#app.app-shell #view-users .users-search-field,
#app.app-shell #view-activity .activity-search-field,
#app.app-shell .dashboard-pro-view .dash-search-shell,
#app.app-shell #view-translations .translation-search-shell,
#app.app-shell #view-translations .translation-toolbar .translation-search-wrap,
#app.app-shell #view-products .saved-products-tools .table-search,
#app.app-shell #view-shipping .saved-shipping-tools .table-search{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  align-items:center!important;
  background:#ffffff!important;
  border:1px solid #cfe0ed!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 8px 20px rgba(15,23,42,.04)!important;
}
#app.app-shell #view-settings .settings-search-shell input,
#app.app-shell #view-users .users-search-field input,
#app.app-shell #view-activity .activity-search-field input,
#app.app-shell .dashboard-pro-view .dash-search-shell input,
#app.app-shell #view-translations .translation-search-shell input,
#app.app-shell #view-translations .translation-toolbar .translation-search-wrap input,
#app.app-shell #view-products .saved-products-tools .table-search input,
#app.app-shell #view-shipping .saved-shipping-tools .table-search input{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#14314d!important;
  -webkit-text-fill-color:#14314d!important;
}
#app.app-shell #view-settings .settings-search-shell .kls-icon,
#app.app-shell #view-users .users-search-field svg,
#app.app-shell #view-activity .activity-search-field svg,
#app.app-shell .dashboard-pro-view .dash-search-shell .kls-ui-icon,
#app.app-shell #view-translations .translation-search-shell svg,
#app.app-shell #view-translations .translation-toolbar .translation-search-wrap svg{
  color:#486a86!important;
  stroke:#486a86!important;
}
body.theme-dark #app.app-shell #view-settings .settings-search-shell,
body.theme-dark #app.app-shell #view-users .users-search-field,
body.theme-dark #app.app-shell #view-activity .activity-search-field,
body.theme-dark #app.app-shell .dashboard-pro-view .dash-search-shell,
body.theme-dark #app.app-shell #view-translations .translation-search-shell,
body.theme-dark #app.app-shell #view-translations .translation-toolbar .translation-search-wrap,
body.theme-dark #app.app-shell #view-products .saved-products-tools .table-search,
body.theme-dark #app.app-shell #view-shipping .saved-shipping-tools .table-search,
#app.app-shell.dark #view-settings .settings-search-shell,
#app.app-shell.dark #view-users .users-search-field,
#app.app-shell.dark #view-activity .activity-search-field,
#app.app-shell.dark .dashboard-pro-view .dash-search-shell,
#app.app-shell.dark #view-translations .translation-search-shell,
#app.app-shell.dark #view-translations .translation-toolbar .translation-search-wrap,
#app.app-shell.dark #view-products .saved-products-tools .table-search,
#app.app-shell.dark #view-shipping .saved-shipping-tools .table-search{
  background:#071a28!important;
  border-color:#2f536b!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.18)!important;
}
body.theme-dark #app.app-shell #view-settings .settings-search-shell input,
body.theme-dark #app.app-shell #view-users .users-search-field input,
body.theme-dark #app.app-shell #view-activity .activity-search-field input,
body.theme-dark #app.app-shell .dashboard-pro-view .dash-search-shell input,
body.theme-dark #app.app-shell #view-translations .translation-search-shell input,
body.theme-dark #app.app-shell #view-translations .translation-toolbar .translation-search-wrap input,
#app.app-shell.dark #view-settings .settings-search-shell input,
#app.app-shell.dark #view-users .users-search-field input,
#app.app-shell.dark #view-activity .activity-search-field input,
#app.app-shell.dark .dashboard-pro-view .dash-search-shell input,
#app.app-shell.dark #view-translations .translation-search-shell input,
#app.app-shell.dark #view-translations .translation-toolbar .translation-search-wrap input{
  color:#f5fbff!important;
  -webkit-text-fill-color:#f5fbff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.theme-dark #app.app-shell #view-settings .settings-search-shell input::placeholder,
body.theme-dark #app.app-shell #view-users .users-search-field input::placeholder,
body.theme-dark #app.app-shell #view-activity .activity-search-field input::placeholder,
body.theme-dark #app.app-shell .dashboard-pro-view .dash-search-shell input::placeholder,
body.theme-dark #app.app-shell #view-translations .translation-search-shell input::placeholder,
#app.app-shell.dark #view-settings .settings-search-shell input::placeholder,
#app.app-shell.dark #view-users .users-search-field input::placeholder,
#app.app-shell.dark #view-activity .activity-search-field input::placeholder,
#app.app-shell.dark .dashboard-pro-view .dash-search-shell input::placeholder,
#app.app-shell.dark #view-translations .translation-search-shell input::placeholder{
  color:#a9c4d8!important;
  opacity:1!important;
}
body.theme-dark #app.app-shell #view-settings .settings-search-shell .kls-icon,
body.theme-dark #app.app-shell #view-users .users-search-field svg,
body.theme-dark #app.app-shell #view-activity .activity-search-field svg,
body.theme-dark #app.app-shell .dashboard-pro-view .dash-search-shell .kls-ui-icon,
body.theme-dark #app.app-shell #view-translations .translation-search-shell svg,
#app.app-shell.dark #view-settings .settings-search-shell .kls-icon,
#app.app-shell.dark #view-users .users-search-field svg,
#app.app-shell.dark #view-activity .activity-search-field svg,
#app.app-shell.dark .dashboard-pro-view .dash-search-shell .kls-ui-icon,
#app.app-shell.dark #view-translations .translation-search-shell svg{
  color:#9bdcff!important;
  stroke:#9bdcff!important;
}

/* Sidebar icon-only mode: brighten inactive icons and keep active icons crisp. */
#app.app-shell .sidebar .nav-btn:not(.active) .nav-icon,
#app.app-shell .sidebar .nav-btn:not(.active) .nav-icon svg{
  color:#45647f!important;
  stroke:#45647f!important;
}
#app.app-shell .sidebar .nav-btn.active .nav-icon,
#app.app-shell .sidebar .nav-btn.active .nav-icon svg{
  color:#ffffff!important;
  stroke:#ffffff!important;
}
body.theme-dark #app.app-shell .sidebar .nav-btn:not(.active) .nav-icon,
body.theme-dark #app.app-shell .sidebar .nav-btn:not(.active) .nav-icon svg,
#app.app-shell.dark .sidebar .nav-btn:not(.active) .nav-icon,
#app.app-shell.dark .sidebar .nav-btn:not(.active) .nav-icon svg{
  color:#a8c3d8!important;
  stroke:#a8c3d8!important;
}
body.theme-dark #app.app-shell .sidebar .nav-btn:not(.active):hover .nav-icon,
body.theme-dark #app.app-shell .sidebar .nav-btn:not(.active):hover .nav-icon svg,
#app.app-shell.dark .sidebar .nav-btn:not(.active):hover .nav-icon,
#app.app-shell.dark .sidebar .nav-btn:not(.active):hover .nav-icon svg{
  color:#dff7ff!important;
  stroke:#dff7ff!important;
}

/* Activity Log icons: stronger color separation so glyphs are always visible. */
#app.app-shell #view-activity .activity-row-icon,
#app.app-shell #view-activity .activity-stat-icon{
  background:linear-gradient(135deg,#0ea5e9,#7c3aed)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  color:#ffffff!important;
}
#app.app-shell #view-activity .activity-row-icon svg,
#app.app-shell #view-activity .activity-stat-icon svg{
  color:#ffffff!important;
  stroke:#ffffff!important;
}

/* External Sync overview chips: replace weak pastel dark-mode cards with readable professional chips. */
#app.app-shell .sync-info-chip{
  border-width:1px!important;
  box-shadow:0 8px 18px rgba(15,23,42,.04)!important;
}
#app.app-shell .sync-info-chip strong{
  color:#0c243d!important;
  font-weight:850!important;
}
#app.app-shell .sync-info-chip span{
  color:#415f78!important;
  font-weight:650!important;
}
#app.app-shell .sync-info-chip.green{background:#ecfff4!important;border-color:#bdeed0!important;}
#app.app-shell .sync-info-chip.blue{background:#eef7ff!important;border-color:#c9e4ff!important;}
#app.app-shell .sync-info-chip.purple{background:#f6f0ff!important;border-color:#dfd1ff!important;}
#app.app-shell .sync-info-chip.amber{background:#fff8e9!important;border-color:#ffe0a6!important;}
body.theme-dark #app.app-shell .sync-info-chip,
#app.app-shell.dark .sync-info-chip{
  box-shadow:none!important;
}
body.theme-dark #app.app-shell .sync-info-chip.green,
#app.app-shell.dark .sync-info-chip.green{background:#092616!important;border-color:#1f7a4a!important;}
body.theme-dark #app.app-shell .sync-info-chip.blue,
#app.app-shell.dark .sync-info-chip.blue{background:#08233a!important;border-color:#256a9a!important;}
body.theme-dark #app.app-shell .sync-info-chip.purple,
#app.app-shell.dark .sync-info-chip.purple{background:#1a1237!important;border-color:#6d54b8!important;}
body.theme-dark #app.app-shell .sync-info-chip.amber,
#app.app-shell.dark .sync-info-chip.amber{background:#2a1a05!important;border-color:#a66b19!important;}
body.theme-dark #app.app-shell .sync-info-chip strong,
#app.app-shell.dark .sync-info-chip strong{color:#f6fbff!important;}
body.theme-dark #app.app-shell .sync-info-chip span,
#app.app-shell.dark .sync-info-chip span{color:#c5d8e8!important;}

/* Security Top Agents + Threat Actors: align labels and number pills, avoid side drift, improve contrast. */
#app.app-shell #view-security #securityTopAgents .ati-simple-list,
#app.app-shell #view-security #securityThreatActors .ati-simple-list{
  width:100%!important;
  gap:7px!important;
  margin:0!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row,
#app.app-shell #view-security #securityThreatActors .ati-simple-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 36px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:30px!important;
  width:100%!important;
  padding:4px 6px!important;
  box-sizing:border-box!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row span,
#app.app-shell #view-security #securityThreatActors .ati-simple-row span{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:start!important;
  color:#26435c!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row strong,
#app.app-shell #view-security #securityThreatActors .ati-simple-row strong{
  justify-self:end!important;
  min-width:28px!important;
  height:25px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#edf6ff!important;
  border:1px solid #d3e8fb!important;
  color:#0b63ce!important;
  font-size:11px!important;
  font-weight:850!important;
}
html[dir="rtl"] #app.app-shell #view-security #securityTopAgents .ati-simple-row span,
html[dir="rtl"] #app.app-shell #view-security #securityThreatActors .ati-simple-row span{
  text-align:right!important;
}
body.theme-dark #app.app-shell #view-security #securityTopAgents .ati-simple-row span,
body.theme-dark #app.app-shell #view-security #securityThreatActors .ati-simple-row span,
#app.app-shell.dark #view-security #securityTopAgents .ati-simple-row span,
#app.app-shell.dark #view-security #securityThreatActors .ati-simple-row span{
  color:#d8ecfa!important;
}
body.theme-dark #app.app-shell #view-security #securityTopAgents .ati-simple-row strong,
body.theme-dark #app.app-shell #view-security #securityThreatActors .ati-simple-row strong,
#app.app-shell.dark #view-security #securityTopAgents .ati-simple-row strong,
#app.app-shell.dark #view-security #securityThreatActors .ati-simple-row strong{
  background:#102a42!important;
  border-color:#2d5a79!important;
  color:#dff7ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

/* Security alert / status pills: no pale white text on pale backgrounds. */
#app.app-shell #view-security .security-summary-card,
#app.app-shell #view-security .ati-status,
#app.app-shell #view-security .ati-severity,
#app.app-shell #view-security .security-risk-badge{
  font-weight:850!important;
}
body.theme-dark #app.app-shell #view-security .ati-status.success,
#app.app-shell.dark #view-security .ati-status.success{
  background:#0f2a1d!important;
  border-color:#28784f!important;
  color:#9df5bd!important;
}
body.theme-dark #app.app-shell #view-security .ati-severity.high,
#app.app-shell.dark #view-security .ati-severity.high{
  background:#35131d!important;
  border:1px solid #854154!important;
  color:#ffbdc9!important;
}

/* Settings menu drag handles and upload/action labels clearer in dark mode. */
body.theme-dark #app.app-shell #view-settings .settings-drag-handle,
#app.app-shell.dark #view-settings .settings-drag-handle{
  background:#0d2233!important;
  border-color:#365a75!important;
  color:#c9e2f5!important;
}
body.theme-dark #app.app-shell #view-settings .settings-icon-upload-btn,
body.theme-dark #app.app-shell #view-settings .settings-small-btn,
#app.app-shell.dark #view-settings .settings-icon-upload-btn,
#app.app-shell.dark #view-settings .settings-small-btn{
  background:#0e2436!important;
  border-color:#365a75!important;
  color:#dff7ff!important;
}
body.theme-dark #app.app-shell #view-settings .settings-menu-name,
#app.app-shell.dark #view-settings .settings-menu-name{
  color:#f5fbff!important;
}

/* Muted helper text and footer banners should remain readable without becoming heavy. */
body.theme-dark #app.app-shell :where(.muted,.translation-info-strip,.settings-info-strip,.template-note,.sync-overview-block small,.sync-last-pill),
#app.app-shell.dark :where(.muted,.translation-info-strip,.settings-info-strip,.template-note,.sync-overview-block small,.sync-last-pill){
  color:#b5ccdc!important;
}
#app.app-shell :where(.translation-info-strip,.settings-info-strip,.template-note){
  line-height:1.35!important;
}
body.theme-dark #app.app-shell :where(.translation-info-strip,.settings-info-strip,.template-note),
#app.app-shell.dark :where(.translation-info-strip,.settings-info-strip,.template-note){
  background:#101f31!important;
  border-color:#2d4f68!important;
}

/* Keep responsive search/action rows tidy after contrast updates. */
#app.app-shell #view-users .users-head-actions,
#app.app-shell #view-settings .settings-pro-toolbar,
#app.app-shell #view-translations .translation-toolbar{
  align-items:center!important;
}
@media(max-width:900px){
  #app.app-shell #view-users .users-head-actions,
  #app.app-shell #view-settings .settings-pro-toolbar,
  #app.app-shell #view-translations .translation-toolbar{
    align-items:stretch!important;
  }
}


/* v2.1.173 — Dashboard Dropdown Contrast Polish
   Focused fixes from screenshots: Translation search shell, dark table footer,
   notification badge contrast, profile upload text, dashboard status badges,
   Security Top Agents View All, and remaining action/button readability. */

/* Translation Manager search: single professional frame, no inner/double input box. */
#app.app-shell #view-translations label.translation-search,
#app.app-shell #view-translations .translation-search{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 12px!important;
  border:1px solid #cfe0ec!important;
  border-radius:16px!important;
  background:#ffffff!important;
  box-shadow:0 8px 20px rgba(15,40,75,.035), inset 0 1px 0 rgba(255,255,255,.9)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#app.app-shell #view-translations .translation-search > svg,
#app.app-shell #view-translations .translation-search .kls-ui-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  color:#4f6b83!important;
  stroke:#4f6b83!important;
}
#app.app-shell #view-translations .translation-search input#translationSearch,
#app.app-shell #view-translations .translation-search input{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#16324d!important;
  -webkit-text-fill-color:#16324d!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
#app.app-shell #view-translations .translation-search input::placeholder{
  color:#6b8397!important;
  -webkit-text-fill-color:#6b8397!important;
  opacity:1!important;
}
#app.app-shell #view-translations .translation-search > span{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:28px!important;
  min-width:42px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  background:#f3f7fb!important;
  color:#506a80!important;
  font-size:11px!important;
  font-weight:800!important;
  border:0!important;
}
body.theme-dark #app.app-shell #view-translations label.translation-search,
body.theme-dark #app.app-shell #view-translations .translation-search,
#app.app-shell.dark #view-translations label.translation-search,
#app.app-shell.dark #view-translations .translation-search{
  background:#071a28!important;
  border-color:#2f536b!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.18)!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search input,
#app.app-shell.dark #view-translations .translation-search input{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#f5fbff!important;
  -webkit-text-fill-color:#f5fbff!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search input::placeholder,
#app.app-shell.dark #view-translations .translation-search input::placeholder{
  color:#a9c4d8!important;
  -webkit-text-fill-color:#a9c4d8!important;
  opacity:1!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search > svg,
body.theme-dark #app.app-shell #view-translations .translation-search .kls-ui-icon,
#app.app-shell.dark #view-translations .translation-search > svg,
#app.app-shell.dark #view-translations .translation-search .kls-ui-icon{
  color:#9bdcff!important;
  stroke:#9bdcff!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search > span,
#app.app-shell.dark #view-translations .translation-search > span{
  background:#10263a!important;
  color:#cdeeff!important;
}

/* Translation Manager footer/pagination must follow dark mode instead of staying white. */
body.theme-dark #app.app-shell #view-translations .translation-pagination,
#app.app-shell.dark #view-translations .translation-pagination{
  background:#081725!important;
  border-top-color:#29465d!important;
  color:#b5ccdc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.theme-dark #app.app-shell #view-translations .translation-page-size-options,
#app.app-shell.dark #view-translations .translation-page-size-options{
  background:#07111b!important;
  border:1px solid #2d5169!important;
}
body.theme-dark #app.app-shell #view-translations .translation-page-size-options button,
body.theme-dark #app.app-shell #view-translations .translation-page-buttons button,
#app.app-shell.dark #view-translations .translation-page-size-options button,
#app.app-shell.dark #view-translations .translation-page-buttons button{
  background:#0b1f30!important;
  border-color:#2c4d66!important;
  color:#eaf8ff!important;
}
body.theme-dark #app.app-shell #view-translations .translation-page-size-options button.active,
body.theme-dark #app.app-shell #view-translations .translation-page-buttons button.active,
#app.app-shell.dark #view-translations .translation-page-size-options button.active,
#app.app-shell.dark #view-translations .translation-page-buttons button.active{
  background:linear-gradient(135deg,#12b9e7,#0b7dff)!important;
  border-color:#33aaf5!important;
  color:#fff!important;
}
body.theme-dark #app.app-shell #view-translations .translation-info-note,
#app.app-shell.dark #view-translations .translation-info-note{
  background:#101b35!important;
  border:1px solid #3b2f8a!important;
  color:#d8ccff!important;
}

/* Notification count badge: strong number contrast in both themes. */
#app.app-shell .notification-count,
.notification-count{
  background:#ef4444!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  border-color:#ffffff!important;
  font-weight:900!important;
  text-shadow:none!important;
}
body.theme-dark #app.app-shell .notification-count,
#app.app-shell.dark .notification-count,
body.theme-dark .notification-count{
  background:#ff6b6b!important;
  color:#07111b!important;
  -webkit-text-fill-color:#07111b!important;
  border-color:#07111b!important;
  font-weight:1000!important;
  text-shadow:none!important;
}

/* Profile/image upload picker: readable label and icon in modal light/dark. */
#app.app-shell .profile-file-picker,
#app.app-shell .profile-file-picker span,
#app.app-shell .profile-file-picker .profile-file-icon{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  font-weight:800!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
#app.app-shell .profile-file-picker{
  background:linear-gradient(135deg,#13b9e6,#0b7dff)!important;
  border:1px solid rgba(11,125,255,.55)!important;
  box-shadow:0 12px 22px rgba(11,125,255,.20)!important;
}
body.theme-dark #app.app-shell .profile-file-picker,
#app.app-shell.dark .profile-file-picker{
  background:linear-gradient(135deg,#0ea5e9,#0b7dff)!important;
  border-color:#2998e8!important;
}
body.theme-dark #app.app-shell .profile-file-name,
#app.app-shell.dark .profile-file-name{
  color:#d8e9f6!important;
}

/* Dashboard Sync/System Status badges: never pale-on-pale in dark mode. */
body.theme-dark #app.app-shell .dash-status-badge,
#app.app-shell.dark .dash-status-badge{
  background:#123b28!important;
  border:1px solid #2f8a59!important;
  color:#b7f7d0!important;
  -webkit-text-fill-color:#b7f7d0!important;
  font-weight:850!important;
}
body.theme-dark #app.app-shell .dash-status-badge.clear,
#app.app-shell.dark .dash-status-badge.clear{
  background:#102a42!important;
  border-color:#2e6f9a!important;
  color:#bfeaff!important;
  -webkit-text-fill-color:#bfeaff!important;
}
body.theme-dark #app.app-shell .dash-status-row span,
#app.app-shell.dark .dash-status-row span,
body.theme-dark #app.app-shell .dash-status-row small,
#app.app-shell.dark .dash-status-row small{
  color:#b9d1e3!important;
}
body.theme-dark #app.app-shell .dash-status-row strong,
#app.app-shell.dark .dash-status-row strong{
  color:#f7fbff!important;
}

/* Security Top Agents: keep rows balanced and always show the View All action. */
#app.app-shell #view-security [data-security-section="advanced"] .security-mini-panel{
  min-height:188px!important;
  max-height:none!important;
  overflow:visible!important;
}
#app.app-shell #view-security #securityTopAgents,
#app.app-shell #view-security #securityThreatActors,
#app.app-shell #view-security #securityHotIpProfiles,
#app.app-shell #view-security #securityRecentEvents{
  display:flex!important;
  flex-direction:column!important;
  min-height:124px!important;
  height:auto!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-list{
  flex:0 0 auto!important;
  margin-bottom:8px!important;
}
#app.app-shell #view-security #securityTopAgents .security-view-more,
#app.app-shell #view-security #securityThreatActors .security-view-more,
#app.app-shell #view-security #securityHotIpProfiles .security-view-more{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:24px!important;
  margin-top:auto!important;
  padding:6px 0 0!important;
  align-items:center!important;
  justify-content:center!important;
  color:#075ed6!important;
  font-weight:850!important;
  font-size:12px!important;
  line-height:1.1!important;
}
body.theme-dark #app.app-shell #view-security #securityTopAgents .security-view-more,
body.theme-dark #app.app-shell #view-security #securityThreatActors .security-view-more,
body.theme-dark #app.app-shell #view-security #securityHotIpProfiles .security-view-more,
#app.app-shell.dark #view-security #securityTopAgents .security-view-more,
#app.app-shell.dark #view-security #securityThreatActors .security-view-more,
#app.app-shell.dark #view-security #securityHotIpProfiles .security-view-more{
  color:#7fd4ff!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row,
#app.app-shell #view-security #securityThreatActors .ati-simple-row{
  grid-template-columns:minmax(0,1fr) 38px!important;
}

/* External Sync, Print, Settings, Users: keep primary action text readable. */
#app.app-shell :is(.sync-action-btn,.sync-final-btn,#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn,.print-open-btn,.users-primary-action,.users-save-btn,.settings-pro-view .primary,.settings-top-action.primary,.primary) span,
#app.app-shell :is(.sync-action-btn,.sync-final-btn,#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn,.print-open-btn,.users-primary-action,.users-save-btn,.settings-pro-view .primary,.settings-top-action.primary,.primary){
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}
#app.app-shell :is(.sync-action-btn,.sync-final-btn,#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn,.print-open-btn,.users-primary-action,.users-save-btn,.settings-pro-view .primary,.settings-top-action.primary,.primary) svg,
#app.app-shell :is(.sync-action-btn,.sync-final-btn,#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn,.print-open-btn,.users-primary-action,.users-save-btn,.settings-pro-view .primary,.settings-top-action.primary,.primary) .kls-ui-icon,
#app.app-shell :is(.sync-action-btn,.sync-final-btn,#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn,.print-open-btn,.users-primary-action,.users-save-btn,.settings-pro-view .primary,.settings-top-action.primary,.primary) .button-icon{
  color:#ffffff!important;
  stroke:#ffffff!important;
}

/* Search fields on Settings/Users stay in one frame; no nested dark box effect. */
#app.app-shell #view-settings .settings-search-shell input,
#app.app-shell #view-users .users-search-field input,
#app.app-shell #view-activity .activity-search-field input,
#app.app-shell .dashboard-pro-view .dash-search-shell input{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
body.theme-dark #app.app-shell #view-settings .settings-search-shell input,
body.theme-dark #app.app-shell #view-users .users-search-field input,
body.theme-dark #app.app-shell #view-activity .activity-search-field input,
body.theme-dark #app.app-shell .dashboard-pro-view .dash-search-shell input,
#app.app-shell.dark #view-settings .settings-search-shell input,
#app.app-shell.dark #view-users .users-search-field input,
#app.app-shell.dark #view-activity .activity-search-field input,
#app.app-shell.dark .dashboard-pro-view .dash-search-shell input{
  background:transparent!important;
  color:#f7fbff!important;
  -webkit-text-fill-color:#f7fbff!important;
}

/* Template designer lock/unlock button readability (main stylesheet safety net). */
#app.app-shell #view-templates .phase6-lock-btn,
#app.app-shell #view-templates #p6InspectorLock{
  color:#0b72f0!important;
  -webkit-text-fill-color:#0b72f0!important;
  background:#f7fbff!important;
  border-color:#cfe2f2!important;
  font-weight:850!important;
}
#app.app-shell #view-templates .phase6-lock-btn svg,
#app.app-shell #view-templates #p6InspectorLock svg{
  color:inherit!important;
  stroke:currentColor!important;
}
body.theme-dark #app.app-shell #view-templates .phase6-lock-btn,
body.theme-dark #app.app-shell #view-templates #p6InspectorLock,
#app.app-shell.dark #view-templates .phase6-lock-btn,
#app.app-shell.dark #view-templates #p6InspectorLock{
  color:#eaf7ff!important;
  -webkit-text-fill-color:#eaf7ff!important;
  background:#0e2537!important;
  border-color:#315a76!important;
}

@media(max-width:900px){
  #app.app-shell #view-translations .translation-search{max-width:none!important;width:100%!important;flex-basis:auto!important;}
}

/* v2.1.173 — Dashboard Trend, Dropdown Contrast & Hover Polish
   Focused UI contrast pass from QA screenshots. Protects printed labels/canvas output. */
:root{
  --kls-trend-up:#10985f;
  --kls-trend-flat:#667b8f;
  --kls-trend-down:#d62f4a;
  --kls-dropdown-active-bg:#0fb3e5;
  --kls-dropdown-active-text:#ffffff;
}
body.theme-dark,
#app.app-shell.dark{
  --kls-trend-up:#7cf3a6;
  --kls-trend-flat:#aac6d9;
  --kls-trend-down:#ff9bab;
  --kls-dropdown-active-bg:#0ea5e9;
  --kls-dropdown-active-text:#06111a;
}

/* Dashboard KPI trend lines: restore readable professional status colors. */
#app.app-shell .dashboard-pro-view .dashboard-kpi small,
#app.app-shell .dashboard-pro-view #trendProducts,
#app.app-shell .dashboard-pro-view #trendShipping,
#app.app-shell .dashboard-pro-view #trendTemplates,
#app.app-shell .dashboard-pro-view #trendPrints,
#app.app-shell .dashboard-pro-view #trendSynced{
  font-weight:750!important;
  color:var(--kls-trend-up)!important;
  -webkit-text-fill-color:var(--kls-trend-up)!important;
}
#app.app-shell .dashboard-pro-view .dashboard-kpi small:not(.positive):not(#trendProducts):not(#trendShipping):not(#trendTemplates):not(#trendPrints):not(#trendSynced){
  color:var(--kls-trend-flat)!important;
  -webkit-text-fill-color:var(--kls-trend-flat)!important;
}
#app.app-shell .dashboard-pro-view .dashboard-kpi small.negative,
#app.app-shell .dashboard-pro-view .dashboard-kpi small[data-trend="down"]{
  color:var(--kls-trend-down)!important;
  -webkit-text-fill-color:var(--kls-trend-down)!important;
}
body.theme-dark #app.app-shell .dashboard-pro-view .dashboard-kpi small,
#app.app-shell.dark .dashboard-pro-view .dashboard-kpi small{
  text-shadow:none!important;
}

/* Global custom dropdown menus: selected/hovered options must be readable in both modes. */
#app.app-shell .kls-select-menu,
.kls-select-menu{
  color:var(--kls-pro-strong, var(--text-strong))!important;
  overflow:auto!important;
}
#app.app-shell .kls-select-option,
#app.app-shell .kls-select-option span,
.kls-select-option,
.kls-select-option span{
  color:var(--kls-pro-strong, var(--text-strong))!important;
  -webkit-text-fill-color:var(--kls-pro-strong, var(--text-strong))!important;
  opacity:1!important;
}
#app.app-shell .kls-select-option:hover:not(.selected),
#app.app-shell .kls-select-option.active:not(.selected),
.kls-select-option:hover:not(.selected),
.kls-select-option.active:not(.selected){
  background:#e9f7ff!important;
  color:#075ed6!important;
  -webkit-text-fill-color:#075ed6!important;
}
#app.app-shell .kls-select-option:hover:not(.selected) span,
#app.app-shell .kls-select-option.active:not(.selected) span,
.kls-select-option:hover:not(.selected) span,
.kls-select-option.active:not(.selected) span{
  color:#075ed6!important;
  -webkit-text-fill-color:#075ed6!important;
}
#app.app-shell .kls-select-option.selected,
#app.app-shell .kls-select-option.selected:hover,
#app.app-shell .kls-select-option.selected.active,
.kls-select-option.selected,
.kls-select-option.selected:hover,
.kls-select-option.selected.active{
  background:linear-gradient(135deg,#10b9e6,#0b7dff)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#app.app-shell .kls-select-option.selected span,
#app.app-shell .kls-select-option.selected .kls-select-check,
#app.app-shell .kls-select-option.selected svg,
.kls-select-option.selected span,
.kls-select-option.selected .kls-select-check,
.kls-select-option.selected svg{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  stroke:currentColor!important;
  opacity:1!important;
}
body.theme-dark #app.app-shell .kls-select-menu,
#app.app-shell.dark .kls-select-menu,
body.theme-dark .kls-select-menu{
  background:#071724!important;
  border-color:#2d516a!important;
  box-shadow:0 24px 48px rgba(0,0,0,.34)!important;
}
body.theme-dark #app.app-shell .kls-select-option,
body.theme-dark #app.app-shell .kls-select-option span,
#app.app-shell.dark .kls-select-option,
#app.app-shell.dark .kls-select-option span,
body.theme-dark .kls-select-option,
body.theme-dark .kls-select-option span{
  color:#eff9ff!important;
  -webkit-text-fill-color:#eff9ff!important;
}
body.theme-dark #app.app-shell .kls-select-option:hover:not(.selected),
body.theme-dark #app.app-shell .kls-select-option.active:not(.selected),
#app.app-shell.dark .kls-select-option:hover:not(.selected),
#app.app-shell.dark .kls-select-option.active:not(.selected),
body.theme-dark .kls-select-option:hover:not(.selected),
body.theme-dark .kls-select-option.active:not(.selected){
  background:#10324a!important;
  color:#bfeeff!important;
  -webkit-text-fill-color:#bfeeff!important;
}
body.theme-dark #app.app-shell .kls-select-option:hover:not(.selected) span,
body.theme-dark #app.app-shell .kls-select-option.active:not(.selected) span,
#app.app-shell.dark .kls-select-option:hover:not(.selected) span,
#app.app-shell.dark .kls-select-option.active:not(.selected) span,
body.theme-dark .kls-select-option:hover:not(.selected) span,
body.theme-dark .kls-select-option.active:not(.selected) span{
  color:#bfeeff!important;
  -webkit-text-fill-color:#bfeeff!important;
}
body.theme-dark #app.app-shell .kls-select-option.selected,
body.theme-dark #app.app-shell .kls-select-option.selected:hover,
#app.app-shell.dark .kls-select-option.selected,
#app.app-shell.dark .kls-select-option.selected:hover,
body.theme-dark .kls-select-option.selected,
body.theme-dark .kls-select-option.selected:hover{
  background:linear-gradient(135deg,#18c5f3,#0b7dff)!important;
  color:#05111d!important;
  -webkit-text-fill-color:#05111d!important;
}
body.theme-dark #app.app-shell .kls-select-option.selected span,
body.theme-dark #app.app-shell .kls-select-option.selected .kls-select-check,
#app.app-shell.dark .kls-select-option.selected span,
#app.app-shell.dark .kls-select-option.selected .kls-select-check,
body.theme-dark .kls-select-option.selected span,
body.theme-dark .kls-select-option.selected .kls-select-check{
  color:#05111d!important;
  -webkit-text-fill-color:#05111d!important;
}

/* Print Center dropdowns: keep option text visible over active cyan in both themes. */
#app.app-shell #view-print .kls-select-option.selected,
#app.app-shell #view-print .kls-select-option.selected span,
body.theme-dark #app.app-shell #view-print .kls-select-option.selected,
body.theme-dark #app.app-shell #view-print .kls-select-option.selected span,
#app.app-shell.dark #view-print .kls-select-option.selected,
#app.app-shell.dark #view-print .kls-select-option.selected span{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}

/* External Sync disabled/secondary actions: no pale text on pale buttons. */
#app.app-shell #view-sync :is(.sync-action-btn,.sync-final-btn,#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn):disabled,
#app.app-shell #view-sync :is(.sync-action-btn,.sync-final-btn,#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn).is-disabled,
#app.app-shell #view-sync button:disabled:not(.primary):not(#syncManualBtn):not(#syncFinalSaveBtn):not(#syncAddJoinBtn){
  background:#f6fbff!important;
  border-color:#d7e7f3!important;
  color:#526f84!important;
  -webkit-text-fill-color:#526f84!important;
  opacity:1!important;
  box-shadow:none!important;
}
#app.app-shell #view-sync :is(.sync-action-btn,.sync-final-btn,#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn):disabled svg,
#app.app-shell #view-sync button:disabled:not(.primary):not(#syncManualBtn):not(#syncFinalSaveBtn):not(#syncAddJoinBtn) svg{
  color:#526f84!important;
  stroke:#526f84!important;
  opacity:1!important;
}
body.theme-dark #app.app-shell #view-sync :is(.sync-action-btn,.sync-final-btn,#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn):disabled,
body.theme-dark #app.app-shell #view-sync :is(.sync-action-btn,.sync-final-btn,#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn).is-disabled,
body.theme-dark #app.app-shell #view-sync button:disabled:not(.primary):not(#syncManualBtn):not(#syncFinalSaveBtn):not(#syncAddJoinBtn),
#app.app-shell.dark #view-sync :is(.sync-action-btn,.sync-final-btn,#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn):disabled,
#app.app-shell.dark #view-sync :is(.sync-action-btn,.sync-final-btn,#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn).is-disabled,
#app.app-shell.dark #view-sync button:disabled:not(.primary):not(#syncManualBtn):not(#syncFinalSaveBtn):not(#syncAddJoinBtn){
  background:#0b2132!important;
  border-color:#2e536d!important;
  color:#b9d2e4!important;
  -webkit-text-fill-color:#b9d2e4!important;
  opacity:1!important;
}
body.theme-dark #app.app-shell #view-sync button:disabled:not(.primary):not(#syncManualBtn):not(#syncFinalSaveBtn):not(#syncAddJoinBtn) svg,
#app.app-shell.dark #view-sync button:disabled:not(.primary):not(#syncManualBtn):not(#syncFinalSaveBtn):not(#syncAddJoinBtn) svg{
  color:#b9d2e4!important;
  stroke:#b9d2e4!important;
}

/* Settings currency actions: hover keeps text/icons readable. */
#app.app-shell #view-settings .settings-currency-actions button,
#app.app-shell #view-settings .settings-currency-actions button span,
#app.app-shell #view-settings .settings-currency-actions button svg{
  opacity:1!important;
  text-shadow:none!important;
}
#app.app-shell #view-settings .settings-currency-actions .edit:hover{
  background:#e8f5ff!important;
  color:#075ed6!important;
  -webkit-text-fill-color:#075ed6!important;
  box-shadow:inset 0 0 0 1px #b9ddf7!important;
}
#app.app-shell #view-settings .settings-currency-actions .delete:hover{
  background:#fff0f3!important;
  color:#d11f3f!important;
  -webkit-text-fill-color:#d11f3f!important;
  box-shadow:inset 0 0 0 1px #ffc7d1!important;
}
body.theme-dark #app.app-shell #view-settings .settings-currency-actions .edit,
#app.app-shell.dark #view-settings .settings-currency-actions .edit{
  color:#9bdcff!important;
  -webkit-text-fill-color:#9bdcff!important;
}
body.theme-dark #app.app-shell #view-settings .settings-currency-actions .delete,
#app.app-shell.dark #view-settings .settings-currency-actions .delete{
  color:#ff9bab!important;
  -webkit-text-fill-color:#ff9bab!important;
}
body.theme-dark #app.app-shell #view-settings .settings-currency-actions .edit:hover,
#app.app-shell.dark #view-settings .settings-currency-actions .edit:hover{
  background:#0d314a!important;
  color:#dff7ff!important;
  -webkit-text-fill-color:#dff7ff!important;
  box-shadow:inset 0 0 0 1px #3e7192!important;
}
body.theme-dark #app.app-shell #view-settings .settings-currency-actions .delete:hover,
#app.app-shell.dark #view-settings .settings-currency-actions .delete:hover{
  background:#3a1420!important;
  color:#ffe3e8!important;
  -webkit-text-fill-color:#ffe3e8!important;
  box-shadow:inset 0 0 0 1px #8b3447!important;
}

/* Translation Manager: final single-frame search and dark footer repair. */
#app.app-shell #view-translations .translation-search,
#app.app-shell #view-translations label.translation-search{
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
}
#app.app-shell #view-translations .translation-search input,
#app.app-shell #view-translations .translation-search input#translationSearch,
#app.app-shell #view-translations .translation-search input:focus{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search,
#app.app-shell.dark #view-translations .translation-search,
body.theme-dark #app.app-shell #view-translations label.translation-search,
#app.app-shell.dark #view-translations label.translation-search{
  background:#071a28!important;
  border-color:#31576f!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search input,
body.theme-dark #app.app-shell #view-translations .translation-search input#translationSearch,
body.theme-dark #app.app-shell #view-translations .translation-search input:focus,
#app.app-shell.dark #view-translations .translation-search input,
#app.app-shell.dark #view-translations .translation-search input#translationSearch,
#app.app-shell.dark #view-translations .translation-search input:focus{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#eef9ff!important;
  -webkit-text-fill-color:#eef9ff!important;
}
body.theme-dark #app.app-shell #view-translations .translation-pagination,
body.theme-dark #app.app-shell #view-translations .translation-pagination *,
#app.app-shell.dark #view-translations .translation-pagination,
#app.app-shell.dark #view-translations .translation-pagination *{
  color:#bed6e6!important;
  -webkit-text-fill-color:#bed6e6!important;
}
body.theme-dark #app.app-shell #view-translations .translation-pagination,
#app.app-shell.dark #view-translations .translation-pagination{
  background:#081725!important;
  border-color:#31576f!important;
}
body.theme-dark #app.app-shell #view-translations .translation-page-size-options button.active,
body.theme-dark #app.app-shell #view-translations .translation-page-buttons button.active,
#app.app-shell.dark #view-translations .translation-page-size-options button.active,
#app.app-shell.dark #view-translations .translation-page-buttons button.active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Security Top Agents: center rows and keep View All visible in the card footer. */
#app.app-shell #view-security #securityTopAgents{
  justify-content:space-between!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row span{
  min-width:0!important;
  text-align:left!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row strong{
  min-width:28px!important;
  height:28px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  border-radius:999px!important;
  background:#edf6ff!important;
  color:#075ed6!important;
  -webkit-text-fill-color:#075ed6!important;
}
body.theme-dark #app.app-shell #view-security #securityTopAgents .ati-simple-row strong,
#app.app-shell.dark #view-security #securityTopAgents .ati-simple-row strong{
  background:#112f45!important;
  color:#bfeeff!important;
  -webkit-text-fill-color:#bfeeff!important;
}
#app.app-shell #view-security #securityTopAgents .security-view-more{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  justify-content:center!important;
  margin-top:auto!important;
  padding-top:10px!important;
}

/* Notification badge: keep number crisp. */
#app.app-shell .notification-count,
.notification-count{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:#ef4444!important;
  border-color:#fff!important;
}
body.theme-dark #app.app-shell .notification-count,
body.theme-dark .notification-count,
#app.app-shell.dark .notification-count{
  color:#06111a!important;
  -webkit-text-fill-color:#06111a!important;
  background:#ff6b6b!important;
  border-color:#06111a!important;
}

/* =========================================================
   v2.1.173 — Final KPI, Dropdown, Disabled Button & Speed Polish
   Scope: visual contrast + loading polish only. No label/template/print output changes.
   ========================================================= */

/* Dashboard KPI trend colors: professional readable trend states. */
#app.app-shell #view-dashboard .dashboard-kpi small,
#app.app-shell #view-dashboard .dashboard-kpi small:not(.positive){
  font-weight:720!important;
  letter-spacing:-.01em!important;
  color:#ef4444!important;
  -webkit-text-fill-color:#ef4444!important;
}
#app.app-shell #view-dashboard .dashboard-kpi small.positive,
#app.app-shell #view-dashboard #trendProducts,
#app.app-shell #view-dashboard #trendShipping,
#app.app-shell #view-dashboard #trendTemplates,
#app.app-shell #view-dashboard #trendPrints,
#app.app-shell #view-dashboard #trendSynced{
  color:#16a34a!important;
  -webkit-text-fill-color:#16a34a!important;
}
body.theme-dark #app.app-shell #view-dashboard .dashboard-kpi small,
#app.app-shell.dark #view-dashboard .dashboard-kpi small,
body.theme-dark #app.app-shell #view-dashboard .dashboard-kpi small:not(.positive),
#app.app-shell.dark #view-dashboard .dashboard-kpi small:not(.positive){
  color:#ff9aa7!important;
  -webkit-text-fill-color:#ff9aa7!important;
}
body.theme-dark #app.app-shell #view-dashboard .dashboard-kpi small.positive,
body.theme-dark #app.app-shell #view-dashboard #trendProducts,
body.theme-dark #app.app-shell #view-dashboard #trendShipping,
body.theme-dark #app.app-shell #view-dashboard #trendTemplates,
body.theme-dark #app.app-shell #view-dashboard #trendPrints,
body.theme-dark #app.app-shell #view-dashboard #trendSynced,
#app.app-shell.dark #view-dashboard .dashboard-kpi small.positive,
#app.app-shell.dark #view-dashboard #trendProducts,
#app.app-shell.dark #view-dashboard #trendShipping,
#app.app-shell.dark #view-dashboard #trendTemplates,
#app.app-shell.dark #view-dashboard #trendPrints,
#app.app-shell.dark #view-dashboard #trendSynced{
  color:#55f18f!important;
  -webkit-text-fill-color:#55f18f!important;
}

/* Translation Manager search: clean single-frame, same style as other pages. */
#app.app-shell #view-translations .translation-search,
#app.app-shell #view-translations label.translation-search{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 13px!important;
  border:1px solid #cfe1f1!important;
  border-radius:16px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:hidden!important;
}
#app.app-shell #view-translations .translation-search:focus-within,
#app.app-shell #view-translations label.translation-search:focus-within{
  border-color:#42b9ee!important;
  box-shadow:0 0 0 4px rgba(17,183,230,.12)!important;
}
#app.app-shell #view-translations .translation-search input,
#app.app-shell #view-translations .translation-search input#translationSearch,
#app.app-shell #view-translations .translation-search input:focus{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  color:#17324a!important;
  -webkit-text-fill-color:#17324a!important;
  font-size:13.5px!important;
  font-weight:600!important;
}
#app.app-shell #view-translations .translation-search > svg,
#app.app-shell #view-translations .translation-search .kls-ui-icon{
  width:18px!important;height:18px!important;display:block!important;flex:0 0 18px!important;color:#59738d!important;stroke:currentColor!important;
}
#app.app-shell #view-translations .translation-search > span{
  height:28px!important;
  min-width:42px!important;
  padding:0 8px!important;
  border:1px solid #d7e7f3!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f5f8fb!important;
  color:#61778d!important;
  -webkit-text-fill-color:#61778d!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search,
body.theme-dark #app.app-shell #view-translations label.translation-search,
#app.app-shell.dark #view-translations .translation-search,
#app.app-shell.dark #view-translations label.translation-search{
  background:#071a28!important;
  border-color:#31576f!important;
  box-shadow:none!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search:focus-within,
body.theme-dark #app.app-shell #view-translations label.translation-search:focus-within,
#app.app-shell.dark #view-translations .translation-search:focus-within,
#app.app-shell.dark #view-translations label.translation-search:focus-within{
  border-color:#45c8f0!important;
  box-shadow:0 0 0 4px rgba(34,211,238,.16)!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search input,
#app.app-shell.dark #view-translations .translation-search input{
  color:#eaf7ff!important;
  -webkit-text-fill-color:#eaf7ff!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search input::placeholder,
#app.app-shell.dark #view-translations .translation-search input::placeholder{
  color:#a7bed0!important;
  -webkit-text-fill-color:#a7bed0!important;
  opacity:1!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search > svg,
body.theme-dark #app.app-shell #view-translations .translation-search .kls-ui-icon,
#app.app-shell.dark #view-translations .translation-search > svg,
#app.app-shell.dark #view-translations .translation-search .kls-ui-icon{
  color:#b6d3e6!important;
  stroke:currentColor!important;
}
body.theme-dark #app.app-shell #view-translations .translation-search > span,
#app.app-shell.dark #view-translations .translation-search > span{
  background:#0c2537!important;
  border-color:#31576f!important;
  color:#cce4f3!important;
  -webkit-text-fill-color:#cce4f3!important;
}

/* Translation Manager footer/pagination: follow dark mode, no white footer strip. */
body.theme-dark #app.app-shell #view-translations .translation-pagination,
#app.app-shell.dark #view-translations .translation-pagination{
  background:#071a28!important;
  border-color:#31576f!important;
  color:#c8deec!important;
}
body.theme-dark #app.app-shell #view-translations .translation-info-banner,
#app.app-shell.dark #view-translations .translation-info-banner{
  background:#15113a!important;
  border:1px solid rgba(139,92,246,.28)!important;
  color:#d9ccff!important;
  -webkit-text-fill-color:#d9ccff!important;
}

/* Global custom dropdown options: readable selected/hover states in light and dark. */
#app.app-shell .kls-select-menu{
  background:#fff!important;
  border-color:#cfe1f1!important;
  box-shadow:0 22px 50px rgba(15,23,42,.16)!important;
  z-index:5000!important;
}
#app.app-shell .kls-select-option,
#app.app-shell .kls-select-option span{
  color:#17324a!important;
  -webkit-text-fill-color:#17324a!important;
  font-weight:650!important;
}
#app.app-shell .kls-select-option:hover:not(.selected),
#app.app-shell .kls-select-option.active:not(.selected){
  background:#eef8ff!important;
}
#app.app-shell .kls-select-option:hover:not(.selected) span,
#app.app-shell .kls-select-option.active:not(.selected) span{
  color:#075ed6!important;
  -webkit-text-fill-color:#075ed6!important;
}
#app.app-shell .kls-select-option.selected,
#app.app-shell .kls-select-option.selected:hover{
  background:linear-gradient(135deg,#13bfe8,#1478f2)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#app.app-shell .kls-select-option.selected span,
#app.app-shell .kls-select-option.selected .kls-select-check{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.theme-dark #app.app-shell .kls-select-menu,
#app.app-shell.dark .kls-select-menu{
  background:#071a28!important;
  border-color:#31576f!important;
  box-shadow:0 22px 54px rgba(0,0,0,.55)!important;
}
body.theme-dark #app.app-shell .kls-select-option,
body.theme-dark #app.app-shell .kls-select-option span,
#app.app-shell.dark .kls-select-option,
#app.app-shell.dark .kls-select-option span{
  color:#eaf7ff!important;
  -webkit-text-fill-color:#eaf7ff!important;
}
body.theme-dark #app.app-shell .kls-select-option:hover:not(.selected),
body.theme-dark #app.app-shell .kls-select-option.active:not(.selected),
#app.app-shell.dark .kls-select-option:hover:not(.selected),
#app.app-shell.dark .kls-select-option.active:not(.selected){
  background:#0f3147!important;
}
body.theme-dark #app.app-shell .kls-select-option:hover:not(.selected) span,
body.theme-dark #app.app-shell .kls-select-option.active:not(.selected) span,
#app.app-shell.dark .kls-select-option:hover:not(.selected) span,
#app.app-shell.dark .kls-select-option.active:not(.selected) span{
  color:#c6f4ff!important;
  -webkit-text-fill-color:#c6f4ff!important;
}
body.theme-dark #app.app-shell .kls-select-option.selected,
#app.app-shell.dark .kls-select-option.selected{
  background:linear-gradient(135deg,#18c5f3,#0b7dff)!important;
  color:#06111a!important;
  -webkit-text-fill-color:#06111a!important;
}
body.theme-dark #app.app-shell .kls-select-option.selected span,
body.theme-dark #app.app-shell .kls-select-option.selected .kls-select-check,
#app.app-shell.dark .kls-select-option.selected span,
#app.app-shell.dark .kls-select-option.selected .kls-select-check{
  color:#06111a!important;
  -webkit-text-fill-color:#06111a!important;
}

/* Disabled/secondary buttons: readable but still clearly disabled. */
#app.app-shell button:disabled,
#app.app-shell button[disabled],
#app.app-shell .btn:disabled,
#app.app-shell .btn[disabled]{
  opacity:1!important;
  background:#f4f8fb!important;
  border-color:#d6e5f0!important;
  color:#5f778e!important;
  -webkit-text-fill-color:#5f778e!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  text-shadow:none!important;
}
#app.app-shell button:disabled svg,
#app.app-shell button[disabled] svg,
#app.app-shell .btn:disabled svg,
#app.app-shell .btn[disabled] svg{
  color:#5f778e!important;
  stroke:#5f778e!important;
  opacity:1!important;
}
body.theme-dark #app.app-shell button:disabled,
body.theme-dark #app.app-shell button[disabled],
body.theme-dark #app.app-shell .btn:disabled,
body.theme-dark #app.app-shell .btn[disabled],
#app.app-shell.dark button:disabled,
#app.app-shell.dark button[disabled],
#app.app-shell.dark .btn:disabled,
#app.app-shell.dark .btn[disabled]{
  background:#102537!important;
  border-color:#31576f!important;
  color:#a9c4d7!important;
  -webkit-text-fill-color:#a9c4d7!important;
}
body.theme-dark #app.app-shell button:disabled svg,
body.theme-dark #app.app-shell button[disabled] svg,
body.theme-dark #app.app-shell .btn:disabled svg,
body.theme-dark #app.app-shell .btn[disabled] svg,
#app.app-shell.dark button:disabled svg,
#app.app-shell.dark button[disabled] svg,
#app.app-shell.dark .btn:disabled svg,
#app.app-shell.dark .btn[disabled] svg{
  color:#a9c4d7!important;
  stroke:#a9c4d7!important;
}

/* External Sync action buttons: keep icons/text visible in every state. */
#app.app-shell #view-sync :is(#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn,.sync-final-btn){
  color:#17324a!important;
  -webkit-text-fill-color:#17324a!important;
}
#app.app-shell #view-sync :is(#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.15)!important;
}
body.theme-dark #app.app-shell #view-sync :is(#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn,.sync-final-btn),
#app.app-shell.dark #view-sync :is(#syncTestBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn,.sync-final-btn){
  color:#eaf7ff!important;
  -webkit-text-fill-color:#eaf7ff!important;
}
body.theme-dark #app.app-shell #view-sync :is(#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn),
#app.app-shell.dark #view-sync :is(#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Settings currency Edit/Delete hover: no white-on-white or washed-out hover. */
#app.app-shell #view-settings .settings-currency-actions .edit:hover,
#app.app-shell #view-settings button[data-currency-action="edit"]:hover{
  background:#e7f3ff!important;
  border-color:#8dc7f4!important;
  color:#075ed6!important;
  -webkit-text-fill-color:#075ed6!important;
}
#app.app-shell #view-settings .settings-currency-actions .delete:hover,
#app.app-shell #view-settings button[data-currency-action="delete"]:hover{
  background:#fff0f3!important;
  border-color:#ffb8c6!important;
  color:#d11f3f!important;
  -webkit-text-fill-color:#d11f3f!important;
}
body.theme-dark #app.app-shell #view-settings .settings-currency-actions .edit:hover,
body.theme-dark #app.app-shell #view-settings button[data-currency-action="edit"]:hover,
#app.app-shell.dark #view-settings .settings-currency-actions .edit:hover,
#app.app-shell.dark #view-settings button[data-currency-action="edit"]:hover{
  background:#12344d!important;
  border-color:#4d86a8!important;
  color:#e4f8ff!important;
  -webkit-text-fill-color:#e4f8ff!important;
}
body.theme-dark #app.app-shell #view-settings .settings-currency-actions .delete:hover,
body.theme-dark #app.app-shell #view-settings button[data-currency-action="delete"]:hover,
#app.app-shell.dark #view-settings .settings-currency-actions .delete:hover,
#app.app-shell.dark #view-settings button[data-currency-action="delete"]:hover{
  background:#421522!important;
  border-color:#a54156!important;
  color:#ffe6eb!important;
  -webkit-text-fill-color:#ffe6eb!important;
}

/* Security Top Agents: centered card with restored View All. */
#app.app-shell #view-security #securityTopAgents,
#app.app-shell #view-security .security-top-agents,
#app.app-shell #view-security [data-security-card="top-agents"]{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-height:100%!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row,
#app.app-shell #view-security .security-top-agents .ati-simple-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:7px 0!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row span,
#app.app-shell #view-security .security-top-agents .ati-simple-row span{
  text-align:left!important;
  min-width:0!important;
}
#app.app-shell #view-security #securityTopAgents .ati-simple-row strong,
#app.app-shell #view-security .security-top-agents .ati-simple-row strong{
  justify-self:end!important;
  min-width:28px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  background:#eaf4ff!important;
  color:#075ed6!important;
  -webkit-text-fill-color:#075ed6!important;
}
body.theme-dark #app.app-shell #view-security #securityTopAgents .ati-simple-row strong,
body.theme-dark #app.app-shell #view-security .security-top-agents .ati-simple-row strong,
#app.app-shell.dark #view-security #securityTopAgents .ati-simple-row strong,
#app.app-shell.dark #view-security .security-top-agents .ati-simple-row strong{
  background:#14334b!important;
  color:#c9f2ff!important;
  -webkit-text-fill-color:#c9f2ff!important;
}
#app.app-shell #view-security #securityTopAgents .security-view-more,
#app.app-shell #view-security .security-top-agents .security-view-more,
#app.app-shell #view-security [data-security-card="top-agents"] .security-view-more,
#app.app-shell #view-security [data-security-card="top-agents"] a,
#app.app-shell #view-security [data-security-card="top-agents"] button{
  visibility:visible!important;
  opacity:1!important;
}
#app.app-shell #view-security #securityTopAgents .security-view-more,
#app.app-shell #view-security .security-top-agents .security-view-more{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:auto!important;
  padding-top:8px!important;
  font-weight:750!important;
}

/* Template Designer Lock/Unlock button: visible text in both themes. */
#app.app-shell #view-templates :is(.lock-btn,.unlock-btn,[data-action="toggle-lock"],#layerLockBtn),
#app.app-shell #view-templates button:has(.kls-ui-icon)+button{
  color:#172b42!important;
  -webkit-text-fill-color:#172b42!important;
}
body.theme-dark #app.app-shell #view-templates :is(.lock-btn,.unlock-btn,[data-action="toggle-lock"],#layerLockBtn),
#app.app-shell.dark #view-templates :is(.lock-btn,.unlock-btn,[data-action="toggle-lock"],#layerLockBtn){
  background:#f8fbff!important;
  border-color:#d7e7f3!important;
  color:#071827!important;
  -webkit-text-fill-color:#071827!important;
}

/* Profile / upload image buttons: readable text with clear icon contrast. */
#app.app-shell .profile-modal button,
#app.app-shell .account-modal button,
#app.app-shell .profile-photo button,
#app.app-shell .profile-photo-upload button,
#app.app-shell label.file-upload-btn,
#app.app-shell .file-upload-btn{
  color:inherit;
  -webkit-text-fill-color:currentColor;
}
#app.app-shell .profile-modal .primary,
#app.app-shell .account-modal .primary,
#app.app-shell .file-upload-btn.primary,
#app.app-shell label.file-upload-btn.primary{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.theme-dark #app.app-shell .profile-modal .primary,
body.theme-dark #app.app-shell .account-modal .primary,
body.theme-dark #app.app-shell .file-upload-btn.primary,
#app.app-shell.dark .profile-modal .primary,
#app.app-shell.dark .account-modal .primary,
#app.app-shell.dark .file-upload-btn.primary{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Dashboard system badges: readable on dark mode and not washed out. */
body.theme-dark #app.app-shell #view-dashboard .dash-status-pill,
body.theme-dark #app.app-shell #view-dashboard .status-pill,
body.theme-dark #app.app-shell #view-dashboard .badge,
#app.app-shell.dark #view-dashboard .dash-status-pill,
#app.app-shell.dark #view-dashboard .status-pill,
#app.app-shell.dark #view-dashboard .badge{
  color:#082032!important;
  -webkit-text-fill-color:#082032!important;
  border-color:rgba(255,255,255,.14)!important;
}
body.theme-dark #app.app-shell #view-dashboard .dash-status-pill.success,
body.theme-dark #app.app-shell #view-dashboard .status-pill.success,
body.theme-dark #app.app-shell #view-dashboard .badge.success,
#app.app-shell.dark #view-dashboard .dash-status-pill.success,
#app.app-shell.dark #view-dashboard .status-pill.success,
#app.app-shell.dark #view-dashboard .badge.success{
  background:#bbf7d0!important;
  color:#052e16!important;
  -webkit-text-fill-color:#052e16!important;
}

/* Notification badge numbers: crisp in light/dark. */
#app.app-shell .notification-count,
#app.app-shell .notif-count,
#app.app-shell .bell-badge,
.notification-count,
.notif-count,
.bell-badge{
  background:#ef4444!important;
  border-color:#fff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:850!important;
}
body.theme-dark #app.app-shell .notification-count,
body.theme-dark #app.app-shell .notif-count,
body.theme-dark #app.app-shell .bell-badge,
#app.app-shell.dark .notification-count,
#app.app-shell.dark .notif-count,
#app.app-shell.dark .bell-badge{
  background:#ff6b6b!important;
  border-color:#07111b!important;
  color:#06111a!important;
  -webkit-text-fill-color:#06111a!important;
}

/* v2.1.173 — External Sync button background visibility fix
   Keep disabled actions visibly disabled but readable in light mode. */
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn):disabled,
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn)[disabled],
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn).is-disabled,
body:not(.theme-dark) #app.app-shell #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn):disabled,
body:not(.theme-dark) #app.app-shell #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn)[disabled],
body:not(.theme-dark) #app.app-shell #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn).is-disabled{
  background:#f7fbff!important;
  border-color:#b9d5e9!important;
  color:#58738a!important;
  -webkit-text-fill-color:#58738a!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn):disabled :is(span,svg,path),
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn)[disabled] :is(span,svg,path),
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn).is-disabled :is(span,svg,path),
body:not(.theme-dark) #app.app-shell #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn):disabled :is(span,svg,path),
body:not(.theme-dark) #app.app-shell #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn)[disabled] :is(span,svg,path),
body:not(.theme-dark) #app.app-shell #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncSaveConnectionBtn,#syncDisconnectBtn,#syncAutoJoinBtn,.sync-action-btn).is-disabled :is(span,svg,path){
  color:#58738a!important;
  -webkit-text-fill-color:#58738a!important;
  stroke:#58738a!important;
  fill:none!important;
  opacity:1!important;
}

/* Keep active External Sync primary actions strong and readable. */
#app.app-shell #view-sync :is(#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn):not(:disabled):not([disabled]) :is(span,svg,path),
#app.app-shell #view-sync :is(#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn):not(:disabled):not([disabled]){
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  stroke:#ffffff!important;
}
/* v2.1.173 — External Sync Button Background Visibility Fix
   Light mode: disabled/secondary External Sync buttons now use visible backgrounds
   instead of white-on-white text. Dark mode remains protected. */
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn,
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn:disabled,
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn[disabled],
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn.is-disabled,
#app.app-shell.light #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn,
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn{
  background:linear-gradient(180deg,#e9f4fc 0%,#d9eaf6 100%)!important;
  border-color:#9fc4df!important;
  color:#173a52!important;
  -webkit-text-fill-color:#173a52!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:0 8px 18px rgba(58,105,140,.10)!important;
}
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn :is(span,svg,path),
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn:disabled :is(span,svg,path),
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn[disabled] :is(span,svg,path),
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn.is-disabled :is(span,svg,path),
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncAutoJoinBtn).sync-action-btn :is(span,svg,path){
  color:#173a52!important;
  -webkit-text-fill-color:#173a52!important;
  stroke:#173a52!important;
  opacity:1!important;
}
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn,
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn:disabled,
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn[disabled],
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn.is-disabled,
#app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn{
  background:linear-gradient(180deg,#fff0f3 0%,#f7dce4 100%)!important;
  border-color:#e9abb8!important;
  color:#9c1f3d!important;
  -webkit-text-fill-color:#9c1f3d!important;
  opacity:1!important;
  text-shadow:none!important;
  box-shadow:0 8px 18px rgba(156,31,61,.10)!important;
}
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn :is(span,svg,path),
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn:disabled :is(span,svg,path),
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn[disabled] :is(span,svg,path),
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn.is-disabled :is(span,svg,path),
#app.app-shell:not(.dark) #view-sync #syncDisconnectBtn.sync-disconnect-btn :is(span,svg,path){
  color:#9c1f3d!important;
  -webkit-text-fill-color:#9c1f3d!important;
  stroke:#9c1f3d!important;
  opacity:1!important;
}
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncDisconnectBtn,#syncAutoJoinBtn).sync-action-btn:hover,
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncDisconnectBtn,#syncAutoJoinBtn).sync-action-btn:hover{
  filter:saturate(1.04) brightness(.99)!important;
  transform:translateY(-1px);
}
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncDisconnectBtn,#syncAutoJoinBtn).sync-action-btn:disabled:hover,
#app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncDisconnectBtn,#syncAutoJoinBtn).sync-action-btn:disabled:hover{
  transform:none!important;
}
/* Keep true disabled state visibly disabled but readable using a diagonal sheen. */
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncDisconnectBtn,#syncAutoJoinBtn,#syncAutoJoinBtn).sync-action-btn:disabled,
body:not(.theme-dark) #app.app-shell:not(.dark) #view-sync :is(#syncTestBtn,#syncSaveBtn,#syncDisconnectBtn,#syncAutoJoinBtn,#syncAutoJoinBtn).sync-action-btn[disabled]{
  cursor:not-allowed!important;
}
/* v2.1.173 — Global Button Style Unification
   One professional action-button language across Dashboard, Products, Shipping,
   Template Design, Print Center, Activity Log, Security, External Sync,
   Translation Manager, Users, Settings, modals, light mode, and dark mode.
   Printed labels/templates/canvas artwork are excluded. */
:root{
  --kls-action-bg:linear-gradient(135deg,#18c2de 0%,#0b7df2 100%);
  --kls-action-bg-hover:linear-gradient(135deg,#12b8d8 0%,#076fe6 100%);
  --kls-action-bg-active:linear-gradient(135deg,#0aa8c8 0%,#065bd1 100%);
  --kls-action-text:#ffffff;
  --kls-action-shadow:0 14px 30px rgba(8,126,242,.20);
  --kls-action-shadow-hover:0 18px 38px rgba(8,126,242,.26);
  --kls-action-radius:16px;
  --kls-action-height:46px;
  --kls-action-pad:12px 20px;
  --kls-secondary-bg:#ffffff;
  --kls-secondary-bg-hover:#eef8ff;
  --kls-secondary-border:#cfe1f1;
  --kls-secondary-text:#17324a;
  --kls-secondary-shadow:0 10px 22px rgba(18,46,78,.06);
  --kls-disabled-bg:#edf5fb;
  --kls-disabled-border:#c8dce9;
  --kls-disabled-text:#557086;
}
body.theme-dark,
#app.app-shell.dark{
  --kls-secondary-bg:#071a28;
  --kls-secondary-bg-hover:#0e2b40;
  --kls-secondary-border:#31576f;
  --kls-secondary-text:#eaf7ff;
  --kls-secondary-shadow:none;
  --kls-disabled-bg:#102638;
  --kls-disabled-border:#31576f;
  --kls-disabled-text:#a9c6d9;
}

/* Primary action buttons: one unified pro gradient. */
#app.app-shell :is(
  .primary,
  .users-primary-action,
  .users-save-btn,
  .save-product-pro,
  .save-shipping-pro,
  .products-new-btn,
  .shipping-new-btn,
  .print-open-btn,
  .security-submit-btn,
  .translation-action-btn.primary,
  #translationSaveBtn,
  #translationSideScanBtn,
  #syncManualBtn,
  #syncFinalSaveBtn,
  #syncAddJoinBtn,
  #newProductBtn,
  #newShippingBtn,
  #openPrintBtn,
  #savePwaSettingsBtn,
  #saveMenuLayoutBtn,
  #saveBackupSettingsBtn,
  #saveAllSettingsBtn,
  #profileSaveBtn,
  #scannerCloseBottomBtn,
  #dashboardDateApply,
  #activityDetailsDoneBtn,
  #securityMoreDoneBtn,
  #klsConfirmOk
):not(:disabled):not([disabled]):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  min-height:var(--kls-action-height)!important;
  height:auto!important;
  padding:var(--kls-action-pad)!important;
  border:1px solid transparent!important;
  border-radius:var(--kls-action-radius)!important;
  background:var(--kls-action-bg)!important;
  background-image:var(--kls-action-bg)!important;
  color:var(--kls-action-text)!important;
  -webkit-text-fill-color:var(--kls-action-text)!important;
  font-weight:800!important;
  line-height:1.18!important;
  letter-spacing:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  box-shadow:var(--kls-action-shadow)!important;
  text-shadow:none!important;
  opacity:1!important;
  transform:none;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease!important;
}
#app.app-shell :is(
  .primary,
  .users-primary-action,
  .users-save-btn,
  .save-product-pro,
  .save-shipping-pro,
  .products-new-btn,
  .shipping-new-btn,
  .print-open-btn,
  .security-submit-btn,
  .translation-action-btn.primary,
  #translationSaveBtn,
  #translationSideScanBtn,
  #syncManualBtn,
  #syncFinalSaveBtn,
  #syncAddJoinBtn,
  #newProductBtn,
  #newShippingBtn,
  #openPrintBtn,
  #savePwaSettingsBtn,
  #saveMenuLayoutBtn,
  #saveBackupSettingsBtn,
  #saveAllSettingsBtn,
  #profileSaveBtn,
  #scannerCloseBottomBtn,
  #dashboardDateApply,
  #activityDetailsDoneBtn,
  #securityMoreDoneBtn,
  #klsConfirmOk
):not(:disabled):not([disabled]) :is(span,svg,path,.kls-icon,.kls-ui-icon,.button-icon){
  color:var(--kls-action-text)!important;
  -webkit-text-fill-color:var(--kls-action-text)!important;
  stroke:currentColor!important;
  opacity:1!important;
}
#app.app-shell :is(
  .primary,
  .users-primary-action,
  .users-save-btn,
  .save-product-pro,
  .save-shipping-pro,
  .products-new-btn,
  .shipping-new-btn,
  .print-open-btn,
  .security-submit-btn,
  .translation-action-btn.primary,
  #translationSaveBtn,
  #translationSideScanBtn,
  #syncManualBtn,
  #syncFinalSaveBtn,
  #syncAddJoinBtn,
  #newProductBtn,
  #newShippingBtn,
  #openPrintBtn,
  #savePwaSettingsBtn,
  #saveMenuLayoutBtn,
  #saveBackupSettingsBtn,
  #saveAllSettingsBtn,
  #profileSaveBtn,
  #scannerCloseBottomBtn,
  #dashboardDateApply,
  #activityDetailsDoneBtn,
  #securityMoreDoneBtn,
  #klsConfirmOk
):not(:disabled):not([disabled]):hover{
  background:var(--kls-action-bg-hover)!important;
  background-image:var(--kls-action-bg-hover)!important;
  box-shadow:var(--kls-action-shadow-hover)!important;
  transform:translateY(-1px)!important;
}
#app.app-shell :is(
  .primary,
  .users-primary-action,
  .users-save-btn,
  .save-product-pro,
  .save-shipping-pro,
  .products-new-btn,
  .shipping-new-btn,
  .print-open-btn,
  .security-submit-btn,
  .translation-action-btn.primary,
  #translationSaveBtn,
  #translationSideScanBtn,
  #syncManualBtn,
  #syncFinalSaveBtn,
  #syncAddJoinBtn,
  #newProductBtn,
  #newShippingBtn,
  #openPrintBtn,
  #savePwaSettingsBtn,
  #saveMenuLayoutBtn,
  #saveBackupSettingsBtn,
  #saveAllSettingsBtn,
  #profileSaveBtn,
  #scannerCloseBottomBtn,
  #dashboardDateApply,
  #activityDetailsDoneBtn,
  #securityMoreDoneBtn,
  #klsConfirmOk
):not(:disabled):not([disabled]):active{
  background:var(--kls-action-bg-active)!important;
  background-image:var(--kls-action-bg-active)!important;
  transform:translateY(0)!important;
  box-shadow:0 8px 18px rgba(8,126,242,.20)!important;
}

/* Secondary text buttons: one consistent outline style, excluding icon-only/sidebar/canvas controls. */
#app.app-shell :is(
  .ghost,
  .filter-pro-btn,
  .template-link-btn,
  .auto-generate-pro,
  .advanced-pro-btn,
  .settings-icon-button,
  .settings-icon-upload-btn,
  .print-preview-pro,
  .sync-use-btn
):not(.primary):not(.danger):not(.icon-action):not(.dash-card-toggle):not(.settings-collapse-btn):not(.sidebar-top-toggle):not(.mobile-menu-btn):not(.sidebar-close-btn):not(.security-more-close):not(:disabled):not([disabled]):not(.label-paper *):not(.shipping-label-paper *):not(.print-sheet *):not(.template-canvas *):not(.designer-canvas *):not(.canvas-item *){
  min-height:var(--kls-action-height)!important;
  padding:11px 18px!important;
  border:1px solid var(--kls-secondary-border)!important;
  border-radius:var(--kls-action-radius)!important;
  background:var(--kls-secondary-bg)!important;
  background-image:none!important;
  color:var(--kls-secondary-text)!important;
  -webkit-text-fill-color:var(--kls-secondary-text)!important;
  font-weight:760!important;
  line-height:1.18!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
  box-shadow:var(--kls-secondary-shadow)!important;
  text-shadow:none!important;
  opacity:1!important;
  transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease!important;
}
#app.app-shell :is(
  .ghost,
  .filter-pro-btn,
  .template-link-btn,
  .auto-generate-pro,
  .advanced-pro-btn,
  .settings-icon-button,
  .settings-icon-upload-btn,
  .print-preview-pro,
  .sync-use-btn
):not(.primary):not(.danger):not(.icon-action):not(.dash-card-toggle):not(.settings-collapse-btn):not(.sidebar-top-toggle):not(.mobile-menu-btn):not(.sidebar-close-btn):not(.security-more-close):not(:disabled):not([disabled]) :is(span,svg,path,.kls-icon,.kls-ui-icon,.button-icon){
  color:var(--kls-secondary-text)!important;
  -webkit-text-fill-color:var(--kls-secondary-text)!important;
  stroke:currentColor!important;
  opacity:1!important;
}
#app.app-shell :is(
  .ghost,
  .filter-pro-btn,
  .template-link-btn,
  .auto-generate-pro,
  .advanced-pro-btn,
  .settings-icon-button,
  .settings-icon-upload-btn,
  .print-preview-pro,
  .sync-use-btn
):not(.primary):not(.danger):not(.icon-action):not(.dash-card-toggle):not(.settings-collapse-btn):not(.sidebar-top-toggle):not(.mobile-menu-btn):not(.sidebar-close-btn):not(.security-more-close):not(:disabled):not([disabled]):hover{
  background:var(--kls-secondary-bg-hover)!important;
  border-color:#74c7ee!important;
  color:#075ed6!important;
  -webkit-text-fill-color:#075ed6!important;
  transform:translateY(-1px)!important;
}
body.theme-dark #app.app-shell :is(
  .ghost,
  .filter-pro-btn,
  .template-link-btn,
  .auto-generate-pro,
  .advanced-pro-btn,
  .settings-icon-button,
  .settings-icon-upload-btn,
  .print-preview-pro,
  .sync-use-btn
):not(.primary):not(.danger):not(.icon-action):not(.dash-card-toggle):not(.settings-collapse-btn):not(.sidebar-top-toggle):not(.mobile-menu-btn):not(.sidebar-close-btn):not(.security-more-close):not(:disabled):not([disabled]):hover,
#app.app-shell.dark :is(
  .ghost,
  .filter-pro-btn,
  .template-link-btn,
  .auto-generate-pro,
  .advanced-pro-btn,
  .settings-icon-button,
  .settings-icon-upload-btn,
  .print-preview-pro,
  .sync-use-btn
):not(.primary):not(.danger):not(.icon-action):not(.dash-card-toggle):not(.settings-collapse-btn):not(.sidebar-top-toggle):not(.mobile-menu-btn):not(.sidebar-close-btn):not(.security-more-close):not(:disabled):not([disabled]):hover{
  color:#dff8ff!important;
  -webkit-text-fill-color:#dff8ff!important;
}

/* Disabled buttons: visible in both modes, readable, but clearly inactive. */
#app.app-shell :is(button,.primary,.ghost,.users-primary-action,.sync-action-btn,.security-submit-btn,.print-open-btn,.settings-icon-button,.settings-icon-upload-btn):disabled,
#app.app-shell :is(button,.primary,.ghost,.users-primary-action,.sync-action-btn,.security-submit-btn,.print-open-btn,.settings-icon-button,.settings-icon-upload-btn)[disabled],
#app.app-shell :is(button,.primary,.ghost,.users-primary-action,.sync-action-btn,.security-submit-btn,.print-open-btn,.settings-icon-button,.settings-icon-upload-btn).is-disabled{
  background:var(--kls-disabled-bg)!important;
  background-image:none!important;
  border:1px solid var(--kls-disabled-border)!important;
  color:var(--kls-disabled-text)!important;
  -webkit-text-fill-color:var(--kls-disabled-text)!important;
  opacity:1!important;
  box-shadow:none!important;
  text-shadow:none!important;
  cursor:not-allowed!important;
  transform:none!important;
}
#app.app-shell :is(button,.primary,.ghost,.users-primary-action,.sync-action-btn,.security-submit-btn,.print-open-btn,.settings-icon-button,.settings-icon-upload-btn):disabled :is(span,svg,path,.kls-icon,.kls-ui-icon,.button-icon),
#app.app-shell :is(button,.primary,.ghost,.users-primary-action,.sync-action-btn,.security-submit-btn,.print-open-btn,.settings-icon-button,.settings-icon-upload-btn)[disabled] :is(span,svg,path,.kls-icon,.kls-ui-icon,.button-icon),
#app.app-shell :is(button,.primary,.ghost,.users-primary-action,.sync-action-btn,.security-submit-btn,.print-open-btn,.settings-icon-button,.settings-icon-upload-btn).is-disabled :is(span,svg,path,.kls-icon,.kls-ui-icon,.button-icon){
  color:var(--kls-disabled-text)!important;
  -webkit-text-fill-color:var(--kls-disabled-text)!important;
  stroke:currentColor!important;
  opacity:1!important;
}

/* Keep special utility/action buttons readable without forcing them into the primary gradient. */
#app.app-shell :is(.icon-action,.users-action-btn,.security-icon-btn,.activity-row-menu-btn,.dash-card-toggle,.settings-small-btn,.settings-collapse-btn):not(:disabled):not([disabled]){
  opacity:1!important;
  text-shadow:none!important;
}

/* Mobile: primary/secondary buttons keep the same style and fit the page width cleanly. */
@media(max-width:760px){
  #app.app-shell :is(.primary,.users-primary-action,.users-save-btn,.save-product-pro,.save-shipping-pro,.products-new-btn,.shipping-new-btn,.print-open-btn,.security-submit-btn,.translation-action-btn.primary,#translationSaveBtn,#translationSideScanBtn,#syncManualBtn,#syncFinalSaveBtn,#syncAddJoinBtn,#newProductBtn,#newShippingBtn,#openPrintBtn,#savePwaSettingsBtn,#saveMenuLayoutBtn,#saveBackupSettingsBtn,#saveAllSettingsBtn,#profileSaveBtn,#scannerCloseBottomBtn):not(:disabled):not([disabled]){
    min-height:44px!important;
    padding:11px 16px!important;
    border-radius:15px!important;
  }
}

/* v2.1.174 — Saved Products Actions Column Color Match
   Scope: Products page > Saved Products table only. Keeps all buttons and system styles unchanged. */
#app.app-shell #view-products .saved-products-table-wrap table thead th:last-child{
  background:var(--kls-pro-surface-2)!important;
  color:var(--kls-pro-muted)!important;
  box-shadow:none!important;
}
#app.app-shell #view-products .saved-products-table-wrap table tbody td:last-child{
  background:transparent!important;
  box-shadow:none!important;
}
#app.app-shell #view-products .saved-products-table-wrap table tbody tr:hover td:last-child{
  background:rgba(248,252,255,.74)!important;
}
body.theme-dark #app.app-shell #view-products .saved-products-table-wrap table thead th:last-child,
#app.app-shell.dark #view-products .saved-products-table-wrap table thead th:last-child{
  background:#102234!important;
  color:#b8cce0!important;
}
body.theme-dark #app.app-shell #view-products .saved-products-table-wrap table tbody td:last-child,
#app.app-shell.dark #view-products .saved-products-table-wrap table tbody td:last-child{
  background:transparent!important;
}
body.theme-dark #app.app-shell #view-products .saved-products-table-wrap table tbody tr:hover td:last-child,
#app.app-shell.dark #view-products .saved-products-table-wrap table tbody tr:hover td:last-child{
  background:rgba(255,255,255,.015)!important;
}

/* v2.1.178 — Security page only: collapse controls, number fields, and table widget polish */
#app.app-shell #view-security{
  --kls-security-toggle-bg:#ffffff;
  --kls-security-toggle-border:#d5e5f4;
  --kls-security-toggle-text:#1d4f83;
  --kls-security-toggle-shadow:0 8px 18px rgba(15,23,42,.05);
}
#app.app-shell.dark #view-security,
body.theme-dark #app.app-shell #view-security{
  --kls-security-toggle-bg:#0d2435;
  --kls-security-toggle-border:#315973;
  --kls-security-toggle-text:#dff5ff;
  --kls-security-toggle-shadow:0 10px 22px rgba(0,0,0,.20);
}

/* Keep every Security collapse/expand button inside its card and aligned like one system. */
#app.app-shell #view-security .security-section{
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#app.app-shell #view-security .security-section-head{
  width:100%!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:13px 16px!important;
  overflow:hidden!important;
}
#app.app-shell #view-security .security-head-title{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
}
#app.app-shell #view-security .security-head-title h3{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#app.app-shell #view-security .security-collapse-btn,
#app.app-shell #view-security .security-table-grid .security-collapse-btn{
  position:relative!important;
  inset:auto!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  flex:0 0 36px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border-radius:13px!important;
  border:1px solid var(--kls-security-toggle-border)!important;
  background:var(--kls-security-toggle-bg)!important;
  color:var(--kls-security-toggle-text)!important;
  -webkit-text-fill-color:var(--kls-security-toggle-text)!important;
  box-shadow:var(--kls-security-toggle-shadow)!important;
  opacity:1!important;
  transform:none!important;
}
#app.app-shell #view-security .security-collapse-btn .kls-ui-icon,
#app.app-shell #view-security .security-collapse-btn svg,
#app.app-shell #view-security .security-collapse-btn path{
  width:15px!important;
  height:15px!important;
  color:var(--kls-security-toggle-text)!important;
  stroke:currentColor!important;
  -webkit-text-fill-color:var(--kls-security-toggle-text)!important;
  opacity:1!important;
}
#app.app-shell #view-security .security-collapse-btn:hover{
  border-color:#38bdf8!important;
  background:linear-gradient(135deg,#eefaff,#ffffff)!important;
  color:#087ef2!important;
  -webkit-text-fill-color:#087ef2!important;
  transform:none!important;
}
#app.app-shell.dark #view-security .security-collapse-btn:hover,
body.theme-dark #app.app-shell #view-security .security-collapse-btn:hover{
  background:#10324a!important;
  border-color:#38bdf8!important;
  color:#e8fbff!important;
  -webkit-text-fill-color:#e8fbff!important;
}
#app.app-shell #view-security .security-section.is-collapsed .security-section-head{
  min-height:56px!important;
  height:56px!important;
  border-bottom:0!important;
}
#app.app-shell #view-security .security-section.is-collapsed .security-chevron-icon{
  transform:rotate(180deg)!important;
}

/* Security page number inputs: remove native up/down stepper buttons only here. */
#app.app-shell #view-security input[type="number"]{
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}
#app.app-shell #view-security input[type="number"]::-webkit-outer-spin-button,
#app.app-shell #view-security input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none!important;
  appearance:none!important;
  margin:0!important;
}

/* Advanced Threat Intelligence: keep every View All/View More link inside its mini panel. */
#app.app-shell #view-security [data-security-section="advanced"] .security-advanced-grid{
  align-items:stretch!important;
}
#app.app-shell #view-security [data-security-section="advanced"] .security-mini-panel{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:186px!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:14px!important;
  box-sizing:border-box!important;
}
#app.app-shell #view-security [data-security-section="advanced"] .security-mini-head{
  flex:0 0 auto!important;
  min-height:20px!important;
  margin:0 0 8px!important;
}
#app.app-shell #view-security [data-security-section="advanced"] :is(#securityHotIpProfiles,#securityThreatActors,#securityTopAgents,#securityRecentEvents){
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
#app.app-shell #view-security [data-security-section="advanced"] :is(.ati-hot-list,.ati-simple-list,.ati-event-list){
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
}
#app.app-shell #view-security [data-security-section="advanced"] .security-view-more,
#app.app-shell #view-security [data-security-section="advanced"] #securityTopAgents .security-view-more{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  width:auto!important;
  min-width:78px!important;
  min-height:22px!important;
  margin:auto auto 0!important;
  padding:0 8px!important;
  border:0!important;
  background:transparent!important;
  color:#087ef2!important;
  -webkit-text-fill-color:#087ef2!important;
  line-height:1!important;
  text-align:center!important;
  z-index:1!important;
}
#app.app-shell.dark #view-security [data-security-section="advanced"] .security-view-more,
body.theme-dark #app.app-shell #view-security [data-security-section="advanced"] .security-view-more{
  color:#79dcff!important;
  -webkit-text-fill-color:#79dcff!important;
}

/* Bottom security tables: refined collapsed headers and stable table footer buttons. */
#app.app-shell #view-security .security-table-grid{
  align-items:stretch!important;
  gap:14px!important;
}
#app.app-shell #view-security .security-table-grid > .security-section{
  min-height:166px!important;
  height:auto!important;
  max-height:none!important;
  border-radius:16px!important;
}
#app.app-shell #view-security .security-table-grid > .security-section.is-collapsed{
  min-height:56px!important;
  height:56px!important;
  max-height:56px!important;
}
#app.app-shell #view-security .security-table-grid .security-section-head{
  flex:0 0 auto!important;
  min-height:56px!important;
  height:56px!important;
  padding:12px 16px!important;
}
#app.app-shell #view-security .security-table-grid .security-section-body{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:0 16px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
#app.app-shell #view-security .security-table-grid .security-table-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:0!important;
}
#app.app-shell #view-security .security-table-grid .security-table-more{
  flex:0 0 24px!important;
  min-height:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:4px 0 0!important;
  overflow:hidden!important;
}
#app.app-shell #view-security .security-table-grid .security-table-more .security-view-more{
  position:static!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:70px!important;
  min-height:18px!important;
  margin:0 auto!important;
  padding:0 8px!important;
  line-height:1!important;
  border:0!important;
  background:transparent!important;
  color:#087ef2!important;
  -webkit-text-fill-color:#087ef2!important;
  text-align:center!important;
}
#app.app-shell.dark #view-security .security-table-grid .security-table-more .security-view-more,
body.theme-dark #app.app-shell #view-security .security-table-grid .security-table-more .security-view-more{
  color:#79dcff!important;
  -webkit-text-fill-color:#79dcff!important;
}
#app.app-shell #view-security .security-table-grid .security-action-row{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:6px!important;
  overflow:hidden!important;
}
#app.app-shell #view-security .security-table-grid .security-icon-btn{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
}

@media (max-width:1100px){
  #app.app-shell #view-security .security-dual-grid,
  #app.app-shell #view-security .security-table-grid,
  #app.app-shell #view-security [data-security-section="advanced"] .security-advanced-grid{
    grid-template-columns:1fr!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section{
    min-height:170px!important;
  }
}

/* v2.1.178 — Security bottom IP tables column spacing polish only */
#app.app-shell #view-security .security-table-grid{
  grid-template-columns:minmax(370px,1.04fr) minmax(390px,1.08fr) minmax(430px,1.18fr)!important;
  column-gap:16px!important;
  row-gap:16px!important;
}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap,
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap{
  overflow:hidden!important;
}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap table,
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap table{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap thead th,
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap thead th,
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td{
  box-sizing:border-box!important;
  padding-left:5px!important;
  padding-right:5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap thead th:nth-child(1),
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td:nth-child(1){width:24%!important;}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap thead th:nth-child(2),
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td:nth-child(2){width:24%!important;padding-right:8px!important;}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap thead th:nth-child(3),
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td:nth-child(3){width:20%!important;padding-left:8px!important;}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap thead th:nth-child(4),
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td:nth-child(4){width:12%!important;}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap thead th:nth-child(5),
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td:nth-child(5){width:20%!important;text-align:center!important;}

#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap thead th:nth-child(1),
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:nth-child(1){width:21%!important;}
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap thead th:nth-child(2),
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:nth-child(2){width:13%!important;}
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap thead th:nth-child(3),
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:nth-child(3){width:24%!important;}
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap thead th:nth-child(4),
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:nth-child(4){width:25%!important;padding-right:10px!important;}
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap thead th:nth-child(5),
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:nth-child(5){width:17%!important;text-align:center!important;padding-left:8px!important;}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td:nth-child(5),
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:nth-child(5){
  overflow:visible!important;
}
#app.app-shell #view-security [data-security-section="blocks"] .security-action-row,
#app.app-shell #view-security [data-security-section="whitelist"] .security-action-row{
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  min-width:58px!important;
}
#app.app-shell #view-security [data-security-section="blocks"] .security-table-pill,
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-pill{
  max-width:100%!important;
  min-width:0!important;
  padding-left:7px!important;
  padding-right:7px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:nth-child(4){
  font-size:9.4px!important;
  letter-spacing:-.01em!important;
}
@media (max-width:1320px){
  #app.app-shell #view-security .security-table-grid{
    grid-template-columns:1fr!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section{
    min-height:174px!important;
  }
}
@media (max-width:760px){
  #app.app-shell #view-security .security-table-grid{
    grid-template-columns:1fr!important;
  }
}

/* v2.1.179 — External Sync page only: field icons, table picker, select menus, and view more buttons polish */
#view-sync .sync-password-box,
#view-sync .sync-input-action{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
#view-sync .sync-password-box input,
#view-sync .sync-input-action input{
  width:100%!important;
  min-width:0!important;
  padding-inline-end:48px!important;
}
html[dir="rtl"] #view-sync .sync-password-box input,
html[dir="rtl"] #view-sync .sync-input-action input{
  padding-inline-start:48px!important;
  padding-inline-end:12px!important;
}
#view-sync .sync-password-box .sync-mini-icon-btn,
#view-sync .sync-input-action .sync-mini-icon-btn{
  position:absolute!important;
  inset-inline-end:6px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  flex:0 0 32px!important;
  padding:0!important;
  border-radius:11px!important;
  display:grid!important;
  place-items:center!important;
  background:#f4fbff!important;
  border:1px solid #c8e2f6!important;
  color:#315a75!important;
  box-shadow:none!important;
  z-index:3!important;
}
html[dir="rtl"] #view-sync .sync-password-box .sync-mini-icon-btn,
html[dir="rtl"] #view-sync .sync-input-action .sync-mini-icon-btn{
  inset-inline-start:6px!important;
  inset-inline-end:auto!important;
}
#view-sync .sync-password-box .sync-mini-icon-btn:hover,
#view-sync .sync-input-action .sync-mini-icon-btn:hover,
#view-sync .sync-password-box .sync-mini-icon-btn:focus-visible,
#view-sync .sync-input-action .sync-mini-icon-btn:focus-visible{
  transform:translateY(-50%)!important;
  background:#e8f6ff!important;
  border-color:#92cff4!important;
  color:#0576d8!important;
  box-shadow:0 0 0 3px rgba(17,183,230,.12)!important;
}
#view-sync .sync-password-box .sync-mini-icon-btn .kls-ui-icon,
#view-sync .sync-input-action .sync-mini-icon-btn .kls-ui-icon{
  width:15px!important;
  height:15px!important;
  stroke-width:2.25!important;
}
body.theme-dark #view-sync .sync-password-box .sync-mini-icon-btn,
body.theme-dark #view-sync .sync-input-action .sync-mini-icon-btn,
.app-shell.dark #view-sync .sync-password-box .sync-mini-icon-btn,
.app-shell.dark #view-sync .sync-input-action .sync-mini-icon-btn{
  background:#0a1d2b!important;
  border-color:#294961!important;
  color:#9fdaff!important;
}
body.theme-dark #view-sync .sync-password-box .sync-mini-icon-btn:hover,
body.theme-dark #view-sync .sync-input-action .sync-mini-icon-btn:hover,
body.theme-dark #view-sync .sync-password-box .sync-mini-icon-btn:focus-visible,
body.theme-dark #view-sync .sync-input-action .sync-mini-icon-btn:focus-visible,
.app-shell.dark #view-sync .sync-password-box .sync-mini-icon-btn:hover,
.app-shell.dark #view-sync .sync-input-action .sync-mini-icon-btn:hover,
.app-shell.dark #view-sync .sync-password-box .sync-mini-icon-btn:focus-visible,
.app-shell.dark #view-sync .sync-input-action .sync-mini-icon-btn:focus-visible{
  background:#102d42!important;
  border-color:#35a8e7!important;
  color:#dff6ff!important;
  box-shadow:0 0 0 3px rgba(53,168,231,.16)!important;
}

#view-sync .sync-overview-block.source-block,
#view-sync #syncTablePicker,
#view-sync .sync-multi-select{
  overflow:visible!important;
  position:relative!important;
  z-index:50!important;
}
#view-sync .sync-multi-select.open{
  z-index:9800!important;
}
#view-sync #syncTablePickerMenu,
#view-sync .sync-multi-menu{
  width:min(365px, calc(100vw - 64px))!important;
  min-width:min(315px, calc(100vw - 64px))!important;
  max-height:min(380px, 58vh)!important;
  overflow:hidden!important;
  padding:10px!important;
  border-radius:18px!important;
  z-index:9801!important;
  box-shadow:0 24px 60px rgba(10,33,56,.18)!important;
}
html[dir="ltr"] #view-sync #syncTablePickerMenu,
html[dir="ltr"] #view-sync .sync-multi-menu{
  left:auto!important;
  right:0!important;
}
html[dir="rtl"] #view-sync #syncTablePickerMenu,
html[dir="rtl"] #view-sync .sync-multi-menu{
  right:auto!important;
  left:0!important;
}
#view-sync .sync-multi-search-wrap input{
  min-height:40px!important;
  height:40px!important;
  border-radius:13px!important;
  font-size:13px!important;
  font-weight:700!important;
}
#view-sync .sync-multi-selectall{
  min-height:38px!important;
  padding:8px 6px!important;
  gap:10px!important;
  font-size:13px!important;
  font-weight:750!important;
}
#view-sync .sync-multi-options{
  max-height:min(255px, 42vh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  gap:7px!important;
  padding-top:8px!important;
  overscroll-behavior:contain!important;
}
#view-sync .sync-multi-option{
  min-height:44px!important;
  padding:8px 10px!important;
  border-radius:13px!important;
  font-size:13px!important;
  font-weight:760!important;
}
#view-sync .sync-multi-option input{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}
#view-sync .sync-multi-option:hover,
#view-sync .sync-multi-option.active{
  background:#eef8ff!important;
  border-color:#bfe2fb!important;
  color:#053d69!important;
}
body.theme-dark #view-sync #syncTablePickerMenu,
body.theme-dark #view-sync .sync-multi-menu,
.app-shell.dark #view-sync #syncTablePickerMenu,
.app-shell.dark #view-sync .sync-multi-menu{
  background:#07121d!important;
  border-color:#274157!important;
  box-shadow:0 24px 60px rgba(0,0,0,.48)!important;
}
body.theme-dark #view-sync .sync-multi-option:hover,
body.theme-dark #view-sync .sync-multi-option.active,
.app-shell.dark #view-sync .sync-multi-option:hover,
.app-shell.dark #view-sync .sync-multi-option.active{
  background:#0c263a!important;
  border-color:#326b91!important;
  color:#effaff!important;
}

#view-sync .sync-workflow-card,
#view-sync .sync-workflow-card .sync-card-body,
#view-sync .sync-workflow-card .sync-tab-panel,
#view-sync .sync-workflow-card .sync-inner-panel,
#view-sync .sync-workflow-card .sync-mapping-wrap,
#view-sync .sync-workflow-card .sync-joins-wrap,
#view-sync .sync-workflow-card .sync-join-rows,
#view-sync .sync-workflow-card .sync-join-row{
  overflow:visible!important;
}
#view-sync .sync-workflow-card .kls-select{
  z-index:60!important;
}
#view-sync .sync-workflow-card .kls-select.open{
  z-index:9900!important;
}
#view-sync .sync-workflow-card .kls-select-menu{
  z-index:9901!important;
  max-height:min(300px, 44vh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  border-radius:15px!important;
  box-shadow:0 22px 58px rgba(10,33,56,.18)!important;
}
#view-sync .sync-workflow-card .kls-select-option{
  min-height:38px!important;
  padding:9px 12px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:760!important;
  color:#10283f!important;
}
#view-sync .sync-workflow-card .kls-select-option:hover,
#view-sync .sync-workflow-card .kls-select-option.active{
  background:#eef8ff!important;
  color:#053d69!important;
}
#view-sync .sync-workflow-card .kls-select-option.selected{
  background:linear-gradient(135deg,#11b7e6,#087af5)!important;
  color:#fff!important;
}
body.theme-dark #view-sync .sync-workflow-card .kls-select-menu,
.app-shell.dark #view-sync .sync-workflow-card .kls-select-menu{
  background:#07121d!important;
  border-color:#274157!important;
  box-shadow:0 22px 58px rgba(0,0,0,.48)!important;
}
body.theme-dark #view-sync .sync-workflow-card .kls-select-option,
.app-shell.dark #view-sync .sync-workflow-card .kls-select-option{
  color:#eaf6ff!important;
}
body.theme-dark #view-sync .sync-workflow-card .kls-select-option:hover,
body.theme-dark #view-sync .sync-workflow-card .kls-select-option.active,
.app-shell.dark #view-sync .sync-workflow-card .kls-select-option:hover,
.app-shell.dark #view-sync .sync-workflow-card .kls-select-option.active{
  background:#0c263a!important;
  color:#effaff!important;
}
body.theme-dark #view-sync .sync-workflow-card .kls-select-option.selected,
.app-shell.dark #view-sync .sync-workflow-card .kls-select-option.selected{
  background:linear-gradient(135deg,#11b7e6,#087af5)!important;
  color:#fff!important;
}

#view-sync .sync-items-footer-actions #syncViewMoreItemsBtn,
#view-sync .sync-items-footer-actions #syncViewListItemsBtn{
  min-height:44px!important;
  height:44px!important;
  border-radius:15px!important;
  padding:10px 18px!important;
  font-size:13px!important;
  font-weight:850!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
#view-sync .sync-items-footer-actions #syncViewMoreItemsBtn{
  background:linear-gradient(135deg,#11b7e6,#087af5)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(8,122,245,.18)!important;
}
#view-sync .sync-items-footer-actions #syncViewLessItemsBtn,
#view-sync .sync-items-footer-actions #syncViewListItemsBtn{
  background:#f8fcff!important;
  border:1px solid #cce3f5!important;
  color:#0b4d7a!important;
  box-shadow:0 8px 18px rgba(8,50,89,.05)!important;
}
#view-sync .sync-items-footer-actions #syncViewMoreItemsBtn span,
#view-sync .sync-items-footer-actions #syncViewListItemsBtn span{
  color:inherit!important;
  opacity:1!important;
}
#view-sync .sync-items-footer-actions #syncViewMoreItemsBtn .kls-ui-icon,
#view-sync .sync-items-footer-actions #syncViewListItemsBtn .kls-ui-icon{
  color:inherit!important;
  opacity:1!important;
}
body.theme-dark #view-sync .sync-items-footer-actions #syncViewMoreItemsBtn,
.app-shell.dark #view-sync .sync-items-footer-actions #syncViewMoreItemsBtn{
  background:linear-gradient(135deg,#11b7e6,#087af5)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(8,122,245,.22)!important;
}
body.theme-dark #view-sync .sync-items-footer-actions #syncViewListItemsBtn,
.app-shell.dark #view-sync .sync-items-footer-actions #syncViewListItemsBtn{
  background:#0a1d2b!important;
  border-color:#294961!important;
  color:#cceeff!important;
  box-shadow:none!important;
}
@media (max-width:640px){
  #view-sync #syncTablePickerMenu,
  #view-sync .sync-multi-menu{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    width:auto!important;
    min-width:0!important;
    top:auto!important;
    bottom:14px!important;
    max-height:70vh!important;
  }
  #view-sync .sync-multi-options{max-height:48vh!important;}
}


/* v2.1.180 — External Sync only: final inline field icon alignment fix */
#view-sync .sync-connection-card .sync-password-box,
#view-sync .sync-connection-card .sync-input-action{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
#view-sync .sync-connection-card .sync-password-box input,
#view-sync .sync-connection-card .sync-input-action input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding-inline-end:42px!important;
}
html[dir="rtl"] #view-sync .sync-connection-card .sync-password-box input,
html[dir="rtl"] #view-sync .sync-connection-card .sync-input-action input{
  padding-inline-start:42px!important;
  padding-inline-end:13px!important;
}
#view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn,
#view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn{
  position:absolute!important;
  inset-inline-end:8px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  flex:0 0 26px!important;
  padding:0!important;
  margin:0!important;
  border-radius:8px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#315a75!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  z-index:6!important;
  isolation:isolate!important;
}
html[dir="rtl"] #view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn,
html[dir="rtl"] #view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn{
  inset-inline-start:8px!important;
  inset-inline-end:auto!important;
}
#view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn:hover,
#view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn:hover,
#view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn:focus,
#view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn:focus,
#view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn:focus-visible,
#view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn:focus-visible{
  transform:translateY(-50%)!important;
  width:26px!important;
  min-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:rgba(14,165,233,.10)!important;
  box-shadow:none!important;
  color:#0878d8!important;
}
#view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn .kls-ui-icon,
#view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn .kls-ui-icon{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  margin:0!important;
  display:block!important;
  color:currentColor!important;
  stroke-width:2.35!important;
  pointer-events:none!important;
}
body.theme-dark #view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn,
body.theme-dark #view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn,
.app-shell.dark #view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn,
.app-shell.dark #view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn{
  background:transparent!important;
  border:0!important;
  color:#9edaff!important;
  box-shadow:none!important;
}
body.theme-dark #view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn:hover,
body.theme-dark #view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn:hover,
body.theme-dark #view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn:focus-visible,
body.theme-dark #view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn:focus-visible,
.app-shell.dark #view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn:hover,
.app-shell.dark #view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn:hover,
.app-shell.dark #view-sync .sync-connection-card .sync-password-box .sync-mini-icon-btn:focus-visible,
.app-shell.dark #view-sync .sync-connection-card .sync-input-action .sync-mini-icon-btn:focus-visible{
  background:rgba(56,189,248,.14)!important;
  color:#e6f8ff!important;
  box-shadow:none!important;
}


/* v2.1.181 — External Sync only: PRO inline field icons final fix
   Scope: External Sync connection fields only. Prevents global button rules from
   resizing/moving password and open-url icons. */
#app.app-shell #view-sync .sync-connection-panel .sync-password-box,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action,
#app.app-shell #view-sync .sync-card-body .sync-password-box,
#app.app-shell #view-sync .sync-card-body .sync-input-action{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
#app.app-shell #view-sync .sync-connection-panel .sync-password-box > input,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action > input,
#app.app-shell #view-sync .sync-card-body .sync-password-box > input,
#app.app-shell #view-sync .sync-card-body .sync-input-action > input{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding-inline-end:42px!important;
}
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-password-box > input,
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-input-action > input,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-password-box > input,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-input-action > input{
  padding-inline-start:42px!important;
  padding-inline-end:12px!important;
}
#app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn,
#app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn,
#app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn,
#app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn.ghost,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn.ghost,
#app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn.ghost,
#app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn.ghost{
  position:absolute!important;
  inset-inline-end:7px!important;
  inset-inline-start:auto!important;
  top:50%!important;
  bottom:auto!important;
  left:auto;
  transform:translateY(-50%)!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  flex:0 0 30px!important;
  padding:0!important;
  margin:0!important;
  border-radius:11px!important;
  border:1px solid #cfe4f4!important;
  outline:0!important;
  background:#f7fbff!important;
  background-image:none!important;
  color:#305771!important;
  -webkit-text-fill-color:#305771!important;
  box-shadow:0 4px 10px rgba(25,84,125,.06)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-size:0!important;
  text-shadow:none!important;
  opacity:1!important;
  z-index:8!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn,
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn{
  inset-inline-start:7px!important;
  inset-inline-end:auto!important;
}
#app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:hover,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:hover,
#app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:hover,
#app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:hover,
#app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:focus,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:focus,
#app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:focus,
#app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:focus,
#app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:focus-visible,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:focus-visible,
#app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:focus-visible,
#app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:focus-visible,
#app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:active,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:active,
#app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:active,
#app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:active{
  position:absolute!important;
  inset-inline-end:7px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:0!important;
  margin:0!important;
  border-radius:11px!important;
  border:1px solid #90cef5!important;
  background:#eaf7ff!important;
  background-image:none!important;
  color:#0876c9!important;
  -webkit-text-fill-color:#0876c9!important;
  box-shadow:0 0 0 3px rgba(14,165,233,.12)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  font-size:0!important;
  opacity:1!important;
}
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:hover,
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:hover,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:hover,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:hover,
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:focus-visible,
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:focus-visible,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:focus-visible,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:focus-visible,
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:active,
html[dir="rtl"] #app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:active,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:active,
html[dir="rtl"] #app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:active{
  inset-inline-start:7px!important;
  inset-inline-end:auto!important;
}
#app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn > svg,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn > svg,
#app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn > svg,
#app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn > svg,
#app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn .kls-ui-icon,
#app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn .kls-ui-icon,
#app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn .kls-ui-icon,
#app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn .kls-ui-icon{
  width:14px!important;
  min-width:14px!important;
  max-width:14px!important;
  height:14px!important;
  min-height:14px!important;
  max-height:14px!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  stroke:currentColor!important;
  -webkit-text-fill-color:currentColor!important;
  stroke-width:2.35!important;
  opacity:1!important;
  pointer-events:none!important;
}
body.theme-dark #app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn,
body.theme-dark #app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn,
body.theme-dark #app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn,
body.theme-dark #app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn,
#app.app-shell.dark #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn,
#app.app-shell.dark #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn,
#app.app-shell.dark #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn,
#app.app-shell.dark #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn{
  background:#0d2233!important;
  background-image:none!important;
  border-color:#315c75!important;
  color:#aee4ff!important;
  -webkit-text-fill-color:#aee4ff!important;
  box-shadow:none!important;
}
body.theme-dark #app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:hover,
body.theme-dark #app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:hover,
body.theme-dark #app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:hover,
body.theme-dark #app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:hover,
body.theme-dark #app.app-shell #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:focus-visible,
body.theme-dark #app.app-shell #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:focus-visible,
body.theme-dark #app.app-shell #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:focus-visible,
body.theme-dark #app.app-shell #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:focus-visible,
#app.app-shell.dark #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:hover,
#app.app-shell.dark #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:hover,
#app.app-shell.dark #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:hover,
#app.app-shell.dark #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:hover,
#app.app-shell.dark #view-sync .sync-connection-panel .sync-password-box > button.sync-mini-icon-btn:focus-visible,
#app.app-shell.dark #view-sync .sync-connection-panel .sync-input-action > button.sync-mini-icon-btn:focus-visible,
#app.app-shell.dark #view-sync .sync-card-body .sync-password-box > button.sync-mini-icon-btn:focus-visible,
#app.app-shell.dark #view-sync .sync-card-body .sync-input-action > button.sync-mini-icon-btn:focus-visible{
  background:#123249!important;
  background-image:none!important;
  border-color:#48bceb!important;
  color:#e6f8ff!important;
  -webkit-text-fill-color:#e6f8ff!important;
  box-shadow:0 0 0 3px rgba(72,188,235,.16)!important;
}

/* v2.1.182 — External Sync only: PRO Source Tables picker polish
   Scope: External Sync page only. Polishes the + Add source-table dropdown without touching other pages. */
#view-sync .sync-overview-card,
#view-sync .sync-overview-card .sync-status-wrap,
#view-sync .sync-overview-main,
#view-sync .sync-overview-block.source-block,
#view-sync #syncTablePicker{
  overflow:visible!important;
}
#view-sync .sync-overview-block.source-block{
  position:relative!important;
  z-index:120!important;
  isolation:isolate!important;
}
#view-sync #syncTablePicker{
  position:relative!important;
  z-index:121!important;
}
#view-sync #syncTablePicker.open{
  z-index:2140!important;
}
#view-sync #syncTablePickerTrigger.sync-multi-trigger{
  min-height:42px!important;
  border-radius:14px!important;
  padding:7px 10px!important;
  box-shadow:none!important;
  background:#f8fcff!important;
  border-color:#d7e8f3!important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
#view-sync #syncTablePicker.open #syncTablePickerTrigger.sync-multi-trigger,
#view-sync #syncTablePickerTrigger.sync-multi-trigger:hover,
#view-sync #syncTablePickerTrigger.sync-multi-trigger:focus-visible{
  border-color:#8fd4f5!important;
  background:#ffffff!important;
  box-shadow:0 0 0 4px rgba(17,183,230,.10)!important;
}
#view-sync #syncTablePicker .sync-multi-chips{
  gap:7px!important;
  align-items:center!important;
}
#view-sync #syncTablePicker .sync-chip{
  min-height:28px!important;
  padding:5px 10px!important;
  border-radius:11px!important;
  background:#eaf5ff!important;
  border-color:#d3eafa!important;
  color:#29536f!important;
  font-size:12px!important;
  font-weight:760!important;
  box-shadow:none!important;
}
#view-sync #syncTablePicker .sync-chip button{
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#456a82!important;
  font-size:15px!important;
}
#view-sync #syncTablePicker .sync-chip button:hover{
  background:rgba(13,148,220,.12)!important;
  color:#087af5!important;
}
#view-sync #syncTablePickerMenu.sync-multi-menu{
  left:auto!important;
  right:0!important;
  top:calc(100% + 12px)!important;
  width:min(352px, calc(100vw - 72px))!important;
  min-width:min(320px, calc(100vw - 72px))!important;
  max-width:min(352px, calc(100vw - 72px))!important;
  max-height:min(360px, 58vh)!important;
  padding:12px!important;
  display:none;
  overflow:hidden!important;
  border:1px solid #cfe4f2!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,252,255,.99))!important;
  box-shadow:0 24px 56px rgba(15,52,86,.18), 0 4px 14px rgba(15,52,86,.08)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  z-index:2141!important;
}
#view-sync #syncTablePicker.open #syncTablePickerMenu.sync-multi-menu{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  gap:10px!important;
}
#view-sync #syncTablePickerMenu.sync-multi-menu::before{
  content:"";
  position:absolute;
  top:-7px;
  right:34px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:#fff;
  border-left:1px solid #cfe4f2;
  border-top:1px solid #cfe4f2;
  z-index:-1;
}
html[dir="rtl"] #view-sync #syncTablePickerMenu.sync-multi-menu{
  right:auto!important;
  left:0!important;
}
html[dir="rtl"] #view-sync #syncTablePickerMenu.sync-multi-menu::before{
  right:auto;
  left:34px;
}
#view-sync #syncTablePickerMenu .sync-multi-search-wrap{
  margin:0!important;
  position:relative!important;
}
#view-sync #syncTablePickerMenu .sync-multi-search-wrap::before{
  content:"";
  position:absolute;
  inset-inline-start:12px;
  top:50%;
  width:14px;
  height:14px;
  transform:translateY(-50%);
  background:currentColor;
  color:#7893a6;
  opacity:.9;
  pointer-events:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.2-3.2'/%3E%3C/svg%3E") center / contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.2-3.2'/%3E%3C/svg%3E") center / contain no-repeat;
}
#view-sync #syncTableSearch{
  height:42px!important;
  min-height:42px!important;
  border-radius:14px!important;
  border:1px solid #cfe2ef!important;
  background:#fff!important;
  color:#0f2740!important;
  font-size:13px!important;
  font-weight:700!important;
  padding-inline-start:34px!important;
  padding-inline-end:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
#view-sync #syncTableSearch::placeholder{
  color:#6f8496!important;
  opacity:1!important;
}
#view-sync #syncTableSearch:focus{
  border-color:#8fd4f5!important;
  box-shadow:0 0 0 4px rgba(17,183,230,.12)!important;
  outline:0!important;
}
#view-sync #syncTablePickerMenu .sync-multi-selectall{
  margin:0!important;
  min-height:42px!important;
  padding:8px 10px!important;
  border:1px solid #e2eef6!important;
  border-radius:14px!important;
  background:#f8fbfe!important;
  color:#395d77!important;
  font-size:13px!important;
  font-weight:760!important;
  line-height:1.25!important;
}
#view-sync #syncTablePickerMenu .sync-multi-selectall input,
#view-sync #syncTablePickerMenu .sync-table-checkbox{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  border:1.5px solid #9bb6c9!important;
  border-radius:5px!important;
  background:#fff!important;
  margin:0!important;
  display:inline-grid!important;
  place-content:center!important;
  cursor:pointer!important;
  box-shadow:0 1px 2px rgba(15,52,86,.06)!important;
}
#view-sync #syncTablePickerMenu .sync-multi-selectall input:checked,
#view-sync #syncTablePickerMenu .sync-table-checkbox:checked{
  border-color:#0ea5e9!important;
  background:linear-gradient(135deg,#11b7e6,#087af5)!important;
}
#view-sync #syncTablePickerMenu .sync-multi-selectall input:checked::after,
#view-sync #syncTablePickerMenu .sync-table-checkbox:checked::after{
  content:"";
  width:9px;
  height:6px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) translateY(-1px);
}
#view-sync #syncTableOptions.sync-multi-options{
  max-height:214px!important;
  min-height:120px!important;
  padding:2px 4px 2px 0!important;
  margin:0!important;
  border-top:0!important;
  display:grid!important;
  gap:8px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}
#view-sync #syncTableOptions .sync-multi-option{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:46px!important;
  padding:10px 10px 10px 12px!important;
  border-radius:15px!important;
  border:1px solid #e0edf6!important;
  background:#ffffff!important;
  color:#244c67!important;
  font-size:13px!important;
  font-weight:780!important;
  line-height:1.25!important;
  box-shadow:0 4px 12px rgba(17,49,82,.035)!important;
}
#view-sync #syncTableOptions .sync-multi-option span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-sync #syncTableOptions .sync-multi-option:hover{
  background:#f3fbff!important;
  border-color:#bfe5fb!important;
  color:#083b62!important;
  box-shadow:0 10px 20px rgba(17,49,82,.06)!important;
}
#view-sync #syncTableOptions .sync-multi-option.active{
  background:linear-gradient(180deg,#edf8ff,#f7fcff)!important;
  border-color:#95d5f5!important;
  color:#075484!important;
}
#view-sync #syncTablePickerMenu .muted{
  color:#5f798c!important;
  font-size:13px!important;
  font-weight:700!important;
  padding:12px!important;
}
body.theme-dark #view-sync #syncTablePickerTrigger.sync-multi-trigger,
#app.app-shell.dark #view-sync #syncTablePickerTrigger.sync-multi-trigger{
  background:#071522!important;
  border-color:#294a62!important;
  color:#eaf8ff!important;
}
body.theme-dark #view-sync #syncTablePicker.open #syncTablePickerTrigger.sync-multi-trigger,
body.theme-dark #view-sync #syncTablePickerTrigger.sync-multi-trigger:hover,
#app.app-shell.dark #view-sync #syncTablePicker.open #syncTablePickerTrigger.sync-multi-trigger,
#app.app-shell.dark #view-sync #syncTablePickerTrigger.sync-multi-trigger:hover{
  background:#0a1d2d!important;
  border-color:#40b7ea!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.14)!important;
}
body.theme-dark #view-sync #syncTablePicker .sync-chip,
#app.app-shell.dark #view-sync #syncTablePicker .sync-chip{
  background:#0b2b42!important;
  border-color:#1e5a7e!important;
  color:#bdeaff!important;
}
body.theme-dark #view-sync #syncTablePickerMenu.sync-multi-menu,
#app.app-shell.dark #view-sync #syncTablePickerMenu.sync-multi-menu{
  background:linear-gradient(180deg,rgba(7,18,29,.99),rgba(6,16,26,.99))!important;
  border-color:#2d536d!important;
  box-shadow:0 26px 60px rgba(0,0,0,.52), 0 0 0 1px rgba(72,188,235,.04)!important;
}
body.theme-dark #view-sync #syncTablePickerMenu.sync-multi-menu::before,
#app.app-shell.dark #view-sync #syncTablePickerMenu.sync-multi-menu::before{
  background:#07121d!important;
  border-color:#2d536d!important;
}
body.theme-dark #view-sync #syncTablePickerMenu .sync-multi-search-wrap::before,
#app.app-shell.dark #view-sync #syncTablePickerMenu .sync-multi-search-wrap::before{
  color:#9fc7dc!important;
}
body.theme-dark #view-sync #syncTableSearch,
#app.app-shell.dark #view-sync #syncTableSearch{
  background:#06111b!important;
  border-color:#2b526d!important;
  color:#f0fbff!important;
}
body.theme-dark #view-sync #syncTableSearch::placeholder,
#app.app-shell.dark #view-sync #syncTableSearch::placeholder{
  color:#9db5c5!important;
}
body.theme-dark #view-sync #syncTablePickerMenu .sync-multi-selectall,
#app.app-shell.dark #view-sync #syncTablePickerMenu .sync-multi-selectall{
  background:#081a29!important;
  border-color:#24465e!important;
  color:#c8e3f2!important;
}
body.theme-dark #view-sync #syncTablePickerMenu .sync-multi-selectall input,
body.theme-dark #view-sync #syncTablePickerMenu .sync-table-checkbox,
#app.app-shell.dark #view-sync #syncTablePickerMenu .sync-multi-selectall input,
#app.app-shell.dark #view-sync #syncTablePickerMenu .sync-table-checkbox{
  background:#07131f!important;
  border-color:#4e7890!important;
  box-shadow:none!important;
}
body.theme-dark #view-sync #syncTableOptions .sync-multi-option,
#app.app-shell.dark #view-sync #syncTableOptions .sync-multi-option{
  background:#071522!important;
  border-color:#24445b!important;
  color:#e1f3fc!important;
  box-shadow:none!important;
}
body.theme-dark #view-sync #syncTableOptions .sync-multi-option:hover,
#app.app-shell.dark #view-sync #syncTableOptions .sync-multi-option:hover{
  background:#0b2538!important;
  border-color:#3c7598!important;
  color:#ffffff!important;
}
body.theme-dark #view-sync #syncTableOptions .sync-multi-option.active,
#app.app-shell.dark #view-sync #syncTableOptions .sync-multi-option.active{
  background:linear-gradient(180deg,#0d2a3f,#0a2235)!important;
  border-color:#4bbbea!important;
  color:#effcff!important;
}
@media (max-width:900px){
  #view-sync #syncTablePickerMenu.sync-multi-menu{
    width:min(332px, calc(100vw - 36px))!important;
    min-width:min(300px, calc(100vw - 36px))!important;
    max-width:min(332px, calc(100vw - 36px))!important;
  }
}
@media (max-width:640px){
  #view-sync #syncTablePickerMenu.sync-multi-menu{
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    top:auto!important;
    bottom:16px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:72vh!important;
    border-radius:24px!important;
  }
  #view-sync #syncTablePickerMenu.sync-multi-menu::before{display:none!important;}
  #view-sync #syncTableOptions.sync-multi-options{max-height:44vh!important;}
}

/* v2.1.184 — External Sync only: Workflow / Mapping Studio tab background polish
   Scope: External Sync page only. Adds a soft tab-bar background and keeps the workflow opening fresh on Join Mapping. */
#view-sync .sync-workflow-card .sync-tabs{
  background:linear-gradient(180deg,#f8fcff 0%,#eef8ff 100%)!important;
  border:1px solid #d8e9f5!important;
  border-radius:18px!important;
  margin:14px 18px 0!important;
  padding:0 24px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(15,52,86,.045)!important;
}
#view-sync .sync-workflow-card .sync-tab{
  position:relative!important;
  z-index:1!important;
}
#view-sync .sync-workflow-card .sync-tab.active{
  color:#0579e8!important;
}
body.theme-dark #view-sync .sync-workflow-card .sync-tabs,
#app.app-shell.dark #view-sync .sync-workflow-card .sync-tabs{
  background:linear-gradient(180deg,#0a1a29 0%,#071522 100%)!important;
  border-color:#243e55!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.16)!important;
}
body.theme-dark #view-sync .sync-workflow-card .sync-tab,
#app.app-shell.dark #view-sync .sync-workflow-card .sync-tab{
  color:#b6cde0!important;
}
body.theme-dark #view-sync .sync-workflow-card .sync-tab.active,
#app.app-shell.dark #view-sync .sync-workflow-card .sync-tab.active{
  color:#75d8ff!important;
}
@media (max-width:640px){
  #view-sync .sync-workflow-card .sync-tabs{
    margin:12px 14px 0!important;
    padding:0 16px!important;
    gap:22px!important;
  }
}

/* v2.1.184 — External Sync only: View Less button background visibility fix
   Scope: External Sync page only. Gives the View Less button a real button background
   so its label stays readable in light and dark mode. */
#app.app-shell #view-sync .sync-items-footer-actions button#syncViewListItemsBtn,
#app.app-shell #view-sync .sync-items-footer-actions button#syncViewListItemsBtn.ghost,
#app.app-shell #view-sync .sync-items-footer-actions button#syncViewListItemsBtn.sync-action-btn,
#app.app-shell #view-sync .sync-items-footer-actions button.sync-view-list-btn{
  background:linear-gradient(135deg,#11b7e6 0%,#087af5 100%)!important;
  background-color:#0ea5e9!important;
  border:1px solid transparent!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  box-shadow:0 12px 26px rgba(8,122,245,.18)!important;
}
#app.app-shell #view-sync .sync-items-footer-actions button#syncViewListItemsBtn span,
#app.app-shell #view-sync .sync-items-footer-actions button.sync-view-list-btn span,
#app.app-shell #view-sync .sync-items-footer-actions button#syncViewListItemsBtn .kls-ui-icon,
#app.app-shell #view-sync .sync-items-footer-actions button.sync-view-list-btn .kls-ui-icon{
  color:#ffffff!important;
  stroke:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}
#app.app-shell #view-sync .sync-items-footer-actions button#syncViewListItemsBtn:hover,
#app.app-shell #view-sync .sync-items-footer-actions button.sync-view-list-btn:hover,
#app.app-shell #view-sync .sync-items-footer-actions button#syncViewListItemsBtn:focus-visible,
#app.app-shell #view-sync .sync-items-footer-actions button.sync-view-list-btn:focus-visible{
  background:linear-gradient(135deg,#0ea5e9 0%,#076fe6 100%)!important;
  border-color:transparent!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 14px 30px rgba(8,122,245,.22),0 0 0 4px rgba(17,183,230,.12)!important;
}
body.theme-dark #app.app-shell #view-sync .sync-items-footer-actions button#syncViewListItemsBtn,
body.theme-dark #app.app-shell #view-sync .sync-items-footer-actions button.sync-view-list-btn,
#app.app-shell.dark #view-sync .sync-items-footer-actions button#syncViewListItemsBtn,
#app.app-shell.dark #view-sync .sync-items-footer-actions button.sync-view-list-btn{
  background:linear-gradient(135deg,#11b7e6 0%,#087af5 100%)!important;
  background-color:#0ea5e9!important;
  border-color:transparent!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  box-shadow:0 12px 26px rgba(8,122,245,.24)!important;
}


/* v2.1.185 — Security page only: mobile collapse button alignment + blocked/whitelist empty state PRO polish
   Scope: Security page only. Fixes mobile collapse/expand button positioning across all security cards,
   and improves the empty-state text presentation inside Blocked IP Addresses and Whitelisted IP Addresses cards. */
@media (max-width: 760px){
  #view-security .security-section,
  #view-security .security-table-grid > .security-section{
    overflow:hidden!important;
  }
  #view-security .security-section-head,
  #view-security .security-table-grid .security-section-head{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    align-items:center!important;
    gap:10px!important;
    min-height:56px!important;
    height:auto!important;
    padding:12px 14px!important;
    padding-right:14px!important;
    border-bottom:1px solid #e6eef7!important;
  }
  #view-security .security-head-title,
  #view-security .security-head-title.compact,
  #view-security .security-table-grid .security-head-title,
  #view-security .security-table-grid .security-head-title.compact{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  #view-security .security-head-title > div:last-child,
  #view-security .security-table-grid .security-head-title > div:last-child{
    min-width:0!important;
  }
  #view-security .security-head-title h3,
  #view-security .security-table-grid .security-section-head h3{
    margin:0!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #view-security .security-head-title p{
    display:none!important;
  }
  #view-security .security-head-icon,
  #view-security .security-table-grid .security-head-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:10px!important;
  }
  #view-security .security-collapse-btn,
  #view-security .security-table-grid .security-collapse-btn{
    justify-self:end!important;
    align-self:center!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    transform:none!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
    margin:0!important;
    padding:0!important;
    border-radius:13px!important;
    display:grid!important;
    place-items:center!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
    border:1px solid #d8e5f2!important;
    box-shadow:0 8px 18px rgba(15,23,42,.05)!important;
    color:#0f5fd7!important;
  }
  #view-security .security-collapse-btn .kls-ui-icon,
  #view-security .security-table-grid .security-collapse-btn .kls-ui-icon{
    width:15px!important;
    height:15px!important;
    stroke-width:2.2!important;
  }

  /* Blocked + Whitelist mobile no-data cards */
  #view-security [data-security-section="blocks"] .security-table-wrap tbody,
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody{
    gap:12px!important;
  }
  #view-security [data-security-section="blocks"] .security-empty-row,
  #view-security [data-security-section="whitelist"] .security-empty-row{
    display:block!important;
    width:100%!important;
  }
  #view-security [data-security-section="blocks"] .security-empty-cell,
  #view-security [data-security-section="whitelist"] .security-empty-cell,
  #view-security [data-security-section="blocks"] .security-table-wrap tbody td.security-empty-cell,
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody td.security-empty-cell{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:52px!important;
    padding:14px 16px!important;
    margin:0!important;
    border:1px dashed #d7e5f2!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#fbfdff 0%,#f5faff 100%)!important;
    box-shadow:none!important;
    color:#6b829a!important;
    font-size:12px!important;
    line-height:1.45!important;
    font-weight:800!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }
  #view-security [data-security-section="blocks"] .security-empty-cell::before,
  #view-security [data-security-section="whitelist"] .security-empty-cell::before{
    display:none!important;
    content:none!important;
  }
  #view-security [data-security-section="blocks"] .security-section-body,
  #view-security [data-security-section="whitelist"] .security-section-body{
    padding:12px!important;
  }

  .app-shell.dark #view-security .security-collapse-btn,
  .app-shell.dark #view-security .security-table-grid .security-collapse-btn,
  body.theme-dark #view-security .security-collapse-btn,
  body.theme-dark #view-security .security-table-grid .security-collapse-btn{
    background:linear-gradient(180deg,#0c1c2c 0%,#091624 100%)!important;
    border-color:#244158!important;
    color:#78c8ff!important;
    box-shadow:none!important;
  }
  .app-shell.dark #view-security [data-security-section="blocks"] .security-empty-cell,
  .app-shell.dark #view-security [data-security-section="whitelist"] .security-empty-cell,
  body.theme-dark #view-security [data-security-section="blocks"] .security-empty-cell,
  body.theme-dark #view-security [data-security-section="whitelist"] .security-empty-cell{
    background:linear-gradient(180deg,#0b1a29 0%,#0a1724 100%)!important;
    border-color:#234056!important;
    color:#a9bfd2!important;
  }
}


/* v2.1.186 — Security page only: mobile header/button alignment + full-width empty-state final fix */
@media (max-width: 760px){
  /* Cleaner mobile section headers */
  #view-security .security-section,
  #view-security .security-table-grid > .security-section{
    overflow:hidden!important;
    border-radius:18px!important;
  }
  #view-security .security-section-head,
  #view-security .security-table-grid .security-section-head{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    min-height:56px!important;
    padding:12px 60px 12px 14px!important;
    border-bottom:1px solid #e6eef7!important;
  }
  #view-security .security-head-title,
  #view-security .security-head-title.compact,
  #view-security .security-table-grid .security-head-title,
  #view-security .security-table-grid .security-head-title.compact{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  #view-security .security-head-title > div:last-child,
  #view-security .security-table-grid .security-head-title > div:last-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  #view-security .security-head-title h3,
  #view-security .security-table-grid .security-section-head h3{
    margin:0!important;
    font-size:12.75px!important;
    line-height:1.22!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #view-security .security-head-title p,
  #view-security .security-table-grid .security-head-title p{
    display:none!important;
  }
  #view-security .security-head-icon,
  #view-security .security-table-grid .security-head-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:9px!important;
  }
  #view-security .security-collapse-btn,
  #view-security .security-table-grid .security-collapse-btn{
    position:absolute!important;
    top:50%!important;
    right:12px!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
    border:1px solid #d8e5f2!important;
    box-shadow:0 6px 14px rgba(15,23,42,.05)!important;
    color:#0f5fd7!important;
    z-index:2!important;
  }
  #view-security .security-collapse-btn .kls-ui-icon,
  #view-security .security-table-grid .security-collapse-btn .kls-ui-icon{
    width:14px!important;
    height:14px!important;
    stroke-width:2.25!important;
  }
  #view-security .security-section-body,
  #view-security .security-table-grid .security-section-body{
    padding:12px!important;
  }

  /* Make empty-state cards truly full-width and readable on mobile */
  #view-security [data-security-section="blocks"] .security-table-wrap table,
  #view-security [data-security-section="whitelist"] .security-table-wrap table,
  #view-security [data-security-section="blocks"] .security-table-wrap tbody,
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody{
    width:100%!important;
  }
  #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row,
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  #view-security [data-security-section="blocks"] .security-table-wrap tbody td.security-empty-cell,
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody td.security-empty-cell{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    min-height:50px!important;
    height:auto!important;
    padding:14px 16px!important;
    margin:0!important;
    border:1px dashed #d7e5f2!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#fbfdff 0%,#f5faff 100%)!important;
    box-shadow:none!important;
    color:#6b829a!important;
    font-size:12px!important;
    line-height:1.45!important;
    font-weight:800!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }
  #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell::before,
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell::before,
  #view-security [data-security-section="blocks"] .security-table-wrap tbody td.security-empty-cell::before,
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody td.security-empty-cell::before{
    display:none!important;
    content:none!important;
  }

  /* When data exists, keep card spacing tighter and cleaner */
  #view-security [data-security-section="blocks"] .security-table-wrap tbody tr:not(.security-empty-row),
  #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr:not(.security-empty-row),
  #view-security [data-security-section="watchlist"] .security-table-wrap tbody tr:not(.security-empty-row){
    padding:10px 12px!important;
    border-radius:15px!important;
  }

  .app-shell.dark #view-security .security-collapse-btn,
  body.theme-dark #view-security .security-collapse-btn,
  .app-shell.dark #view-security .security-table-grid .security-collapse-btn,
  body.theme-dark #view-security .security-table-grid .security-collapse-btn{
    background:linear-gradient(180deg,#0c1c2c 0%,#091624 100%)!important;
    border-color:#244158!important;
    color:#78c8ff!important;
    box-shadow:none!important;
  }
  .app-shell.dark #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  .app-shell.dark #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  body.theme-dark #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  body.theme-dark #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell{
    background:linear-gradient(180deg,#0b1a29 0%,#0a1724 100%)!important;
    border-color:#234056!important;
    color:#a9bfd2!important;
  }
}


/* v2.1.188 — Security page only: final mobile collapse button position + empty-state text fix */
@media (max-width: 760px){
  #app.app-shell #view-security .security-table-grid > .security-section{
    overflow:hidden!important;
    border-radius:18px!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section .security-section-head{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px!important;
    align-items:center!important;
    gap:10px!important;
    min-height:54px!important;
    height:auto!important;
    padding:10px 12px 10px 14px!important;
    border-bottom:1px solid #e6eef7!important;
    overflow:visible!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section .security-head-title,
  #app.app-shell #view-security .security-table-grid > .security-section .security-head-title.compact{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    width:100%!important;
    flex:none!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section .security-head-title > div:last-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section .security-head-title h3{
    margin:0!important;
    font-size:12.75px!important;
    line-height:1.25!important;
    font-weight:850!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section .security-head-title p{
    display:none!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section .security-head-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:9px!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section .security-collapse-btn{
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    justify-self:end!important;
    align-self:center!important;
    place-self:center end!important;
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
    border:1px solid #d9e6f2!important;
    box-shadow:0 6px 14px rgba(15,23,42,.05)!important;
    color:#0f5fd7!important;
    overflow:hidden!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section .security-collapse-btn .kls-ui-icon,
  #app.app-shell #view-security .security-table-grid > .security-section .security-collapse-btn svg{
    width:14px!important;
    height:14px!important;
    display:block!important;
    flex:none!important;
  }
  #app.app-shell #view-security .security-table-grid > .security-section .security-section-body{
    padding:12px!important;
  }

  /* Empty-state cards for Blocked / Whitelisted tables */
  #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row,
  #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td.security-empty-cell,
  #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td.security-empty-cell{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    min-height:46px!important;
    height:auto!important;
    padding:12px 14px!important;
    margin:0!important;
    border:1px dashed #d7e5f2!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#fbfdff 0%,#f5faff 100%)!important;
    color:#6b829a!important;
    font-size:12px!important;
    line-height:1.4!important;
    font-weight:800!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }
  #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell::before,
  #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell::before,
  #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td.security-empty-cell::before,
  #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td.security-empty-cell::before{
    display:none!important;
    content:none!important;
  }
  .app-shell.dark #app.app-shell #view-security .security-table-grid > .security-section .security-collapse-btn,
  body.theme-dark #app.app-shell #view-security .security-table-grid > .security-section .security-collapse-btn{
    background:linear-gradient(180deg,#0c1c2c 0%,#091624 100%)!important;
    border-color:#244158!important;
    color:#78c8ff!important;
    box-shadow:none!important;
  }
  .app-shell.dark #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  .app-shell.dark #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  body.theme-dark #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  body.theme-dark #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell{
    background:linear-gradient(180deg,#0b1a29 0%,#0a1724 100%)!important;
    border-color:#234056!important;
    color:#a9bfd2!important;
  }
}


/* v2.1.188 — Security page only: mobile spacing + collapse/expand position final PRO fix */
@media (max-width: 760px){
  html body #app.app-shell #view-security .security-dual-grid,
  html body #app.app-shell #view-security .security-table-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:10px!important;
  }

  html body #app.app-shell #view-security .security-section,
  html body #app.app-shell #view-security .security-section.security-section-full,
  html body #app.app-shell #view-security .security-table-grid > .security-section{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }

  html body #app.app-shell #view-security .security-section > .security-section-head,
  html body #app.app-shell #view-security .security-section-head.between,
  html body #app.app-shell #view-security .security-table-grid > .security-section > .security-section-head{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:52px!important;
    height:52px!important;
    max-height:52px!important;
    padding:9px 58px 9px 14px!important;
    gap:10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border-bottom:1px solid #e6eef7!important;
  }

  html body #app.app-shell #view-security .security-section.is-collapsed,
  html body #app.app-shell #view-security .security-table-grid > .security-section.is-collapsed{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    overflow:hidden!important;
  }

  html body #app.app-shell #view-security .security-section.is-collapsed > .security-section-head{
    border-bottom:0!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
  }

  html body #app.app-shell #view-security .security-section.is-collapsed > .security-section-body{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  html body #app.app-shell #view-security .security-section:not(.is-collapsed) > .security-section-body{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:12px!important;
    margin:0!important;
    overflow:visible!important;
  }

  html body #app.app-shell #view-security .security-head-title,
  html body #app.app-shell #view-security .security-head-title.compact{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }

  html body #app.app-shell #view-security .security-head-title > div:last-child{
    min-width:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }

  html body #app.app-shell #view-security .security-head-title h3{
    margin:0!important;
    padding:0!important;
    font-size:12.75px!important;
    line-height:1.25!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app.app-shell #view-security .security-head-title p{
    display:none!important;
  }

  html body #app.app-shell #view-security .security-head-icon{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    flex:0 0 28px!important;
    border-radius:9px!important;
  }

  html body #app.app-shell #view-security .security-collapse-btn,
  html body #app.app-shell #view-security .security-table-grid .security-collapse-btn,
  html body #app.app-shell #view-security button.ghost.security-collapse-btn{
    position:absolute!important;
    top:50%!important;
    right:12px!important;
    left:auto!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
    z-index:50!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
    border:1px solid #d8e6f3!important;
    box-shadow:0 6px 14px rgba(15,23,42,.06)!important;
    color:#0f5fd7!important;
    box-sizing:border-box!important;
  }

  html body #app.app-shell #view-security .security-collapse-btn svg,
  html body #app.app-shell #view-security .security-collapse-btn .kls-ui-icon{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    min-height:14px!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    flex:none!important;
  }

  html body #app.app-shell #view-security .security-advanced-grid,
  html body #app.app-shell #view-security .security-insight-grid{
    gap:10px!important;
  }

  html body #app.app-shell #view-security .security-advanced-card,
  html body #app.app-shell #view-security .security-insight-card{
    min-height:0!important;
    height:auto!important;
    padding:12px!important;
    overflow:hidden!important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr.security-empty-row td.security-empty-cell,
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td.security-empty-cell,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td.security-empty-cell{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:46px!important;
    padding:12px 14px!important;
    margin:0!important;
    border:1px dashed #d7e5f2!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#fbfdff 0%,#f5faff 100%)!important;
    color:#647d95!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:800!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td.security-empty-cell::before,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td.security-empty-cell::before{
    display:none!important;
    content:none!important;
  }

  html body #app.app-shell.dark #view-security .security-collapse-btn,
  html body.theme-dark #app.app-shell #view-security .security-collapse-btn{
    background:linear-gradient(180deg,#0c1c2c 0%,#091624 100%)!important;
    border-color:#244158!important;
    color:#78c8ff!important;
    box-shadow:none!important;
  }

  html body #app.app-shell.dark #view-security [data-security-section="blocks"] .security-table-wrap tbody td.security-empty-cell,
  html body #app.app-shell.dark #view-security [data-security-section="whitelist"] .security-table-wrap tbody td.security-empty-cell,
  html body.theme-dark #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td.security-empty-cell,
  html body.theme-dark #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td.security-empty-cell{
    background:linear-gradient(180deg,#0b1a29 0%,#0a1724 100%)!important;
    border-color:#234056!important;
    color:#a9bfd2!important;
  }
}


/* v2.1.189 — Security page only: mobile remaining collapse button alignment fix */
@media (max-width: 760px){
  html body #app.app-shell #view-security .security-section.kls-security-mobile-section,
  html body #app.app-shell #view-security .security-section.kls-security-mobile-section.is-collapsed,
  html body #app.app-shell #view-security .security-table-grid > .security-section.kls-security-mobile-section,
  html body #app.app-shell #view-security .security-table-grid > .security-section.kls-security-mobile-section.is-collapsed{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  html body #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head,
  html body #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head.between,
  html body #app.app-shell #view-security .security-table-grid > .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:12px!important;
    width:100%!important;
    min-height:52px!important;
    height:auto!important;
    max-height:none!important;
    padding:12px 14px!important;
    border-bottom:1px solid #e6eef7!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  html body #app.app-shell #view-security .security-section.kls-security-mobile-section.is-collapsed > .security-section-head.kls-security-mobile-head,
  html body #app.app-shell #view-security .security-table-grid > .security-section.kls-security-mobile-section.is-collapsed > .security-section-head.kls-security-mobile-head{
    border-bottom:0!important;
  }

  html body #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head > :not(.kls-security-mobile-collapse):not(.security-collapse-btn){
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head .security-head-title,
  html body #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head .security-head-title.compact{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  html body #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head .security-head-title > div:last-child{
    min-width:0!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }

  html body #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head h3{
    margin:0!important;
    padding:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head .security-collapse-btn.kls-security-mobile-collapse,
  html body #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head button.ghost.security-collapse-btn.kls-security-mobile-collapse{
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    justify-self:end!important;
    align-self:center!important;
    place-self:center end!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    z-index:1!important;
  }

  html body #app.app-shell #view-security .security-section.kls-security-mobile-section.is-collapsed > .security-section-body{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  html body #app.app-shell #view-security .security-section.kls-security-mobile-section:not(.is-collapsed) > .security-section-body{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}


/* v2.1.190 — Security page only: mobile dark mode collapse/expand button color polish */
@media (max-width: 760px){
  html body #app.app-shell.dark #view-security .security-collapse-btn,
  html body #app.app-shell.dark #view-security .security-table-grid .security-collapse-btn,
  html body.theme-dark #app.app-shell #view-security .security-collapse-btn,
  html body.theme-dark #app.app-shell #view-security .security-table-grid .security-collapse-btn,
  html body #app.app-shell.dark #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head .security-collapse-btn.kls-security-mobile-collapse,
  html body.theme-dark #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head .security-collapse-btn.kls-security-mobile-collapse,
  html body #app.app-shell.dark #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head button.ghost.security-collapse-btn.kls-security-mobile-collapse,
  html body.theme-dark #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head button.ghost.security-collapse-btn.kls-security-mobile-collapse{
    background:linear-gradient(180deg,#13293d 0%,#0b1c2d 100%)!important;
    border:1px solid #285173!important;
    color:#8ed6ff!important;
    box-shadow:0 10px 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)!important;
  }

  html body #app.app-shell.dark #view-security .security-collapse-btn .kls-ui-icon,
  html body #app.app-shell.dark #view-security .security-table-grid .security-collapse-btn .kls-ui-icon,
  html body.theme-dark #app.app-shell #view-security .security-collapse-btn .kls-ui-icon,
  html body.theme-dark #app.app-shell #view-security .security-table-grid .security-collapse-btn .kls-ui-icon,
  html body #app.app-shell.dark #view-security .security-collapse-btn svg,
  html body.theme-dark #app.app-shell #view-security .security-collapse-btn svg,
  html body #app.app-shell.dark #view-security .security-collapse-btn path,
  html body.theme-dark #app.app-shell #view-security .security-collapse-btn path{
    color:#8ed6ff!important;
    stroke:#8ed6ff!important;
  }

  html body #app.app-shell.dark #view-security .security-collapse-btn:hover,
  html body #app.app-shell.dark #view-security .security-table-grid .security-collapse-btn:hover,
  html body.theme-dark #app.app-shell #view-security .security-collapse-btn:hover,
  html body.theme-dark #app.app-shell #view-security .security-table-grid .security-collapse-btn:hover,
  html body #app.app-shell.dark #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head .security-collapse-btn.kls-security-mobile-collapse:hover,
  html body.theme-dark #app.app-shell #view-security .security-section.kls-security-mobile-section > .security-section-head.kls-security-mobile-head .security-collapse-btn.kls-security-mobile-collapse:hover{
    background:linear-gradient(180deg,#17324a 0%,#0f2336 100%)!important;
    border-color:#3a6d98!important;
    color:#b7e8ff!important;
  }

  html body #app.app-shell.dark #view-security .security-collapse-btn:hover .kls-ui-icon,
  html body #app.app-shell.dark #view-security .security-collapse-btn:hover path,
  html body.theme-dark #app.app-shell #view-security .security-collapse-btn:hover .kls-ui-icon,
  html body.theme-dark #app.app-shell #view-security .security-collapse-btn:hover path{
    color:#b7e8ff!important;
    stroke:#b7e8ff!important;
  }
}


/* V3 — Login button text contrast fix (desktop + mobile, light + dark)
   Keeps the Login label readable on the blue gradient button and prevents
   global login-screen span color rules from making it muted/gray. */
#loginScreen #loginSubmitBtn,
#loginScreen #loginSubmitBtn > span,
#loginScreen #loginSubmitBtn .login-submit-arrow,
#loginScreen #loginSubmitBtn .login-submit-arrow svg,
body.theme-dark #loginScreen #loginSubmitBtn,
body.theme-dark #loginScreen #loginSubmitBtn > span,
body.theme-dark #loginScreen #loginSubmitBtn .login-submit-arrow,
body.theme-dark #loginScreen #loginSubmitBtn .login-submit-arrow svg{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.22)!important;
}
#loginScreen #loginSubmitBtn svg,
body.theme-dark #loginScreen #loginSubmitBtn svg{
  stroke:#ffffff!important;
}
#loginScreen #loginSubmitBtn:disabled,
#loginScreen #loginSubmitBtn:disabled > span,
body.theme-dark #loginScreen #loginSubmitBtn:disabled,
body.theme-dark #loginScreen #loginSubmitBtn:disabled > span{
  color:rgba(255,255,255,.82)!important;
  -webkit-text-fill-color:rgba(255,255,255,.82)!important;
}

/* V3.0.2 — Global RTL/LTR foundation + Dashboard polish
   This pass keeps the sidebar/header/layout mirrored correctly for KU/AR while keeping
   numbers, dates, codes, versions, charts and SKUs isolated left-to-right for readability. */
html[dir="rtl"] body,
html[dir="rtl"] #app.app-shell{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] body,
html[dir="ltr"] #app.app-shell{
  direction:ltr!important;
  text-align:left!important;
}
.kls-bidi-ltr,
[dir="ltr"].kls-bidi-ltr,
#versionText,
#loginBrandVersion,
#footerText,
#loginFooterText,
.header-user-initials,
.header-user-avatar,
.product-id-pill,
.barcode-type-pill,
.dash-kpi-value,
.dash-bar-value,
.dash-bar-label,
#dashboardDateRange,
#dashboardDateFromText,
#dashboardDateToText{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .kls-select-display,
html[dir="rtl"] .kls-select-option{
  text-align:right!important;
}
html[dir="ltr"] input,
html[dir="ltr"] textarea,
html[dir="ltr"] select,
html[dir="ltr"] .kls-select-display,
html[dir="ltr"] .kls-select-option{
  text-align:left!important;
}
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="date"],
html[dir="rtl"] input[type="time"],
html[dir="rtl"] input[data-ltr],
html[dir="rtl"] .price-input-shell input,
html[dir="rtl"] .qty-stepper input,
html[dir="rtl"] .activity-ip,
html[dir="rtl"] .security-ip,
html[dir="rtl"] .sync-item-code{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:isolate!important;
}
html[dir="rtl"] .main-content,
html[dir="rtl"] .view,
html[dir="rtl"] .card,
html[dir="rtl"] .sidebar,
html[dir="rtl"] .global-header,
html[dir="rtl"] .table-wrap{
  direction:rtl!important;
  text-align:right;
}
html[dir="ltr"] .main-content,
html[dir="ltr"] .view,
html[dir="ltr"] .card,
html[dir="ltr"] .sidebar,
html[dir="ltr"] .global-header,
html[dir="ltr"] .table-wrap{
  direction:ltr!important;
  text-align:left;
}
html[dir="rtl"] .global-header .header-toolbar{margin-inline-start:0!important;margin-inline-end:auto!important;}
html[dir="rtl"] .user-menu-dropdown{right:auto!important;left:0!important;text-align:right!important;}
html[dir="ltr"] .user-menu-dropdown{left:auto!important;right:0!important;text-align:left!important;}
html[dir="rtl"] .notification-panel{right:auto!important;left:0!important;text-align:right!important;}
html[dir="rtl"] .user-menu-btn,
html[dir="rtl"] .header-left,
html[dir="rtl"] .header-toolbar,
html[dir="rtl"] .header-language-switch,
html[dir="rtl"] .lang-chip,
html[dir="rtl"] .mobile-menu-btn{
  direction:rtl!important;
}
html[dir="rtl"] .user-menu-copy{text-align:right!important;}
html[dir="ltr"] .user-menu-copy{text-align:left!important;}
html[dir="rtl"] .sidebar-top-toggle .sidebar-toggle-svg,
html[dir="rtl"] .dash-link-btn svg,
html[dir="rtl"] .user-menu-caret,
html[dir="rtl"] .dash-caret{
  transform:scaleX(-1);
}
html[dir="rtl"] .user-menu-btn[aria-expanded="true"] .user-menu-caret{transform:scaleX(-1) rotate(180deg)!important;}

/* Dashboard RTL/LTR page pass */
#view-dashboard.dashboard-pro-view{direction:inherit!important;}
html[dir="rtl"] #view-dashboard .dashboard-pro-head{
  direction:rtl!important;
  grid-template-columns:minmax(280px,1fr) auto!important;
}
html[dir="rtl"] #view-dashboard .dashboard-welcome{direction:rtl!important;}
html[dir="ltr"] #view-dashboard .dashboard-welcome{direction:ltr!important;}
html[dir="rtl"] #view-dashboard .dashboard-welcome > div:last-child,
html[dir="rtl"] #view-dashboard .dash-kpi-body > div,
html[dir="rtl"] #view-dashboard .dash-section,
html[dir="rtl"] #view-dashboard .dash-status-row > div,
html[dir="rtl"] #view-dashboard .dash-mini-item > div,
html[dir="rtl"] #view-dashboard .dash-recent-user > div{
  text-align:right!important;
}
html[dir="ltr"] #view-dashboard .dashboard-welcome > div:last-child,
html[dir="ltr"] #view-dashboard .dash-kpi-body > div,
html[dir="ltr"] #view-dashboard .dash-section,
html[dir="ltr"] #view-dashboard .dash-status-row > div,
html[dir="ltr"] #view-dashboard .dash-mini-item > div{
  text-align:left!important;
}
html[dir="rtl"] #view-dashboard .dashboard-filters{
  direction:rtl!important;
  justify-content:flex-start!important;
}
html[dir="ltr"] #view-dashboard .dashboard-filters{
  direction:ltr!important;
  justify-content:flex-end!important;
}
html[dir="rtl"] #view-dashboard .dash-filter-btn,
html[dir="rtl"] #view-dashboard .dash-date-picker-btn,
html[dir="rtl"] #view-dashboard .dash-period-menu button,
html[dir="rtl"] #view-dashboard .dash-date-menu,
html[dir="rtl"] #view-dashboard .dash-date-actions,
html[dir="rtl"] #view-dashboard .dash-search-shell{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] #view-dashboard #dashboardDateRange,
html[dir="rtl"] #view-dashboard #dashboardDateFromText,
html[dir="rtl"] #view-dashboard #dashboardDateToText{
  direction:ltr!important;
  text-align:center!important;
  unicode-bidi:isolate!important;
}
html[dir="rtl"] #view-dashboard .dash-filter-btn .dash-caret{margin-inline-start:0!important;margin-inline-end:auto!important;}
html[dir="ltr"] #view-dashboard .dash-filter-btn .dash-caret{margin-inline-start:auto!important;margin-inline-end:0!important;}
html[dir="rtl"] #view-dashboard .dash-kpi-body{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
}
html[dir="ltr"] #view-dashboard .dash-kpi-body{
  direction:ltr!important;
  flex-direction:row!important;
}
html[dir="rtl"] #view-dashboard .dash-kpi-value,
html[dir="rtl"] #view-dashboard .dashboard-kpi small,
html[dir="rtl"] #view-dashboard .dash-status-row b,
html[dir="rtl"] #view-dashboard .dash-mini-meta,
html[dir="rtl"] #view-dashboard .dash-recent-meta .muted{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
html[dir="rtl"] #view-dashboard .dash-card-head,
html[dir="rtl"] #view-dashboard .dash-card-actions,
html[dir="rtl"] #view-dashboard .dash-chart-legend,
html[dir="rtl"] #view-dashboard .dash-donut-legend div,
html[dir="rtl"] #view-dashboard .dash-recent-logs .recent-log-item,
html[dir="rtl"] #view-dashboard .dash-recent-logs .recent-log-user,
html[dir="rtl"] #view-dashboard .dash-mini-item,
html[dir="rtl"] #view-dashboard .dash-link-btn,
html[dir="rtl"] #view-dashboard .dash-action{
  direction:rtl!important;
}
html[dir="rtl"] #view-dashboard .dash-action{
  text-align:right!important;
  justify-content:flex-start!important;
}
html[dir="ltr"] #view-dashboard .dash-action{text-align:left!important;}
html[dir="rtl"] #view-dashboard .dash-line-chart,
html[dir="rtl"] #view-dashboard .dash-bar-chart,
html[dir="rtl"] #view-dashboard .dash-donut{
  direction:ltr!important;
  text-align:center!important;
}
html[dir="rtl"] #view-dashboard .dash-donut-legend span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-direction:row-reverse!important;
}
html[dir="ltr"] #view-dashboard .dash-donut-legend span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-direction:row!important;
}
html[dir="rtl"] #view-dashboard .dash-status-row{
  direction:rtl!important;
  grid-template-columns:auto 1fr auto!important;
}
html[dir="rtl"] #view-dashboard .dash-recent-meta{
  text-align:left!important;
  align-items:flex-start!important;
}
html[dir="ltr"] #view-dashboard .dash-recent-meta{
  text-align:right!important;
  align-items:flex-end!important;
}
html[dir="rtl"] #view-dashboard .dash-progress,
html[dir="rtl"] #view-dashboard .dash-progress i{
  direction:ltr!important;
}
@media (max-width:900px){
  html[dir="rtl"] #view-dashboard .dashboard-pro-head,
  html[dir="ltr"] #view-dashboard .dashboard-pro-head{
    grid-template-columns:1fr!important;
  }
  html[dir="rtl"] #view-dashboard .dashboard-filters,
  html[dir="ltr"] #view-dashboard .dashboard-filters{
    justify-content:stretch!important;
  }
  html[dir="rtl"] #view-dashboard .dash-recent-logs .recent-log-item,
  html[dir="ltr"] #view-dashboard .dash-recent-logs .recent-log-item{
    align-items:stretch!important;
  }
}

/* V3.0.2 — Sidebar RTL/LTR menu alignment polish
   Keeps KU/AR sidebar content true RTL: icons on the right, labels aligned right,
   and the desktop collapse button moved away from the title/version area. */
#app.app-shell #appSidebar .brand-head{
  position:relative!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:76px!important;
  margin-bottom:18px!important;
}
#app.app-shell #appSidebar .brand-main{
  min-width:0!important;
  flex:1 1 auto!important;
  align-items:center!important;
}
#app.app-shell #appSidebar .brand-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:3px!important;
}
#app.app-shell #appSidebar .brand-copy h1{
  margin:0!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#app.app-shell #appSidebar #versionText{
  display:block!important;
  margin-top:2px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  opacity:.92!important;
}
#app.app-shell #appSidebar .sidebar-top-toggle{
  top:14px!important;
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .brand-head{
  flex-direction:row!important;
  padding-inline-end:48px!important;
  padding-inline-start:0!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .brand-main{
  flex-direction:row!important;
  text-align:left!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .brand-copy{
  align-items:flex-start!important;
  text-align:left!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .sidebar-top-toggle{
  right:12px!important;
  left:auto!important;
  inset-inline-end:12px!important;
  inset-inline-start:auto!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .brand-head{
  flex-direction:row!important;
  padding-inline-start:48px!important;
  padding-inline-end:0!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .brand-main{
  flex-direction:row!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .brand-copy{
  align-items:flex-end!important;
  text-align:right!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .sidebar-top-toggle{
  left:12px!important;
  right:auto!important;
  inset-inline-start:12px!important;
  inset-inline-end:auto!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .sidebar-top-toggle .sidebar-toggle-svg{
  transform:rotate(180deg)!important;
}
html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle .sidebar-toggle-svg{
  transform:rotate(180deg)!important;
}
html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle .sidebar-toggle-svg{
  transform:rotate(0deg)!important;
}
body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
  justify-content:center!important;
  padding-inline:0!important;
  min-height:auto!important;
  margin-bottom:14px!important;
}
body.sidebar-collapsed #app.app-shell #appSidebar .brand-main{
  justify-content:center!important;
  flex:0 0 auto!important;
}
body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle{
  left:50%!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  transform:translateX(-50%)!important;
}
body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle:hover{
  transform:translateX(-50%) translateY(-1px)!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .nav-grid{
  direction:rtl!important;
  padding-inline-start:4px!important;
  padding-inline-end:0!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .nav-grid{
  direction:ltr!important;
  padding-inline-end:4px!important;
  padding-inline-start:0!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .nav-btn{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:right!important;
  padding-inline:15px 16px!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .nav-btn{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .nav-btn .nav-icon{
  order:0!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .nav-btn .nav-label{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:right!important;
  direction:rtl!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .nav-btn .nav-label{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
  direction:ltr!important;
}
body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid{
  padding-inline:0!important;
}
body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn{
  justify-content:center!important;
  align-items:center!important;
  flex-direction:row!important;
  padding:12px 10px!important;
  text-align:center!important;
}
body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-label{
  display:none!important;
}
html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn::after{
  left:calc(100% + 12px)!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn::after{
  right:auto!important;
  left:calc(100% + 12px)!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .sidebar-controls,
html[dir="rtl"] #app.app-shell #appSidebar .sidebar-controls .primary,
html[dir="rtl"] #app.app-shell #appSidebar .sidebar-controls .ghost{
  direction:rtl!important;
  text-align:center!important;
}
@media (max-width:900px){
  #app.app-shell #appSidebar .brand-head{
    padding-inline:0!important;
    min-height:64px!important;
  }
  #app.app-shell #appSidebar .brand-copy h1{
    white-space:normal!important;
  }
  html[dir="rtl"] #app.app-shell #appSidebar .nav-btn{
    flex-direction:row!important;
    justify-content:flex-start!important;
    text-align:right!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .nav-btn{
    flex-direction:row!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }
}


/* V3.0.3 — Sidebar brand, logo and collapse button RTL/LTR correction
   Fixes the damaged title/logo/collapse area in expanded and collapsed sidebars.
   Desktop uses a clean, different placement for LTR and RTL; mobile keeps a full overlay menu. */
#app.app-shell #appSidebar{
  overflow:hidden!important;
}
#app.app-shell #appSidebar .brand-head{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-height:82px!important;
  margin:0 0 18px!important;
  padding-block:4px!important;
  overflow:visible!important;
}
#app.app-shell #appSidebar .brand-main{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  max-width:100%!important;
  flex:1 1 auto!important;
}
#app.app-shell #appSidebar .brand-logo{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  object-fit:contain!important;
  z-index:1!important;
}
#app.app-shell #appSidebar .brand-copy{
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:hidden!important;
}
#app.app-shell #appSidebar .brand-copy h1{
  margin:0!important;
  max-width:100%!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#app.app-shell #appSidebar #versionText{
  display:block!important;
  margin:0!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
#app.app-shell #appSidebar .sidebar-top-toggle{
  position:absolute!important;
  top:14px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  flex:0 0 40px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:14px!important;
  z-index:6!important;
  transform:none!important;
}
#app.app-shell #appSidebar .sidebar-top-toggle:hover{
  transform:translateY(-1px)!important;
}
#app.app-shell #appSidebar .sidebar-top-toggle .sidebar-toggle-svg{
  width:18px!important;
  height:18px!important;
  transform:none!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .brand-head{
  direction:ltr!important;
  padding-inline:0 54px!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .brand-main{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .brand-copy{
  align-items:flex-start!important;
  text-align:left!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .sidebar-top-toggle{
  right:0!important;
  left:auto!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .sidebar-top-toggle .sidebar-toggle-svg{
  transform:rotate(0deg)!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .brand-head{
  direction:rtl!important;
  padding-inline:54px 0!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .brand-main{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .brand-copy{
  align-items:flex-end!important;
  text-align:right!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .sidebar-top-toggle{
  left:0!important;
  right:auto!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .sidebar-top-toggle .sidebar-toggle-svg{
  transform:rotate(180deg)!important;
}

/* Collapsed desktop: never show cut title text; keep logo + collapse button clean and centered. */
@media (min-width:901px){
  body.sidebar-collapsed #app.app-shell #appSidebar{
    padding:12px 10px 18px!important;
    overflow:hidden!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:96px!important;
    margin:0 0 12px!important;
    padding:42px 0 0!important;
    direction:ltr!important;
    text-align:center!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-main,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .brand-main,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .brand-main{
    width:100%!important;
    flex:0 0 auto!important;
    justify-content:center!important;
    align-items:center!important;
    gap:0!important;
    direction:ltr!important;
    text-align:center!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo{
    width:50px!important;
    height:50px!important;
    flex:0 0 50px!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar #versionText{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    max-width:0!important;
    height:0!important;
    overflow:hidden!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle{
    top:0!important;
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:14px!important;
    transform:translateX(-50%)!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle:hover,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle:hover,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle:hover{
    transform:translateX(-50%) translateY(-1px)!important;
  }
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle .sidebar-toggle-svg{
    transform:rotate(180deg)!important;
  }
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle .sidebar-toggle-svg{
    transform:rotate(0deg)!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid{
    margin-top:0!important;
    padding-inline:0!important;
    gap:10px!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn{
    min-height:52px!important;
    justify-content:center!important;
    padding:12px 10px!important;
    overflow:visible!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon{
    margin:0!important;
  }
}

/* Sidebar menu direction: icons at the correct reading side in both full desktop and mobile overlay. */
html[dir="rtl"] #app.app-shell #appSidebar .nav-grid{
  direction:rtl!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .nav-btn{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:right!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .nav-btn .nav-icon{
  order:0!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .nav-btn .nav-label{
  order:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:right!important;
  direction:rtl!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .nav-grid{
  direction:ltr!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .nav-btn{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .nav-btn .nav-icon{
  order:0!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .nav-btn .nav-label{
  order:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
  direction:ltr!important;
}
body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-label{
  display:none!important;
}

/* Mobile RTL/LTR: no collapsed desktop header; menu remains full width with correct close-button side. */
@media (max-width:900px){
  #app.app-shell #appSidebar{
    overflow:auto!important;
  }
  #app.app-shell #appSidebar .sidebar-top-toggle{
    display:none!important;
  }
  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head{
    min-height:64px!important;
    margin-bottom:14px!important;
    padding-block:0!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head{
    padding-inline:0 48px!important;
  }
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head{
    padding-inline:48px 0!important;
  }
  #app.app-shell #appSidebar .brand-logo{
    width:56px!important;
    height:56px!important;
    flex-basis:56px!important;
  }
  #app.app-shell #appSidebar .brand-copy,
  #app.app-shell #appSidebar .brand-copy h1,
  #app.app-shell #appSidebar #versionText{
    display:flex!important;
    visibility:visible!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
  }
  #app.app-shell #appSidebar .brand-copy h1{
    display:block!important;
    white-space:normal!important;
  }
  html[dir="ltr"] .sidebar-close-btn{
    right:14px!important;
    left:auto!important;
  }
  html[dir="rtl"] .sidebar-close-btn{
    left:14px!important;
    right:auto!important;
  }
  html[dir="rtl"] #app.app-shell #appSidebar .nav-btn,
  html[dir="ltr"] #app.app-shell #appSidebar .nav-btn{
    justify-content:flex-start!important;
    min-height:54px!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar #versionText,
  body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-label{
    display:flex!important;
    visibility:visible!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-label{
    display:inline-block!important;
  }
}

/* V3.0.3 final mobile display guard: keep title/version readable in overlay menu. */
@media (max-width:900px){
  #app.app-shell #appSidebar .brand-copy,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy{
    display:flex!important;
    flex-direction:column!important;
    visibility:visible!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  #app.app-shell #appSidebar #versionText,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar #versionText{
    display:block!important;
    visibility:visible!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
  }
}


/* V3.0.4 — Sidebar brand stack polish
   Requested layout: keep the logo centered at the top, place the system name underneath,
   and remove the version from the sidebar brand area. Works for desktop/mobile and RTL/LTR. */
#app.app-shell #appSidebar .brand-head{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:128px!important;
  margin:0 0 18px!important;
  padding:14px 52px 6px!important;
  overflow:visible!important;
}
#app.app-shell #appSidebar .brand-main{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:center!important;
  direction:ltr!important;
}
#app.app-shell #appSidebar .brand-logo{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
#app.app-shell #appSidebar .brand-copy{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:visible!important;
}
#app.app-shell #appSidebar .brand-copy h1{
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.2!important;
  word-break:break-word!important;
}
#app.app-shell #appSidebar #versionText{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  overflow:hidden!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
html[dir="rtl"] #app.app-shell #appSidebar .brand-head,
html[dir="ltr"] #app.app-shell #appSidebar .brand-main,
html[dir="rtl"] #app.app-shell #appSidebar .brand-main,
html[dir="ltr"] #app.app-shell #appSidebar .brand-copy,
html[dir="rtl"] #app.app-shell #appSidebar .brand-copy{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
}
html[dir="ltr"] #app.app-shell #appSidebar .sidebar-top-toggle{
  top:12px!important;
  right:0!important;
  left:auto!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
}
html[dir="rtl"] #app.app-shell #appSidebar .sidebar-top-toggle{
  top:12px!important;
  left:0!important;
  right:auto!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
}
@media (min-width:901px){
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
    min-height:96px!important;
    padding:40px 0 0!important;
    margin:0 0 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-main,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .brand-main,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .brand-main{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo{
    width:50px!important;
    height:50px!important;
    flex:0 0 50px!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar #versionText{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle{
    top:0!important;
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    transform:translateX(-50%)!important;
  }
  body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle:hover,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle:hover,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-top-toggle:hover{
    transform:translateX(-50%) translateY(-1px)!important;
  }
}
@media (max-width:900px){
  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head{
    min-height:118px!important;
    padding:8px 48px 4px!important;
    margin-bottom:14px!important;
  }
  #app.app-shell #appSidebar .brand-logo{
    width:58px!important;
    height:58px!important;
    flex:0 0 58px!important;
  }
  #app.app-shell #appSidebar .brand-copy,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy{
    display:flex!important;
    visibility:visible!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    white-space:normal!important;
    font-size:1.06rem!important;
  }
  #app.app-shell #appSidebar #versionText,
  body.sidebar-collapsed #app.app-shell #appSidebar #versionText{
    display:none!important;
  }
}


/* V3.0.6 — Mobile menu header compact polish + background scroll lock
   Keeps the sidebar panel scrollable while freezing the page behind it. */
@media (max-width:900px){
  html.kls-mobile-menu-scroll-locked{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.kls-mobile-menu-scroll-locked{
    position:fixed!important;
    overflow:hidden!important;
    width:100%!important;
    left:0!important;
    right:0!important;
    overscroll-behavior:none!important;
    touch-action:none!important;
  }
  body.sidebar-open .main-content{
    pointer-events:none!important;
  }
  body.sidebar-open #appSidebar,
  body.sidebar-open .mobile-nav-backdrop,
  body.sidebar-open .global-header{
    pointer-events:auto!important;
    touch-action:auto!important;
  }
  #app.app-shell #appSidebar{
    padding:42px 16px 16px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  #app.app-shell #appSidebar .sidebar-close-btn{
    top:12px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:12px!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .sidebar-close-btn{
    right:12px!important;
    left:auto!important;
  }
  html[dir="rtl"] #app.app-shell #appSidebar .sidebar-close-btn{
    left:12px!important;
    right:auto!important;
  }
  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head{
    min-height:84px!important;
    margin:0 0 10px!important;
    padding:0 42px 0!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #app.app-shell #appSidebar .brand-main,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-main,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-main{
    gap:6px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  #app.app-shell #appSidebar .brand-logo{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
  }
  #app.app-shell #appSidebar .brand-copy{
    gap:0!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1{
    font-size:.88rem!important;
    line-height:1.15!important;
    margin:0!important;
    max-width:100%!important;
  }
  #app.app-shell #appSidebar .nav-grid{
    margin-top:4px!important;
    gap:8px!important;
  }
  #app.app-shell #appSidebar .nav-btn,
  html[dir="rtl"] #app.app-shell #appSidebar .nav-btn,
  html[dir="ltr"] #app.app-shell #appSidebar .nav-btn{
    min-height:50px!important;
    padding-block:10px!important;
  }
}
@media (max-width:640px){
  #app.app-shell #appSidebar{
    padding:40px 14px 14px!important;
  }
  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head{
    min-height:78px!important;
    margin-bottom:8px!important;
    padding-inline:40px!important;
  }
  #app.app-shell #appSidebar .brand-logo{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1{
    font-size:.82rem!important;
  }
}


/* V3.0.6 — PRO mobile sidebar brand header polish
   Bigger logo, readable system name, reduced wasted space, and clean RTL/LTR mobile overlay. */
@media (max-width:900px){
  html.kls-mobile-menu-scroll-locked,
  body.kls-mobile-menu-scroll-locked{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  body.kls-mobile-menu-scroll-locked{
    position:fixed!important;
    width:100%!important;
    left:0!important;
    right:0!important;
    touch-action:none!important;
  }
  body.sidebar-open .main-content{
    pointer-events:none!important;
  }
  body.sidebar-open #appSidebar,
  body.sidebar-open .mobile-nav-backdrop,
  body.sidebar-open .global-header{
    pointer-events:auto!important;
    touch-action:auto!important;
  }
  #app.app-shell #appSidebar,
  html[dir="ltr"] #app.app-shell #appSidebar,
  html[dir="rtl"] #app.app-shell #appSidebar{
    padding:14px 14px 16px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  #app.app-shell #appSidebar .sidebar-close-btn{
    top:12px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:14px!important;
    z-index:20!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .sidebar-close-btn{
    right:12px!important;
    left:auto!important;
  }
  html[dir="rtl"] #app.app-shell #appSidebar .sidebar-close-btn{
    left:12px!important;
    right:auto!important;
  }
  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 12px!important;
    padding:16px 52px 14px!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,252,255,.92))!important;
    border:1px solid rgba(190,215,235,.72)!important;
    box-shadow:0 16px 30px rgba(15,23,42,.07)!important;
    overflow:visible!important;
  }
  body.theme-dark #app.app-shell #appSidebar .brand-head,
  #app.app-shell.dark #appSidebar .brand-head{
    background:linear-gradient(180deg,rgba(12,30,45,.96),rgba(6,22,34,.92))!important;
    border-color:rgba(92,144,177,.42)!important;
    box-shadow:0 18px 34px rgba(0,0,0,.26)!important;
  }
  #app.app-shell #appSidebar .brand-main,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-main,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-main,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-main{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    text-align:center!important;
    direction:ltr!important;
  }
  #app.app-shell #appSidebar .brand-logo,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo{
    width:74px!important;
    height:74px!important;
    min-width:74px!important;
    flex:0 0 74px!important;
    object-fit:contain!important;
    margin:0 auto!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 12px 22px rgba(15,23,42,.16)!important;
    filter:none!important;
  }
  #app.app-shell #appSidebar .brand-copy,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-width:0!important;
    gap:0!important;
    overflow:visible!important;
    text-align:center!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy h1,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy h1{
    display:block!important;
    visibility:visible!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    font-size:1.18rem!important;
    line-height:1.18!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    color:#07182b!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    direction:ltr!important;
  }
  body.theme-dark #app.app-shell #appSidebar .brand-copy h1,
  #app.app-shell.dark #appSidebar .brand-copy h1{
    color:#f8fbff!important;
  }
  #app.app-shell #appSidebar #versionText,
  body.sidebar-collapsed #app.app-shell #appSidebar #versionText{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  #app.app-shell #appSidebar .nav-grid{
    margin-top:0!important;
    gap:8px!important;
  }
  #app.app-shell #appSidebar .nav-btn,
  html[dir="ltr"] #app.app-shell #appSidebar .nav-btn,
  html[dir="rtl"] #app.app-shell #appSidebar .nav-btn{
    min-height:52px!important;
    padding-block:10px!important;
  }
}
@media (max-width:480px){
  #app.app-shell #appSidebar,
  html[dir="ltr"] #app.app-shell #appSidebar,
  html[dir="rtl"] #app.app-shell #appSidebar{
    padding:12px 12px 14px!important;
  }
  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
    padding:14px 48px 12px!important;
    margin-bottom:10px!important;
    border-radius:22px!important;
  }
  #app.app-shell #appSidebar .brand-logo,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    flex-basis:68px!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy h1,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy h1{
    font-size:1.08rem!important;
    line-height:1.16!important;
  }
}


/* V3.0.7 — Mobile menu header polish + X button position fix
   Compact premium mobile sidebar header for EN/KU/AR with cleaner close button alignment. */
@media (max-width:900px){
  #app.app-shell #appSidebar,
  html[dir="ltr"] #app.app-shell #appSidebar,
  html[dir="rtl"] #app.app-shell #appSidebar{
    padding:12px 12px 14px!important;
  }
  #app.app-shell #appSidebar .sidebar-close-btn,
  html[dir="ltr"] #app.app-shell #appSidebar .sidebar-close-btn,
  html[dir="rtl"] #app.app-shell #appSidebar .sidebar-close-btn{
    top:18px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.94)!important;
    border:1px solid rgba(191,212,228,.9)!important;
    box-shadow:0 10px 24px rgba(10,20,35,.10)!important;
    color:#10263d!important;
    font-size:20px!important;
    line-height:1!important;
    z-index:30!important;
  }
  body.theme-dark #app.app-shell #appSidebar .sidebar-close-btn,
  #app.app-shell.dark #appSidebar .sidebar-close-btn{
    background:rgba(12,28,42,.92)!important;
    border-color:rgba(83,127,157,.75)!important;
    color:#f6fbff!important;
    box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .sidebar-close-btn{right:16px!important;left:auto!important;}
  html[dir="rtl"] #app.app-shell #appSidebar .sidebar-close-btn{left:16px!important;right:auto!important;}

  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 12px!important;
    padding:18px 14px 10px!important;
    border-radius:26px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.95))!important;
    border:1px solid rgba(197,218,235,.82)!important;
    box-shadow:0 18px 34px rgba(15,23,42,.07)!important;
    overflow:visible!important;
  }
  body.theme-dark #app.app-shell #appSidebar .brand-head,
  #app.app-shell.dark #appSidebar .brand-head{
    background:linear-gradient(180deg,rgba(11,28,42,.98),rgba(7,21,34,.95))!important;
    border-color:rgba(80,126,158,.48)!important;
    box-shadow:0 18px 36px rgba(0,0,0,.28)!important;
  }
  #app.app-shell #appSidebar .brand-main,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-main,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-main,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-main{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    gap:6px!important;
    text-align:center!important;
    padding:0 40px!important;
    direction:ltr!important;
  }
  #app.app-shell #appSidebar .brand-logo,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo{
    width:84px!important;
    height:84px!important;
    min-width:84px!important;
    flex:0 0 84px!important;
    margin:2px auto 2px!important;
    padding:4px!important;
    border:1px solid rgba(214,228,240,.92)!important;
    box-shadow:0 16px 30px rgba(15,23,42,.14)!important;
    background:#fff!important;
  }
  #app.app-shell #appSidebar .brand-copy,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy h1,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy h1{
    margin:0!important;
    padding:0!important;
    font-size:1.32rem!important;
    line-height:1.12!important;
    font-weight:900!important;
    letter-spacing:-.03em!important;
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    color:#0a1d31!important;
    direction:ltr!important;
  }
  body.theme-dark #app.app-shell #appSidebar .brand-copy h1,
  #app.app-shell.dark #appSidebar .brand-copy h1{color:#f7fbff!important;}

  #app.app-shell #appSidebar .nav-grid{margin-top:4px!important;gap:10px!important;}
}
@media (max-width:520px){
  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
    padding:16px 12px 8px!important;
    margin-bottom:10px!important;
    border-radius:24px!important;
  }
  #app.app-shell #appSidebar .brand-main,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-main,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-main,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-main{
    padding:0 36px!important;
    gap:5px!important;
  }
  #app.app-shell #appSidebar .brand-logo,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo{
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    flex-basis:82px!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy h1,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy h1{
    font-size:1.22rem!important;
    line-height:1.12!important;
  }
}
@media (max-width:420px){
  #app.app-shell #appSidebar .brand-main,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-main,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-main,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-main{
    padding:0 32px!important;
  }
  #app.app-shell #appSidebar .brand-logo,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo{
    width:78px!important;
    height:78px!important;
    min-width:78px!important;
    flex-basis:78px!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy h1,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy h1{
    font-size:1.14rem!important;
  }
}

/* V3.0.9 — Real Mobile Sidebar Header Final Polish
   Final mobile overlay header: real app-style compact row, no large empty header space,
   X button vertically aligned, logo/title/version balanced for EN/KU/AR and light/dark. */
@media (max-width:900px){
  body.sidebar-open #app.app-shell #appSidebar,
  #app.app-shell #appSidebar,
  html[dir="ltr"] #app.app-shell #appSidebar,
  html[dir="rtl"] #app.app-shell #appSidebar{
    padding:12px 12px calc(14px + env(safe-area-inset-bottom,0px))!important;
    border-radius:24px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }

  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:stretch!important;
    min-height:72px!important;
    height:auto!important;
    margin:0 0 10px!important;
    padding-block:10px!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 14% 0%,rgba(17,183,230,.14),transparent 34%),
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,252,255,.94))!important;
    border:1px solid rgba(194,217,235,.88)!important;
    box-shadow:0 16px 32px rgba(15,23,42,.075)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  body:not([dir="rtl"]) #app.app-shell #appSidebar .brand-head{
    padding-inline:12px 58px!important;
  }
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head{
    padding-inline:58px 12px!important;
  }
  body.theme-dark #app.app-shell #appSidebar .brand-head,
  #app.app-shell.dark #appSidebar .brand-head{
    background:
      radial-gradient(circle at 14% 0%,rgba(56,189,248,.16),transparent 34%),
      linear-gradient(180deg,rgba(12,29,44,.98),rgba(7,21,34,.94))!important;
    border-color:rgba(84,132,166,.58)!important;
    box-shadow:0 18px 36px rgba(0,0,0,.30)!important;
  }

  #app.app-shell #appSidebar .brand-main,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-main,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-main,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-main{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
    text-align:start!important;
  }
  html[dir="rtl"] #app.app-shell #appSidebar .brand-main{
    direction:rtl!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .brand-main{
    direction:ltr!important;
  }

  #app.app-shell #appSidebar .brand-logo,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-logo,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-logo{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    flex:0 0 50px!important;
    margin:0!important;
    padding:3px!important;
    object-fit:contain!important;
    border-radius:17px!important;
    background:#fff!important;
    border:1px solid rgba(212,228,239,.96)!important;
    box-shadow:0 12px 22px rgba(15,23,42,.12)!important;
    filter:none!important;
  }
  body.theme-dark #app.app-shell #appSidebar .brand-logo,
  #app.app-shell.dark #appSidebar .brand-logo{
    background:#f8fbff!important;
    border-color:rgba(120,162,190,.62)!important;
    box-shadow:0 12px 24px rgba(0,0,0,.25)!important;
  }

  #app.app-shell #appSidebar .brand-copy,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
    overflow:hidden!important;
    text-align:start!important;
    visibility:visible!important;
  }
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy{
    align-items:flex-end!important;
    text-align:end!important;
  }

  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy h1,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy h1{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:#071d31!important;
    font-size:clamp(.94rem,3.7vw,1.08rem)!important;
    line-height:1.13!important;
    font-weight:900!important;
    letter-spacing:-.018em!important;
    text-align:start!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    direction:inherit!important;
    unicode-bidi:plaintext!important;
  }
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy h1{
    text-align:end!important;
  }
  body.theme-dark #app.app-shell #appSidebar .brand-copy h1,
  #app.app-shell.dark #appSidebar .brand-copy h1{
    color:#f7fbff!important;
  }

  #app.app-shell #appSidebar #versionText,
  body.sidebar-collapsed #app.app-shell #appSidebar #versionText,
  html[dir="ltr"] #app.app-shell #appSidebar #versionText,
  html[dir="rtl"] #app.app-shell #appSidebar #versionText{
    display:inline-flex!important;
    visibility:visible!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:3px 8px!important;
    border-radius:999px!important;
    background:rgba(7,124,185,.085)!important;
    border:1px solid rgba(29,155,212,.16)!important;
    color:#436175!important;
    font-size:.66rem!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.035em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    direction:ltr!important;
    unicode-bidi:isolate!important;
  }
  body.theme-dark #app.app-shell #appSidebar #versionText,
  #app.app-shell.dark #appSidebar #versionText{
    background:rgba(56,189,248,.13)!important;
    border-color:rgba(125,211,252,.22)!important;
    color:#a6d9f5!important;
  }

  #app.app-shell #appSidebar .sidebar-close-btn,
  html[dir="ltr"] #app.app-shell #appSidebar .sidebar-close-btn,
  html[dir="rtl"] #app.app-shell #appSidebar .sidebar-close-btn{
    top:28px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:15px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(187,210,228,.92)!important;
    box-shadow:0 10px 22px rgba(10,20,35,.12)!important;
    color:#10263d!important;
    font-size:19px!important;
    font-weight:900!important;
    line-height:1!important;
    z-index:40!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .sidebar-close-btn{right:18px!important;left:auto!important;}
  html[dir="rtl"] #app.app-shell #appSidebar .sidebar-close-btn{left:18px!important;right:auto!important;}
  #app.app-shell #appSidebar .sidebar-close-btn:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(17,183,230,.42)!important;
    box-shadow:0 14px 26px rgba(17,183,230,.14)!important;
  }
  body.theme-dark #app.app-shell #appSidebar .sidebar-close-btn,
  #app.app-shell.dark #appSidebar .sidebar-close-btn{
    background:rgba(13,31,47,.96)!important;
    border-color:rgba(91,139,171,.72)!important;
    color:#f7fbff!important;
    box-shadow:0 12px 26px rgba(0,0,0,.32)!important;
  }

  #app.app-shell #appSidebar .nav-grid,
  html[dir="ltr"] #app.app-shell #appSidebar .nav-grid,
  html[dir="rtl"] #app.app-shell #appSidebar .nav-grid{
    margin-top:0!important;
    gap:8px!important;
  }
  #app.app-shell #appSidebar .nav-btn,
  html[dir="ltr"] #app.app-shell #appSidebar .nav-btn,
  html[dir="rtl"] #app.app-shell #appSidebar .nav-btn{
    min-height:50px!important;
    border-radius:17px!important;
  }
}

@media (max-width:520px){
  #app.app-shell #appSidebar,
  html[dir="ltr"] #app.app-shell #appSidebar,
  html[dir="rtl"] #app.app-shell #appSidebar{
    padding:10px 10px calc(12px + env(safe-area-inset-bottom,0px))!important;
    border-radius:22px!important;
  }
  #app.app-shell #appSidebar .brand-head,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
    min-height:68px!important;
    margin-bottom:9px!important;
    padding-block:9px!important;
    border-radius:20px!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .brand-head{padding-inline:10px 54px!important;}
  html[dir="rtl"] #app.app-shell #appSidebar .brand-head{padding-inline:54px 10px!important;}
  #app.app-shell #appSidebar .brand-main,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-main,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-main,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-main{
    gap:9px!important;
  }
  #app.app-shell #appSidebar .brand-logo,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-logo,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-logo{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    flex-basis:46px!important;
    border-radius:16px!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy h1,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy h1{
    font-size:clamp(.88rem,4.2vw,1rem)!important;
    line-height:1.12!important;
  }
  #app.app-shell #appSidebar #versionText{
    font-size:.62rem!important;
    padding:3px 7px!important;
  }
  #app.app-shell #appSidebar .sidebar-close-btn,
  html[dir="ltr"] #app.app-shell #appSidebar .sidebar-close-btn,
  html[dir="rtl"] #app.app-shell #appSidebar .sidebar-close-btn{
    top:24px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:14px!important;
  }
  html[dir="ltr"] #app.app-shell #appSidebar .sidebar-close-btn{right:15px!important;}
  html[dir="rtl"] #app.app-shell #appSidebar .sidebar-close-btn{left:15px!important;}
}

@media (max-width:380px){
  #app.app-shell #appSidebar .brand-logo,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-logo{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
  }
  #app.app-shell #appSidebar .brand-copy h1,
  body.sidebar-collapsed #app.app-shell #appSidebar .brand-copy h1,
  html[dir="ltr"] #app.app-shell #appSidebar .brand-copy h1,
  html[dir="rtl"] #app.app-shell #appSidebar .brand-copy h1{
    font-size:.86rem!important;
  }
  #app.app-shell #appSidebar #versionText{display:none!important;}
}


/* V3.0.9 — Remove sidebar brand version only
   Keeps the approved V3.0.9 mobile header layout unchanged and hides only the version badge under/near the logo title. */
#app.app-shell #appSidebar #versionText,
body.sidebar-collapsed #app.app-shell #appSidebar #versionText,
html[dir="ltr"] #app.app-shell #appSidebar #versionText,
html[dir="rtl"] #app.app-shell #appSidebar #versionText{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
@media (max-width:900px){
  #app.app-shell #appSidebar #versionText,
  body.sidebar-collapsed #app.app-shell #appSidebar #versionText,
  html[dir="ltr"] #app.app-shell #appSidebar #versionText,
  html[dir="rtl"] #app.app-shell #appSidebar #versionText{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
}


/* V3.0.10 — Products page RTL/LTR field, icon, and synced dropdown polish
   Scope: Products page only. Keeps all other pages and approved sidebar/header styling unchanged. */
#view-products.products-pro-view,
#view-products .products-pro-header,
#view-products .products-pro-sync,
#view-products .products-pro-form-card{
  unicode-bidi:isolate!important;
}

/* Product page hero title icon: explicit LTR/RTL placement */
html[dir="ltr"] #view-products .products-pro-header,
#view-products[dir="ltr"] .products-pro-header{
  direction:ltr!important;
  text-align:left!important;
  flex-direction:row!important;
}
html[dir="rtl"] #view-products .products-pro-header,
#view-products[dir="rtl"] .products-pro-header{
  direction:rtl!important;
  text-align:right!important;
  flex-direction:row!important;
}
html[dir="ltr"] #view-products .products-pro-header > div:first-child,
#view-products[dir="ltr"] .products-pro-header > div:first-child{
  padding-left:72px!important;
  padding-right:0!important;
  padding-inline-start:72px!important;
  padding-inline-end:0!important;
  text-align:left!important;
}
html[dir="rtl"] #view-products .products-pro-header > div:first-child,
#view-products[dir="rtl"] .products-pro-header > div:first-child{
  padding-right:72px!important;
  padding-left:0!important;
  padding-inline-start:72px!important;
  padding-inline-end:0!important;
  text-align:right!important;
}
html[dir="ltr"] #view-products .products-pro-header > div:first-child::before,
#view-products[dir="ltr"] .products-pro-header > div:first-child::before{
  left:0!important;
  right:auto!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
}
html[dir="rtl"] #view-products .products-pro-header > div:first-child::before,
#view-products[dir="rtl"] .products-pro-header > div:first-child::before{
  right:0!important;
  left:auto!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
}
html[dir="ltr"] #view-products .products-pro-header > div:first-child::after,
#view-products[dir="ltr"] .products-pro-header > div:first-child::after{
  left:17px!important;
  right:auto!important;
  inset-inline-start:17px!important;
  inset-inline-end:auto!important;
}
html[dir="rtl"] #view-products .products-pro-header > div:first-child::after,
#view-products[dir="rtl"] .products-pro-header > div:first-child::after{
  right:17px!important;
  left:auto!important;
  inset-inline-start:17px!important;
  inset-inline-end:auto!important;
}
html[dir="ltr"] #view-products .products-pro-header h2,
html[dir="ltr"] #view-products .products-pro-header p,
#view-products[dir="ltr"] .products-pro-header h2,
#view-products[dir="ltr"] .products-pro-header p{text-align:left!important;}
html[dir="rtl"] #view-products .products-pro-header h2,
html[dir="rtl"] #view-products .products-pro-header p,
#view-products[dir="rtl"] .products-pro-header h2,
#view-products[dir="rtl"] .products-pro-header p{text-align:right!important;}

/* Synced Source Items header/action alignment on Products page */
html[dir="ltr"] #view-products .products-sync-card-head,
#view-products[dir="ltr"] .products-sync-card-head{direction:ltr!important;text-align:left!important;}
html[dir="rtl"] #view-products .products-sync-card-head,
#view-products[dir="rtl"] .products-sync-card-head{direction:rtl!important;text-align:right!important;}
html[dir="rtl"] #view-products .products-card-title-main,
#view-products[dir="rtl"] .products-card-title-main{text-align:right!important;}
html[dir="ltr"] #view-products .products-card-title-main,
#view-products[dir="ltr"] .products-card-title-main{text-align:left!important;}
html[dir="rtl"] #view-products .products-card-title-main h3,
#view-products[dir="rtl"] .products-card-title-main h3{justify-content:flex-start!important;text-align:right!important;}
html[dir="ltr"] #view-products .products-card-title-main h3,
#view-products[dir="ltr"] .products-card-title-main h3{justify-content:flex-start!important;text-align:left!important;}

/* Synced item select trigger: caret/clear button swap correctly by language direction */
#view-products .products-sync-picker,
#view-products .products-sync-picker-wrap{position:relative!important;}
#view-products .products-sync-picker.open{z-index:1250!important;}
html[dir="ltr"] #view-products .products-sync-trigger,
#view-products[dir="ltr"] .products-sync-trigger{
  direction:ltr!important;
  text-align:left!important;
  justify-content:flex-start!important;
  padding:11px 98px 11px 16px!important;
}
html[dir="rtl"] #view-products .products-sync-trigger,
#view-products[dir="rtl"] .products-sync-trigger{
  direction:rtl!important;
  text-align:right!important;
  justify-content:flex-start!important;
  padding:11px 16px 11px 98px!important;
}
html[dir="ltr"] #view-products .products-sync-trigger .sync-item-trigger-label,
#view-products[dir="ltr"] .products-sync-trigger .sync-item-trigger-label{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] #view-products .products-sync-trigger .sync-item-trigger-label,
#view-products[dir="rtl"] .products-sync-trigger .sync-item-trigger-label{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] #view-products .products-sync-trigger .sync-item-caret,
#view-products[dir="ltr"] .products-sync-trigger .sync-item-caret{
  right:14px!important;
  left:auto!important;
}
html[dir="rtl"] #view-products .products-sync-trigger .sync-item-caret,
#view-products[dir="rtl"] .products-sync-trigger .sync-item-caret{
  left:14px!important;
  right:auto!important;
}
html[dir="ltr"] #view-products .products-sync-trigger .sync-item-clear,
#view-products[dir="ltr"] .products-sync-trigger .sync-item-clear{
  right:52px!important;
  left:auto!important;
}
html[dir="rtl"] #view-products .products-sync-trigger .sync-item-clear,
#view-products[dir="rtl"] .products-sync-trigger .sync-item-clear{
  left:52px!important;
  right:auto!important;
}

/* Keep the dropdown attached to the field on desktop and real mobile; never jump to the top of the phone screen. */
#view-products .products-sync-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  right:0!important;
  inset-inline-start:0!important;
  inset-inline-end:0!important;
  width:100%!important;
  max-width:none!important;
  z-index:1300!important;
  transform:none!important;
}
html[dir="ltr"] #view-products .products-sync-menu,
#view-products[dir="ltr"] .products-sync-menu{
  direction:ltr!important;
  text-align:left!important;
  transform-origin:top left!important;
}
html[dir="rtl"] #view-products .products-sync-menu,
#view-products[dir="rtl"] .products-sync-menu{
  direction:rtl!important;
  text-align:right!important;
  transform-origin:top right!important;
}
html[dir="ltr"] #view-products .sync-item-search-wrap input,
#view-products[dir="ltr"] .sync-item-search-wrap input{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] #view-products .sync-item-search-wrap input,
#view-products[dir="rtl"] .sync-item-search-wrap input{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] #view-products .sync-item-option,
#view-products[dir="rtl"] .sync-item-option{
  direction:rtl!important;
  text-align:right!important;
  grid-template-columns:auto minmax(0,1fr) 48px!important;
}
html[dir="rtl"] #view-products .sync-item-option img,
html[dir="rtl"] #view-products .sync-item-option .sync-item-thumb-empty,
#view-products[dir="rtl"] .sync-item-option img,
#view-products[dir="rtl"] .sync-item-option .sync-item-thumb-empty{grid-column:3!important;grid-row:1!important;}
html[dir="rtl"] #view-products .sync-item-main,
#view-products[dir="rtl"] .sync-item-main{grid-column:2!important;grid-row:1!important;text-align:right!important;align-items:flex-start!important;}
html[dir="rtl"] #view-products .sync-item-code,
#view-products[dir="rtl"] .sync-item-code{grid-column:1!important;grid-row:1!important;text-align:left!important;}
html[dir="ltr"] #view-products .sync-item-option,
#view-products[dir="ltr"] .sync-item-option{
  direction:ltr!important;
  text-align:left!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
}
html[dir="ltr"] #view-products .sync-item-main,
#view-products[dir="ltr"] .sync-item-main{text-align:left!important;}
html[dir="ltr"] #view-products .sync-item-code,
#view-products[dir="ltr"] .sync-item-code{text-align:right!important;}

/* Barcode scan field button: right in English, left in Kurdish/Arabic. */
html[dir="ltr"] #view-products .scan-input-wrap input,
#view-products[dir="ltr"] .scan-input-wrap input{
  padding-right:48px!important;
  padding-left:14px!important;
  text-align:left!important;
}
html[dir="rtl"] #view-products .scan-input-wrap input,
#view-products[dir="rtl"] .scan-input-wrap input{
  padding-left:48px!important;
  padding-right:14px!important;
  text-align:right!important;
}
html[dir="ltr"] #view-products .scan-input-wrap .scan-field-btn,
#view-products[dir="ltr"] .scan-input-wrap .scan-field-btn{
  right:8px!important;
  left:auto!important;
}
html[dir="rtl"] #view-products .scan-input-wrap .scan-field-btn,
#view-products[dir="rtl"] .scan-input-wrap .scan-field-btn{
  left:8px!important;
  right:auto!important;
}

@media(max-width:760px){
  #view-products .products-sync-picker.open{z-index:2200!important;}
  #view-products .products-sync-menu{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-height:min(42vh,320px)!important;
    border-radius:18px!important;
  }
  #view-products .sync-item-options{max-height:min(30vh,230px)!important;}
  html[dir="rtl"] #view-products .products-pro-header,
  #view-products[dir="rtl"] .products-pro-header,
  html[dir="ltr"] #view-products .products-pro-header,
  #view-products[dir="ltr"] .products-pro-header{
    align-items:stretch!important;
  }
}

/* V3.0.11 — Shipping page RTL/LTR header and field icon polish
   Scope: Shipping Label page only. Keeps Products, Dashboard, Sidebar, and all other pages unchanged. */
#view-shipping.shipping-pro-view,
#view-shipping .shipping-pro-header,
#view-shipping .shipping-pro-form-card,
#view-shipping .shipping-pro-form-grid{
  unicode-bidi:isolate!important;
}

/* Shipping page hero: mirror title/icon/button correctly by active page direction. */
html[dir="ltr"] #view-shipping .shipping-pro-header,
#view-shipping[dir="ltr"] .shipping-pro-header{
  direction:ltr!important;
  text-align:left!important;
  flex-direction:row!important;
}
html[dir="rtl"] #view-shipping .shipping-pro-header,
#view-shipping[dir="rtl"] .shipping-pro-header{
  direction:rtl!important;
  text-align:right!important;
  flex-direction:row!important;
}
html[dir="ltr"] #view-shipping .shipping-pro-header > div:first-child,
#view-shipping[dir="ltr"] .shipping-pro-header > div:first-child{
  direction:ltr!important;
  text-align:left!important;
  padding-left:72px!important;
  padding-right:0!important;
  padding-inline-start:72px!important;
  padding-inline-end:0!important;
}
html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child,
#view-shipping[dir="rtl"] .shipping-pro-header > div:first-child{
  direction:rtl!important;
  text-align:right!important;
  padding-right:72px!important;
  padding-left:0!important;
  padding-inline-start:72px!important;
  padding-inline-end:0!important;
}
html[dir="ltr"] #view-shipping .shipping-pro-header > div:first-child::before,
#view-shipping[dir="ltr"] .shipping-pro-header > div:first-child::before{
  left:0!important;
  right:auto!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
}
html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child::before,
#view-shipping[dir="rtl"] .shipping-pro-header > div:first-child::before{
  right:0!important;
  left:auto!important;
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
}
html[dir="ltr"] #view-shipping .shipping-pro-header > div:first-child::after,
#view-shipping[dir="ltr"] .shipping-pro-header > div:first-child::after{
  left:17px!important;
  right:auto!important;
  inset-inline-start:17px!important;
  inset-inline-end:auto!important;
}
html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child::after,
#view-shipping[dir="rtl"] .shipping-pro-header > div:first-child::after{
  right:17px!important;
  left:auto!important;
  inset-inline-start:17px!important;
  inset-inline-end:auto!important;
}
html[dir="ltr"] #view-shipping .shipping-pro-header h2,
html[dir="ltr"] #view-shipping .shipping-pro-header p,
#view-shipping[dir="ltr"] .shipping-pro-header h2,
#view-shipping[dir="ltr"] .shipping-pro-header p{text-align:left!important;}
html[dir="rtl"] #view-shipping .shipping-pro-header h2,
html[dir="rtl"] #view-shipping .shipping-pro-header p,
#view-shipping[dir="rtl"] .shipping-pro-header h2,
#view-shipping[dir="rtl"] .shipping-pro-header p{text-align:right!important;}

/* Shipping form scan buttons: right in English, left in Kurdish/Arabic. */
#view-shipping .scan-input-wrap{position:relative!important;width:100%!important;}
#view-shipping .scan-input-wrap input{width:100%!important;box-sizing:border-box!important;}
html[dir="ltr"] #view-shipping .scan-input-wrap input,
#view-shipping[dir="ltr"] .scan-input-wrap input{
  direction:ltr!important;
  text-align:left!important;
  padding-right:48px!important;
  padding-left:14px!important;
}
html[dir="rtl"] #view-shipping .scan-input-wrap input,
#view-shipping[dir="rtl"] .scan-input-wrap input{
  direction:rtl!important;
  text-align:right!important;
  padding-left:48px!important;
  padding-right:14px!important;
}
html[dir="ltr"] #view-shipping .scan-input-wrap .scan-field-btn,
#view-shipping[dir="ltr"] .scan-input-wrap .scan-field-btn{
  right:8px!important;
  left:auto!important;
}
html[dir="rtl"] #view-shipping .scan-input-wrap .scan-field-btn,
#view-shipping[dir="rtl"] .scan-input-wrap .scan-field-btn{
  left:8px!important;
  right:auto!important;
}

/* Shipping date icon mirrors with the active page direction, including when direction is set on section. */
html[dir="ltr"] #view-shipping .shipping-date-input-wrap > input.date-input-enhanced,
#view-shipping[dir="ltr"] .shipping-date-input-wrap > input.date-input-enhanced,
html[dir="ltr"] #view-shipping .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced,
#view-shipping[dir="ltr"] .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced{
  direction:ltr!important;
  text-align:left!important;
  padding-right:48px!important;
  padding-left:14px!important;
}
html[dir="rtl"] #view-shipping .shipping-date-input-wrap > input.date-input-enhanced,
#view-shipping[dir="rtl"] .shipping-date-input-wrap > input.date-input-enhanced,
html[dir="rtl"] #view-shipping .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced,
#view-shipping[dir="rtl"] .product-dynamic-grid .kls-date-input-wrap input.date-input-enhanced{
  direction:rtl!important;
  text-align:right!important;
  padding-left:48px!important;
  padding-right:14px!important;
}
html[dir="ltr"] #view-shipping .shipping-date-input-wrap > .kls-date-field-icon,
#view-shipping[dir="ltr"] .shipping-date-input-wrap > .kls-date-field-icon,
html[dir="ltr"] #view-shipping .product-dynamic-grid .kls-date-field-icon,
#view-shipping[dir="ltr"] .product-dynamic-grid .kls-date-field-icon{
  right:10px!important;
  left:auto!important;
}
html[dir="rtl"] #view-shipping .shipping-date-input-wrap > .kls-date-field-icon,
#view-shipping[dir="rtl"] .shipping-date-input-wrap > .kls-date-field-icon,
html[dir="rtl"] #view-shipping .product-dynamic-grid .kls-date-field-icon,
#view-shipping[dir="rtl"] .product-dynamic-grid .kls-date-field-icon{
  left:10px!important;
  right:auto!important;
}

/* Shipping form labels / generated buttons keep natural alignment without changing page structure. */
html[dir="ltr"] #view-shipping .shipping-pro-form-grid label,
#view-shipping[dir="ltr"] .shipping-pro-form-grid label{text-align:left!important;direction:ltr!important;}
html[dir="rtl"] #view-shipping .shipping-pro-form-grid label,
#view-shipping[dir="rtl"] .shipping-pro-form-grid label{text-align:right!important;direction:rtl!important;}
html[dir="ltr"] #view-shipping .auto-generate-pro,
#view-shipping[dir="ltr"] .auto-generate-pro{direction:ltr!important;}
html[dir="rtl"] #view-shipping .auto-generate-pro,
#view-shipping[dir="rtl"] .auto-generate-pro{direction:rtl!important;}

@media(max-width:900px){
  html[dir="ltr"] #view-shipping .shipping-pro-header > div:first-child,
  #view-shipping[dir="ltr"] .shipping-pro-header > div:first-child{
    padding-left:58px!important;
    padding-right:0!important;
    padding-inline-start:58px!important;
    padding-inline-end:0!important;
  }
  html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child,
  #view-shipping[dir="rtl"] .shipping-pro-header > div:first-child{
    padding-right:58px!important;
    padding-left:0!important;
    padding-inline-start:58px!important;
    padding-inline-end:0!important;
  }
  html[dir="ltr"] #view-shipping .shipping-pro-header > div:first-child::after,
  #view-shipping[dir="ltr"] .shipping-pro-header > div:first-child::after{left:13px!important;right:auto!important;}
  html[dir="rtl"] #view-shipping .shipping-pro-header > div:first-child::after,
  #view-shipping[dir="rtl"] .shipping-pro-header > div:first-child::after{right:13px!important;left:auto!important;}
}

/* V3.0.19 — Users & Permissions header text/icon spacing polish
   Scope: Users & Permissions hero only. Fixes spacing after V3.0.19 without touching other pages. */
#view-users.users-pro-view .users-pro-head > div:first-child{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:58px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  flex:1 1 auto!important;
  max-width:100%!important;
}
#view-users.users-pro-view .users-pro-head > div:first-child h2,
#view-users.users-pro-view .users-pro-head > div:first-child p{
  position:relative!important;
  z-index:2!important;
  max-width:100%!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
}

/* English/LTR: icon left, title text starts after the icon with a PRO gap. */
html[dir="ltr"] #view-users.users-pro-view .users-pro-head > div:first-child,
#view-users.users-pro-view[dir="ltr"] .users-pro-head > div:first-child{
  direction:ltr!important;
  text-align:left!important;
  padding-left:78px!important;
  padding-right:0!important;
  padding-inline-start:78px!important;
  padding-inline-end:0!important;
}
html[dir="ltr"] #view-users.users-pro-view .users-pro-head > div:first-child::before,
#view-users.users-pro-view[dir="ltr"] .users-pro-head > div:first-child::before{
  left:0!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
}
html[dir="ltr"] #view-users.users-pro-view .users-pro-head > div:first-child::after,
#view-users.users-pro-view[dir="ltr"] .users-pro-head > div:first-child::after{
  left:18px!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
}
html[dir="ltr"] #view-users.users-pro-view .users-pro-head > div:first-child h2,
html[dir="ltr"] #view-users.users-pro-view .users-pro-head > div:first-child p,
#view-users.users-pro-view[dir="ltr"] .users-pro-head > div:first-child h2,
#view-users.users-pro-view[dir="ltr"] .users-pro-head > div:first-child p{
  direction:ltr!important;
  text-align:left!important;
}

/* Kurdish/Arabic RTL: icon right, title text starts after the icon with the same PRO gap. */
html[dir="rtl"] #view-users.users-pro-view .users-pro-head > div:first-child,
#view-users.users-pro-view[dir="rtl"] .users-pro-head > div:first-child{
  direction:rtl!important;
  text-align:right!important;
  padding-right:78px!important;
  padding-left:0!important;
  padding-inline-start:0!important;
  padding-inline-end:78px!important;
}
html[dir="rtl"] #view-users.users-pro-view .users-pro-head > div:first-child::before,
#view-users.users-pro-view[dir="rtl"] .users-pro-head > div:first-child::before{
  right:0!important;
  left:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
}
html[dir="rtl"] #view-users.users-pro-view .users-pro-head > div:first-child::after,
#view-users.users-pro-view[dir="rtl"] .users-pro-head > div:first-child::after{
  right:18px!important;
  left:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
}
html[dir="rtl"] #view-users.users-pro-view .users-pro-head > div:first-child h2,
html[dir="rtl"] #view-users.users-pro-view .users-pro-head > div:first-child p,
#view-users.users-pro-view[dir="rtl"] .users-pro-head > div:first-child h2,
#view-users.users-pro-view[dir="rtl"] .users-pro-head > div:first-child p{
  direction:rtl!important;
  text-align:right!important;
}

@media(max-width:900px){
  #view-users.users-pro-view .users-pro-head > div:first-child{min-height:50px!important;}
  html[dir="ltr"] #view-users.users-pro-view .users-pro-head > div:first-child,
  #view-users.users-pro-view[dir="ltr"] .users-pro-head > div:first-child{
    padding-left:64px!important;
    padding-right:0!important;
    padding-inline-start:64px!important;
    padding-inline-end:0!important;
  }
  html[dir="rtl"] #view-users.users-pro-view .users-pro-head > div:first-child,
  #view-users.users-pro-view[dir="rtl"] .users-pro-head > div:first-child{
    padding-right:64px!important;
    padding-left:0!important;
    padding-inline-start:0!important;
    padding-inline-end:64px!important;
  }
  html[dir="ltr"] #view-users.users-pro-view .users-pro-head > div:first-child::after,
  #view-users.users-pro-view[dir="ltr"] .users-pro-head > div:first-child::after{left:13px!important;right:auto!important;}
  html[dir="rtl"] #view-users.users-pro-view .users-pro-head > div:first-child::after,
  #view-users.users-pro-view[dir="rtl"] .users-pro-head > div:first-child::after{right:13px!important;left:auto!important;}
}

/* V3.0.19 — Users & Permissions real title icon spacing fix
   Duplicate safety patch in styles.css; phase6.css also carries the final loaded rule. */
#view-users.users-pro-view .users-pro-head.kls-page-hero > .users-page-title-wrap{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;min-height:56px!important;min-width:0!important;max-width:100%!important;flex:0 1 auto!important;padding:0!important;padding-left:0!important;padding-right:0!important;padding-inline-start:0!important;padding-inline-end:0!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important;text-align:start!important;}
#view-users.users-pro-view .users-pro-head.kls-page-hero > .users-page-title-wrap::before,#view-users.users-pro-view .users-pro-head.kls-page-hero > .users-page-title-wrap::after{content:none!important;display:none!important;position:static!important;width:0!important;height:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;-webkit-mask:none!important;mask:none!important;}
#view-users.users-pro-view .users-page-title-icon{width:56px!important;height:56px!important;min-width:56px!important;flex:0 0 56px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(180deg,#f7fbff,#eff7ff)!important;border:1px solid #cfe2f4!important;color:#0e8ceb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;}
#view-users.users-pro-view .users-page-title-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
#view-users.users-pro-view .users-page-title-text{display:block!important;min-width:0!important;max-width:100%!important;flex:0 1 auto!important;}
#view-users.users-pro-view .users-page-title-text h2,#view-users.users-pro-view .users-page-title-text p{position:relative!important;z-index:1!important;max-width:100%!important;padding:0!important;padding-left:0!important;padding-right:0!important;padding-inline-start:0!important;padding-inline-end:0!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;text-align:inherit!important;}
html[dir="ltr"] #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-page-title-wrap,body.kls-ltr #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-page-title-wrap,#view-users.users-pro-view[dir="ltr"] .users-pro-head.kls-page-hero > .users-page-title-wrap{direction:ltr!important;text-align:left!important;}
html[dir="rtl"] #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-page-title-wrap,body.kls-rtl #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-page-title-wrap,#view-users.users-pro-view[dir="rtl"] .users-pro-head.kls-page-hero > .users-page-title-wrap{direction:rtl!important;text-align:right!important;}
html[dir="ltr"] #view-users.users-pro-view .users-page-title-text,body.kls-ltr #view-users.users-pro-view .users-page-title-text,#view-users.users-pro-view[dir="ltr"] .users-page-title-text{direction:ltr!important;text-align:left!important;}
html[dir="rtl"] #view-users.users-pro-view .users-page-title-text,body.kls-rtl #view-users.users-pro-view .users-page-title-text,#view-users.users-pro-view[dir="rtl"] .users-page-title-text{direction:rtl!important;text-align:right!important;}
body.theme-dark #view-users.users-pro-view .users-page-title-icon,.app-shell.dark #view-users.users-pro-view .users-page-title-icon{background:#0b2032!important;border-color:#254866!important;color:#35b7ff!important;box-shadow:none!important;}
@media(max-width:900px){#view-users.users-pro-view .users-pro-head.kls-page-hero > .users-page-title-wrap{min-height:46px!important;gap:12px!important;padding:0!important;padding-left:0!important;padding-right:0!important;padding-inline-start:0!important;padding-inline-end:0!important;}#view-users.users-pro-view .users-page-title-icon{width:46px!important;height:46px!important;min-width:46px!important;flex-basis:46px!important;border-radius:15px!important;}#view-users.users-pro-view .users-page-title-icon svg{width:20px!important;height:20px!important;}}


/* V3.0.20 — Users & Permissions hero title/header 100% match dashboard sample
   Scope: ONLY Users & Permissions page hero. Final override loaded after old pseudo-icon rules.
   Goal: same layout as Dashboard: LTR icon-left/text-right, RTL icon-right/text-left, with clean gap. */
html body #view-users.users-pro-view .users-pro-head.kls-page-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:108px!important;
  padding:20px 26px!important;
  margin:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html[dir="ltr"] body #view-users.users-pro-view .users-pro-head.kls-page-hero,
body.kls-ltr #view-users.users-pro-view .users-pro-head.kls-page-hero,
#view-users.users-pro-view[dir="ltr"] .users-pro-head.kls-page-hero{
  direction:ltr!important;
  flex-direction:row!important;
}
html[dir="rtl"] body #view-users.users-pro-view .users-pro-head.kls-page-hero,
body.kls-rtl #view-users.users-pro-view .users-pro-head.kls-page-hero,
#view-users.users-pro-view[dir="rtl"] .users-pro-head.kls-page-hero{
  direction:rtl!important;
  flex-direction:row!important;
}

/* Stronger than the older > div:first-child rules, so the title is not stacked or padded incorrectly. */
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:16px!important;
  min-height:56px!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  flex:1 1 auto!important;
  padding:0!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-inline-start:0!important;
  padding-inline-end:0!important;
  margin:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child::before,
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child::after{
  content:none!important;
  display:none!important;
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}
html[dir="ltr"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child,
body.kls-ltr #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child,
#view-users.users-pro-view[dir="ltr"] .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child,
body.kls-rtl #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child,
#view-users.users-pro-view[dir="rtl"] .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child{
  direction:rtl!important;
  text-align:right!important;
}

html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-icon{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  flex:0 0 56px!important;
  order:0!important;
  margin:0!important;
  padding:0!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  background:linear-gradient(180deg,#f7fbff,#eff7ff)!important;
  border:1px solid #cfe2f4!important;
  color:#0e8ceb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:1!important;
}
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-icon svg{
  width:21px!important;
  height:21px!important;
  display:block!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:0!important;
  min-width:0!important;
  max-width:100%!important;
  flex:1 1 auto!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text,
body.kls-rtl #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text,
#view-users.users-pro-view[dir="rtl"] .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text{
  align-items:flex-start!important;
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text,
body.kls-ltr #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text,
#view-users.users-pro-view[dir="ltr"] .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text{
  align-items:flex-start!important;
  direction:ltr!important;
  text-align:left!important;
}
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text h2,
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text p{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:0!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-inline-start:0!important;
  padding-inline-end:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  transform:none!important;
}
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text h2{
  margin-top:0!important;
  margin-bottom:7px!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  color:#071c34!important;
}
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:0!important;
  color:#60758e!important;
}
html[dir="ltr"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text h2,
html[dir="ltr"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text p,
body.kls-ltr #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text h2,
body.kls-ltr #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text p{
  text-align:left!important;
  direction:ltr!important;
}
html[dir="rtl"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text h2,
html[dir="rtl"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text p,
body.kls-rtl #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text h2,
body.kls-rtl #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text p{
  text-align:right!important;
  direction:rtl!important;
}

/* Keep the top actions exactly opposite the title block, like the approved header samples. */
html body #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-pro-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
}
html[dir="ltr"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-pro-actions,
body.kls-ltr #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-pro-actions,
#view-users.users-pro-view[dir="ltr"] .users-pro-head.kls-page-hero > .users-pro-actions{
  direction:ltr!important;
  margin-left:auto!important;
  margin-right:0!important;
}
html[dir="rtl"] body #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-pro-actions,
body.kls-rtl #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-pro-actions,
#view-users.users-pro-view[dir="rtl"] .users-pro-head.kls-page-hero > .users-pro-actions{
  direction:rtl!important;
  margin-right:auto!important;
  margin-left:0!important;
}

body.theme-dark #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-icon,
.app-shell.dark #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-icon{
  background:#0b2032!important;
  border-color:#254866!important;
  color:#35b7ff!important;
  box-shadow:none!important;
}
body.theme-dark #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text h2,
.app-shell.dark #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text h2{color:#f5fbff!important;}
body.theme-dark #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text p,
.app-shell.dark #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text p{color:#9fb5c5!important;}

@media(max-width:900px){
  html body #view-users.users-pro-view .users-pro-head.kls-page-hero{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:14px!important;
    min-height:auto!important;
    padding:16px 18px!important;
    border-radius:22px!important;
  }
  html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child{
    min-height:46px!important;
    gap:12px!important;
    width:100%!important;
    flex:0 0 auto!important;
  }
  html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    flex-basis:46px!important;
    border-radius:15px!important;
  }
  html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-icon svg{
    width:20px!important;
    height:20px!important;
  }
  html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text h2{
    font-size:24px!important;
    margin-bottom:5px!important;
  }
  html body #view-users.users-pro-view .users-pro-head.kls-page-hero > div.users-page-title-wrap:first-child > .users-page-title-text p{
    font-size:13.5px!important;
  }
  html body #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-pro-actions{
    width:100%!important;
    justify-content:stretch!important;
    flex-wrap:wrap!important;
    gap:10px!important;
  }
  html body #view-users.users-pro-view .users-pro-head.kls-page-hero > .users-pro-actions .users-search-field{
    flex:1 1 100%!important;
    min-width:0!important;
    width:100%!important;
  }
}

/* V3.0.25 — Global custom select caret RTL/LTR PRO fix
   Keep every .kls-select-caret on the correct physical side:
   LTR/English = right, RTL/Kurdish/Arabic = left. */
#app.app-shell .kls-select,
.kls-select{
  position:relative!important;
}
#app.app-shell .kls-select-display,
.kls-select-display{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
  box-sizing:border-box!important;
}
html[dir="ltr"] #app.app-shell .kls-select-display,
html[dir="ltr"] .kls-select-display,
body.kls-ltr #app.app-shell .kls-select-display,
body.kls-ltr .kls-select-display,
[dir="ltr"] .kls-select-display{
  direction:ltr!important;
  text-align:left!important;
  padding-left:14px!important;
  padding-right:44px!important;
  flex-direction:row!important;
}
html[dir="rtl"] #app.app-shell .kls-select-display,
html[dir="rtl"] .kls-select-display,
body.kls-rtl #app.app-shell .kls-select-display,
body.kls-rtl .kls-select-display,
[dir="rtl"] .kls-select-display{
  direction:rtl!important;
  text-align:right!important;
  padding-right:14px!important;
  padding-left:44px!important;
  flex-direction:row!important;
}
#app.app-shell .kls-select-text,
.kls-select-text{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.2!important;
  order:1!important;
}
html[dir="ltr"] #app.app-shell .kls-select-text,
html[dir="ltr"] .kls-select-text,
body.kls-ltr #app.app-shell .kls-select-text,
body.kls-ltr .kls-select-text,
[dir="ltr"] .kls-select-text{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] #app.app-shell .kls-select-text,
html[dir="rtl"] .kls-select-text,
body.kls-rtl #app.app-shell .kls-select-text,
body.kls-rtl .kls-select-text,
[dir="rtl"] .kls-select-text{
  direction:rtl!important;
  text-align:right!important;
}
#app.app-shell .kls-select-caret,
.kls-select-caret{
  position:absolute!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  flex:0 0 18px!important;
  order:2!important;
  margin:0!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  color:#526b82!important;
  pointer-events:none!important;
  transform:translateY(-50%) rotate(0deg)!important;
  transition:transform .18s ease,color .18s ease!important;
  z-index:2!important;
}
html[dir="ltr"] #app.app-shell .kls-select-caret,
html[dir="ltr"] .kls-select-caret,
body.kls-ltr #app.app-shell .kls-select-caret,
body.kls-ltr .kls-select-caret,
[dir="ltr"] .kls-select-caret{
  right:14px!important;
  left:auto!important;
}
html[dir="rtl"] #app.app-shell .kls-select-caret,
html[dir="rtl"] .kls-select-caret,
body.kls-rtl #app.app-shell .kls-select-caret,
body.kls-rtl .kls-select-caret,
[dir="rtl"] .kls-select-caret{
  left:14px!important;
  right:auto!important;
}
#app.app-shell .kls-select.open .kls-select-caret,
.kls-select.open .kls-select-caret{
  color:var(--primary)!important;
  transform:translateY(-50%) rotate(180deg)!important;
}
body.theme-dark #app.app-shell .kls-select-caret,
#app.app-shell.dark .kls-select-caret,
.app-shell.dark .kls-select-caret,
body.theme-dark .kls-select-caret{
  color:#9fb5c5!important;
}
body.theme-dark #app.app-shell .kls-select.open .kls-select-caret,
#app.app-shell.dark .kls-select.open .kls-select-caret,
.app-shell.dark .kls-select.open .kls-select-caret,
body.theme-dark .kls-select.open .kls-select-caret{
  color:#35b7ff!important;
}
#app.app-shell .kls-select-menu,
.kls-select-menu{
  direction:inherit!important;
}
html[dir="ltr"] #app.app-shell .kls-select-option,
html[dir="ltr"] .kls-select-option,
body.kls-ltr #app.app-shell .kls-select-option,
body.kls-ltr .kls-select-option,
[dir="ltr"] .kls-select-option{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] #app.app-shell .kls-select-option,
html[dir="rtl"] .kls-select-option,
body.kls-rtl #app.app-shell .kls-select-option,
body.kls-rtl .kls-select-option,
[dir="rtl"] .kls-select-option{
  direction:rtl!important;
  text-align:right!important;
}


/* V3.0.30 — Global hero RTL/LTR icon direction fix for Activity, Security, Settings, and Print Center */
html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero,
body.kls-ltr #view-activity .activity-page-head.kls-page-hero,
#view-activity[dir="ltr"] .activity-page-head.kls-page-hero,
html[dir="ltr"] #view-security .security-topbar.kls-page-hero,
body.kls-ltr #view-security .security-topbar.kls-page-hero,
#view-security[dir="ltr"] .security-topbar.kls-page-hero,
html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero,
body.kls-ltr #view-settings .settings-pro-head.kls-page-hero,
#view-settings[dir="ltr"] .settings-pro-head.kls-page-hero{
  flex-direction:row!important;
}
html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero,
body.kls-rtl #view-activity .activity-page-head.kls-page-hero,
#view-activity[dir="rtl"] .activity-page-head.kls-page-hero,
html[dir="rtl"] #view-security .security-topbar.kls-page-hero,
body.kls-rtl #view-security .security-topbar.kls-page-hero,
#view-security[dir="rtl"] .security-topbar.kls-page-hero,
html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero,
body.kls-rtl #view-settings .settings-pro-head.kls-page-hero,
#view-settings[dir="rtl"] .settings-pro-head.kls-page-hero{
  flex-direction:row-reverse!important;
}
html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero > div:first-child,
body.kls-ltr #view-activity .activity-page-head.kls-page-hero > div:first-child,
#view-activity[dir="ltr"] .activity-page-head.kls-page-hero > div:first-child,
html[dir="ltr"] #view-security .security-topbar.kls-page-hero > div:first-child,
body.kls-ltr #view-security .security-topbar.kls-page-hero > div:first-child,
#view-security[dir="ltr"] .security-topbar.kls-page-hero > div:first-child,
html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero > div:first-child,
body.kls-ltr #view-settings .settings-pro-head.kls-page-hero > div:first-child,
#view-settings[dir="ltr"] .settings-pro-head.kls-page-hero > div:first-child{
  text-align:left!important;
  align-items:flex-start!important;
}
html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero > div:first-child,
body.kls-rtl #view-activity .activity-page-head.kls-page-hero > div:first-child,
#view-activity[dir="rtl"] .activity-page-head.kls-page-hero > div:first-child,
html[dir="rtl"] #view-security .security-topbar.kls-page-hero > div:first-child,
body.kls-rtl #view-security .security-topbar.kls-page-hero > div:first-child,
#view-security[dir="rtl"] .security-topbar.kls-page-hero > div:first-child,
html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero > div:first-child,
body.kls-rtl #view-settings .settings-pro-head.kls-page-hero > div:first-child,
#view-settings[dir="rtl"] .settings-pro-head.kls-page-hero > div:first-child{
  text-align:right!important;
  align-items:flex-end!important;
}
html[dir="rtl"] #view-print.print-pro-view .print-pro-head.kls-page-hero,
body.kls-rtl #view-print.print-pro-view .print-pro-head.kls-page-hero,
#view-print.print-pro-view[dir="rtl"] .print-pro-head.kls-page-hero{
  justify-content:flex-end!important;
}
html[dir="ltr"] #view-print.print-pro-view .print-pro-head.kls-page-hero > .print-page-title-wrap,
body.kls-ltr #view-print.print-pro-view .print-pro-head.kls-page-hero > .print-page-title-wrap,
#view-print.print-pro-view[dir="ltr"] .print-pro-head.kls-page-hero > .print-page-title-wrap{
  flex-direction:row!important;
  text-align:left!important;
}
html[dir="rtl"] #view-print.print-pro-view .print-pro-head.kls-page-hero > .print-page-title-wrap,
body.kls-rtl #view-print.print-pro-view .print-pro-head.kls-page-hero > .print-page-title-wrap,
#view-print.print-pro-view[dir="rtl"] .print-pro-head.kls-page-hero > .print-page-title-wrap{
  flex-direction:row-reverse!important;
  justify-content:flex-end!important;
  text-align:right!important;
}
html[dir="rtl"] #view-print.print-pro-view .print-pro-head.kls-page-hero .print-page-title-text,
body.kls-rtl #view-print.print-pro-view .print-pro-head.kls-page-hero .print-page-title-text,
#view-print.print-pro-view[dir="rtl"] .print-pro-head.kls-page-hero .print-page-title-text{
  text-align:right!important;
  align-items:flex-end!important;
}
@media (max-width:900px){
  html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero,
  body.kls-rtl #view-activity .activity-page-head.kls-page-hero,
  #view-activity[dir="rtl"] .activity-page-head.kls-page-hero,
  html[dir="rtl"] #view-security .security-topbar.kls-page-hero,
  body.kls-rtl #view-security .security-topbar.kls-page-hero,
  #view-security[dir="rtl"] .security-topbar.kls-page-hero,
  html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero,
  body.kls-rtl #view-settings .settings-pro-head.kls-page-hero,
  #view-settings[dir="rtl"] .settings-pro-head.kls-page-hero{
    flex-direction:row-reverse!important;
    align-items:center!important;
  }
  html[dir="rtl"] #view-print.print-pro-view .print-pro-head.kls-page-hero,
  body.kls-rtl #view-print.print-pro-view .print-pro-head.kls-page-hero,
  #view-print.print-pro-view[dir="rtl"] .print-pro-head.kls-page-hero{
    justify-content:flex-end!important;
  }
}


/* V3.0.30 — Correct RTL hero direction for Settings, Security, Activity Log, and Print Center.
   Kurdish/Arabic: title + icon block starts from the RIGHT.
   English: title + icon block remains on the LEFT.
   Important: RTL uses flex-direction: row (not row-reverse) so direction:rtl controls the start side correctly. */
html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero,
body.kls-ltr #view-activity .activity-page-head.kls-page-hero,
#view-activity[dir="ltr"] .activity-page-head.kls-page-hero,
html[dir="ltr"] #view-security .security-topbar.kls-page-hero,
body.kls-ltr #view-security .security-topbar.kls-page-hero,
#view-security[dir="ltr"] .security-topbar.kls-page-hero,
html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero,
body.kls-ltr #view-settings .settings-pro-head.kls-page-hero,
#view-settings[dir="ltr"] .settings-pro-head.kls-page-hero{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:space-between!important;
}
html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero,
body.kls-rtl #view-activity .activity-page-head.kls-page-hero,
#view-activity[dir="rtl"] .activity-page-head.kls-page-hero,
html[dir="rtl"] #view-security .security-topbar.kls-page-hero,
body.kls-rtl #view-security .security-topbar.kls-page-hero,
#view-security[dir="rtl"] .security-topbar.kls-page-hero,
html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero,
body.kls-rtl #view-settings .settings-pro-head.kls-page-hero,
#view-settings[dir="rtl"] .settings-pro-head.kls-page-hero{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:space-between!important;
}
html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero > div:first-child,
body.kls-ltr #view-activity .activity-page-head.kls-page-hero > div:first-child,
#view-activity[dir="ltr"] .activity-page-head.kls-page-hero > div:first-child,
html[dir="ltr"] #view-security .security-topbar.kls-page-hero > div:first-child,
body.kls-ltr #view-security .security-topbar.kls-page-hero > div:first-child,
#view-security[dir="ltr"] .security-topbar.kls-page-hero > div:first-child,
html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero > div:first-child,
body.kls-ltr #view-settings .settings-pro-head.kls-page-hero > div:first-child,
#view-settings[dir="ltr"] .settings-pro-head.kls-page-hero > div:first-child{
  direction:ltr!important;
  text-align:left!important;
  align-items:flex-start!important;
  padding-inline-start:72px!important;
  padding-inline-end:0!important;
  padding-left:72px!important;
  padding-right:0!important;
}
html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero > div:first-child,
body.kls-rtl #view-activity .activity-page-head.kls-page-hero > div:first-child,
#view-activity[dir="rtl"] .activity-page-head.kls-page-hero > div:first-child,
html[dir="rtl"] #view-security .security-topbar.kls-page-hero > div:first-child,
body.kls-rtl #view-security .security-topbar.kls-page-hero > div:first-child,
#view-security[dir="rtl"] .security-topbar.kls-page-hero > div:first-child,
html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero > div:first-child,
body.kls-rtl #view-settings .settings-pro-head.kls-page-hero > div:first-child,
#view-settings[dir="rtl"] .settings-pro-head.kls-page-hero > div:first-child{
  direction:rtl!important;
  text-align:right!important;
  align-items:flex-end!important;
  padding-inline-start:0!important;
  padding-inline-end:72px!important;
  padding-left:0!important;
  padding-right:72px!important;
}
html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero > div:first-child h2,
html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero > div:first-child p,
html[dir="ltr"] #view-security .security-topbar.kls-page-hero > div:first-child h2,
html[dir="ltr"] #view-security .security-topbar.kls-page-hero > div:first-child p,
html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero > div:first-child h2,
html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero > div:first-child p,
body.kls-ltr #view-activity .activity-page-head.kls-page-hero > div:first-child h2,
body.kls-ltr #view-activity .activity-page-head.kls-page-hero > div:first-child p,
body.kls-ltr #view-security .security-topbar.kls-page-hero > div:first-child h2,
body.kls-ltr #view-security .security-topbar.kls-page-hero > div:first-child p,
body.kls-ltr #view-settings .settings-pro-head.kls-page-hero > div:first-child h2,
body.kls-ltr #view-settings .settings-pro-head.kls-page-hero > div:first-child p{ text-align:left!important; }
html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero > div:first-child h2,
html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero > div:first-child p,
html[dir="rtl"] #view-security .security-topbar.kls-page-hero > div:first-child h2,
html[dir="rtl"] #view-security .security-topbar.kls-page-hero > div:first-child p,
html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero > div:first-child h2,
html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero > div:first-child p,
body.kls-rtl #view-activity .activity-page-head.kls-page-hero > div:first-child h2,
body.kls-rtl #view-activity .activity-page-head.kls-page-hero > div:first-child p,
body.kls-rtl #view-security .security-topbar.kls-page-hero > div:first-child h2,
body.kls-rtl #view-security .security-topbar.kls-page-hero > div:first-child p,
body.kls-rtl #view-settings .settings-pro-head.kls-page-hero > div:first-child h2,
body.kls-rtl #view-settings .settings-pro-head.kls-page-hero > div:first-child p{ text-align:right!important; }
html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero > div:first-child::before,
body.kls-ltr #view-activity .activity-page-head.kls-page-hero > div:first-child::before,
#view-activity[dir="ltr"] .activity-page-head.kls-page-hero > div:first-child::before,
html[dir="ltr"] #view-security .security-topbar.kls-page-hero > div:first-child::before,
body.kls-ltr #view-security .security-topbar.kls-page-hero > div:first-child::before,
#view-security[dir="ltr"] .security-topbar.kls-page-hero > div:first-child::before,
html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero > div:first-child::before,
body.kls-ltr #view-settings .settings-pro-head.kls-page-hero > div:first-child::before,
#view-settings[dir="ltr"] .settings-pro-head.kls-page-hero > div:first-child::before{
  inset-inline-start:0!important; inset-inline-end:auto!important; left:0!important; right:auto!important;
}
html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero > div:first-child::before,
body.kls-rtl #view-activity .activity-page-head.kls-page-hero > div:first-child::before,
#view-activity[dir="rtl"] .activity-page-head.kls-page-hero > div:first-child::before,
html[dir="rtl"] #view-security .security-topbar.kls-page-hero > div:first-child::before,
body.kls-rtl #view-security .security-topbar.kls-page-hero > div:first-child::before,
#view-security[dir="rtl"] .security-topbar.kls-page-hero > div:first-child::before,
html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero > div:first-child::before,
body.kls-rtl #view-settings .settings-pro-head.kls-page-hero > div:first-child::before,
#view-settings[dir="rtl"] .settings-pro-head.kls-page-hero > div:first-child::before{
  inset-inline-start:auto!important; inset-inline-end:0!important; left:auto!important; right:0!important;
}
html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero > div:first-child::after,
body.kls-ltr #view-activity .activity-page-head.kls-page-hero > div:first-child::after,
#view-activity[dir="ltr"] .activity-page-head.kls-page-hero > div:first-child::after,
html[dir="ltr"] #view-security .security-topbar.kls-page-hero > div:first-child::after,
body.kls-ltr #view-security .security-topbar.kls-page-hero > div:first-child::after,
#view-security[dir="ltr"] .security-topbar.kls-page-hero > div:first-child::after,
html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero > div:first-child::after,
body.kls-ltr #view-settings .settings-pro-head.kls-page-hero > div:first-child::after,
#view-settings[dir="ltr"] .settings-pro-head.kls-page-hero > div:first-child::after{
  inset-inline-start:17px!important; inset-inline-end:auto!important; left:17px!important; right:auto!important;
}
html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero > div:first-child::after,
body.kls-rtl #view-activity .activity-page-head.kls-page-hero > div:first-child::after,
#view-activity[dir="rtl"] .activity-page-head.kls-page-hero > div:first-child::after,
html[dir="rtl"] #view-security .security-topbar.kls-page-hero > div:first-child::after,
body.kls-rtl #view-security .security-topbar.kls-page-hero > div:first-child::after,
#view-security[dir="rtl"] .security-topbar.kls-page-hero > div:first-child::after,
html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero > div:first-child::after,
body.kls-rtl #view-settings .settings-pro-head.kls-page-hero > div:first-child::after,
#view-settings[dir="rtl"] .settings-pro-head.kls-page-hero > div:first-child::after{
  inset-inline-start:auto!important; inset-inline-end:17px!important; left:auto!important; right:17px!important;
}
html[dir="ltr"] #view-print.print-pro-view .print-pro-head.kls-page-hero,
body.kls-ltr #view-print.print-pro-view .print-pro-head.kls-page-hero,
#view-print.print-pro-view[dir="ltr"] .print-pro-head.kls-page-hero{
  direction:ltr!important; flex-direction:row!important; justify-content:flex-start!important;
}
html[dir="rtl"] #view-print.print-pro-view .print-pro-head.kls-page-hero,
body.kls-rtl #view-print.print-pro-view .print-pro-head.kls-page-hero,
#view-print.print-pro-view[dir="rtl"] .print-pro-head.kls-page-hero{
  direction:rtl!important; flex-direction:row!important; justify-content:flex-start!important;
}
html[dir="ltr"] #view-print.print-pro-view .print-page-title-wrap,
body.kls-ltr #view-print.print-pro-view .print-page-title-wrap,
#view-print.print-pro-view[dir="ltr"] .print-page-title-wrap{
  direction:ltr!important; flex-direction:row!important; justify-content:flex-start!important; text-align:left!important;
}
html[dir="rtl"] #view-print.print-pro-view .print-page-title-wrap,
body.kls-rtl #view-print.print-pro-view .print-page-title-wrap,
#view-print.print-pro-view[dir="rtl"] .print-page-title-wrap{
  direction:rtl!important; flex-direction:row!important; justify-content:flex-start!important; text-align:right!important;
}
html[dir="rtl"] #view-print.print-pro-view .print-page-title-text,
body.kls-rtl #view-print.print-pro-view .print-page-title-text,
#view-print.print-pro-view[dir="rtl"] .print-page-title-text{ text-align:right!important; align-items:flex-end!important; }
html[dir="ltr"] #view-print.print-pro-view .print-page-title-text,
body.kls-ltr #view-print.print-pro-view .print-page-title-text,
#view-print.print-pro-view[dir="ltr"] .print-page-title-text{ text-align:left!important; align-items:flex-start!important; }
@media (max-width:900px){
  html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero > div:first-child,
  body.kls-ltr #view-activity .activity-page-head.kls-page-hero > div:first-child,
  #view-activity[dir="ltr"] .activity-page-head.kls-page-hero > div:first-child,
  html[dir="ltr"] #view-security .security-topbar.kls-page-hero > div:first-child,
  body.kls-ltr #view-security .security-topbar.kls-page-hero > div:first-child,
  #view-security[dir="ltr"] .security-topbar.kls-page-hero > div:first-child,
  html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero > div:first-child,
  body.kls-ltr #view-settings .settings-pro-head.kls-page-hero > div:first-child,
  #view-settings[dir="ltr"] .settings-pro-head.kls-page-hero > div:first-child{
    padding-inline-start:58px!important; padding-inline-end:0!important; padding-left:58px!important; padding-right:0!important;
  }
  html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero > div:first-child,
  body.kls-rtl #view-activity .activity-page-head.kls-page-hero > div:first-child,
  #view-activity[dir="rtl"] .activity-page-head.kls-page-hero > div:first-child,
  html[dir="rtl"] #view-security .security-topbar.kls-page-hero > div:first-child,
  body.kls-rtl #view-security .security-topbar.kls-page-hero > div:first-child,
  #view-security[dir="rtl"] .security-topbar.kls-page-hero > div:first-child,
  html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero > div:first-child,
  body.kls-rtl #view-settings .settings-pro-head.kls-page-hero > div:first-child,
  #view-settings[dir="rtl"] .settings-pro-head.kls-page-hero > div:first-child{
    padding-inline-start:0!important; padding-inline-end:58px!important; padding-left:0!important; padding-right:58px!important;
  }
  html[dir="ltr"] #view-activity .activity-page-head.kls-page-hero > div:first-child::after,
  body.kls-ltr #view-activity .activity-page-head.kls-page-hero > div:first-child::after,
  #view-activity[dir="ltr"] .activity-page-head.kls-page-hero > div:first-child::after,
  html[dir="ltr"] #view-security .security-topbar.kls-page-hero > div:first-child::after,
  body.kls-ltr #view-security .security-topbar.kls-page-hero > div:first-child::after,
  #view-security[dir="ltr"] .security-topbar.kls-page-hero > div:first-child::after,
  html[dir="ltr"] #view-settings .settings-pro-head.kls-page-hero > div:first-child::after,
  body.kls-ltr #view-settings .settings-pro-head.kls-page-hero > div:first-child::after,
  #view-settings[dir="ltr"] .settings-pro-head.kls-page-hero > div:first-child::after{
    inset-inline-start:13px!important; left:13px!important; right:auto!important;
  }
  html[dir="rtl"] #view-activity .activity-page-head.kls-page-hero > div:first-child::after,
  body.kls-rtl #view-activity .activity-page-head.kls-page-hero > div:first-child::after,
  #view-activity[dir="rtl"] .activity-page-head.kls-page-hero > div:first-child::after,
  html[dir="rtl"] #view-security .security-topbar.kls-page-hero > div:first-child::after,
  body.kls-rtl #view-security .security-topbar.kls-page-hero > div:first-child::after,
  #view-security[dir="rtl"] .security-topbar.kls-page-hero > div:first-child::after,
  html[dir="rtl"] #view-settings .settings-pro-head.kls-page-hero > div:first-child::after,
  body.kls-rtl #view-settings .settings-pro-head.kls-page-hero > div:first-child::after,
  #view-settings[dir="rtl"] .settings-pro-head.kls-page-hero > div:first-child::after{
    inset-inline-end:13px!important; left:auto!important; right:13px!important;
  }
}


/* V3.0.45 — ABSOLUTE HARD BLUE ICON OVERRIDE
   Scope ONLY: hero title icons for Print Center, Security, Settings.
   Desktop + mobile. No layout, spacing, or RTL/LTR changes. */
:root{
  --kls-force-hero-icon-blue:#0e8ceb!important;
  --kls-force-hero-icon-blue-dark:#35b7ff!important;
}

/* Force the three icon CONTAINERS to use the same approved blue color token */
html body #view-print.print-pro-view .kls-print-hero-icon-v33,
html body #view-print.print-pro-view .print-page-title-icon,
html body #view-print.print-pro-view .print-pro-head.kls-page-hero .kls-print-hero-icon-v33,
html body #view-print.print-pro-view .print-pro-head.kls-page-hero .print-page-title-icon,
html body #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42,
html body #view-security .security-topbar.kls-page-hero .security-hero-title-icon,
html body #view-security .security-topbar.kls-page-hero .kls-hero-title-icon,
html body #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43,
html body #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon,
html body #view-settings .settings-pro-head.kls-page-hero .kls-hero-title-icon,
html body #view-settings.settings-pro-view .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43,
html body #view-settings.settings-pro-view .settings-pro-head.kls-page-hero .settings-hero-title-icon,
html body #view-settings.settings-pro-view .settings-pro-head.kls-page-hero .kls-hero-title-icon{
  color:#0e8ceb!important;
  background:linear-gradient(180deg,#f7fbff,#eff7ff)!important;
  border-color:#cfe2f4!important;
}

/* Force every SVG layer in those icons to blue — this overrides currentColor, grey variables, and old sidebar icon rules */
html body #view-print.print-pro-view .kls-print-hero-icon-v33 svg,
html body #view-print.print-pro-view .kls-print-hero-icon-v33 svg *,
html body #view-print.print-pro-view .print-page-title-icon svg,
html body #view-print.print-pro-view .print-page-title-icon svg *,
html body #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42 svg,
html body #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42 svg *,
html body #view-security .security-topbar.kls-page-hero .security-hero-title-icon svg,
html body #view-security .security-topbar.kls-page-hero .security-hero-title-icon svg *,
html body #view-security .security-topbar.kls-page-hero .kls-hero-title-icon svg,
html body #view-security .security-topbar.kls-page-hero .kls-hero-title-icon svg *,
html body #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43 svg,
html body #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43 svg *,
html body #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon svg,
html body #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon svg *,
html body #view-settings .settings-pro-head.kls-page-hero .kls-hero-title-icon svg,
html body #view-settings .settings-pro-head.kls-page-hero .kls-hero-title-icon svg *{
  color:#0e8ceb!important;
  stroke:#0e8ceb!important;
}

/* Preserve outline icon look for Lucide-style SVGs */
html body #view-print.print-pro-view .kls-print-hero-icon-v33 svg path,
html body #view-print.print-pro-view .print-page-title-icon svg path,
html body #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42 svg path,
html body #view-security .security-topbar.kls-page-hero .security-hero-title-icon svg path,
html body #view-security .security-topbar.kls-page-hero .kls-hero-title-icon svg path,
html body #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43 svg path,
html body #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon svg path,
html body #view-settings .settings-pro-head.kls-page-hero .kls-hero-title-icon svg path,
html body #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43 svg circle,
html body #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon svg circle,
html body #view-settings .settings-pro-head.kls-page-hero .kls-hero-title-icon svg circle{
  stroke:#0e8ceb!important;
  fill:none!important;
}

/* Dark mode: same hard lock, using the approved bright blue */
body.theme-dark #view-print.print-pro-view .kls-print-hero-icon-v33,
body.theme-dark #view-print.print-pro-view .print-page-title-icon,
body.theme-dark #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42,
body.theme-dark #view-security .security-topbar.kls-page-hero .security-hero-title-icon,
body.theme-dark #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43,
body.theme-dark #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon,
.app-shell.dark #view-print.print-pro-view .kls-print-hero-icon-v33,
.app-shell.dark #view-print.print-pro-view .print-page-title-icon,
.app-shell.dark #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42,
.app-shell.dark #view-security .security-topbar.kls-page-hero .security-hero-title-icon,
.app-shell.dark #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43,
.app-shell.dark #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon{
  color:#35b7ff!important;
}
body.theme-dark #view-print.print-pro-view .kls-print-hero-icon-v33 svg,
body.theme-dark #view-print.print-pro-view .kls-print-hero-icon-v33 svg *,
body.theme-dark #view-print.print-pro-view .print-page-title-icon svg,
body.theme-dark #view-print.print-pro-view .print-page-title-icon svg *,
body.theme-dark #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42 svg,
body.theme-dark #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42 svg *,
body.theme-dark #view-security .security-topbar.kls-page-hero .security-hero-title-icon svg,
body.theme-dark #view-security .security-topbar.kls-page-hero .security-hero-title-icon svg *,
body.theme-dark #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43 svg,
body.theme-dark #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43 svg *,
body.theme-dark #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon svg,
body.theme-dark #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon svg *,
.app-shell.dark #view-print.print-pro-view .kls-print-hero-icon-v33 svg,
.app-shell.dark #view-print.print-pro-view .kls-print-hero-icon-v33 svg *,
.app-shell.dark #view-print.print-pro-view .print-page-title-icon svg,
.app-shell.dark #view-print.print-pro-view .print-page-title-icon svg *,
.app-shell.dark #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42 svg,
.app-shell.dark #view-security .security-topbar.kls-page-hero .kls-security-title-icon-v42 svg *,
.app-shell.dark #view-security .security-topbar.kls-page-hero .security-hero-title-icon svg,
.app-shell.dark #view-security .security-topbar.kls-page-hero .security-hero-title-icon svg *,
.app-shell.dark #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43 svg,
.app-shell.dark #view-settings .settings-pro-head.kls-page-hero .kls-settings-title-icon-v43 svg *,
.app-shell.dark #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon svg,
.app-shell.dark #view-settings .settings-pro-head.kls-page-hero .settings-hero-title-icon svg *{
  color:#35b7ff!important;
  stroke:#35b7ff!important;
}


/* V3.0.46 — HARD collapsed sidebar icon center fix
   Scope: collapsed sidebar only. Keeps expanded sidebar RTL/LTR unchanged.
   EN/KU/AR: icons stay exactly centered inside the collapsed menu buttons. */
@media (min-width:901px){
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid{
    direction:ltr!important;
    display:grid!important;
    justify-items:center!important;
    align-items:start!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-inline-start:0!important;
    padding-inline-end:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn{
    direction:ltr!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    justify-items:center!important;
    text-align:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-inline:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    padding-inline-start:0!important;
    padding-inline-end:0!important;
    gap:0!important;
    box-sizing:border-box!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon,
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon-img,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon-img,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon-img{
    order:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-inline-start:auto!important;
    margin-inline-end:auto!important;
    transform:none!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon svg,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon svg,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-icon svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-inline:auto!important;
    transform:none!important;
    position:static!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-label,
  html[dir="ltr"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-label,
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn .nav-label{
    display:none!important;
    width:0!important;
    max-width:0!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html[dir="rtl"] body.sidebar-collapsed #app.app-shell #appSidebar .nav-btn::after{
    left:calc(100% + 12px)!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
  }
}


/* V3.0.48 — Dashboard RTL filter caret position fix ONLY
   Scope: dashboard filter caret icons (.kls-ui-icon.dash-caret) only.
   Kurdish/Arabic RTL: caret must stay on the RIGHT side of the filter button.
   English/LTR remains unchanged with caret on the right side as already approved. */
html[dir="rtl"] body #view-dashboard.dashboard-pro-view .dash-filter-btn,
body.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn,
#app.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn,
#view-dashboard.dashboard-pro-view[dir="rtl"] .dash-filter-btn{
  direction:rtl!important;
  flex-direction:row!important;
}
html[dir="rtl"] body #view-dashboard.dashboard-pro-view .dash-filter-btn > .dash-caret,
body.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > .dash-caret,
#app.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > .dash-caret,
#view-dashboard.dashboard-pro-view[dir="rtl"] .dash-filter-btn > .dash-caret,
html[dir="rtl"] body #view-dashboard.dashboard-pro-view .dash-filter-btn > svg.kls-ui-icon.dash-caret,
body.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > svg.kls-ui-icon.dash-caret,
#app.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > svg.kls-ui-icon.dash-caret,
#view-dashboard.dashboard-pro-view[dir="rtl"] .dash-filter-btn > svg.kls-ui-icon.dash-caret{
  order:-10!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
  margin-left:8px!important;
  margin-right:0!important;
  align-self:center!important;
  flex:0 0 17px!important;
}
html[dir="rtl"] body #view-dashboard.dashboard-pro-view .dash-filter-btn > span,
body.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > span,
#app.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > span,
#view-dashboard.dashboard-pro-view[dir="rtl"] .dash-filter-btn > span{
  order:0!important;
}
html[dir="rtl"] body #view-dashboard.dashboard-pro-view .dash-filter-btn > svg.kls-ui-icon:not(.dash-caret),
body.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > svg.kls-ui-icon:not(.dash-caret),
#app.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > svg.kls-ui-icon:not(.dash-caret),
#view-dashboard.dashboard-pro-view[dir="rtl"] .dash-filter-btn > svg.kls-ui-icon:not(.dash-caret){
  order:10!important;
  margin-inline-start:auto!important;
  margin-inline-end:0!important;
  margin-left:0!important;
  margin-right:auto!important;
}
html[dir="ltr"] body #view-dashboard.dashboard-pro-view .dash-filter-btn > .dash-caret,
body.kls-ltr #view-dashboard.dashboard-pro-view .dash-filter-btn > .dash-caret,
#app.kls-ltr #view-dashboard.dashboard-pro-view .dash-filter-btn > .dash-caret,
#view-dashboard.dashboard-pro-view[dir="ltr"] .dash-filter-btn > .dash-caret{
  order:10!important;
  margin-inline-start:auto!important;
  margin-inline-end:0!important;
  margin-left:auto!important;
  margin-right:0!important;
}
@media (max-width:900px){
  html[dir="rtl"] body #view-dashboard.dashboard-pro-view .dash-filter-btn > .dash-caret,
  body.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > .dash-caret,
  #app.kls-rtl #view-dashboard.dashboard-pro-view .dash-filter-btn > .dash-caret,
  #view-dashboard.dashboard-pro-view[dir="rtl"] .dash-filter-btn > .dash-caret{
    order:-10!important;
    margin-inline-start:0!important;
    margin-inline-end:0!important;
    margin-left:8px!important;
    margin-right:0!important;
  }
}

/* V3.0.48 — Mobile RTL notification dropdown center fix ONLY
   Scope: notification panel on mobile for Kurdish/Arabic. English desktop/mobile stays unchanged. */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  html[dir="rtl"] .notification-wrap,
  body.kls-rtl .notification-wrap,
  #app.kls-rtl .notification-wrap{
    position:static!important;
    overflow:visible!important;
  }
  html[dir="rtl"] .notification-panel,
  body.kls-rtl .notification-panel,
  #app.kls-rtl .notification-panel{
    position:fixed!important;
    top:calc(112px + env(safe-area-inset-top,0px))!important;
    left:50%!important;
    right:auto!important;
    transform:translate3d(-50%,0,0)!important;
    width:min(368px,calc(100vw - 20px))!important;
    min-width:0!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100svh - 132px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    z-index:10050!important;
    box-sizing:border-box!important;
    text-align:right!important;
    direction:rtl!important;
    overflow:hidden!important;
  }
  html[dir="rtl"] .notification-panel::before,
  body.kls-rtl .notification-panel::before,
  #app.kls-rtl .notification-panel::before{
    display:none!important;
    content:none!important;
  }
  html[dir="rtl"] .notification-panel-list,
  body.kls-rtl .notification-panel-list,
  #app.kls-rtl .notification-panel-list{
    max-height:calc(100svh - 250px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}
@media (max-width:520px){
  html[dir="rtl"] .notification-panel,
  body.kls-rtl .notification-panel,
  #app.kls-rtl .notification-panel{
    top:calc(108px + env(safe-area-inset-top,0px))!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
}


/* V3.0.49 — Security RTL checkbox alignment fix ONLY
   Scope: Security page check-card checkbox indicators in Kurdish/Arabic RTL.
   English/LTR stays unchanged. */
html[dir="rtl"] body #view-security .security-check-card::after,
body.kls-rtl #view-security .security-check-card::after,
#view-security[dir="rtl"] .security-check-card::after{
  left:10px!important;
  right:auto!important;
}
html[dir="rtl"] body #view-security .security-check-card:has(input:checked)::before,
body.kls-rtl #view-security .security-check-card:has(input:checked)::before,
#view-security[dir="rtl"] .security-check-card:has(input:checked)::before{
  left:14px!important;
  right:auto!important;
}
html[dir="rtl"] body #view-security .security-check-card .security-check-content,
body.kls-rtl #view-security .security-check-card .security-check-content,
#view-security[dir="rtl"] .security-check-card .security-check-content{
  padding:10px 10px 10px 38px!important;
  direction:rtl!important;
  text-align:right!important;
}
@media (max-width:760px){
  html[dir="rtl"] body #view-security .security-check-card::after,
  body.kls-rtl #view-security .security-check-card::after,
  #view-security[dir="rtl"] .security-check-card::after{
    left:10px!important;
    right:auto!important;
  }
  html[dir="rtl"] body #view-security .security-check-card:has(input:checked)::before,
  body.kls-rtl #view-security .security-check-card:has(input:checked)::before,
  #view-security[dir="rtl"] .security-check-card:has(input:checked)::before{
    left:14px!important;
    right:auto!important;
  }
  html[dir="rtl"] body #view-security .security-check-card .security-check-content,
  body.kls-rtl #view-security .security-check-card .security-check-content,
  #view-security[dir="rtl"] .security-check-card .security-check-content{
    padding:10px 10px 10px 38px!important;
  }
}


/* V3.0.50 — Dashboard chart cards fit fix
   Scope only: Dashboard > Template Usage + Labels Printed This Week.
   Purpose: keep donut legend percentages and weekly bar labels inside cards when sidebar is expanded/collapsed, EN/KU/AR. */
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"],
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"]{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-card-content,
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-card-content{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

/* Template Usage donut + legend: compact grid that never pushes values outside the card */
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
  display:grid!important;
  grid-template-columns:minmax(104px,128px) minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:center!important;
  gap:10px!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  min-height:190px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut{
  width:128px!important;
  height:128px!important;
  min-width:128px!important;
  max-width:128px!important;
  flex:0 0 128px!important;
  margin:0!important;
  box-sizing:border-box!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut:after{
  width:74px!important;
  height:74px!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut span{
  font-size:11.5px!important;
  line-height:1.05!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut b{
  font-size:22px!important;
  line-height:1!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut small{
  font-size:10.5px!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  gap:8px!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span{
  min-width:0!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend i{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  margin:0!important;
  flex:0 0 10px!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b{
  min-width:34px!important;
  text-align:end!important;
  white-space:nowrap!important;
  font-size:12.5px!important;
  color:#071827!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
  direction:rtl!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut{
  direction:ltr!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div{
  grid-template-columns:auto minmax(0,1fr)!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b{
  grid-column:1!important;
  grid-row:1!important;
  text-align:left!important;
  direction:ltr!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span{
  grid-column:2!important;
  grid-row:1!important;
  justify-content:flex-start!important;
  text-align:right!important;
  flex-direction:row-reverse!important;
}

/* Labels Printed This Week: compact but readable bars and axis labels */
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-chart{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:185px!important;
  min-height:185px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:clamp(4px,1vw,9px)!important;
  padding:12px 8px 7px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-item{
  flex:1 1 0!important;
  min-width:0!important;
  max-width:100%!important;
  gap:6px!important;
  overflow:visible!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar{
  width:clamp(14px,2.2vw,22px)!important;
  max-width:22px!important;
  min-width:10px!important;
  border-radius:8px 8px 3px 3px!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-value{
  font-size:11.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-label{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  overflow:visible!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-chart,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-chart,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-chart{
  direction:rtl!important;
  text-align:center!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-item,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-item,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-item{
  direction:rtl!important;
}

@media (max-width:1400px){
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
    grid-template-columns:minmax(100px,122px) minmax(0,1fr)!important;
    gap:9px!important;
  }
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut{
    width:122px!important;
    height:122px!important;
    min-width:122px!important;
    max-width:122px!important;
    flex-basis:122px!important;
  }
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut:after{width:70px!important;height:70px!important;}
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{font-size:12px!important;}
}
@media (max-width:1100px){
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:12px!important;
    min-height:auto!important;
  }
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{
    width:min(100%,240px)!important;
  }
}
@media (max-width:900px){
  #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-chart{
    height:180px!important;
    min-height:180px!important;
    gap:5px!important;
    padding-inline:6px!important;
  }
  #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar{
    width:18px!important;
  }
  #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-label{
    font-size:10.5px!important;
  }
}
@media (max-width:480px){
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut{width:116px!important;height:116px!important;min-width:116px!important;max-width:116px!important;}
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut:after{width:66px!important;height:66px!important;}
  #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-chart{gap:3px!important;padding-inline:4px!important;}
  #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar{width:14px!important;}
  #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-label{font-size:9.8px!important;}
}

/* V3.0.51 — Dashboard expanded-sidebar chart spacing polish
   Scope only: Dashboard grid/chart cards. Keeps card content readable with sidebar expanded/collapsed in EN/KU/AR. */
#view-dashboard.dashboard-pro-view .dashboard-mid-grid,
#view-dashboard.dashboard-pro-view .dashboard-bottom-grid{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Let the dashboard cards reflow instead of squeezing when the full sidebar is expanded. */
body:not(.sidebar-collapsed) #view-dashboard.dashboard-pro-view .dashboard-mid-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))!important;
  gap:14px!important;
}
body.sidebar-collapsed #view-dashboard.dashboard-pro-view .dashboard-mid-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important;
  gap:14px!important;
}
body:not(.sidebar-collapsed) #view-dashboard.dashboard-pro-view .dashboard-bottom-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))!important;
}
body.sidebar-collapsed #view-dashboard.dashboard-pro-view .dashboard-bottom-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))!important;
}
#view-dashboard.dashboard-pro-view .dashboard-mid-grid > .dash-section:not(.is-collapsed){
  min-width:0!important;
  min-height:292px!important;
  overflow:hidden!important;
}

/* Chart card headers: keep titles neat and prevent narrow-card pushing. */
#view-dashboard.dashboard-pro-view .dashboard-mid-grid .dash-card-head{
  min-width:0!important;
}
#view-dashboard.dashboard-pro-view .dashboard-mid-grid .dash-card-head h3{
  min-width:0!important;
  max-width:calc(100% - 48px)!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}

/* Labels Printed This Week: never split short day names letter-by-letter. */
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-card-content{
  overflow:visible!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-chart{
  height:205px!important;
  min-height:205px!important;
  padding:14px 10px 10px!important;
  gap:clamp(5px,.8vw,12px)!important;
  overflow:hidden!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-item{
  min-width:0!important;
  overflow:visible!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-label{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  font-size:clamp(10px,.72vw,11.5px)!important;
  line-height:1.15!important;
  letter-spacing:-.01em!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar{
  width:clamp(16px,1.75vw,24px)!important;
  max-width:24px!important;
}

/* Activity Trend: compact legend without cramped spacing. */
#view-dashboard.dashboard-pro-view [data-dashboard-card="activity-trend"] .dash-card-content{
  min-width:0!important;
  overflow:hidden!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="activity-trend"] .dash-chart-legend{
  flex-wrap:wrap!important;
  gap:10px 14px!important;
  line-height:1.2!important;
  margin-bottom:8px!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="activity-trend"] .dash-chart-legend span{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  white-space:normal!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="activity-trend"] .dash-line-chart{
  min-height:204px!important;
}

/* Template Usage: balanced donut + legend, no big blank spaces, no percentage overflow. */
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
  grid-template-columns:minmax(124px,150px) minmax(126px,1fr)!important;
  gap:14px!important;
  min-height:205px!important;
  justify-content:center!important;
  align-items:center!important;
  overflow:hidden!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut{
  width:clamp(124px,36%,150px)!important;
  height:clamp(124px,36%,150px)!important;
  min-width:124px!important;
  max-width:150px!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut:after{
  width:clamp(70px,20%,86px)!important;
  height:clamp(70px,20%,86px)!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{
  min-width:0!important;
  max-width:100%!important;
  font-size:12.5px!important;
  gap:9px!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div{
  min-width:0!important;
  max-width:100%!important;
  gap:8px!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span{
  min-width:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  line-height:1.25!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b{
  flex:0 0 auto!important;
  min-width:34px!important;
  white-space:nowrap!important;
}

html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-label,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-label,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="labels-week"] .dash-bar-label{
  white-space:nowrap!important;
  word-break:keep-all!important;
  font-size:clamp(9.6px,.7vw,11px)!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="activity-trend"] .dash-chart-legend,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="activity-trend"] .dash-chart-legend,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="activity-trend"] .dash-chart-legend{
  direction:rtl!important;
  justify-content:flex-start!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
  grid-template-columns:minmax(126px,1fr) minmax(124px,150px)!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut{
  grid-column:2!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{
  grid-column:1!important;
}

@media (max-width:1100px){
  #view-dashboard.dashboard-pro-view .dashboard-mid-grid,
  #view-dashboard.dashboard-pro-view .dashboard-bottom-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;
  }
}
@media (max-width:760px){
  #view-dashboard.dashboard-pro-view .dashboard-mid-grid,
  #view-dashboard.dashboard-pro-view .dashboard-bottom-grid{
    grid-template-columns:1fr!important;
  }
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
  html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
  body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
  #app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    gap:12px!important;
  }
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut,
  #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{
    grid-column:auto!important;
  }
}


/* V3.0.52 — Dashboard Template Usage collapse/expand hard fix
   Scope ONLY: Dashboard > Template Usage card. Keeps chart layout unchanged when expanded. */
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed .dash-card-content,
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed .dash-donut-wrap,
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed #dashboardDonut,
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed #dashboardDonutLegend,
#app #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed .dash-card-content,
#app #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed .dash-donut-wrap,
#app #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed #dashboardDonut,
#app #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed #dashboardDonutLegend{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed,
#app #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:14px 16px!important;
  align-self:start!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed .dash-card-head,
#app #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"].is-collapsed .dash-card-head{
  margin-bottom:0!important;
}
#view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"]:not(.is-collapsed) .dash-card-content.dash-donut-wrap,
#app #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"]:not(.is-collapsed) .dash-card-content.dash-donut-wrap{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}


/* V3.0.53 — Collapsed sidebar install button ghost fix */
body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls-minimal,
body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls-minimal #installBtn{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
body:not(.sidebar-collapsed) #app.app-shell #appSidebar .sidebar-controls-minimal{
  display:flex;
}


/* V3.0.54 — Collapsed sidebar bottom ghost/scrollbar hard hide
   Scope only: collapsed sidebar. Removes the gray Install App ghost / scrollbar thumb at the bottom. */
html body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls,
html body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls *,
html body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls-minimal,
html body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls-minimal *,
html body.sidebar-collapsed #app.app-shell #appSidebar #installBtn{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  right:auto!important;
  bottom:auto!important;
}
html body.sidebar-collapsed #app.app-shell #appSidebar,
html body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html body.sidebar-collapsed #app.app-shell #appSidebar::-webkit-scrollbar,
html body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
  background:transparent!important;
}
html body.sidebar-collapsed #app.app-shell #appSidebar::-webkit-scrollbar-thumb,
html body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid::-webkit-scrollbar-thumb,
html body.sidebar-collapsed #app.app-shell #appSidebar::-webkit-scrollbar-track,
html body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid::-webkit-scrollbar-track{
  display:none!important;
  width:0!important;
  height:0!important;
  background:transparent!important;
  border:0!important;
}


/* V3.0.61 — Dashboard Template Usage RTL legend hard polish
   Scope: Dashboard Template Usage card only, Kurdish/Arabic RTL only.
   Purpose: prevent legend labels from becoming vertical and keep donut + values inside card. */
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) 126px!important;
  grid-template-areas:"legend donut"!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0 2px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut{
  grid-area:donut!important;
  width:126px!important;
  height:126px!important;
  min-width:126px!important;
  max-width:126px!important;
  margin:0 auto!important;
  direction:ltr!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{
  grid-area:legend!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  min-width:150px!important;
  max-width:100%!important;
  overflow:hidden!important;
  direction:rtl!important;
  text-align:right!important;
  font-size:12px!important;
  line-height:1.25!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div{
  display:grid!important;
  grid-template-columns:10px minmax(82px,1fr) 34px!important;
  align-items:center!important;
  column-gap:6px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  direction:rtl!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend i,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend i,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend i{
  grid-column:1!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  max-width:10px!important;
  margin:0!important;
  display:block!important;
  flex:none!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span{
  grid-column:1 / 3!important;
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:6px!important;
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-align:right!important;
  direction:rtl!important;
  line-height:1.25!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span i,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span i,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span i{
  grid-column:1!important;
  grid-row:1!important;
}
html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b,
body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b,
#app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b{
  grid-column:3!important;
  min-width:34px!important;
  max-width:34px!important;
  width:34px!important;
  text-align:left!important;
  direction:ltr!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.1!important;
  overflow:visible!important;
}
@media (max-width:520px){
  html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
  body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
  #app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
    grid-template-columns:1fr!important;
    grid-template-areas:"donut" "legend"!important;
    gap:10px!important;
    justify-items:center!important;
  }
  html[dir="rtl"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
  body.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
  #app.kls-rtl #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{
    min-width:0!important;
    width:min(100%, 220px)!important;
  }
}

/* V3.0.61 — Dashboard Template Usage English mobile legend polish
   Scope: Dashboard Template Usage card only, English/LTR mobile only.
   Purpose: keep the donut and legend separated on mobile so English labels do not overlap the chart. */
@media (max-width: 560px){
  html[dir="ltr"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-card-content.dash-donut-wrap,
  html[dir="ltr"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
  body:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-card-content.dash-donut-wrap,
  body:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap,
  #app:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-card-content.dash-donut-wrap,
  #app:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-wrap{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"donut" "legend"!important;
    justify-items:center!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:6px 8px 8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    direction:ltr!important;
  }
  html[dir="ltr"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut,
  body:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut,
  #app:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut{
    grid-area:donut!important;
    width:118px!important;
    height:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    margin:0 auto!important;
    flex:none!important;
    position:relative!important;
    z-index:1!important;
  }
  html[dir="ltr"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut:after,
  body:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut:after,
  #app:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut:after{
    width:66px!important;
    height:66px!important;
  }
  html[dir="ltr"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
  body:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend,
  #app:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend{
    grid-area:legend!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:7px!important;
    width:min(100%, 245px)!important;
    min-width:0!important;
    max-width:245px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    direction:ltr!important;
    text-align:left!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    box-sizing:border-box!important;
  }
  html[dir="ltr"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div,
  body:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div,
  #app:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend div{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  html[dir="ltr"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span,
  body:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span,
  #app:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    text-align:left!important;
    line-height:1.2!important;
    direction:ltr!important;
    box-sizing:border-box!important;
  }
  html[dir="ltr"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend i,
  body:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend i,
  #app:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend i{
    width:9px!important;
    height:9px!important;
    min-width:9px!important;
    max-width:9px!important;
    flex:0 0 9px!important;
    margin:0!important;
  }
  html[dir="ltr"] #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b,
  body:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b,
  #app:not(.kls-rtl) #view-dashboard.dashboard-pro-view [data-dashboard-card="template-usage"] .dash-donut-legend b{
    min-width:34px!important;
    width:34px!important;
    text-align:right!important;
    direction:ltr!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    color:#071827!important;
  }
}

/* V3.0.61 — Global modal background scroll lock polish
   Keep page position fixed while any app popup/modal is open. */
html.kls-modal-open,
body.kls-modal-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}
body.kls-modal-open .modal:not(.hidden),
body.kls-modal-open .activity-details-modal:not(.hidden),
body.kls-modal-open .kls-confirm.show{
  overscroll-behavior:contain!important;
  touch-action:auto!important;
}
body.kls-modal-open .modal:not(.hidden){
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
body.kls-modal-open .modal:not(.hidden) .modal-card{
  max-height:calc(100vh - 40px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
@media (max-width:720px){
  body.kls-modal-open .modal:not(.hidden){padding:14px!important;align-items:flex-start!important;}
  body.kls-modal-open .modal:not(.hidden) .modal-card{max-height:calc(100vh - 28px)!important;}
}

/* V3.0.61 — Modal must stay above fixed/mobile headers on every page */
html.kls-modal-open,
body.kls-modal-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.kls-modal-open .modal:not(.hidden),
body.kls-modal-open .profile-modal:not(.hidden),
body.kls-modal-open .scanner-modal:not(.hidden),
body.kls-modal-open .activity-details-modal:not(.hidden),
body.kls-modal-open .kls-confirm.show{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  isolation:isolate!important;
}
body.kls-modal-open .modal:not(.hidden),
body.kls-modal-open .profile-modal:not(.hidden),
body.kls-modal-open .scanner-modal:not(.hidden){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(12px,3.5vh,24px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  touch-action:auto!important;
}
body.kls-modal-open .modal:not(.hidden) .modal-card,
body.kls-modal-open .profile-modal:not(.hidden) .modal-card,
body.kls-modal-open .scanner-modal:not(.hidden) .modal-card{
  position:relative!important;
  z-index:2147483001!important;
  max-height:calc(100dvh - 32px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
@media (max-width:720px){
  body.kls-modal-open .modal:not(.hidden),
  body.kls-modal-open .profile-modal:not(.hidden),
  body.kls-modal-open .scanner-modal:not(.hidden){
    align-items:center!important;
    justify-content:center!important;
    padding:16px!important;
  }
  body.kls-modal-open .modal:not(.hidden) .modal-card,
  body.kls-modal-open .profile-modal:not(.hidden) .modal-card,
  body.kls-modal-open .scanner-modal:not(.hidden) .modal-card{
    width:min(100%,420px)!important;
    max-height:calc(100dvh - 32px)!important;
    margin:auto!important;
  }
  body.kls-modal-open .profile-modal:not(.hidden) .pro-profile-card{
    border-radius:24px!important;
  }
}


/* V3.0.61 — Template Designer Layer Actions font-size polish only
   Scope: Template page > Layer Actions buttons. No layout/logic changes. */
#view-templates .phase6-actions-menu .phase6-layer-actions button,
#view-templates #p6LayerActionsMenu button{
  font-size:10px!important;
  line-height:1.08!important;
  letter-spacing:-0.12px!important;
}
#view-templates .phase6-actions-toggle,
#view-templates #p6LayerActionsToggle{
  font-size:11px!important;
  line-height:1.1!important;
}
html[dir="rtl"] #view-templates .phase6-actions-menu .phase6-layer-actions button,
body.kls-rtl #view-templates .phase6-actions-menu .phase6-layer-actions button,
#view-templates[dir="rtl"] .phase6-actions-menu .phase6-layer-actions button{
  font-size:9.6px!important;
  line-height:1.12!important;
  letter-spacing:-0.18px!important;
}
html[dir="rtl"] #view-templates .phase6-actions-toggle,
body.kls-rtl #view-templates .phase6-actions-toggle,
#view-templates[dir="rtl"] .phase6-actions-toggle{
  font-size:10.5px!important;
  line-height:1.12!important;
}
@media (max-width: 760px){
  #view-templates .phase6-actions-menu .phase6-layer-actions button,
  #view-templates #p6LayerActionsMenu button{
    font-size:9.4px!important;
    line-height:1.12!important;
    letter-spacing:-0.18px!important;
  }
  #view-templates .phase6-actions-toggle,
  #view-templates #p6LayerActionsToggle{
    font-size:10px!important;
    line-height:1.12!important;
  }
}


/* V3.0.62 — Template Designer Layer Actions PRO fit polish
   Scope only: Templates page > Layer Actions buttons. */
#view-templates .phase6-actions-menu .phase6-layer-actions,
#view-templates #p6LayerActionsMenu{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  padding:9px!important;
  overflow:visible!important;
  align-items:stretch!important;
}
#view-templates .phase6-actions-menu .phase6-layer-actions button,
#view-templates #p6LayerActionsMenu button{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:auto!important;
  padding:6px 5px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-align:center!important;
  font-size:9.2px!important;
  line-height:1.16!important;
  letter-spacing:-0.25px!important;
}
#view-templates .phase6-actions-menu .phase6-layer-actions button .phase6-svg-icon,
#view-templates #p6LayerActionsMenu button .phase6-svg-icon{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
  margin:0!important;
}
#view-templates .phase6-actions-menu .phase6-layer-actions button .p6-action-label,
#view-templates #p6LayerActionsMenu button .p6-action-label{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.16!important;
  text-align:center!important;
}
#view-templates #p6DeleteSelected{
  grid-column:1/-1!important;
  min-height:38px!important;
  font-size:9.8px!important;
}
html[dir="rtl"] #view-templates .phase6-actions-menu .phase6-layer-actions button,
body.kls-rtl #view-templates .phase6-actions-menu .phase6-layer-actions button,
#view-templates[dir="rtl"] .phase6-actions-menu .phase6-layer-actions button{
  direction:rtl!important;
  font-size:9px!important;
  line-height:1.18!important;
  letter-spacing:-0.2px!important;
}
@media (max-width:1180px){
  #view-templates .phase6-actions-menu .phase6-layer-actions,
  #view-templates #p6LayerActionsMenu{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:760px){
  #view-templates .phase6-actions-menu .phase6-layer-actions,
  #view-templates #p6LayerActionsMenu{
    gap:6px!important;
    padding:8px!important;
  }
  #view-templates .phase6-actions-menu .phase6-layer-actions button,
  #view-templates #p6LayerActionsMenu button{
    min-height:40px!important;
    padding:6px 4px!important;
    font-size:8.9px!important;
    line-height:1.16!important;
    letter-spacing:-0.28px!important;
  }
  html[dir="rtl"] #view-templates .phase6-actions-menu .phase6-layer-actions button,
  body.kls-rtl #view-templates .phase6-actions-menu .phase6-layer-actions button,
  #view-templates[dir="rtl"] .phase6-actions-menu .phase6-layer-actions button{
    font-size:8.8px!important;
    line-height:1.18!important;
  }
}

/* V3.0.64 — Template Designer Layer Actions collapse body fix
   Scope only: Templates page > Layer Actions collapsed content container.
   Keeps V3.0.62 button styling unchanged when expanded. */
#view-templates .phase6-actions-menu .phase6-layer-actions.is-hidden,
#view-templates #p6LayerActionsMenu.is-hidden,
#view-templates .phase6-actions-menu .phase6-layer-actions[hidden],
#view-templates #p6LayerActionsMenu[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
#view-templates .phase6-actions-menu:has(.phase6-layer-actions.is-hidden),
#view-templates .phase6-actions-menu:has(#p6LayerActionsMenu.is-hidden){
  gap:0!important;
}

/* V3.0.64 — Activity Log RTL Pagination Arrow Flip Only */
html[dir="rtl"] body #view-activity .activity-page-mini[data-page-nav] .kls-ui-icon,
body.kls-rtl #view-activity .activity-page-mini[data-page-nav] .kls-ui-icon,
#view-activity[dir="rtl"] .activity-page-mini[data-page-nav] .kls-ui-icon{
  transform: scaleX(-1) !important;
  transform-origin: center center !important;
}

/* V3.0.66 — External Sync mobile Add Source Tables dropdown polish only
   Scope: External Sync > Sync Overview source table picker on mobile. */
@media (max-width:640px){
  #view-sync .sync-overview-card,
  #view-sync .sync-overview-card .sync-card-body,
  #view-sync .sync-status-wrap,
  #view-sync .sync-overview-main,
  #view-sync .sync-overview-block.source-block,
  #view-sync #syncTablePicker,
  #view-sync .sync-multi-select{
    overflow:visible!important;
  }
  #view-sync #syncTablePicker{
    position:relative!important;
    z-index:9990!important;
  }
  #view-sync #syncTablePicker.open{
    z-index:9998!important;
  }
  #view-sync #syncTablePickerMenu.sync-multi-menu{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    bottom:auto!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(306px, calc(100vw - 44px))!important;
    min-width:min(286px, calc(100vw - 44px))!important;
    max-width:min(306px, calc(100vw - 44px))!important;
    max-height:min(330px, 54vh)!important;
    padding:10px!important;
    border-radius:20px!important;
    background:#fff!important;
    border:1px solid #cfe4f2!important;
    box-shadow:0 24px 54px rgba(10,33,56,.20)!important;
    z-index:9999!important;
    overflow:hidden!important;
  }
  html[dir="rtl"] #view-sync #syncTablePickerMenu.sync-multi-menu,
  #view-sync[dir="rtl"] #syncTablePickerMenu.sync-multi-menu{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    direction:rtl!important;
    text-align:right!important;
  }
  html[dir="ltr"] #view-sync #syncTablePickerMenu.sync-multi-menu,
  #view-sync[dir="ltr"] #syncTablePickerMenu.sync-multi-menu{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    direction:ltr!important;
    text-align:left!important;
  }
  #view-sync #syncTablePickerMenu.sync-multi-menu::before{
    display:none!important;
  }
  #view-sync #syncTablePickerMenu .sync-multi-search-wrap{
    margin-bottom:8px!important;
  }
  #view-sync #syncTableSearch{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    font-size:12.5px!important;
    border-radius:14px!important;
  }
  #view-sync #syncTablePickerMenu .sync-multi-selectall{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:40px!important;
    margin-bottom:8px!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  html[dir="rtl"] #view-sync #syncTablePickerMenu .sync-multi-selectall,
  #view-sync[dir="rtl"] #syncTablePickerMenu .sync-multi-selectall{
    flex-direction:row-reverse!important;
    text-align:right!important;
  }
  #view-sync #syncTableOptions.sync-multi-options{
    max-height:min(190px, 36vh)!important;
    min-height:74px!important;
    display:grid!important;
    gap:7px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:2px!important;
  }
  #view-sync #syncTablePickerMenu .muted{
    display:block!important;
    text-align:center!important;
    padding:14px 8px!important;
    font-size:12.5px!important;
    line-height:1.35!important;
  }
  #view-sync #syncTableOptions .sync-multi-option{
    min-height:42px!important;
    padding:8px 10px!important;
    font-size:12.5px!important;
    line-height:1.25!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  html[dir="rtl"] #view-sync #syncTableOptions .sync-multi-option,
  #view-sync[dir="rtl"] #syncTableOptions .sync-multi-option{
    grid-template-columns:auto minmax(0,1fr)!important;
    direction:rtl!important;
  }
  html[dir="rtl"] #view-sync #syncTableOptions .sync-multi-option input,
  #view-sync[dir="rtl"] #syncTableOptions .sync-multi-option input{
    order:1!important;
  }
  html[dir="rtl"] #view-sync #syncTableOptions .sync-multi-option span,
  #view-sync[dir="rtl"] #syncTableOptions .sync-multi-option span{
    order:2!important;
    text-align:right!important;
  }
  body.theme-dark #view-sync #syncTablePickerMenu.sync-multi-menu,
  #app.app-shell.dark #view-sync #syncTablePickerMenu.sync-multi-menu{
    background:linear-gradient(180deg,rgba(7,18,29,.99),rgba(6,16,26,.99))!important;
    border-color:#2d536d!important;
    box-shadow:0 24px 54px rgba(0,0,0,.52)!important;
  }
}

/* V3.0.66 — Security mobile action button alignment + Blocked/Whitelisted detail cards
   Scope: Security page only. Keeps desktop unchanged. */
@media (max-width:760px){
  /* Keep both Security action buttons on the physical right side on mobile */
  html body #app.app-shell #view-security [data-security-section="settings"] .security-form-actions.full,
  html body #app.app-shell #view-security [data-security-section="manual"] .security-form-actions.full{
    display:flex!important;
    width:100%!important;
    justify-content:flex-end!important;
    align-items:center!important;
    text-align:right!important;
    padding-top:10px!important;
  }
  html body #app.app-shell #view-security [data-security-section="settings"] .security-form-actions.full .security-submit-btn,
  html body #app.app-shell #view-security [data-security-section="manual"] .security-form-actions.full .security-submit-btn,
  html body #app.app-shell #view-security #securityManualSubmitBtn{
    margin-left:auto!important;
    margin-right:0!important;
    align-self:flex-end!important;
    justify-self:end!important;
    width:auto!important;
    min-width:128px!important;
    max-width:100%!important;
  }

  /* Mobile card rendering for Blocked IP Addresses + Whitelisted IP Addresses */
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap{
    display:block!important;
    width:100%!important;
    overflow:visible!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap table,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap table,
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    border-spacing:0!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap thead,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap thead{
    display:none!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 10px!important;
    padding:12px!important;
    border:1px solid #dde8f3!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
    overflow:visible!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr:nth-child(n),
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr:nth-child(n){
    display:block!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:7px 0!important;
    border:0!important;
    border-bottom:1px solid rgba(226,237,247,.84)!important;
    background:transparent!important;
    color:#10233a!important;
    -webkit-text-fill-color:#10233a!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:750!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td:last-child,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:last-child{
    border-bottom:0!important;
    padding-bottom:0!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td::before,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td::before{
    content:attr(data-label)!important;
    display:block!important;
    min-width:0!important;
    margin:1px 0 0!important;
    color:#6b829a!important;
    -webkit-text-fill-color:#6b829a!important;
    font-size:9.5px!important;
    line-height:1.2!important;
    font-weight:900!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    text-align:left!important;
    white-space:normal!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td strong,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td strong,
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td span,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td span,
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td div,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td div{
    min-width:0!important;
    max-width:100%!important;
    color:#071b2f!important;
    -webkit-text-fill-color:#071b2f!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-action-row,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-action-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-more,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-more{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    height:auto!important;
    min-height:0!important;
    padding:8px 0 0!important;
  }
  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td,
  body.kls-rtl #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  body.kls-rtl #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td{
    grid-template-columns:96px minmax(0,1fr)!important;
    text-align:right!important;
  }
  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td::before,
  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td::before,
  body.kls-rtl #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td::before,
  body.kls-rtl #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td::before{
    text-align:right!important;
  }
  html body #app.app-shell.dark #view-security [data-security-section="blocks"] .security-table-wrap tbody tr,
  html body #app.app-shell.dark #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr,
  html body.theme-dark #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr,
  html body.theme-dark #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr{
    background:linear-gradient(180deg,#07131f 0%,#091827 100%)!important;
    border-color:#244057!important;
    box-shadow:none!important;
  }
  html body #app.app-shell.dark #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  html body #app.app-shell.dark #view-security [data-security-section="whitelist"] .security-table-wrap tbody td,
  html body.theme-dark #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  html body.theme-dark #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td{
    color:#d9e8f7!important;
    -webkit-text-fill-color:#d9e8f7!important;
    border-color:#20364f!important;
  }
  html body #app.app-shell.dark #view-security [data-security-section="blocks"] .security-table-wrap tbody td strong,
  html body #app.app-shell.dark #view-security [data-security-section="whitelist"] .security-table-wrap tbody td strong,
  html body.theme-dark #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td strong,
  html body.theme-dark #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td strong{
    color:#f8fbff!important;
    -webkit-text-fill-color:#f8fbff!important;
  }
}

/* V3.0.67 — Security mobile IP tables text readability fix only
   Scope: Security page mobile Blocked/Whitelisted/Login Attempt tables.
   Purpose: stop values from becoming vertical one-letter text and show records as readable rows. */
@media (max-width: 760px){
  #view-security .security-table-wrap{
    overflow: visible !important;
  }
  #view-security .security-table-wrap table,
  #view-security .security-table-wrap tbody,
  #view-security .security-table-wrap tr{
    width: 100% !important;
    max-width: 100% !important;
  }
  #view-security .security-table-wrap tr{
    display: block !important;
    padding: 12px 12px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }
  #view-security .security-table-wrap td{
    display: grid !important;
    grid-template-columns: minmax(92px, 34%) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(148,163,184,.16) !important;
    text-align: start !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }
  #view-security .security-table-wrap td:last-child{
    border-bottom: 0 !important;
  }
  #view-security .security-table-wrap td::before{
    content: attr(data-label) !important;
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: var(--muted) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }
  #view-security .security-table-wrap td > *,
  #view-security .security-table-wrap td span,
  #view-security .security-table-wrap td small,
  #view-security .security-table-wrap td strong,
  #view-security .security-table-wrap td button,
  #view-security .security-table-wrap td .status-pill,
  #view-security .security-table-wrap td .risk-pill,
  #view-security .security-table-wrap td .attempt-badge{
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
  }
  #view-security .security-table-wrap .security-action-row,
  #view-security .security-table-wrap td[data-label*="Action"],
  #view-security .security-table-wrap td[data-label*="کردار"],
  #view-security .security-table-wrap td[data-label*="إجراء"]{
    align-items: center !important;
  }
  #view-security .security-table-wrap .security-action-row{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }
  html[dir="rtl"] #view-security .security-table-wrap .security-action-row,
  body.kls-rtl #view-security .security-table-wrap .security-action-row{
    justify-content: flex-end !important;
  }
}


/* V3.0.68 — Security mobile Blocked/Whitelisted IP cards PRO rebuild
   Scope: ONLY Security page mobile Blocked IP Addresses + Whitelisted IP Addresses.
   Purpose: replace the broken narrow table-cell mobile rendering with readable stacked cards.
   Desktop and Login Attempt Watchlist are intentionally unchanged. */
@media (max-width: 760px){
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
    padding:0 !important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap table,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap table,
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    table-layout:auto !important;
    border-collapse:separate !important;
    border-spacing:0 !important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap thead,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap thead{
    display:none !important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 0 12px !important;
    padding:12px 12px 10px !important;
    box-sizing:border-box !important;
    border:1px solid #dbe8f4 !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
    box-shadow:0 10px 22px rgba(15,23,42,.04) !important;
    overflow:visible !important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:8px 0 !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-bottom:1px solid rgba(217,232,246,.9) !important;
    background:transparent !important;
    color:#10233a !important;
    -webkit-text-fill-color:#10233a !important;
    font-size:12.25px !important;
    line-height:1.45 !important;
    font-weight:750 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    word-wrap:break-word !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td:last-child,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td:last-child{
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td::before,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td::before{
    content:attr(data-label) !important;
    display:block !important;
    width:100% !important;
    margin:0 0 4px !important;
    color:#6f879f !important;
    -webkit-text-fill-color:#6f879f !important;
    font-size:9.5px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    text-align:left !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td *,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td *,
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td strong,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td strong,
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td span,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td span{
    display:inline-flex !important;
    max-width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
  }

  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap .security-action-row,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap .security-action-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    width:100% !important;
  }

  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td,
  body.kls-rtl #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  body.kls-rtl #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td{
    direction:rtl !important;
    text-align:right !important;
  }

  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td::before,
  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td::before,
  body.kls-rtl #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td::before,
  body.kls-rtl #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td::before{
    text-align:right !important;
  }

  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap .security-action-row,
  html[dir="rtl"] body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap .security-action-row,
  body.kls-rtl #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap .security-action-row,
  body.kls-rtl #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap .security-action-row{
    justify-content:flex-end !important;
  }

  html body #app.app-shell.dark #view-security [data-security-section="blocks"] .security-table-wrap tbody tr,
  html body #app.app-shell.dark #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr,
  html body.theme-dark #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody tr,
  html body.theme-dark #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody tr{
    background:linear-gradient(180deg,#07131f 0%,#091827 100%) !important;
    border-color:#244057 !important;
    box-shadow:none !important;
  }

  html body #app.app-shell.dark #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  html body #app.app-shell.dark #view-security [data-security-section="whitelist"] .security-table-wrap tbody td,
  html body.theme-dark #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap tbody td,
  html body.theme-dark #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap tbody td{
    color:#d9e8f7 !important;
    -webkit-text-fill-color:#d9e8f7 !important;
    border-bottom-color:#20364f !important;
  }
}

/* V3.0.69 — Security mobile tables final PRO match
   Scope: Security page mobile only. Makes Blocked, Whitelisted, and Login Attempt
   cards use the same clean label/value row style in EN/KU/AR without vertical text. */
@media (max-width: 760px){
  html body #app.app-shell #view-security .security-table-wrap{
    overflow:visible !important;
    width:100% !important;
    max-width:100% !important;
  }
  html body #app.app-shell #view-security .security-table-wrap table,
  html body #app.app-shell #view-security .security-table-wrap tbody{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:auto !important;
    border-collapse:separate !important;
  }
  html body #app.app-shell #view-security .security-table-wrap thead{
    display:none !important;
  }
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row){
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 0 10px !important;
    padding:12px 12px 10px !important;
    box-sizing:border-box !important;
    border:1px solid #dbe8f4 !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
    box-shadow:0 8px 18px rgba(15,23,42,.035) !important;
    overflow:hidden !important;
  }
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td{
    display:grid !important;
    grid-template-columns: minmax(95px, 36%) minmax(0, 1fr) !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    min-height:34px !important;
    padding:7px 0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
    border:0 !important;
    border-bottom:1px solid rgba(217,232,246,.92) !important;
    background:transparent !important;
    color:#10233a !important;
    -webkit-text-fill-color:#10233a !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    text-align:start !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    overflow:visible !important;
  }
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td:last-child{
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td::before{
    content:attr(data-label) !important;
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    color:#6f879f !important;
    -webkit-text-fill-color:#6f879f !important;
    font-size:9px !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    text-align:start !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
  }
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td > *,
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td strong,
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td span,
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td div,
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td button{
    max-width:100% !important;
    min-width:0 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:anywhere !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    text-align:inherit !important;
  }
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .security-table-pill,
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .security-table-risk{
    display:inline-flex !important;
    justify-self:start !important;
    align-self:center !important;
    width:auto !important;
    max-width:100% !important;
    white-space:nowrap !important;
    overflow-wrap:normal !important;
  }
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .security-action-row,
  html body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .action-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    width:auto !important;
  }
  html[dir="rtl"] body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td,
  body.kls-rtl #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td{
    direction:rtl !important;
    text-align:right !important;
  }
  html[dir="rtl"] body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td::before,
  body.kls-rtl #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td::before{
    text-align:right !important;
  }
  html[dir="rtl"] body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .security-table-pill,
  html[dir="rtl"] body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .security-table-risk,
  body.kls-rtl #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .security-table-pill,
  body.kls-rtl #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .security-table-risk{
    justify-self:end !important;
  }
  html[dir="rtl"] body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .security-action-row,
  html[dir="rtl"] body #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .action-row,
  body.kls-rtl #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .security-action-row,
  body.kls-rtl #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td .action-row{
    justify-content:flex-end !important;
  }
  html body #app.app-shell.dark #view-security .security-table-wrap tbody tr:not(.security-empty-row),
  html body.theme-dark #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row){
    background:linear-gradient(180deg,#07131f 0%,#091827 100%) !important;
    border-color:#244057 !important;
    box-shadow:none !important;
  }
  html body #app.app-shell.dark #view-security .security-table-wrap tbody tr:not(.security-empty-row) td,
  html body.theme-dark #app.app-shell #view-security .security-table-wrap tbody tr:not(.security-empty-row) td{
    color:#d9e8f7 !important;
    -webkit-text-fill-color:#d9e8f7 !important;
    border-bottom-color:#20364f !important;
  }
}


/* V3.0.71 — Security View More/View All links standardized in color, font size, and weight */
.security-ip-mobile-cards{display:none;}
@media (max-width:760px){
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-table-wrap,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-table-wrap{
    display:none!important;
  }
  html body #app.app-shell #view-security [data-security-section="blocks"] .security-ip-mobile-cards,
  html body #app.app-shell #view-security [data-security-section="whitelist"] .security-ip-mobile-cards{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body #app.app-shell #view-security .security-ip-mobile-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px 12px 10px!important;
    box-sizing:border-box!important;
    border:1px solid #dbe8f4!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
    box-shadow:0 8px 18px rgba(15,23,42,.035)!important;
    overflow:hidden!important;
    direction:ltr!important;
  }
  html body #app.app-shell #view-security .security-mobile-info-row{
    display:grid!important;
    grid-template-columns:minmax(96px,34%) minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    padding:7px 0!important;
    margin:0!important;
    box-sizing:border-box!important;
    border-bottom:1px solid rgba(217,232,246,.92)!important;
    text-align:left!important;
    direction:ltr!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
  html body #app.app-shell #view-security .security-mobile-info-row:last-child{border-bottom:0!important;padding-bottom:0!important;}
  html body #app.app-shell #view-security .security-mobile-info-label{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    color:#6f879f!important;
    -webkit-text-fill-color:#6f879f!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:.04em!important;
    text-transform:uppercase!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
  html body #app.app-shell #view-security .security-mobile-info-value{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-width:0!important;
    max-width:100%!important;
    color:#10233a!important;
    -webkit-text-fill-color:#10233a!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:800!important;
    text-align:left!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
  html body #app.app-shell #view-security .security-mobile-info-value > *,
  html body #app.app-shell #view-security .security-mobile-info-value strong,
  html body #app.app-shell #view-security .security-mobile-info-value span,
  html body #app.app-shell #view-security .security-mobile-info-value div{
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
  html body #app.app-shell #view-security .security-mobile-info-value .security-table-pill{
    display:inline-flex!important;
    width:auto!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
  }
  html body #app.app-shell #view-security .security-mobile-info-row.actions .security-mobile-info-value,
  html body #app.app-shell #view-security .security-mobile-info-row.actions .security-action-row{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    width:auto!important;
  }
  html[dir="rtl"] body #app.app-shell #view-security .security-ip-mobile-card,
  body.kls-rtl #app.app-shell #view-security .security-ip-mobile-card{
    direction:rtl!important;
  }
  html[dir="rtl"] body #app.app-shell #view-security .security-mobile-info-row,
  body.kls-rtl #app.app-shell #view-security .security-mobile-info-row{
    grid-template-columns:minmax(0,1fr) minmax(96px,34%)!important;
    direction:rtl!important;
    text-align:right!important;
  }
  html[dir="rtl"] body #app.app-shell #view-security .security-mobile-info-label,
  body.kls-rtl #app.app-shell #view-security .security-mobile-info-label{
    grid-column:2!important;
    grid-row:1!important;
    text-align:right!important;
  }
  html[dir="rtl"] body #app.app-shell #view-security .security-mobile-info-value,
  body.kls-rtl #app.app-shell #view-security .security-mobile-info-value{
    grid-column:1!important;
    grid-row:1!important;
    justify-content:flex-end!important;
    text-align:right!important;
    direction:rtl!important;
  }
  html[dir="rtl"] body #app.app-shell #view-security .security-mobile-info-row.actions .security-action-row,
  body.kls-rtl #app.app-shell #view-security .security-mobile-info-row.actions .security-action-row{
    justify-content:flex-end!important;
  }
  html body #app.app-shell.dark #view-security .security-ip-mobile-card,
  html body.theme-dark #app.app-shell #view-security .security-ip-mobile-card{
    background:linear-gradient(180deg,#07131f 0%,#091827 100%)!important;
    border-color:#244057!important;
    box-shadow:none!important;
  }
  html body #app.app-shell.dark #view-security .security-mobile-info-row,
  html body.theme-dark #app.app-shell #view-security .security-mobile-info-row{border-bottom-color:#20364f!important;}
  html body #app.app-shell.dark #view-security .security-mobile-info-value,
  html body.theme-dark #app.app-shell #view-security .security-mobile-info-value,
  html body #app.app-shell.dark #view-security .security-mobile-info-value strong,
  html body.theme-dark #app.app-shell #view-security .security-mobile-info-value strong{color:#d9e8f7!important;-webkit-text-fill-color:#d9e8f7!important;}
}

/* V3.0.71 — Security View More/View All uniform color, size, and weight only */
#app.app-shell #view-security .security-link-btn,
#app.app-shell #view-security .security-view-more,
#app.app-shell #view-security .security-table-more .security-view-more,
#app.app-shell #view-security [data-security-section="advanced"] .security-view-more,
#app.app-shell #view-security [data-security-view-more]{
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#087ef2!important;
  -webkit-text-fill-color:#087ef2!important;
  text-decoration:none!important;
}
#app.app-shell.dark #view-security .security-link-btn,
body.theme-dark #app.app-shell #view-security .security-link-btn,
#app.app-shell.dark #view-security .security-view-more,
body.theme-dark #app.app-shell #view-security .security-view-more,
#app.app-shell.dark #view-security [data-security-view-more],
body.theme-dark #app.app-shell #view-security [data-security-view-more]{
  color:#25c7ff!important;
  -webkit-text-fill-color:#25c7ff!important;
}

/* V3.0.72 — Security table header RTL/LTR direction polish (desktop + mobile + modal) */
html[dir="ltr"] #view-security .security-table-wrap,
html[dir="ltr"] #view-security .security-table-wrap table,
html[dir="ltr"] .security-more-modal .security-more-table-wrap,
html[dir="ltr"] .security-more-modal .security-more-table{
  direction:ltr!important;
}
html[dir="ltr"] #view-security .security-table-wrap th,
html[dir="ltr"] #view-security .security-table-wrap td,
html[dir="ltr"] .security-more-modal .security-more-table th,
html[dir="ltr"] .security-more-modal .security-more-table td{
  text-align:left!important;
}
html[dir="rtl"] #view-security .security-table-wrap,
html[dir="rtl"] #view-security .security-table-wrap table,
html[dir="rtl"] .security-more-modal .security-more-table-wrap,
html[dir="rtl"] .security-more-modal .security-more-table,
body.kls-rtl #view-security .security-table-wrap,
body.kls-rtl #view-security .security-table-wrap table,
body.kls-rtl .security-more-modal .security-more-table-wrap,
body.kls-rtl .security-more-modal .security-more-table{
  direction:rtl!important;
}
html[dir="rtl"] #view-security .security-table-wrap th,
html[dir="rtl"] #view-security .security-table-wrap td,
html[dir="rtl"] .security-more-modal .security-more-table th,
html[dir="rtl"] .security-more-modal .security-more-table td,
body.kls-rtl #view-security .security-table-wrap th,
body.kls-rtl #view-security .security-table-wrap td,
body.kls-rtl .security-more-modal .security-more-table th,
body.kls-rtl .security-more-modal .security-more-table td{
  text-align:right!important;
  unicode-bidi:plaintext!important;
}
html[dir="rtl"] #view-security .security-table-wrap th,
body.kls-rtl #view-security .security-table-wrap th,
html[dir="rtl"] .security-more-modal .security-more-table th,
body.kls-rtl .security-more-modal .security-more-table th{
  letter-spacing:.035em!important;
}
html[dir="rtl"] #view-security .security-table-wrap .action-row,
html[dir="rtl"] .security-more-modal .security-more-table .action-row,
body.kls-rtl #view-security .security-table-wrap .action-row,
body.kls-rtl .security-more-modal .security-more-table .action-row{
  justify-content:flex-start!important;
  direction:rtl!important;
}
@media (max-width:760px){
  html[dir="rtl"] .security-more-modal .security-more-table-wrap,
  body.kls-rtl .security-more-modal .security-more-table-wrap{
    direction:rtl!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html[dir="rtl"] .security-more-modal .security-more-table,
  body.kls-rtl .security-more-modal .security-more-table{
    direction:rtl!important;
    min-width:720px!important;
  }
  html[dir="ltr"] .security-more-modal .security-more-table-wrap{
    direction:ltr!important;
  }
}

/* V3.0.74 — Settings mobile action buttons row fix (fallback before phase6.css) */
@media (max-width: 900px){
  html body #view-settings .settings-pro-head.kls-page-hero > .settings-pro-head-actions,
  html body #view-settings .settings-pro-head.kls-page-hero > .settings-pro-head-actions.kls-settings-actions-v43,
  html body #view-settings .settings-pro-head.kls-page-hero > div.settings-pro-head-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:10px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
  }
  html body #view-settings .settings-pro-head.kls-page-hero > .settings-pro-head-actions > .settings-top-action,
  html body #view-settings .settings-pro-head.kls-page-hero > .settings-pro-head-actions > button,
  html body #view-settings .settings-pro-head.kls-page-hero > div.settings-pro-head-actions > .settings-top-action{
    width:100%!important;
    min-width:0!important;
    flex:unset!important;
    height:44px!important;
    min-height:44px!important;
    justify-content:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

/* V3.0.74 — Settings sticky saved status + menu manager row alignment polish */
#view-settings #settingsStickyStatus{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  line-height:1.2!important;
  min-width:0!important;
  white-space:nowrap!important;
}
#view-settings #settingsStickyStatus .settings-sticky-dot{
  flex:0 0 10px!important;
  width:10px!important;
  height:10px!important;
  margin:0!important;
  display:inline-block!important;
}
html[dir="rtl"] #view-settings #settingsStickyStatus,
body.kls-rtl #view-settings #settingsStickyStatus{
  direction:rtl!important;
}
html[dir="rtl"] #view-settings #settingsStickyStatus .settings-sticky-dot,
body.kls-rtl #view-settings #settingsStickyStatus .settings-sticky-dot{
  margin:0!important;
}
#view-settings .settings-menu-table tbody tr{
  height:58px!important;
}
#view-settings .settings-menu-table td{
  vertical-align:middle!important;
  line-height:1.25!important;
}
#view-settings .settings-menu-table td.settings-order-cell{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:58px!important;
  height:58px!important;
  box-sizing:border-box!important;
}
html[dir="rtl"] #view-settings .settings-menu-table td.settings-order-cell,
body.kls-rtl #view-settings .settings-menu-table td.settings-order-cell{
  justify-content:flex-start!important;
  direction:ltr!important;
}
#view-settings .settings-menu-table .settings-menu-name{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  min-height:38px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
html[dir="rtl"] #view-settings .settings-menu-table .settings-menu-name,
body.kls-rtl #view-settings .settings-menu-table .settings-menu-name{
  direction:rtl!important;
}
#view-settings .settings-menu-table .settings-row-icon,
#view-settings .settings-menu-table .settings-drag-handle,
#view-settings .settings-menu-table .settings-order-number{
  flex:0 0 auto!important;
  align-self:center!important;
}
#view-settings .settings-menu-table .settings-drag-handle{
  width:28px!important;
  height:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
}
#view-settings .settings-menu-table .settings-order-number{
  min-width:18px!important;
  text-align:center!important;
  line-height:28px!important;
}
@media (max-width:760px){
  #view-settings #settingsStickyStatus{
    justify-content:flex-end!important;
    gap:8px!important;
    font-size:11.5px!important;
    padding-inline:2px!important;
  }
  html[dir="rtl"] #view-settings #settingsStickyStatus,
  body.kls-rtl #view-settings #settingsStickyStatus{
    justify-content:flex-end!important;
  }
  #view-settings .settings-menu-table tbody tr{height:54px!important;}
  #view-settings .settings-menu-table td.settings-order-cell{height:54px!important;min-height:54px!important;}
  #view-settings .settings-menu-table .settings-menu-name{min-height:36px!important;font-size:12px!important;}
}


/* V3.0.75 — Settings Sidebar Menu Manager RTL/LTR header and row alignment fix */
#view-settings .settings-menu-table-wrap{
  width:100% !important;
  overflow-x:auto !important;
}
html[dir="ltr"] #view-settings .settings-menu-table-wrap,
html[dir="ltr"] #view-settings .settings-menu-table{
  direction:ltr !important;
}
html[dir="rtl"] #view-settings .settings-menu-table-wrap,
html[dir="rtl"] #view-settings .settings-menu-table{
  direction:rtl !important;
}
#view-settings .settings-menu-table{
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
#view-settings .settings-menu-table th,
#view-settings .settings-menu-table td{
  height:56px !important;
  min-height:56px !important;
  vertical-align:middle !important;
  line-height:1.25 !important;
  padding-block:8px !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  text-align:center !important;
}
html[dir="ltr"] #view-settings .settings-menu-table th,
html[dir="ltr"] #view-settings .settings-menu-table td{
  direction:ltr !important;
}
html[dir="rtl"] #view-settings .settings-menu-table th,
html[dir="rtl"] #view-settings .settings-menu-table td{
  direction:rtl !important;
}
#view-settings .settings-menu-table th:nth-child(1),
#view-settings .settings-menu-table td:nth-child(1){width:92px !important;}
#view-settings .settings-menu-table th:nth-child(2),
#view-settings .settings-menu-table td:nth-child(2){width:190px !important;}
#view-settings .settings-menu-table th:nth-child(3),
#view-settings .settings-menu-table td:nth-child(3){width:104px !important;}
#view-settings .settings-menu-table th:nth-child(4),
#view-settings .settings-menu-table td:nth-child(4){width:150px !important;}
#view-settings .settings-menu-table th:nth-child(5),
#view-settings .settings-menu-table td:nth-child(5),
#view-settings .settings-menu-table th:nth-child(6),
#view-settings .settings-menu-table td:nth-child(6){width:100px !important;}
#view-settings .settings-menu-table th:nth-child(7),
#view-settings .settings-menu-table td:nth-child(7),
#view-settings .settings-menu-table th:nth-child(8),
#view-settings .settings-menu-table td:nth-child(8),
#view-settings .settings-menu-table th:nth-child(9),
#view-settings .settings-menu-table td:nth-child(9){width:150px !important;}
#view-settings .settings-menu-table .settings-order-cell{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  height:56px !important;
  min-height:56px !important;
  padding-block:8px !important;
}
#view-settings .settings-drag-handle,
#view-settings .settings-order-number,
#view-settings .settings-row-icon,
#view-settings .settings-small-btn,
#view-settings .settings-toggle,
#view-settings .settings-icon-upload-btn{
  flex:0 0 auto !important;
  align-self:center !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  transform:none !important;
}
#view-settings .settings-menu-name{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:36px !important;
  line-height:1.25 !important;
  width:100% !important;
}
html[dir="ltr"] #view-settings .settings-menu-name{
  flex-direction:row !important;
  text-align:left !important;
}
html[dir="rtl"] #view-settings .settings-menu-name{
  flex-direction:row-reverse !important;
  text-align:right !important;
}
#view-settings .settings-menu-name > span:last-child{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.25 !important;
}
#view-settings .settings-icon-upload-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  height:36px !important;
  min-height:36px !important;
}
#view-settings .settings-small-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
}
#view-settings .settings-toggle{
  vertical-align:middle !important;
}
@media (max-width: 700px){
  #view-settings .settings-menu-table{min-width:1040px !important;}
  #view-settings .settings-menu-table th,
  #view-settings .settings-menu-table td{
    height:54px !important;
    min-height:54px !important;
    font-size:.76rem !important;
  }
  #view-settings .settings-menu-table .settings-order-cell{
    height:54px !important;
    min-height:54px !important;
  }
}

/* V3.0.76 — Settings Sidebar Menu Manager unified row line polish
   Scope only: Settings > Sidebar Menu Manager table.
   Fixes split/double row lines by keeping every TD as a real table cell and moving flex alignment inside the Order cell. */
#view-settings .settings-menu-table{
  border-collapse:collapse!important;
  border-spacing:0!important;
  table-layout:fixed!important;
}
#view-settings .settings-menu-table thead tr,
#view-settings .settings-menu-table tbody tr{
  height:58px!important;
}
#view-settings .settings-menu-table th,
#view-settings .settings-menu-table td{
  display:table-cell!important;
  vertical-align:middle!important;
  height:58px!important;
  min-height:0!important;
  padding:8px 10px!important;
  border-bottom:1px solid #e6eef6!important;
  box-sizing:border-box!important;
  line-height:1.25!important;
}
#view-settings .settings-menu-table tbody tr:last-child td{
  border-bottom:0!important;
}
#view-settings .settings-menu-table td.settings-order-cell{
  display:table-cell!important;
  height:58px!important;
  min-height:0!important;
  padding:8px 10px!important;
  vertical-align:middle!important;
}
#view-settings .settings-menu-table .settings-order-inner{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0 auto!important;
  line-height:1!important;
}
#view-settings .settings-menu-table .settings-drag-handle,
#view-settings .settings-menu-table .settings-order-number,
#view-settings .settings-menu-table .settings-row-icon,
#view-settings .settings-menu-table .settings-small-btn,
#view-settings .settings-menu-table .settings-icon-upload-btn,
#view-settings .settings-menu-table .settings-toggle,
#view-settings .settings-menu-table .settings-menu-name{
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  transform:none!important;
  align-self:center!important;
}
#view-settings .settings-menu-table .settings-drag-handle{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#view-settings .settings-menu-table .settings-order-number{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:20px!important;
  height:30px!important;
  line-height:30px!important;
  font-weight:700!important;
}
#view-settings .settings-menu-table .settings-menu-name{
  min-height:38px!important;
  height:38px!important;
}
html[dir="rtl"] #view-settings .settings-menu-table-wrap,
html[dir="rtl"] #view-settings .settings-menu-table,
body.kls-rtl #view-settings .settings-menu-table-wrap,
body.kls-rtl #view-settings .settings-menu-table{
  direction:rtl!important;
}
html[dir="ltr"] #view-settings .settings-menu-table-wrap,
html[dir="ltr"] #view-settings .settings-menu-table,
body.kls-ltr #view-settings .settings-menu-table-wrap,
body.kls-ltr #view-settings .settings-menu-table{
  direction:ltr!important;
}
html[dir="rtl"] #view-settings .settings-menu-table th,
html[dir="rtl"] #view-settings .settings-menu-table td,
body.kls-rtl #view-settings .settings-menu-table th,
body.kls-rtl #view-settings .settings-menu-table td{
  text-align:center!important;
}
body.theme-dark #view-settings .settings-menu-table th,
body.theme-dark #view-settings .settings-menu-table td,
#app.app-shell.dark #view-settings .settings-menu-table th,
#app.app-shell.dark #view-settings .settings-menu-table td{
  border-bottom-color:rgba(148,181,210,.22)!important;
}
@media (max-width:760px){
  #view-settings .settings-menu-table thead tr,
  #view-settings .settings-menu-table tbody tr,
  #view-settings .settings-menu-table th,
  #view-settings .settings-menu-table td,
  #view-settings .settings-menu-table td.settings-order-cell{
    height:56px!important;
  }
  #view-settings .settings-menu-table .settings-order-inner{
    height:38px!important;
    min-height:38px!important;
  }
}


/* V3.0.78 — Collapsed Sidebar Tooltip LTR / RTL PRO Match
   Scope only: collapsed sidebar hover labels. Rebuilds the tooltip outside the icon button,
   keeps icons centered, and mirrors tooltip direction for EN/LTR and KU/AR RTL. */
@media (min-width:901px){
  body.sidebar-collapsed .app-shell{
    overflow:visible!important;
  }
  body.sidebar-collapsed .sidebar{
    overflow:visible!important;
    z-index:2300!important;
    isolation:isolate!important;
  }
  body.sidebar-collapsed .brand-head,
  body.sidebar-collapsed .brand-main,
  body.sidebar-collapsed .nav-grid{
    overflow:visible!important;
  }
  body.sidebar-collapsed .nav-grid{
    position:relative!important;
    z-index:2302!important;
  }
  body.sidebar-collapsed .nav-btn{
    position:relative!important;
    overflow:visible!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    z-index:1!important;
  }
  body.sidebar-collapsed .nav-btn:hover,
  body.sidebar-collapsed .nav-btn:focus-visible{
    z-index:2405!important;
  }
  body.sidebar-collapsed .nav-btn .nav-icon{
    margin:0!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
  }
  body.sidebar-collapsed .nav-btn .nav-label{
    display:none!important;
  }
  body.sidebar-collapsed .nav-btn::after{
    content:attr(data-label)!important;
    position:absolute!important;
    top:50%!important;
    left:calc(100% + 12px)!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    transform:translateY(-50%) translateX(-2px)!important;
    min-width:max-content!important;
    max-width:min(260px,42vw)!important;
    width:max-content!important;
    padding:9px 13px!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#07192d 0%,#082749 100%)!important;
    color:#fff!important;
    border:1px solid rgba(45,134,255,.28)!important;
    box-shadow:0 16px 34px rgba(4,23,43,.25),0 3px 8px rgba(4,23,43,.12)!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    white-space:nowrap!important;
    text-align:center!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:99999!important;
    transition:opacity .16s ease,visibility .16s ease,transform .16s ease!important;
  }
  body.sidebar-collapsed .nav-btn::before{
    content:""!important;
    position:absolute!important;
    top:50%!important;
    left:calc(100% + 6px)!important;
    right:auto!important;
    width:10px!important;
    height:10px!important;
    background:#07192d!important;
    border-left:1px solid rgba(45,134,255,.28)!important;
    border-bottom:1px solid rgba(45,134,255,.28)!important;
    transform:translateY(-50%) rotate(45deg)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:99998!important;
    transition:opacity .16s ease,visibility .16s ease!important;
  }
  body.sidebar-collapsed .nav-btn:hover::after,
  body.sidebar-collapsed .nav-btn:focus-visible::after{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(-50%) translateX(0)!important;
  }
  body.sidebar-collapsed .nav-btn:hover::before,
  body.sidebar-collapsed .nav-btn:focus-visible::before{
    opacity:1!important;
    visibility:visible!important;
  }
  html[dir="rtl"] body.sidebar-collapsed .nav-btn::after,
  body.kls-rtl.sidebar-collapsed .nav-btn::after{
    left:auto!important;
    right:calc(100% + 12px)!important;
    transform:translateY(-50%) translateX(2px)!important;
    text-align:center!important;
    direction:rtl!important;
  }
  html[dir="rtl"] body.sidebar-collapsed .nav-btn::before,
  body.kls-rtl.sidebar-collapsed .nav-btn::before{
    left:auto!important;
    right:calc(100% + 6px)!important;
    border-left:0!important;
    border-bottom:0!important;
    border-right:1px solid rgba(45,134,255,.28)!important;
    border-top:1px solid rgba(45,134,255,.28)!important;
    transform:translateY(-50%) rotate(45deg)!important;
  }
  html[dir="rtl"] body.sidebar-collapsed .nav-btn:hover::after,
  html[dir="rtl"] body.sidebar-collapsed .nav-btn:focus-visible::after,
  body.kls-rtl.sidebar-collapsed .nav-btn:hover::after,
  body.kls-rtl.sidebar-collapsed .nav-btn:focus-visible::after{
    transform:translateY(-50%) translateX(0)!important;
  }
  body.sidebar-collapsed .nav-btn.active::after{
    background:linear-gradient(135deg,#061a32 0%,#0a315f 100%)!important;
  }
  body.theme-dark.sidebar-collapsed .nav-btn::after,
  #app.app-shell.dark body.sidebar-collapsed .nav-btn::after{
    background:linear-gradient(135deg,#061421 0%,#08233b 100%)!important;
    border-color:rgba(66,179,255,.34)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.42)!important;
  }
  body.theme-dark.sidebar-collapsed .nav-btn::before{
    background:#061421!important;
    border-color:rgba(66,179,255,.34)!important;
  }
}
@media (max-width:900px){
  body.sidebar-collapsed .nav-btn::before,
  body.sidebar-collapsed .nav-btn::after,
  .nav-btn::before,
  .nav-btn::after{
    display:none!important;
  }
}

/* V3.0.78 — Collapsed sidebar tooltip visibility + collapsed menu scroll fix */
body.sidebar-collapsed .nav-btn::after,
body.sidebar-collapsed .nav-btn::before,
html[dir="rtl"] body.sidebar-collapsed .nav-btn::after,
html[dir="rtl"] body.sidebar-collapsed .nav-btn::before{
  display:none!important;
  content:none!important;
}
body.sidebar-collapsed .sidebar{
  overflow:visible!important;
}
body.sidebar-collapsed .nav-grid{
  max-height:calc(100vh - 154px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-inline-end:4px!important;
  padding-inline-start:0!important;
  scrollbar-width:thin;
}
body.sidebar-collapsed .sidebar-controls,
body.sidebar-collapsed .install-app-btn,
body.sidebar-collapsed [data-install-app],
body.sidebar-collapsed .sidebar-install,
body.sidebar-collapsed .sidebar-install-wrap{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.kls-sidebar-fixed-tooltip{
  position:fixed;
  z-index:2147483000;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  max-width:min(260px, calc(100vw - 34px));
  padding:9px 13px;
  border-radius:10px;
  background:#06243b;
  color:#ffffff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 34px rgba(4,34,51,.25);
  font-size:13px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.01em;
  white-space:normal;
  overflow-wrap:break-word;
  text-align:center;
  pointer-events:none;
  opacity:0;
  transform:translateY(-50%) scale(.98);
  transition:opacity .14s ease, transform .14s ease;
}
.kls-sidebar-fixed-tooltip.is-visible{
  opacity:1;
  transform:translateY(-50%) scale(1);
}
.kls-sidebar-fixed-tooltip::before{
  content:"";
  position:absolute;
  top:50%;
  width:9px;
  height:9px;
  background:#06243b;
  border:inherit;
  transform:translateY(-50%) rotate(45deg);
}
.kls-sidebar-fixed-tooltip.kls-tip-left::before{
  right:-5px;
  border-left:0;
  border-bottom:0;
}
.kls-sidebar-fixed-tooltip.kls-tip-right::before{
  left:-5px;
  border-right:0;
  border-top:0;
}
body.theme-dark .kls-sidebar-fixed-tooltip{
  background:#0b2f4d;
  color:#f4fbff;
  border-color:rgba(74,163,223,.32);
  box-shadow:0 18px 34px rgba(0,0,0,.38);
}
body.theme-dark .kls-sidebar-fixed-tooltip::before{background:#0b2f4d;}
html[lang="ku"] .kls-sidebar-fixed-tooltip,
html[lang="ar"] .kls-sidebar-fixed-tooltip{
  font-family:"K24KurdishBold", Inter, sans-serif;
  direction:rtl;
  text-align:center;
}
@media (max-width:900px){
  .kls-sidebar-fixed-tooltip{display:none!important;}
}


/* V3.0.79 — Collapsed sidebar real scroll restore
   Scope only: collapsed desktop sidebar. Keeps the Install App ghost hidden, but restores
   a usable scroll area so every collapsed menu icon can be reached. The fixed tooltip
   remains outside the sidebar, so clipping is not needed. */
@media (min-width:901px){
  html body.sidebar-collapsed #app.app-shell #appSidebar{
    overflow:hidden!important;
    height:calc(100vh - 36px)!important;
    max-height:calc(100vh - 36px)!important;
    display:flex!important;
    flex-direction:column!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .brand-head{
    flex:0 0 auto!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:14px!important;
    padding-inline:0 3px!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(103,128,143,.42) transparent!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid::-webkit-scrollbar{
    display:block!important;
    width:7px!important;
    height:7px!important;
    background:transparent!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid::-webkit-scrollbar-thumb{
    display:block!important;
    width:7px!important;
    min-height:36px!important;
    border-radius:999px!important;
    background:rgba(103,128,143,.38)!important;
    border:2px solid transparent!important;
    background-clip:padding-box!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .nav-grid::-webkit-scrollbar-track{
    display:block!important;
    background:transparent!important;
  }
  html body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls,
  html body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls *,
  html body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls-minimal,
  html body.sidebar-collapsed #app.app-shell #appSidebar .sidebar-controls-minimal *,
  html body.sidebar-collapsed #app.app-shell #appSidebar #installBtn{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    pointer-events:none!important;
  }
  body.theme-dark.sidebar-collapsed #app.app-shell #appSidebar .nav-grid,
  #app.app-shell.dark body.sidebar-collapsed #appSidebar .nav-grid{
    scrollbar-color:rgba(119,169,198,.48) transparent!important;
  }
  body.theme-dark.sidebar-collapsed #app.app-shell #appSidebar .nav-grid::-webkit-scrollbar-thumb{
    background:rgba(119,169,198,.42)!important;
  }
}


/* V3.0.82 — Login submit arrow RTL-only flip
   Scope only: login button arrow. English/LTR remains unchanged. Kurdish/Arabic RTL flips the arrow on desktop and mobile. */
html[dir="rtl"] #loginScreen #loginSubmitBtn .login-submit-arrow svg,
body.kls-rtl #loginScreen #loginSubmitBtn .login-submit-arrow svg,
#loginScreen[dir="rtl"] #loginSubmitBtn .login-submit-arrow svg,
html[lang="ku"] #loginScreen #loginSubmitBtn .login-submit-arrow svg,
html[lang="ar"] #loginScreen #loginSubmitBtn .login-submit-arrow svg,
body[data-lang="ku"] #loginScreen #loginSubmitBtn .login-submit-arrow svg,
body[data-lang="ar"] #loginScreen #loginSubmitBtn .login-submit-arrow svg{
  transform:scaleX(-1)!important;
  transform-origin:50% 50%!important;
}
html[dir="ltr"] #loginScreen #loginSubmitBtn .login-submit-arrow svg,
body.kls-ltr #loginScreen #loginSubmitBtn .login-submit-arrow svg,
#loginScreen[dir="ltr"] #loginSubmitBtn .login-submit-arrow svg,
html[lang="en"] #loginScreen #loginSubmitBtn .login-submit-arrow svg,
body[data-lang="en"] #loginScreen #loginSubmitBtn .login-submit-arrow svg{
  transform:none!important;
}

/* V3.0.82 — Sidebar expanded spacing + active hover readability polish
   Scope only: sidebar menu. Adds safe spacing below logo/brand area and keeps selected menu text readable on hover in EN/KU/AR. */
@media (min-width:901px){
  html body:not(.sidebar-collapsed) #app.app-shell #appSidebar .brand-head{
    margin-bottom:18px!important;
  }
  html body:not(.sidebar-collapsed) #app.app-shell #appSidebar .nav-grid{
    padding-top:10px!important;
  }
}

#app.app-shell #appSidebar .nav-btn.active,
#app.app-shell #appSidebar .nav-btn.active:hover,
#app.app-shell #appSidebar .nav-btn.active:focus,
#app.app-shell #appSidebar .nav-btn.active:focus-visible{
  background:linear-gradient(135deg,#15bde8 0%,#0b82f6 100%)!important;
  border-color:rgba(21,157,239,.65)!important;
  color:#ffffff!important;
  box-shadow:0 14px 28px rgba(14,141,235,.22)!important;
}
#app.app-shell #appSidebar .nav-btn.active .nav-label,
#app.app-shell #appSidebar .nav-btn.active:hover .nav-label,
#app.app-shell #appSidebar .nav-btn.active:focus-visible .nav-label,
#app.app-shell #appSidebar .nav-btn.active .nav-icon,
#app.app-shell #appSidebar .nav-btn.active:hover .nav-icon,
#app.app-shell #appSidebar .nav-btn.active:focus-visible .nav-icon,
#app.app-shell #appSidebar .nav-btn.active .nav-icon svg,
#app.app-shell #appSidebar .nav-btn.active:hover .nav-icon svg,
#app.app-shell #appSidebar .nav-btn.active:focus-visible .nav-icon svg{
  color:#ffffff!important;
  fill:none!important;
  stroke:#ffffff!important;
}
body.theme-dark #app.app-shell #appSidebar .nav-btn.active,
body.theme-dark #app.app-shell #appSidebar .nav-btn.active:hover,
body.theme-dark #app.app-shell #appSidebar .nav-btn.active:focus-visible,
#app.app-shell.dark #appSidebar .nav-btn.active,
#app.app-shell.dark #appSidebar .nav-btn.active:hover,
#app.app-shell.dark #appSidebar .nav-btn.active:focus-visible{
  background:linear-gradient(135deg,#13b9e7 0%,#0876e8 100%)!important;
  border-color:rgba(64,178,255,.70)!important;
  color:#ffffff!important;
}

/* V3.0.85 — Translation Manager Main Text Mode + safe delete action */
#view-translations .translation-table col.translation-col-key{width:17%!important;}
#view-translations .translation-table col.translation-col-edit{width:22%!important;}
#view-translations .translation-table col.translation-col-status{width:10%!important;min-width:110px!important;}
#view-translations .translation-table col.translation-col-action{width:8%!important;min-width:104px!important;}
#view-translations .translation-action-head,
#view-translations .translation-action-cell{
  position:sticky!important;
  right:0!important;
  z-index:14!important;
  text-align:center!important;
  background:#fff!important;
  box-shadow:-8px 0 18px rgba(15,40,75,.055)!important;
}
#view-translations .translation-action-head{
  z-index:48!important;
  background:linear-gradient(180deg,#fbfdff,#f3f8fc)!important;
}
#view-translations .translation-status-head,
#view-translations .translation-status-cell{
  right:104px!important;
}
#view-translations .translation-delete-key{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(239,68,68,.22)!important;
  background:rgba(239,68,68,.07)!important;
  color:#dc2626!important;
  box-shadow:none!important;
}
#view-translations .translation-delete-key .kls-ui-icon{width:18px!important;height:18px!important;stroke:currentColor!important;}
#view-translations .translation-delete-key span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}
#view-translations .translation-delete-key:hover{background:rgba(239,68,68,.12)!important;transform:translateY(-1px);}
#view-translations .translation-ignore-count{display:block;margin-top:10px;color:var(--muted);font-weight:750;font-size:.78rem;}
body.theme-dark #view-translations .translation-action-head,
.app-shell.dark #view-translations .translation-action-head{background:linear-gradient(180deg,#0d1b29,#0a1724)!important;}
body.theme-dark #view-translations .translation-action-cell,
.app-shell.dark #view-translations .translation-action-cell{background:#0a1622!important;}
body.theme-dark #view-translations .translation-delete-key,
.app-shell.dark #view-translations .translation-delete-key{background:rgba(248,113,113,.12)!important;border-color:rgba(248,113,113,.24)!important;color:#f87171!important;}
@media(max-width:760px){
  #view-translations .translation-table{min-width:1040px!important;}
  #view-translations .translation-status-head,
  #view-translations .translation-status-cell{right:96px!important;}
  #view-translations .translation-table col.translation-col-action{width:96px!important;}
}

/* V3.0.112 — Settings Sidebar Menu Manager RTL/LTR menu column polish */
#view-settings .settings-menu-table td:nth-child(2),
#view-settings .settings-menu-table th:nth-child(2){
  text-align:start!important;
}
#view-settings .settings-menu-table .settings-menu-name{
  max-width:100%!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
}
html[dir="ltr"] #view-settings .settings-menu-table .settings-menu-name,
body.kls-ltr #view-settings .settings-menu-table .settings-menu-name{
  direction:ltr!important;
  flex-direction:row!important;
  text-align:left!important;
}
html[dir="rtl"] #view-settings .settings-menu-table .settings-menu-name,
body.kls-rtl #view-settings .settings-menu-table .settings-menu-name{
  direction:rtl!important;
  flex-direction:row!important;
  text-align:right!important;
}
html[dir="rtl"] #view-settings .settings-menu-table .settings-menu-name > span:last-child,
body.kls-rtl #view-settings .settings-menu-table .settings-menu-name > span:last-child{
  text-align:right!important;
  direction:rtl!important;
}
html[dir="ltr"] #view-settings .settings-menu-table .settings-menu-name > span:last-child,
body.kls-ltr #view-settings .settings-menu-table .settings-menu-name > span:last-child{
  text-align:left!important;
  direction:ltr!important;
}

/* V3.0.113 — Global number spin removal + RTL/LTR field direction polish */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none!important;
  appearance:none!important;
  margin:0!important;
  display:none!important;
}
input[type="number"]{
  -moz-appearance:textfield!important;
  appearance:textfield!important;
}
html[dir="rtl"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .kls-select-display,
html[dir="rtl"] .kls-select-text,
html[dir="rtl"] .input-shell input,
html[dir="rtl"] .date-input-enhanced{
  direction:rtl;
  text-align:right;
}
html[dir="ltr"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[dir="ltr"] textarea,
html[dir="ltr"] select,
html[dir="ltr"] .kls-select-display,
html[dir="ltr"] .kls-select-text,
html[dir="ltr"] .input-shell input,
html[dir="ltr"] .date-input-enhanced{
  direction:ltr;
  text-align:left;
}
html[dir="rtl"] input[type="number"]{
  direction:rtl!important;
  text-align:right!important;
}
html[dir="ltr"] input[type="number"]{
  direction:ltr!important;
  text-align:left!important;
}
html[dir="rtl"] input::placeholder,
html[dir="rtl"] textarea::placeholder{
  direction:rtl;
  text-align:right;
}
html[dir="ltr"] input::placeholder,
html[dir="ltr"] textarea::placeholder{
  direction:ltr;
  text-align:left;
}
.kls-bidi-ltr,
.kls-bidi-ltr input,
input.kls-bidi-ltr,
input[type="url"],
input[type="email"]{
  direction:ltr!important;
  unicode-bidi:isolate;
}

/* V3.0.114 — Product saved table action polish + language-independent colors */
#app.app-shell #view-products .saved-products-table-wrap table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
#app.app-shell #view-products .saved-products-table-wrap th:last-child,
#app.app-shell #view-products .saved-products-table-wrap td.product-actions-cell{
  min-width:176px!important;
  width:176px!important;
  text-align:center!important;
}
#app.app-shell #view-products .product-actions-cell{
  padding-inline:12px!important;
  vertical-align:middle!important;
  background:linear-gradient(90deg, rgba(248,252,255,.94), rgba(255,255,255,.98))!important;
}
html[dir="rtl"] #app.app-shell #view-products .product-actions-cell,
body.kls-rtl #app.app-shell #view-products .product-actions-cell{
  background:linear-gradient(270deg, rgba(248,252,255,.94), rgba(255,255,255,.98))!important;
}
#app.app-shell #view-products .product-table-actions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  padding:6px!important;
  border:1px solid #d9e8f6!important;
  border-radius:18px!important;
  background:#ffffff!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
  min-width:max-content!important;
}
#app.app-shell #view-products .product-table-actions .icon-action{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  border-radius:14px!important;
  padding:0!important;
  border-width:1px!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease!important;
}
#app.app-shell #view-products .product-table-actions .icon-action .kls-icon{
  width:18px!important;
  height:18px!important;
  stroke-width:2.1!important;
}
#app.app-shell #view-products .product-table-actions .product-action-edit,
#app.app-shell #view-products .product-table-actions .icon-action[data-action="edit"]{
  color:#0a72d8!important;
  background:#f0f8ff!important;
  border-color:#b9daf7!important;
}
#app.app-shell #view-products .product-table-actions .product-action-duplicate,
#app.app-shell #view-products .product-table-actions .icon-action[data-action="duplicate"]{
  color:#7c3aed!important;
  background:#f5f0ff!important;
  border-color:#d9c8ff!important;
}
#app.app-shell #view-products .product-table-actions .product-action-print,
#app.app-shell #view-products .product-table-actions .icon-action[data-action="print"]{
  color:#16a34a!important;
  background:#effcf5!important;
  border-color:#b9efce!important;
}
#app.app-shell #view-products .product-table-actions .product-action-delete,
#app.app-shell #view-products .product-table-actions .icon-action[data-action="delete"]{
  color:#e11d48!important;
  background:#fff1f4!important;
  border-color:#ffc7d2!important;
}
#app.app-shell #view-products .product-table-actions .icon-action:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 11px 22px rgba(15,23,42,.12)!important;
}
#app.app-shell #view-products .product-table-actions .product-action-edit:hover,
#app.app-shell #view-products .product-table-actions .icon-action[data-action="edit"]:hover{border-color:#75bdf4!important;background:#e5f4ff!important;}
#app.app-shell #view-products .product-table-actions .product-action-duplicate:hover,
#app.app-shell #view-products .product-table-actions .icon-action[data-action="duplicate"]:hover{border-color:#b79aff!important;background:#ede3ff!important;}
#app.app-shell #view-products .product-table-actions .product-action-print:hover,
#app.app-shell #view-products .product-table-actions .icon-action[data-action="print"]:hover{border-color:#7fe0a8!important;background:#e5f9ee!important;}
#app.app-shell #view-products .product-table-actions .product-action-delete:hover,
#app.app-shell #view-products .product-table-actions .icon-action[data-action="delete"]:hover{border-color:#fb8aa0!important;background:#ffe6eb!important;}
html[dir="rtl"] #app.app-shell #view-products .product-table-actions,
body.kls-rtl #app.app-shell #view-products .product-table-actions{
  direction:rtl!important;
}
html[dir="ltr"] #app.app-shell #view-products .product-table-actions,
body.kls-ltr #app.app-shell #view-products .product-table-actions{
  direction:ltr!important;
}
body.theme-dark #app.app-shell #view-products .product-actions-cell,
.app-shell.dark #view-products .product-actions-cell{
  background:linear-gradient(90deg, rgba(9,22,34,.94), rgba(12,28,42,.98))!important;
}
body.theme-dark #app.app-shell #view-products .product-table-actions,
.app-shell.dark #view-products .product-table-actions{
  background:#0d1d2c!important;
  border-color:#29455e!important;
  box-shadow:none!important;
}
body.theme-dark #app.app-shell #view-products .product-table-actions .product-action-edit,
.app-shell.dark #view-products .product-table-actions .product-action-edit,
body.theme-dark #app.app-shell #view-products .product-table-actions .icon-action[data-action="edit"],
.app-shell.dark #view-products .product-table-actions .icon-action[data-action="edit"]{background:#0d2844!important;border-color:#2d6da7!important;color:#8bd2ff!important;}
body.theme-dark #app.app-shell #view-products .product-table-actions .product-action-duplicate,
.app-shell.dark #view-products .product-table-actions .product-action-duplicate,
body.theme-dark #app.app-shell #view-products .product-table-actions .icon-action[data-action="duplicate"],
.app-shell.dark #view-products .product-table-actions .icon-action[data-action="duplicate"]{background:#20163f!important;border-color:#5a42a0!important;color:#cab9ff!important;}
body.theme-dark #app.app-shell #view-products .product-table-actions .product-action-print,
.app-shell.dark #view-products .product-table-actions .product-action-print,
body.theme-dark #app.app-shell #view-products .product-table-actions .icon-action[data-action="print"],
.app-shell.dark #view-products .product-table-actions .icon-action[data-action="print"]{background:#0c2a1d!important;border-color:#2d7d50!important;color:#8cf2b2!important;}
body.theme-dark #app.app-shell #view-products .product-table-actions .product-action-delete,
.app-shell.dark #view-products .product-table-actions .product-action-delete,
body.theme-dark #app.app-shell #view-products .product-table-actions .icon-action[data-action="delete"],
.app-shell.dark #view-products .product-table-actions .icon-action[data-action="delete"]{background:#341320!important;border-color:#8a334b!important;color:#ff9faf!important;}
@media (max-width:720px){
  #app.app-shell #view-products .saved-products-table-wrap th:last-child,
  #app.app-shell #view-products .saved-products-table-wrap td.product-actions-cell{
    min-width:162px!important;
    width:162px!important;
  }
  #app.app-shell #view-products .product-table-actions{gap:6px!important;padding:5px!important;border-radius:16px!important;}
  #app.app-shell #view-products .product-table-actions .icon-action{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:13px!important;}
}


/* V3.0.115 — Product saved table action compact polish + full header background */
#app.app-shell #view-products .saved-products-table-wrap{
  border-radius:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
#app.app-shell #view-products .saved-products-table-wrap table{
  border-collapse:collapse!important;
  border-spacing:0!important;
  overflow:hidden!important;
}
#app.app-shell #view-products .saved-products-table-wrap thead,
#app.app-shell #view-products .saved-products-table-wrap thead tr{
  background:#eef6fc!important;
}
#app.app-shell #view-products .saved-products-table-wrap thead th{
  background:#eef6fc!important;
  box-shadow:inset 0 -1px 0 #d7e8f4!important;
}
#app.app-shell #view-products .saved-products-table-wrap th:first-child{
  border-start-start-radius:14px!important;
}
#app.app-shell #view-products .saved-products-table-wrap th:last-child{
  border-start-end-radius:14px!important;
}
#app.app-shell #view-products .saved-products-table-wrap th:last-child,
#app.app-shell #view-products .saved-products-table-wrap td.product-actions-cell{
  min-width:154px!important;
  width:154px!important;
  text-align:center!important;
}
#app.app-shell #view-products .product-actions-cell{
  padding-inline:8px!important;
  background:linear-gradient(90deg, rgba(248,252,255,.98), rgba(255,255,255,1))!important;
}
#app.app-shell #view-products .product-table-actions{
  gap:6px!important;
  padding:5px!important;
  border-radius:16px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.055)!important;
}
#app.app-shell #view-products .product-table-actions .icon-action{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  min-width:32px!important;
  border-radius:12px!important;
}
#app.app-shell #view-products .product-table-actions .icon-action .kls-icon{
  width:15.5px!important;
  height:15.5px!important;
  stroke-width:2!important;
}
body.theme-dark #app.app-shell #view-products .saved-products-table-wrap thead,
body.theme-dark #app.app-shell #view-products .saved-products-table-wrap thead tr,
body.theme-dark #app.app-shell #view-products .saved-products-table-wrap thead th,
.app-shell.dark #view-products .saved-products-table-wrap thead,
.app-shell.dark #view-products .saved-products-table-wrap thead tr,
.app-shell.dark #view-products .saved-products-table-wrap thead th{
  background:#102438!important;
  box-shadow:inset 0 -1px 0 #28465d!important;
}
@media (max-width:720px){
  #app.app-shell #view-products .saved-products-table-wrap th:last-child,
  #app.app-shell #view-products .saved-products-table-wrap td.product-actions-cell{
    min-width:146px!important;
    width:146px!important;
  }
  #app.app-shell #view-products .product-table-actions{
    gap:5px!important;
    padding:4px!important;
    border-radius:15px!important;
  }
  #app.app-shell #view-products .product-table-actions .icon-action{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    min-width:30px!important;
    border-radius:11px!important;
  }
  #app.app-shell #view-products .product-table-actions .icon-action .kls-icon{
    width:14.5px!important;
    height:14.5px!important;
  }
}

/* V3.0.116 — Product saved table action column final polish */
#app.app-shell #view-products .saved-products-table-wrap table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
#app.app-shell #view-products .saved-products-table-wrap thead th{
  background:#eef6fc!important;
  box-shadow:inset 0 -1px 0 #d7e8f4!important;
}
#app.app-shell #view-products .saved-products-table-wrap tbody td{
  background:#fff!important;
}
#app.app-shell #view-products .saved-products-table-wrap th:last-child,
#app.app-shell #view-products .saved-products-table-wrap td.product-actions-cell{
  min-width:176px!important;
  width:176px!important;
  max-width:176px!important;
  text-align:center!important;
}
#app.app-shell #view-products .product-actions-cell{
  background:#fff!important;
  padding:8px 12px!important;
  overflow:visible!important;
}
#app.app-shell #view-products .product-table-actions{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#app.app-shell #view-products .product-table-actions .icon-action{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  border-radius:11px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  box-shadow:0 5px 12px rgba(15,23,42,.045)!important;
}
#app.app-shell #view-products .product-table-actions .icon-action .kls-icon,
#app.app-shell #view-products .product-table-actions .icon-action svg{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  display:block!important;
  overflow:visible!important;
}
body.theme-dark #app.app-shell #view-products .saved-products-table-wrap tbody td,
.app-shell.dark #view-products .saved-products-table-wrap tbody td,
body.theme-dark #app.app-shell #view-products .product-actions-cell,
.app-shell.dark #view-products .product-actions-cell{
  background:#0d1d2c!important;
}
body.theme-dark #app.app-shell #view-products .product-table-actions,
.app-shell.dark #view-products .product-table-actions{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
@media (max-width:720px){
  #app.app-shell #view-products .saved-products-table-wrap th:last-child,
  #app.app-shell #view-products .saved-products-table-wrap td.product-actions-cell{
    min-width:168px!important;
    width:168px!important;
    max-width:168px!important;
  }
  #app.app-shell #view-products .product-actions-cell{padding:8px 10px!important;}
  #app.app-shell #view-products .product-table-actions{gap:6px!important;}
  #app.app-shell #view-products .product-table-actions .icon-action{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    flex-basis:29px!important;
    border-radius:10px!important;
  }
}

/* V3.0.117 — Shipping saved table action buttons match Product table polish */
#app.app-shell #view-shipping .saved-shipping-table-wrap table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
#app.app-shell #view-shipping .saved-shipping-table-wrap thead th{
  background:#eef6fc!important;
  box-shadow:inset 0 -1px 0 #d7e8f4!important;
}
#app.app-shell #view-shipping .saved-shipping-table-wrap thead th:first-child{
  border-start-start-radius:14px!important;
}
#app.app-shell #view-shipping .saved-shipping-table-wrap thead th:last-child{
  border-start-end-radius:14px!important;
}
#app.app-shell #view-shipping .saved-shipping-table-wrap tbody td{
  background:#fff!important;
  vertical-align:middle!important;
}
#app.app-shell #view-shipping .saved-shipping-table-wrap th:last-child,
#app.app-shell #view-shipping .saved-shipping-table-wrap td.shipping-actions-cell{
  min-width:146px!important;
  width:146px!important;
  max-width:146px!important;
  text-align:center!important;
}
#app.app-shell #view-shipping .shipping-actions-cell{
  background:#fff!important;
  padding:8px 12px!important;
  overflow:visible!important;
}
#app.app-shell #view-shipping .shipping-table-actions{
  display:inline-flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0 auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#app.app-shell #view-shipping .shipping-table-actions .icon-action{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  flex:0 0 30px!important;
  border-radius:11px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 5px 12px rgba(15,23,42,.045)!important;
}
#app.app-shell #view-shipping .shipping-table-actions .icon-action svg,
#app.app-shell #view-shipping .shipping-table-actions .icon-action .kls-icon{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  display:block!important;
  overflow:visible!important;
}
#app.app-shell #view-shipping .shipping-action-edit{
  color:#0d72ff!important;
  background:#eef7ff!important;
  border:1px solid #b9ddff!important;
}
#app.app-shell #view-shipping .shipping-action-print{
  color:#16a34a!important;
  background:#ecfdf3!important;
  border:1px solid #bbf7d0!important;
}
#app.app-shell #view-shipping .shipping-action-delete,
#app.app-shell #view-shipping .shipping-table-actions .icon-action.danger{
  color:#f43f5e!important;
  background:#fff1f3!important;
  border:1px solid #fecdd3!important;
}
#app.app-shell #view-shipping .shipping-table-actions .icon-action:hover{
  transform:translateY(-1px)!important;
  filter:saturate(1.05)!important;
}
html[dir="rtl"] #app.app-shell #view-shipping .shipping-table-actions{
  direction:rtl!important;
}
html[dir="ltr"] #app.app-shell #view-shipping .shipping-table-actions{
  direction:ltr!important;
}
body.theme-dark #app.app-shell #view-shipping .saved-shipping-table-wrap thead,
body.theme-dark #app.app-shell #view-shipping .saved-shipping-table-wrap thead tr,
body.theme-dark #app.app-shell #view-shipping .saved-shipping-table-wrap thead th,
.app-shell.dark #view-shipping .saved-shipping-table-wrap thead,
.app-shell.dark #view-shipping .saved-shipping-table-wrap thead tr,
.app-shell.dark #view-shipping .saved-shipping-table-wrap thead th{
  background:#102438!important;
  box-shadow:inset 0 -1px 0 #28465d!important;
}
body.theme-dark #app.app-shell #view-shipping .saved-shipping-table-wrap tbody td,
.app-shell.dark #view-shipping .saved-shipping-table-wrap tbody td,
body.theme-dark #app.app-shell #view-shipping .shipping-actions-cell,
.app-shell.dark #view-shipping .shipping-actions-cell{
  background:#0d1d2c!important;
}
body.theme-dark #app.app-shell #view-shipping .shipping-table-actions,
.app-shell.dark #view-shipping .shipping-table-actions{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.theme-dark #app.app-shell #view-shipping .shipping-action-edit,
.app-shell.dark #view-shipping .shipping-action-edit{
  background:#102b45!important;
  border-color:#23527a!important;
  color:#7dd3fc!important;
}
body.theme-dark #app.app-shell #view-shipping .shipping-action-print,
.app-shell.dark #view-shipping .shipping-action-print{
  background:#103524!important;
  border-color:#1d6b41!important;
  color:#86efac!important;
}
body.theme-dark #app.app-shell #view-shipping .shipping-action-delete,
body.theme-dark #app.app-shell #view-shipping .shipping-table-actions .icon-action.danger,
.app-shell.dark #view-shipping .shipping-action-delete,
.app-shell.dark #view-shipping .shipping-table-actions .icon-action.danger{
  background:#3b121b!important;
  border-color:#7f1d1d!important;
  color:#fb7185!important;
}
@media (max-width:720px){
  #app.app-shell #view-shipping .saved-shipping-table-wrap th:last-child,
  #app.app-shell #view-shipping .saved-shipping-table-wrap td.shipping-actions-cell{
    min-width:136px!important;
    width:136px!important;
    max-width:136px!important;
  }
  #app.app-shell #view-shipping .shipping-actions-cell{padding:8px 10px!important;}
  #app.app-shell #view-shipping .shipping-table-actions{gap:6px!important;}
  #app.app-shell #view-shipping .shipping-table-actions .icon-action{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    flex-basis:29px!important;
    border-radius:10px!important;
  }
}

/* V3.0.118 — Product/Shipping generator + print preview pro button polish */
#view-products .auto-generate-pro,
#view-shipping .auto-generate-pro,
#view-products .print-preview-pro,
#view-shipping .print-preview-pro{
  min-height:44px!important;
  border-radius:15px!important;
  border:1px solid #b7ddff!important;
  background:linear-gradient(180deg,#f7fcff 0%,#eaf6ff 100%)!important;
  color:#075fc7!important;
  font-weight:850!important;
  letter-spacing:.005em!important;
  box-shadow:0 10px 22px rgba(13,114,255,.08), inset 0 1px 0 rgba(255,255,255,.92)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#view-products .auto-generate-pro:hover,
#view-shipping .auto-generate-pro:hover,
#view-products .print-preview-pro:hover,
#view-shipping .print-preview-pro:hover{
  background:linear-gradient(180deg,#eff9ff 0%,#dff1ff 100%)!important;
  border-color:#89c8ff!important;
  color:#064fa8!important;
  box-shadow:0 13px 28px rgba(13,114,255,.13), inset 0 1px 0 rgba(255,255,255,.96)!important;
  transform:translateY(-1px)!important;
}
#view-products .auto-generate-pro:active,
#view-shipping .auto-generate-pro:active,
#view-products .print-preview-pro:active,
#view-shipping .print-preview-pro:active{
  transform:translateY(0)!important;
  box-shadow:0 7px 16px rgba(13,114,255,.10), inset 0 1px 0 rgba(255,255,255,.85)!important;
}
#view-products .auto-generate-pro .kls-ui-icon,
#view-shipping .auto-generate-pro .kls-ui-icon,
#view-products .print-preview-pro .kls-ui-icon,
#view-shipping .print-preview-pro .kls-ui-icon{
  width:17px!important;
  height:17px!important;
  stroke-width:2.2!important;
  color:currentColor!important;
}
#view-shipping .shipping-generate-field .auto-generate-pro{
  width:100%!important;
  padding-inline:14px!important;
}
#view-products .print-preview-pro,
#view-shipping .print-preview-pro{
  padding-inline:18px!important;
  white-space:nowrap!important;
}
html[dir="rtl"] #view-products .auto-generate-pro,
html[dir="rtl"] #view-shipping .auto-generate-pro,
html[dir="rtl"] #view-products .print-preview-pro,
html[dir="rtl"] #view-shipping .print-preview-pro{
  direction:rtl!important;
  unicode-bidi:plaintext!important;
}
html[dir="ltr"] #view-products .auto-generate-pro,
html[dir="ltr"] #view-shipping .auto-generate-pro,
html[dir="ltr"] #view-products .print-preview-pro,
html[dir="ltr"] #view-shipping .print-preview-pro{
  direction:ltr!important;
}
body.theme-dark #view-products .auto-generate-pro,
body.theme-dark #view-shipping .auto-generate-pro,
body.theme-dark #view-products .print-preview-pro,
body.theme-dark #view-shipping .print-preview-pro,
.app-shell.dark #view-products .auto-generate-pro,
.app-shell.dark #view-shipping .auto-generate-pro,
.app-shell.dark #view-products .print-preview-pro,
.app-shell.dark #view-shipping .print-preview-pro{
  background:linear-gradient(180deg,#102c42 0%,#0b2133 100%)!important;
  border-color:#3b7898!important;
  color:#eaf9ff!important;
  box-shadow:0 12px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.theme-dark #view-products .auto-generate-pro:hover,
body.theme-dark #view-shipping .auto-generate-pro:hover,
body.theme-dark #view-products .print-preview-pro:hover,
body.theme-dark #view-shipping .print-preview-pro:hover,
.app-shell.dark #view-products .auto-generate-pro:hover,
.app-shell.dark #view-shipping .auto-generate-pro:hover,
.app-shell.dark #view-products .print-preview-pro:hover,
.app-shell.dark #view-shipping .print-preview-pro:hover{
  background:linear-gradient(180deg,#153b57 0%,#0f2b40 100%)!important;
  border-color:#56a4c8!important;
  color:#ffffff!important;
}
@media (max-width:700px){
  #view-products .auto-generate-pro,
  #view-shipping .auto-generate-pro,
  #view-products .print-preview-pro,
  #view-shipping .print-preview-pro{
    min-height:42px!important;
    border-radius:14px!important;
    font-size:.88rem!important;
    padding-inline:12px!important;
  }
  #view-shipping .shipping-generate-grid{
    gap:10px!important;
  }
}

/* V3.0.120 — Strong visible light-blue button background for Product/Shipping generator + print preview buttons */
#view-products button#genProductBarcode.auto-generate-pro,
#view-products button#printProductPreview.print-preview-pro,
#view-shipping button#genShippingOrderId.auto-generate-pro,
#view-shipping button#genShippingTrackingCode.auto-generate-pro,
#view-shipping button#printShippingPreview.print-preview-pro{
  background:linear-gradient(135deg,#dff5ff 0%,#c7ebff 52%,#b8e4ff 100%)!important;
  background-color:#d4f0ff!important;
  border:1px solid #7acbff!important;
  color:#064f8f!important;
  box-shadow:0 12px 24px rgba(22,142,230,.14), inset 0 1px 0 rgba(255,255,255,.9)!important;
  font-weight:850!important;
}
#view-products button#genProductBarcode.auto-generate-pro:hover,
#view-products button#printProductPreview.print-preview-pro:hover,
#view-shipping button#genShippingOrderId.auto-generate-pro:hover,
#view-shipping button#genShippingTrackingCode.auto-generate-pro:hover,
#view-shipping button#printShippingPreview.print-preview-pro:hover{
  background:linear-gradient(135deg,#c9efff 0%,#ace0ff 52%,#9bd8ff 100%)!important;
  background-color:#bde8ff!important;
  border-color:#49b7ff!important;
  color:#043f78!important;
  box-shadow:0 15px 30px rgba(22,142,230,.20), inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateY(-1px)!important;
}
#view-products button#genProductBarcode.auto-generate-pro:active,
#view-products button#printProductPreview.print-preview-pro:active,
#view-shipping button#genShippingOrderId.auto-generate-pro:active,
#view-shipping button#genShippingTrackingCode.auto-generate-pro:active,
#view-shipping button#printShippingPreview.print-preview-pro:active{
  background:linear-gradient(135deg,#bde8ff 0%,#a8dcff 100%)!important;
  transform:translateY(0)!important;
  box-shadow:0 8px 18px rgba(22,142,230,.16), inset 0 1px 0 rgba(255,255,255,.85)!important;
}
#view-products button#genProductBarcode.auto-generate-pro .kls-icon,
#view-products button#printProductPreview.print-preview-pro .kls-icon,
#view-shipping button#genShippingOrderId.auto-generate-pro .kls-icon,
#view-shipping button#genShippingTrackingCode.auto-generate-pro .kls-icon,
#view-shipping button#printShippingPreview.print-preview-pro .kls-icon{
  color:#0570bd!important;
  stroke:currentColor!important;
}
body.theme-dark #view-products button#genProductBarcode.auto-generate-pro,
body.theme-dark #view-products button#printProductPreview.print-preview-pro,
body.theme-dark #view-shipping button#genShippingOrderId.auto-generate-pro,
body.theme-dark #view-shipping button#genShippingTrackingCode.auto-generate-pro,
body.theme-dark #view-shipping button#printShippingPreview.print-preview-pro,
.app-shell.dark #view-products button#genProductBarcode.auto-generate-pro,
.app-shell.dark #view-products button#printProductPreview.print-preview-pro,
.app-shell.dark #view-shipping button#genShippingOrderId.auto-generate-pro,
.app-shell.dark #view-shipping button#genShippingTrackingCode.auto-generate-pro,
.app-shell.dark #view-shipping button#printShippingPreview.print-preview-pro{
  background:linear-gradient(135deg,#123f5c 0%,#0f334c 100%)!important;
  background-color:#123f5c!important;
  border-color:#55b4e8!important;
  color:#f3fbff!important;
  box-shadow:0 12px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
@media (max-width:700px){
  #view-products button#genProductBarcode.auto-generate-pro,
  #view-products button#printProductPreview.print-preview-pro,
  #view-shipping button#genShippingOrderId.auto-generate-pro,
  #view-shipping button#genShippingTrackingCode.auto-generate-pro,
  #view-shipping button#printShippingPreview.print-preview-pro{
    min-height:42px!important;
    padding-inline:13px!important;
    font-size:.88rem!important;
  }
}

/* V3.0.120 — Product/Shipping pro print: pure white page + preload-safe print root */
@media print{
  @page{ margin:0 !important; size:auto; }
  html, body, body.printing-labels{
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    background-image:none !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  body.printing-labels #app,
  body.printing-labels .app-shell,
  body.printing-labels .global-header,
  body.printing-labels .sidebar,
  body.printing-labels main,
  body.printing-labels footer,
  body.printing-labels .modal-backdrop{
    display:none !important;
    background:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  body.printing-labels #printRoot{
    display:block !important;
    visibility:visible !important;
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    right:auto !important;
    bottom:auto !important;
    z-index:2147483647 !important;
    width:100vw !important;
    min-width:100vw !important;
    height:auto !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    background:#fff !important;
    background-image:none !important;
    box-shadow:none !important;
  }
  body.printing-labels #printRoot,
  body.printing-labels #printRoot *{
    visibility:visible !important;
  }
  body.printing-labels #printRoot .print-sheet{
    background:#fff !important;
    background-image:none !important;
    box-shadow:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body.printing-labels #printRoot .label-paper,
  body.printing-labels #printRoot .product-canvas,
  body.printing-labels #printRoot .shipping-modern-shell{
    background:#fff !important;
    background-image:none !important;
  }
  body.printing-labels #printRoot .phase6-canvas,
  body.printing-labels #printRoot .phase6-canvas.no-grid{
    background:#fff !important;
    background-image:none !important;
  }
  body.printing-labels #printRoot img{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
}


/* V3.0.121 — Print safe-page spacing: keep labels away from paper edges */
@media print{
  @page{ margin:0.18in !important; size:auto; }
  body.printing-labels #printRoot{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  body.printing-labels #printRoot .print-sheet{
    margin:0 !important;
    padding-top:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
    box-sizing:border-box !important;
  }
  body.printing-labels #printRoot .print-sheet.roll-sheet,
  body.printing-labels #printRoot .print-sheet.product-sheet,
  body.printing-labels #printRoot .print-sheet.shipping-sheet{
    transform-origin:top left !important;
  }
}

/* V3.0.124 — RTL/LTR polish for translation keyboard shortcuts and sync table picker text */
.translation-shortcuts[dir="rtl"]{direction:rtl;text-align:right;}
.translation-shortcuts[dir="ltr"]{direction:ltr;text-align:left;}
.translation-shortcuts p{align-items:center;}
.translation-shortcuts[dir="rtl"] p{flex-direction:row-reverse;}
.translation-shortcuts b{unicode-bidi:isolate;white-space:nowrap;}
#syncTablePickerTrigger[dir="rtl"], #view-sync.kls-rtl #syncTablePickerTrigger{direction:rtl;text-align:right;}
#syncTablePickerTrigger[dir="ltr"], #view-sync.kls-ltr #syncTablePickerTrigger{direction:ltr;text-align:left;}


/* V3.0.124 — dashboard/activity calendar arrows no RTL mirror.
   Keep Previous as left-chevron and Next as right-chevron in EN/KU/AR so the controls do not invert visually. */
#view-dashboard .dash-calendar-nav .kls-calendar-arrow-icon,
#view-activity .activity-calendar-nav .kls-calendar-arrow-icon,
html[dir="rtl"] #view-dashboard .dash-calendar-nav .kls-calendar-arrow-icon,
html[dir="rtl"] #view-activity .activity-calendar-nav .kls-calendar-arrow-icon,
body.kls-rtl #view-dashboard .dash-calendar-nav .kls-calendar-arrow-icon,
body.kls-rtl #view-activity .activity-calendar-nav .kls-calendar-arrow-icon{
  transform:none!important;
  transform-origin:50% 50%!important;
}
#view-sync #syncTablePickerTrigger .sync-multi-add,
#view-sync #syncTablePickerTrigger [data-i18n="add_plus"]{
  unicode-bidi:plaintext!important;
}


/* V3.0.124 — keep dashboard/activity calendar chevrons stable in RTL after inherited direction/icon rules. */
#view-dashboard .dash-calendar-head .dash-calendar-nav,
#view-activity .activity-calendar-head .activity-calendar-nav{direction:ltr!important;}
#view-dashboard .dash-calendar-head .dash-calendar-nav svg,
#view-activity .activity-calendar-head .activity-calendar-nav svg{transform:none!important;}


/* V3.0.125 — External Sync + Add pseudo-label live translation fix.
   The visible + Add text is produced by the chips ::after pseudo-element,
   so it must read from a JS-updated data attribute instead of hardcoded CSS. */
#view-sync .sync-overview-card .sync-multi-chips::after,
#view-sync #syncTableChips::after{
  content:attr(data-add-label)!important;
  unicode-bidi:plaintext!important;
}
#view-sync #syncTableChips[dir="rtl"]::after{direction:rtl;text-align:center;}
#view-sync #syncTableChips[dir="ltr"]::after{direction:ltr;text-align:center;}

/* V1.0 — Viewer read-only hardening: hide/disable write controls cleanly */
.permission-hidden{display:none!important;}
.permission-disabled{opacity:.58!important;cursor:not-allowed!important;}
body.no-products-manage #newProductBtn,
body.no-products-manage #savePrintProduct,
body.no-products-manage #genProductBarcode,
body.no-products-manage #loadSyncedProductBtn,
body.no-products-manage #productForm button[type="submit"]{display:none!important;}
body.no-shipping-manage #newShippingBtn,
body.no-shipping-manage #savePrintShipping,
body.no-shipping-manage #genShippingOrderId,
body.no-shipping-manage #genShippingTrackingCode,
body.no-shipping-manage #shippingForm button[type="submit"]{display:none!important;}
body.no-products-manage #productForm input,
body.no-products-manage #productForm select,
body.no-products-manage #productForm textarea,
body.no-shipping-manage #shippingForm input,
body.no-shipping-manage #shippingForm select,
body.no-shipping-manage #shippingForm textarea{background:#f8fbff!important;color:#64748b!important;cursor:not-allowed!important;}
.view-only-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 12px;border-radius:999px;background:#eef6ff;border:1px solid #cfe6ff;color:#2563eb;font-weight:800;font-size:.82rem;white-space:nowrap;}
.dark .view-only-pill{background:rgba(37,99,235,.16);border-color:rgba(96,165,250,.35);color:#bfdbfe;}


/* V1.0 — Viewer full read-only lock. Even if permissions are ticked, Viewer cannot change, save, delete, import, export, print, sync, upload, or manage anything. */
body.viewer-readonly-lock :where(#productForm,#shippingForm,#settingsForm,#pwaSettingsForm,#currencyForm,#userForm,#templateProductForm,#templateShippingForm,#securityForm,#securityManualForm,#profileForm) :where(input,select,textarea,button){
  opacity:.62!important;
  cursor:not-allowed!important;
}
body.viewer-readonly-lock :where(button.permission-disabled,[aria-disabled="true"].permission-disabled){
  opacity:.48!important;
  cursor:not-allowed!important;
  filter:saturate(.7);
}
body.viewer-readonly-lock :where(.product-action-edit,.product-action-duplicate,.product-action-delete,.shipping-action-edit,.shipping-action-delete,.users-action-btn.danger,.security-icon-btn.danger){
  display:none!important;
}
body.viewer-readonly-lock :where(.settings-currency-actions,.saved-template-actions,.template-card-actions){
  pointer-events:none!important;
  opacity:.45!important;
}

/* V1.0 — Default Language selector beside Default Currency */
#view-settings .settings-default-inline-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:end;
}
#view-settings .settings-default-inline-row label{
  min-width:0;
}
#view-settings[dir="rtl"] .settings-default-inline-row,
html[dir="rtl"] #view-settings .settings-default-inline-row{
  direction:rtl;
}
@media (max-width:640px){
  #view-settings .settings-default-inline-row{
    grid-template-columns:1fr;
  }
}