:root{--bg:#0f172a;--panel:#111827;--card:#1f2937;--text:#f8fafc;--muted:#94a3b8;--line:#334155;--accent:#38bdf8;--accent2:#22c55e}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#0b1120;color:var(--text)}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#1e3a8a 0,#0b1120 42%,#020617 100%)}.login-shell.admin{background:radial-gradient(circle at top,#4c1d95 0,#0b1120 42%,#020617 100%)}.login-card{width:min(440px,92vw);padding:36px;border:1px solid var(--line);border-radius:28px;background:rgba(15,23,42,.88);box-shadow:0 24px 80px rgba(0,0,0,.38)}.brand{letter-spacing:.16em;color:var(--accent);font-weight:700;font-size:13px}h1{margin:12px 0 10px;font-size:30px}p{color:var(--muted);line-height:1.5}input{display:block;width:100%;margin:14px 0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#020617;color:var(--text)}.primary{display:block;text-align:center;text-decoration:none;color:#001018;background:linear-gradient(135deg,var(--accent),var(--accent2));padding:14px 18px;border-radius:16px;font-weight:700;margin-top:16px}.muted{font-size:13px}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}aside{background:#020617;border-right:1px solid var(--line);padding:24px}aside h2{margin:0 0 24px;letter-spacing:.12em}aside a{display:block;padding:12px 14px;border-radius:14px;color:var(--muted);margin-bottom:6px}.active,aside a:hover{background:#172554;color:#fff}main{padding:32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.tile{background:linear-gradient(180deg,#1f2937,#111827);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.25)}.tile b{font-size:20px}.admin-layout aside .active,.admin-layout aside a:hover{background:#3b0764}@media(max-width:760px){.layout{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}header{display:block}}
.panel{background:linear-gradient(180deg,#1f2937,#111827);border:1px solid var(--line);border-radius:24px;padding:24px;margin-bottom:20px;box-shadow:0 18px 40px rgba(0,0,0,.2)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:end}select,button{display:block;width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#020617;color:var(--text)}button{cursor:pointer}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#001018;font-weight:800;border:0}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{color:#cbd5e1;font-size:13px;text-transform:uppercase;letter-spacing:.08em}code{background:#020617;border:1px solid var(--line);border-radius:10px;padding:6px 8px;color:#bae6fd}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:rgba(34,197,94,.16);color:#86efac}.badge.locked{background:rgba(248,113,113,.16);color:#fecaca}td form{margin:0}td button{padding:9px 11px;font-size:13px}

/* A1.3 UI consistency */
input,select,button,.primary,.primary-button{min-height:46px;line-height:18px;appearance:none}button:disabled{opacity:.42;cursor:not-allowed}.form-grid{align-items:center}.wide-form{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:center}.action-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.action-cell form{display:inline-flex;margin:0}.action-cell button{min-width:112px}.token-line{display:grid;grid-template-columns:minmax(280px,1fr) 150px;gap:8px;align-items:center}.token-field{margin:0;font-family:Consolas,monospace;overflow:hidden;text-overflow:ellipsis}.edit-row{display:none;background:rgba(2,6,23,.46)}.edit-row.open{display:table-row}.edit-row td{padding:16px}.panel h2{margin-top:0}.toast{position:fixed;right:22px;bottom:22px;background:#0f172a;border:1px solid var(--line);border-radius:14px;padding:12px 16px;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.34);z-index:50}@media(max-width:980px){.token-line{grid-template-columns:1fr}.action-cell{display:block}.action-cell form,.action-cell button{width:100%;margin-bottom:6px}}


/* A1.4 refinements */
.equal-actions{display:grid;grid-template-columns:112px 112px 112px;gap:8px;align-items:center}.equal-actions form,.equal-actions button{width:112px;margin:0}.table-link{color:#bae6fd;text-decoration:none;font-weight:700}.table-link:hover{text-decoration:underline}.mini-button{display:inline-block;min-width:112px;text-align:center;text-decoration:none;padding:9px 11px;border:1px solid var(--line);border-radius:14px;background:#020617;color:var(--text);font-size:13px}.checkline{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 4px;color:var(--muted)}.checkline input{width:auto;min-height:auto;margin:0}td.action-cell.equal-actions{display:grid}
@media(max-width:980px){.equal-actions{grid-template-columns:1fr}.equal-actions form,.equal-actions button{width:100%}}

/* A1.6 Search/filter and theme system */
body.theme-dark{--bg:#0f172a;--panel:#111827;--card:#1f2937;--text:#f8fafc;--muted:#94a3b8;--line:#334155;--accent:#38bdf8;--accent2:#22c55e;background:#0b1120;color:var(--text)}
body.theme-light{--bg:#f8fafc;--panel:#ffffff;--card:#ffffff;--text:#0f172a;--muted:#64748b;--line:#dbe3ee;--accent:#0ea5e9;--accent2:#10b981;background:#f1f5f9;color:var(--text)}
body.theme-blue{--bg:#eaf3ff;--panel:#f7fbff;--card:#e6f0fb;--text:#102033;--muted:#51657b;--line:#b8cbe2;--accent:#2563eb;--accent2:#0ea5e9;background:#dbeafe;color:var(--text)}
body.theme-light .login-shell,body.theme-blue .login-shell{background:radial-gradient(circle at top,var(--card) 0,var(--bg) 50%,#e2e8f0 100%)}
body.theme-light .login-card,body.theme-blue .login-card{background:rgba(255,255,255,.94)}
body.theme-light aside,body.theme-blue aside{background:var(--panel)}
body.theme-light .tile,body.theme-light .panel,body.theme-blue .tile,body.theme-blue .panel{background:linear-gradient(180deg,var(--card),var(--panel));box-shadow:0 14px 32px rgba(15,23,42,.10)}
body.theme-light input,body.theme-light select,body.theme-light button,body.theme-light .mini-button,
body.theme-blue input,body.theme-blue select,body.theme-blue button,body.theme-blue .mini-button{background:#fff;color:var(--text)}
body.theme-light .primary-button,body.theme-light .primary,body.theme-blue .primary-button,body.theme-blue .primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent2))}
.theme-switch{position:fixed;right:18px;top:14px;z-index:60;display:grid;grid-template-columns:auto 150px;gap:8px;align-items:center;background:rgba(15,23,42,.72);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:16px;padding:8px 10px;color:var(--text)}
.theme-switch label{font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.theme-switch select{min-height:36px;height:36px;padding:7px 10px;margin:0;border-radius:11px}.filter-bar{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(150px,.75fr)) 150px;gap:10px;align-items:center;margin:8px 0 18px}.filter-bar input,.filter-bar select,.filter-bar button{margin:0;height:46px;min-height:46px}.filter-bar button{white-space:nowrap}.filter-bar.compact{grid-template-columns:minmax(240px,1.6fr) minmax(150px,.7fr) 150px}@media(max-width:1100px){.filter-bar,.filter-bar.compact{grid-template-columns:1fr 1fr}.theme-switch{position:static;margin:10px 16px 0 auto;width:max-content}}@media(max-width:720px){.filter-bar,.filter-bar.compact{grid-template-columns:1fr}.theme-switch{width:calc(100% - 32px);grid-template-columns:1fr}}


/* A1.7 layout stability and spacing refinements */
header{padding-right:240px;min-height:74px;gap:18px}header span{display:flex;align-items:center;justify-content:flex-end;min-height:38px;text-align:right}.theme-switch{top:30px;right:32px;grid-template-columns:auto 138px;min-height:46px}.theme-switch select{width:138px}.toplink{color:var(--accent);text-decoration:none;font-weight:700}.toplink:hover{text-decoration:underline}.grid + .panel,.detail-grid + .analysis-panel,.analysis-panel + .diagnostics-panel{margin-top:20px}.analysis-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.analysis-steps>div{border:1px solid var(--line);border-radius:18px;padding:16px;background:rgba(2,6,23,.26)}.analysis-steps b{display:block;margin-bottom:6px}.analysis-steps p{margin:0}.diagnostics-panel{margin-top:20px}.form-grid input,.form-grid select,.form-grid button{margin:0}.panel .form-grid{align-items:center}@media(max-width:1100px){header{padding-right:0}.theme-switch{position:static;margin:12px 16px 0 auto}.layout main{padding-top:22px}}@media(max-width:760px){header span{justify-content:flex-start;text-align:left}.theme-switch{margin:10px auto;width:calc(100% - 32px)}}

/* A1.8 customer login management and support impersonation */
.triple-actions{display:grid;grid-template-columns:112px 112px 112px;gap:8px;align-items:center}.triple-actions form,.triple-actions button{width:112px;margin:0}.login-actions{display:grid;grid-template-columns:124px 148px;gap:8px;align-items:center}.login-actions form,.login-actions button{width:100%;margin:0}.login-actions input[type=hidden]{display:none}.support-banner{position:sticky;top:0;z-index:80;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#111827;padding:12px 28px;font-weight:700;border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 10px 24px rgba(0,0,0,.22)}.support-banner a{color:#111827;text-decoration:underline}.support-mode main{padding-top:24px}.admin-layout table td:last-child{min-width:150px}@media(max-width:980px){.triple-actions,.login-actions{grid-template-columns:1fr}.triple-actions form,.triple-actions button{width:100%}.support-banner{position:static}}


/* A1.9 Cross-linked customer/machine navigation */
.tm-crosslink {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    opacity: .95;
}
.tm-crosslink:hover {
    opacity: 1;
}
.tm-link-cell {
    white-space: nowrap;
}


/* A1.11 Business modules */
.kpi-grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.chart-placeholder {
    min-height: 220px;
    border: 1px dashed rgba(255,255,255,.25);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .9;
}
.action-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
}


/* A1.12 visible business modules */
.kpi-grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.hero-panel { border: 1px solid rgba(255,255,255,.16); }
.chart-placeholder {
    min-height: 220px;
    border: 1px dashed rgba(255,255,255,.28);
    border-radius: 18px;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 12px;
    padding: 22px;
    position: relative;
}
.chart-placeholder span {
    position: absolute;
    top: 18px;
    left: 22px;
    opacity: .75;
}
.chart-placeholder .bar {
    width: 44px;
    min-height: 35px;
    border-radius: 10px 10px 4px 4px;
    background: currentColor;
    opacity: .42;
}
.action-row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }


/* A1.14 stabilization: consistent module/action layout */
.module-grid,
.stability-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
}
.module-card {
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.equal-actions button,
.action-cell button,
.action-row button {
    min-height: 38px;
}
.filter-bar input,
.filter-bar select,
.filter-bar button,
.form-grid input,
.form-grid select,
.form-grid button {
    min-height: 38px;
}


/* A1.15 Excel Import/Export */
.module-card {
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    padding: 16px;
    gap: 12px;
}
.module-card b { font-size: 1.02rem; }
.module-card span { opacity: .78; line-height: 1.35; }
.module-card button { margin-top: 10px; }


/* A1.16 Reports & VAT */
.report-filter-panel .form-grid {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.chart-placeholder {
    min-height: 230px;
}
.chart-placeholder .bar {
    width: 42px;
}


/* A1.17 customer portal expansion + token action alignment */
.action-cell,
.equal-actions {
    vertical-align: middle !important;
    align-items: center;
}
.action-cell form,
.equal-actions form {
    display: inline-flex;
    align-items: center;
    margin: 0;
}
.action-cell button,
.equal-actions button,
.action-cell .mini-button,
.equal-actions .mini-button {
    min-height: 38px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.link-tile,
.link-card {
    color: inherit;
    text-decoration: none;
}
.link-tile:hover,
.link-card:hover {
    transform: translateY(-1px);
    opacity: .96;
}


/* A1.17.1 restore customer portal layout */
.customer-layout .side-nav { flex-shrink: 0; }
.link-tile,
.link-card { color: inherit; text-decoration: none; }
.link-tile:hover,
.link-card:hover { opacity: .96; }
.action-cell,
.equal-actions { vertical-align: middle !important; }
.action-cell form,
.equal-actions form { display: inline-flex; align-items: center; margin: 0; }


/* A1.17.3 customer sidebar design fix: use the same stable aside layout as admin portal */
.customer-layout aside.customer-nav {
    background:#020617;
    border-right:1px solid var(--line);
    padding:24px;
}
.customer-layout aside.customer-nav h2 {
    margin:0 0 24px;
    letter-spacing:.12em;
}
.customer-layout aside.customer-nav a {
    display:block;
    padding:12px 14px;
    border-radius:14px;
    color:var(--muted);
    margin-bottom:6px;
    text-decoration:none;
}
.customer-layout aside.customer-nav .active,
.customer-layout aside.customer-nav a:hover {
    background:#172554;
    color:#fff;
}
body.theme-light .customer-layout aside.customer-nav,
body.theme-blue .customer-layout aside.customer-nav {
    background:var(--panel);
}
@media(max-width:760px){
    .customer-layout aside.customer-nav {
        border-right:0;
        border-bottom:1px solid var(--line);
    }
}

/* A1.18 customer reports/catalog expansion */
.customer-layout .panel table { font-size: 14px; }
.customer-layout .action-row { margin: 10px 0 16px; }
.customer-layout .action-row button { width: auto; min-width: 150px; }
.customer-layout .module-card button { width: 100%; }
.customer-layout strong { display:block; margin-top:8px; font-size:24px; }
.badge.warn { background:rgba(250,204,21,.16); color:#fde68a; }
@media(max-width:980px){
    .customer-layout .action-row button { width: 100%; }
    .customer-layout table { display:block; overflow-x:auto; white-space:nowrap; }
}

/* A1.19 customer portal navigation clarity, scroll areas, catalog images */
.customer-layout aside.customer-nav .nav-group { margin-bottom: 6px; }
.customer-layout aside.customer-nav .nav-group > a { margin-bottom: 4px; }
.customer-layout aside.customer-nav .nav-sub {
    display: none;
    margin: 0 0 10px 14px;
    padding-left: 10px;
    border-left: 1px solid rgba(148,163,184,.28);
}
.customer-layout aside.customer-nav .nav-group.open .nav-sub { display: block; }
.customer-layout aside.customer-nav .nav-sub a {
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 11px;
    margin-bottom: 3px;
}
.sub-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 18px;
}
.sub-tabs a {
    color: var(--muted);
    text-decoration: none;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 9px 13px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
}
.sub-tabs a.active,
.sub-tabs a:hover {
    color: #fff;
    background: #172554;
}
.scroll-panel { overflow: hidden; }
.table-scroll {
    max-height: 460px;
    overflow: auto;
    border: 1px solid rgba(148,163,184,.18);
    border-radius: 16px;
}
.table-scroll table { margin: 0; }
.table-scroll thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #111827;
}
body.theme-light .table-scroll thead th,
body.theme-blue .table-scroll thead th { background: var(--panel); }
.table-scroll::-webkit-scrollbar { width: 10px; height: 10px; }
.table-scroll::-webkit-scrollbar-thumb { background: rgba(148,163,184,.45); border-radius: 999px; }
.table-scroll::-webkit-scrollbar-track { background: rgba(2,6,23,.22); border-radius: 999px; }
.image-name { display: flex; align-items: center; gap: 12px; min-width: 230px; }
.image-name span { display:block; color: var(--muted); font-size: 12px; margin-top: 3px; }
.product-thumb,
.brand-logo {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: white;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
    flex: 0 0 auto;
}
.product-thumb.large { width: 132px; height: 132px; border-radius: 28px; font-size: 20px; }
.brand-logo { width: 32px; height: 32px; border-radius: 10px; font-size: 13px; }
.brand-logo.large { width: 112px; height: 112px; border-radius: 26px; font-size: 30px; }
.product-thumb.cola,.brand-logo.cola { background: linear-gradient(135deg,#ef4444,#991b1b); }
.product-thumb.water,.brand-logo.water { background: linear-gradient(135deg,#38bdf8,#1d4ed8); }
.product-thumb.snack,.brand-logo.snack { background: linear-gradient(135deg,#f59e0b,#92400e); }
.brand-chip { display: inline-flex; align-items: center; gap: 10px; min-width: 140px; }
.editor-card { margin-top: 18px; }
.edit-layout {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 20px;
    align-items: start;
}
.image-uploader {
    border: 1px dashed rgba(148,163,184,.35);
    border-radius: 22px;
    padding: 16px;
    display: grid;
    gap: 12px;
    justify-items: center;
    text-align: center;
    background: rgba(2,6,23,.18);
}
.image-uploader small { color: var(--muted); line-height: 1.35; }
.image-uploader button { width: 100%; }
@media(max-width:980px){
    .edit-layout { grid-template-columns: 1fr; }
    .table-scroll { max-height: 380px; }
}


/* A1.20 customer report/catalog UX corrections */
.customer-layout .compact-kpis { gap: 12px; margin-bottom: 14px; }
.customer-layout .compact-kpis .tile { padding: 14px 16px; border-radius: 18px; min-height: 86px; }
.customer-layout .compact-kpis .tile b { font-size: 17px; line-height: 1.15; }
.customer-layout .compact-kpis .tile strong { display: inline; margin: 0; font-size: 17px; line-height: 1.15; }
.customer-layout .compact-kpis .tile span { display: block; margin-top: 8px; color: var(--muted); }
.kpi-inline { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.sub-tabs.centered { justify-content: center; align-items: center; margin: 4px 0 18px; }
.sub-tabs.centered a { min-width: 128px; justify-content: center; }
.panel-title-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.panel-title-row h2 { margin: 0; }
.date-range { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.date-range label { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); font-size: 13px; font-weight: 700; }
.date-range input { width: 144px; min-height: 38px; height: 38px; margin: 0; border-radius: 12px; padding: 8px 10px; }
.date-range button { width: auto; min-width: 104px; min-height: 38px; height: 38px; padding: 8px 14px; border-radius: 12px; }
.report-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; margin: 0 0 12px; }
.report-actions button { width: auto; min-width: 104px; min-height: 38px; padding: 8px 12px; border-radius: 12px; }
.icon-actions { display: inline-flex; gap: 7px; align-items: center; justify-content: flex-end; white-space: nowrap; }
.icon-button { width: 36px; height: 36px; min-height: 36px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 1px solid var(--line); background: #020617; color: var(--text); text-decoration: none; font-size: 15px; line-height: 1; }
.icon-button.danger { color: #fecaca; }
.icon-button:hover { background: #172554; color: #fff; }
.equal-catalog-actions { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 10px; align-items: center; max-width: 620px; }
.equal-catalog-actions .mini-button, .equal-catalog-actions button { width: 100%; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0; }
.hidden-editor { display: none; }
.hidden-editor:target { display: block; }
.editor-card { scroll-margin-top: 18px; }
@media(max-width:1100px){ .panel-title-row{align-items:flex-start; flex-direction:column;} .report-actions{justify-content:flex-start;} }
@media(max-width:760px){ .equal-catalog-actions{grid-template-columns:1fr;} .date-range{width:100%;} .date-range label,.date-range input,.date-range button{width:100%;} .kpi-inline{display:block;} }


/* A1.21 catalog modal/editor and TRESMATIC-like row actions */
.icon-actions { min-width: 84px; }
.icon-button { box-sizing: border-box; flex: 0 0 36px; font-family: inherit; font-weight: 900; cursor: pointer; }
.icon-button.edit-icon { background: #020617; border-color: rgba(148,163,184,.35); color: #dbeafe; }
.icon-button.delete-icon { background: #7f1d1d; border-color: #ef4444; color: #fff; font-size: 22px; line-height: 1; }
.icon-button.delete-icon:hover { background: #991b1b; border-color: #f87171; color: #fff; }
.modal-overlay.hidden-editor { display: none; }
.modal-overlay.hidden-editor:target { display: flex; }
.modal-overlay { position: fixed; inset: 0; z-index: 1000; align-items: center; justify-content: center; padding: 28px; background: rgba(2, 6, 23, .72); backdrop-filter: blur(8px); }
.modal-card { width: min(980px, 96vw); max-height: min(820px, 90vh); overflow: auto; background: #0f172a; border: 1px solid rgba(148,163,184,.28); border-radius: 24px; box-shadow: 0 28px 70px rgba(0,0,0,.45); padding: 22px; }
.modal-card.compact-modal { width: min(720px, 94vw); }
.modal-title { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.modal-title h2 { margin: 0; }
.modal-exit { min-height: 38px; padding: 8px 14px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #fff; background: #1e293b; border: 1px solid rgba(148,163,184,.35); font-weight: 800; }
.modal-exit:hover { background: #334155; }
.catalog-modal .form-grid button, .catalog-modal .form-grid .mini-button { min-height: 42px; }
@media(max-width:760px){ .modal-overlay { padding: 14px; align-items: flex-start; } .modal-card { margin-top: 18px; padding: 16px; } }


/* A1.22 Master UI based on Bild 1 reference: unified customer/admin SaaS design */
body.theme-dark{
  --bg:#07111f;--panel:#0d1726;--card:#121d2d;--card2:#182437;--text:#f8fafc;--muted:#91a4ba;--line:rgba(148,163,184,.18);--accent:#38bdf8;--accent2:#2563eb;--danger:#ef4444;--danger2:#b91c1c;--success:#22c55e;
  background:radial-gradient(circle at 20% 0%,rgba(56,189,248,.16),transparent 34%),linear-gradient(135deg,#07111f,#0b1424 48%,#101827);color:var(--text);
}
body.theme-light{
  --bg:#eef4fb;--panel:#ffffff;--card:#ffffff;--card2:#f8fafc;--text:#0f172a;--muted:#64748b;--line:rgba(15,23,42,.12);--accent:#0284c7;--accent2:#2563eb;--danger:#dc2626;--danger2:#991b1b;--success:#16a34a;
  background:linear-gradient(135deg,#f8fafc,#eaf3ff 55%,#ffffff);color:var(--text);
}
body.theme-blue{
  --bg:#dbeafe;--panel:#eff6ff;--card:#f7fbff;--card2:#e0f2fe;--text:#102033;--muted:#4b647f;--line:rgba(37,99,235,.20);--accent:#2563eb;--accent2:#06b6d4;--danger:#e11d48;--danger2:#be123c;--success:#059669;
  background:radial-gradient(circle at top left,rgba(59,130,246,.22),transparent 38%),linear-gradient(135deg,#dbeafe,#eef6ff 60%,#cfe8ff);color:var(--text);
}
body{font-family:"Segoe UI",Inter,Arial,sans-serif;letter-spacing:.01em;}
.layout{grid-template-columns:292px 1fr;gap:0;min-height:100vh;background:transparent;}
aside, .customer-layout aside.customer-nav, .admin-layout aside{
  background:linear-gradient(180deg,rgba(7,17,31,.96),rgba(12,23,38,.94));
  border-right:1px solid rgba(148,163,184,.16);padding:26px 20px;box-shadow:18px 0 46px rgba(0,0,0,.22);
}
body.theme-light aside, body.theme-light .customer-layout aside.customer-nav, body.theme-light .admin-layout aside,
body.theme-blue aside, body.theme-blue .customer-layout aside.customer-nav, body.theme-blue .admin-layout aside{
  background:linear-gradient(180deg,var(--panel),var(--card2));box-shadow:16px 0 36px rgba(15,23,42,.08);
}
aside h2{font-size:16px;letter-spacing:.18em;color:var(--accent);margin-bottom:26px;}
aside a{border:1px solid transparent;border-radius:16px;margin:5px 0;padding:12px 14px;text-decoration:none;font-weight:700;color:var(--muted);transition:.16s ease;}
.active,aside a:hover,.admin-layout aside .active,.admin-layout aside a:hover,.customer-layout aside .active,.customer-layout aside a:hover{
  background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(37,99,235,.22));color:#fff;border-color:rgba(56,189,248,.25);box-shadow:0 10px 26px rgba(14,165,233,.12);
}
body.theme-light .active,body.theme-light aside a:hover,body.theme-blue .active,body.theme-blue aside a:hover{color:var(--text);}
main{padding:30px 34px 46px;background:transparent;}
header{border:0;margin-bottom:22px;padding:16px 240px 18px 0;align-items:flex-start;}
header h1{margin:0;font-size:30px;line-height:1.15;font-weight:850;}
header span{color:var(--muted);font-weight:650;}
.tile,.panel,.module-card,.login-card{
  background:linear-gradient(180deg,rgba(24,36,55,.92),rgba(13,23,38,.92));
  border:1px solid rgba(148,163,184,.16);border-radius:26px;box-shadow:0 22px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03);
}
body.theme-light .tile,body.theme-light .panel,body.theme-light .module-card,body.theme-light .login-card,
body.theme-blue .tile,body.theme-blue .panel,body.theme-blue .module-card,body.theme-blue .login-card{
  background:linear-gradient(180deg,var(--card),var(--panel));box-shadow:0 18px 42px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.58);
}
.tile{padding:18px 20px;min-height:104px}.panel{padding:22px;margin-bottom:22px}.panel h2{font-size:21px;margin:0 0 16px;}
.compact-kpis .tile{min-height:92px}.kpi-inline{display:flex;align-items:center;justify-content:space-between;gap:12px}.kpi-inline b,.kpi-inline strong{font-size:17px;line-height:1.25}.kpi-inline strong{font-weight:850;color:var(--text)}
.sub-tabs.centered,.quick-nav,.action-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 20px;}
.sub-tabs a,.mini-button,button,.primary-button,.primary,input,select{
  min-height:42px;border-radius:14px;border:1px solid var(--line);transition:.16s ease;
}
button,.mini-button,input,select{background:rgba(2,6,23,.38);color:var(--text);}
body.theme-light button,body.theme-light .mini-button,body.theme-light input,body.theme-light select,
body.theme-blue button,body.theme-blue .mini-button,body.theme-blue input,body.theme-blue select{background:#fff;color:var(--text);}
button:hover,.mini-button:hover{transform:translateY(-1px);border-color:rgba(56,189,248,.38);box-shadow:0 10px 24px rgba(2,132,199,.12)}
.primary,.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:0;box-shadow:0 12px 28px rgba(37,99,235,.20);}
.table-scroll{border:1px solid var(--line);border-radius:20px;overflow:auto;background:rgba(2,6,23,.18)}
table{border-collapse:separate;border-spacing:0;}th{background:rgba(15,23,42,.48);position:sticky;top:0;z-index:2;color:#cbd5e1;}td,th{padding:14px 14px;border-bottom:1px solid var(--line)}tbody tr:hover{background:rgba(56,189,248,.055)}
body.theme-light th,body.theme-blue th{background:var(--card2);color:var(--muted)}body.theme-light .table-scroll,body.theme-blue .table-scroll{background:rgba(255,255,255,.55)}
.icon-actions{display:flex!important;align-items:center;justify-content:center;gap:10px;min-width:94px;white-space:nowrap;}
.icon-button,.icon-button:visited{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;
  padding:0!important;margin:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  text-decoration:none!important;font-size:0!important;line-height:1!important;border:1px solid rgba(148,163,184,.20)!important;box-shadow:0 10px 22px rgba(0,0,0,.22);appearance:none!important;overflow:hidden;
}
.icon-button span{display:block;font-size:19px!important;line-height:1!important;font-weight:900!important;transform:translateY(-1px)}
.icon-button.edit-icon{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;color:#fff!important;}
.icon-button.delete-icon{background:linear-gradient(135deg,var(--danger),var(--danger2))!important;color:#fff!important;border-color:rgba(248,113,113,.55)!important;}
.icon-button.delete-icon span{font-size:24px!important;transform:translateY(-2px)}
.icon-button:hover{transform:translateY(-1px) scale(1.03);filter:brightness(1.08);}
td .icon-actions button{width:38px!important;display:inline-flex!important;}
.modal-overlay{background:rgba(2,6,23,.76);backdrop-filter:blur(12px);}
.modal-card{background:linear-gradient(180deg,#172235,#0d1726);border:1px solid rgba(148,163,184,.22);border-radius:28px;box-shadow:0 34px 90px rgba(0,0,0,.52);}
body.theme-light .modal-card,body.theme-blue .modal-card{background:linear-gradient(180deg,var(--card),var(--panel));}
.modal-title{padding-bottom:12px;border-bottom:1px solid var(--line)}.modal-exit{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.38);color:#fecaca}.modal-exit:hover{background:rgba(239,68,68,.25)}
.theme-switch{background:rgba(13,23,38,.82);border-color:rgba(148,163,184,.20);box-shadow:0 12px 30px rgba(0,0,0,.22)}
body.theme-light .theme-switch,body.theme-blue .theme-switch{background:rgba(255,255,255,.86)}
.badge.warn{background:rgba(245,158,11,.16);color:#fde68a}.badge.locked{background:rgba(239,68,68,.15);color:#fecaca}.badge.ok{background:rgba(34,197,94,.16);color:#86efac}
@media(max-width:980px){.layout{grid-template-columns:1fr}header{padding-right:0}.icon-actions{justify-content:flex-start}}


/* A1.23 REAL Master UI application - Bild 1 reference, strong global override */
:root{color-scheme:dark;}
html,body{min-height:100%;}
body.theme-dark,
html[data-theme="dark"] body{
  --bg:#07111f;--panel:#0b1524;--panel2:#101c2d;--card:#132033;--card2:#17263c;--text:#f7fbff;--muted:#91a6bd;--line:rgba(148,163,184,.18);--accent:#38bdf8;--accent2:#2563eb;--danger:#ef4444;--danger2:#b91c1c;--success:#22c55e;
  background:radial-gradient(circle at 16% -10%,rgba(56,189,248,.22),transparent 34%),radial-gradient(circle at 90% 8%,rgba(37,99,235,.18),transparent 28%),linear-gradient(135deg,#07111f 0%,#0b1424 48%,#111a2b 100%)!important;
  color:var(--text)!important;
}
body.theme-light,
html[data-theme="light"] body{
  --bg:#eef4fb;--panel:#ffffff;--panel2:#f8fafc;--card:#ffffff;--card2:#f1f5f9;--text:#0f172a;--muted:#64748b;--line:rgba(15,23,42,.12);--accent:#0284c7;--accent2:#2563eb;--danger:#dc2626;--danger2:#991b1b;--success:#16a34a;
  background:linear-gradient(135deg,#f8fafc,#eaf3ff 58%,#ffffff)!important;color:var(--text)!important;
}
body.theme-blue,
html[data-theme="blue"] body{
  --bg:#dbeafe;--panel:#eff6ff;--panel2:#e0f2fe;--card:#f7fbff;--card2:#dbeafe;--text:#102033;--muted:#4b647f;--line:rgba(37,99,235,.20);--accent:#2563eb;--accent2:#06b6d4;--danger:#e11d48;--danger2:#be123c;--success:#059669;
  background:radial-gradient(circle at top left,rgba(59,130,246,.28),transparent 38%),linear-gradient(135deg,#dbeafe,#eef6ff 60%,#cfe8ff)!important;color:var(--text)!important;
}
body{font-family:"Segoe UI",Inter,Arial,sans-serif!important;letter-spacing:.01em!important;}
.layout{display:grid!important;grid-template-columns:292px minmax(0,1fr)!important;min-height:100vh!important;background:transparent!important;}
aside,.customer-layout aside.customer-nav,.admin-layout aside,.support-mode aside{
  background:linear-gradient(180deg,rgba(6,14,26,.98),rgba(12,23,38,.96))!important;
  border-right:1px solid rgba(148,163,184,.16)!important;padding:28px 20px!important;box-shadow:20px 0 50px rgba(0,0,0,.24)!important;
}
body.theme-light aside,body.theme-light .customer-layout aside.customer-nav,body.theme-light .admin-layout aside,body.theme-blue aside,body.theme-blue .customer-layout aside.customer-nav,body.theme-blue .admin-layout aside{
  background:linear-gradient(180deg,var(--panel),var(--panel2))!important;box-shadow:16px 0 36px rgba(15,23,42,.08)!important;
}
aside h2{font-size:16px!important;letter-spacing:.18em!important;color:var(--accent)!important;margin:0 0 26px!important;font-weight:900!important;}
aside a,.customer-layout aside.customer-nav a,.admin-layout aside a{display:block!important;text-decoration:none!important;border:1px solid transparent!important;border-radius:16px!important;margin:5px 0!important;padding:12px 14px!important;font-weight:750!important;color:var(--muted)!important;transition:all .16s ease!important;}
.active,aside a.active,aside a:hover,.admin-layout aside .active,.admin-layout aside a:hover,.customer-layout aside .active,.customer-layout aside a:hover{
  background:linear-gradient(135deg,rgba(56,189,248,.20),rgba(37,99,235,.26))!important;color:#fff!important;border-color:rgba(56,189,248,.28)!important;box-shadow:0 10px 28px rgba(14,165,233,.13)!important;
}
body.theme-light .active,body.theme-light aside a:hover,body.theme-blue .active,body.theme-blue aside a:hover{color:var(--text)!important;}
main{padding:30px 34px 46px!important;background:transparent!important;min-width:0!important;}
header{border:0!important;margin:0 0 22px!important;padding:16px 240px 18px 0!important;align-items:flex-start!important;gap:18px!important;}
header h1{margin:0!important;font-size:30px!important;line-height:1.15!important;font-weight:900!important;color:var(--text)!important;}
header span{color:var(--muted)!important;font-weight:650!important;}
.tile,.panel,.module-card,.login-card{
  background:linear-gradient(180deg,rgba(24,36,55,.94),rgba(12,23,38,.94))!important;
  border:1px solid rgba(148,163,184,.16)!important;border-radius:28px!important;box-shadow:0 24px 62px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.theme-light .tile,body.theme-light .panel,body.theme-light .module-card,body.theme-light .login-card,body.theme-blue .tile,body.theme-blue .panel,body.theme-blue .module-card,body.theme-blue .login-card{
  background:linear-gradient(180deg,var(--card),var(--panel))!important;box-shadow:0 18px 44px rgba(15,23,42,.10),inset 0 1px 0 rgba(255,255,255,.60)!important;
}
.grid{gap:16px!important;}.tile{padding:18px 20px!important;min-height:98px!important}.panel{padding:22px!important;margin-bottom:22px!important}.panel h2{font-size:21px!important;margin:0 0 16px!important;color:var(--text)!important;}
.compact-kpis{gap:12px!important;margin-bottom:16px!important}.compact-kpis .tile{min-height:82px!important;padding:14px 16px!important;border-radius:22px!important}.kpi-inline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.kpi-inline b,.kpi-inline strong{font-size:17px!important;line-height:1.25!important}.kpi-inline strong{font-weight:900!important;color:var(--text)!important}.compact-kpis .tile span{display:block!important;margin-top:7px!important;color:var(--muted)!important;font-size:13px!important;}
.sub-tabs.centered,.quick-nav,.action-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:14px 0 20px!important}.sub-tabs a{min-width:128px!important;justify-content:center!important;text-align:center!important;text-decoration:none!important;}
.sub-tabs a,.mini-button,button,.primary-button,.primary,input,select,textarea{min-height:42px!important;border-radius:14px!important;border:1px solid var(--line)!important;transition:all .16s ease!important;box-sizing:border-box!important;}
button,.mini-button,input,select,textarea{background:rgba(2,6,23,.40)!important;color:var(--text)!important;}body.theme-light button,body.theme-light .mini-button,body.theme-light input,body.theme-light select,body.theme-light textarea,body.theme-blue button,body.theme-blue .mini-button,body.theme-blue input,body.theme-blue select,body.theme-blue textarea{background:#fff!important;color:var(--text)!important;}
button:hover,.mini-button:hover,.sub-tabs a:hover{transform:translateY(-1px)!important;border-color:rgba(56,189,248,.40)!important;box-shadow:0 10px 24px rgba(2,132,199,.12)!important}.primary,.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px rgba(37,99,235,.22)!important;font-weight:850!important;}
.table-scroll{border:1px solid var(--line)!important;border-radius:22px!important;overflow:auto!important;background:rgba(2,6,23,.20)!important;}table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;}th{background:rgba(15,23,42,.62)!important;position:sticky!important;top:0!important;z-index:2!important;color:#cbd5e1!important;}td,th{padding:14px 14px!important;border-bottom:1px solid var(--line)!important;vertical-align:middle!important}tbody tr:hover{background:rgba(56,189,248,.055)!important}body.theme-light th,body.theme-blue th{background:var(--card2)!important;color:var(--muted)!important}body.theme-light .table-scroll,body.theme-blue .table-scroll{background:rgba(255,255,255,.62)!important}
.icon-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:96px!important;white-space:nowrap!important;}.icon-actions form{display:inline-flex!important;margin:0!important}.icon-button,.icon-button:visited,button.icon-button,a.icon-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;padding:0!important;margin:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-size:0!important;line-height:1!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 10px 22px rgba(0,0,0,.24)!important;appearance:none!important;overflow:hidden!important;}
.icon-button span{display:block!important;font-size:19px!important;line-height:1!important;font-weight:900!important;transform:translateY(-1px)!important}.icon-button.edit-icon{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;color:#fff!important;}.icon-button.delete-icon{background:linear-gradient(135deg,var(--danger),var(--danger2))!important;color:#fff!important;border-color:rgba(248,113,113,.55)!important;}.icon-button.delete-icon span{font-size:25px!important;transform:translateY(-2px)!important}.icon-button:hover{transform:translateY(-1px) scale(1.04)!important;filter:brightness(1.08)!important}.icon-button::before{display:none!important;content:none!important;}
.modal-overlay{background:rgba(2,6,23,.78)!important;backdrop-filter:blur(13px)!important}.modal-card{background:linear-gradient(180deg,#172235,#0d1726)!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:30px!important;box-shadow:0 36px 96px rgba(0,0,0,.54)!important;padding:24px!important;}body.theme-light .modal-card,body.theme-blue .modal-card{background:linear-gradient(180deg,var(--card),var(--panel))!important}.modal-title{padding-bottom:12px!important;border-bottom:1px solid var(--line)!important}.modal-exit{background:rgba(239,68,68,.16)!important;border-color:rgba(239,68,68,.42)!important;color:#fecaca!important;border-radius:999px!important;font-weight:900!important}.modal-exit:hover{background:rgba(239,68,68,.28)!important}
.product-thumb,.brand-logo{box-shadow:inset 0 0 0 1px rgba(255,255,255,.20),0 10px 22px rgba(0,0,0,.20)!important}.theme-switch{background:rgba(13,23,38,.84)!important;border-color:rgba(148,163,184,.20)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}body.theme-light .theme-switch,body.theme-blue .theme-switch{background:rgba(255,255,255,.88)!important}.badge.warn{background:rgba(245,158,11,.16)!important;color:#fde68a!important}.badge.locked{background:rgba(239,68,68,.15)!important;color:#fecaca!important}.badge.ok{background:rgba(34,197,94,.16)!important;color:#86efac!important}
@media(max-width:980px){.layout{grid-template-columns:1fr!important}header{padding-right:0!important}.icon-actions{justify-content:flex-start!important}aside{border-right:0!important;border-bottom:1px solid var(--line)!important}}

/* A1.24 REAL VISIBLE MASTER UI - hard override after fixing raw HTML class escaping */
html, body { min-height:100%; }
body.theme-dark, body:not(.theme-light):not(.theme-blue) {
  --bg:#07111f;--panel:#0d1726;--panel2:#101d2f;--card:#142238;--card2:#192b45;--text:#edf6ff;--muted:#94a9c2;--line:rgba(148,163,184,.18);--accent:#38bdf8;--accent2:#2563eb;--danger:#ef4444;--danger2:#b91c1c;--success:#22c55e;
  background:radial-gradient(circle at 28% -10%,rgba(56,189,248,.18),transparent 28%),linear-gradient(135deg,#07111f 0%,#0b1424 50%,#111a2b 100%)!important;
  color:var(--text)!important;
}
.layout{grid-template-columns:300px minmax(0,1fr)!important;background:transparent!important;}
aside{background:linear-gradient(180deg,#07111f,#0e1b2d)!important;border-right:1px solid rgba(148,163,184,.16)!important;box-shadow:24px 0 60px rgba(0,0,0,.32)!important;padding:30px 20px!important;}
aside h2{color:#7dd3fc!important;font-size:15px!important;letter-spacing:.18em!important;margin-bottom:28px!important;}
aside a{border-radius:16px!important;padding:12px 14px!important;margin:7px 0!important;color:#9fb4cc!important;font-weight:750!important;text-decoration:none!important;border:1px solid transparent!important;}
aside a.active, aside a:hover, .active{background:linear-gradient(135deg,rgba(56,189,248,.20),rgba(37,99,235,.32))!important;color:#fff!important;border-color:rgba(125,211,252,.25)!important;box-shadow:0 12px 28px rgba(37,99,235,.18)!important;}
main{padding:34px 38px 52px!important;}
header{background:transparent!important;border:0!important;padding:10px 250px 20px 0!important;margin-bottom:22px!important;} 
header h1{font-size:32px!important;font-weight:900!important;color:#f8fbff!important;margin:0!important;} header span{color:#9fb4cc!important;font-weight:650!important;}
.panel,.tile,.module-card{background:linear-gradient(180deg,rgba(25,43,69,.92),rgba(13,23,38,.96))!important;border:1px solid rgba(148,163,184,.17)!important;border-radius:28px!important;box-shadow:0 24px 64px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.035)!important;}
.panel{padding:24px!important;margin-bottom:22px!important}.tile{padding:16px 18px!important;min-height:86px!important}.panel h2{font-size:22px!important;font-weight:900!important;color:#f8fbff!important;margin:0 0 16px!important;}
.compact-kpis{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important;margin-bottom:16px!important}.compact-kpis .tile{border-radius:22px!important}.kpi-inline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.kpi-inline b,.kpi-inline strong{font-size:17px!important;line-height:1.2!important;color:#f8fbff!important}.compact-kpis span{font-size:13px!important;color:#94a9c2!important;margin-top:7px!important;display:block!important;}
.sub-tabs.centered,.action-row{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:16px 0 20px!important}.sub-tabs a,.mini-button,button{border-radius:14px!important;min-height:42px!important;border:1px solid rgba(148,163,184,.18)!important;background:rgba(2,6,23,.34)!important;color:#eaf6ff!important;font-weight:750!important;text-decoration:none!important}.sub-tabs a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:132px!important;padding:10px 14px!important}.primary-button,.primary{background:linear-gradient(135deg,#38bdf8,#2563eb)!important;color:#fff!important;border:0!important;box-shadow:0 12px 30px rgba(37,99,235,.28)!important;}
input,select,textarea{background:rgba(2,6,23,.42)!important;color:#f8fbff!important;border:1px solid rgba(148,163,184,.20)!important;border-radius:14px!important;min-height:42px!important;}
.table-scroll{border:1px solid rgba(148,163,184,.18)!important;border-radius:22px!important;overflow:auto!important;background:rgba(2,6,23,.18)!important;}table{border-collapse:separate!important;border-spacing:0!important;}th{background:rgba(7,17,31,.82)!important;color:#cde7ff!important;font-size:12px!important;letter-spacing:.09em!important;}td,th{padding:14px!important;border-bottom:1px solid rgba(148,163,184,.15)!important;}tbody tr:hover{background:rgba(56,189,248,.06)!important;}
.icon-actions{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:92px!important;}
.icon-button,button.icon-button,a.icon-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;padding:0!important;margin:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 10px 24px rgba(0,0,0,.30)!important;font-size:0!important;line-height:1!important;appearance:none!important;overflow:hidden!important;}
.icon-button span{font-size:19px!important;font-weight:900!important;line-height:1!important;color:#fff!important;display:block!important;transform:translateY(-1px)!important}.icon-button.edit-icon{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;color:#fff!important}.icon-button.delete-icon{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important}.icon-button.delete-icon span{font-size:26px!important;transform:translateY(-2px)!important}.icon-button:hover{transform:translateY(-1px) scale(1.04)!important;filter:brightness(1.08)!important;}
.modal-overlay{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(2,6,23,.78)!important;backdrop-filter:blur(14px)!important;z-index:1000!important;padding:26px!important;}.hidden-editor{display:none!important}.hidden-editor:target{display:flex!important}.modal-card{width:min(980px,96vw)!important;max-height:90vh!important;overflow:auto!important;background:linear-gradient(180deg,#17243a,#0d1726)!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:30px!important;box-shadow:0 40px 110px rgba(0,0,0,.58)!important;padding:26px!important}.modal-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border-bottom:1px solid rgba(148,163,184,.16)!important;padding-bottom:14px!important;margin-bottom:18px!important}.modal-exit{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 16px!important;border-radius:999px!important;background:rgba(239,68,68,.16)!important;color:#fecaca!important;border:1px solid rgba(239,68,68,.42)!important;text-decoration:none!important;font-weight:900!important;}
body.theme-light{--bg:#eef4fb;--panel:#ffffff;--panel2:#f8fafc;--card:#ffffff;--card2:#f1f5f9;--text:#0f172a;--muted:#64748b;--line:rgba(15,23,42,.12);background:linear-gradient(135deg,#f8fafc,#eaf3ff 58%,#ffffff)!important;color:var(--text)!important;}body.theme-light aside{background:linear-gradient(180deg,#fff,#f8fafc)!important}body.theme-light header h1,body.theme-light .panel h2,body.theme-light .kpi-inline b,body.theme-light .kpi-inline strong{color:#0f172a!important}body.theme-light .panel,body.theme-light .tile,body.theme-light .module-card{background:linear-gradient(180deg,#fff,#f8fafc)!important;box-shadow:0 18px 44px rgba(15,23,42,.10)!important}body.theme-light input,body.theme-light select,body.theme-light textarea,body.theme-light button,body.theme-light .mini-button{background:#fff!important;color:#0f172a!important}body.theme-light th{background:#f1f5f9!important;color:#475569!important}.body.theme-light .table-scroll{background:#fff!important}
body.theme-blue{--bg:#dbeafe;--panel:#eff6ff;--panel2:#e0f2fe;--card:#f7fbff;--card2:#dbeafe;--text:#102033;--muted:#4b647f;--line:rgba(37,99,235,.20);background:radial-gradient(circle at top left,rgba(59,130,246,.28),transparent 38%),linear-gradient(135deg,#dbeafe,#eef6ff 60%,#cfe8ff)!important;color:var(--text)!important;}body.theme-blue aside{background:linear-gradient(180deg,#eff6ff,#dbeafe)!important}body.theme-blue header h1,body.theme-blue .panel h2,body.theme-blue .kpi-inline b,body.theme-blue .kpi-inline strong{color:#102033!important}body.theme-blue .panel,body.theme-blue .tile,body.theme-blue .module-card{background:linear-gradient(180deg,#f7fbff,#eff6ff)!important;box-shadow:0 18px 44px rgba(37,99,235,.12)!important}body.theme-blue input,body.theme-blue select,body.theme-blue textarea,body.theme-blue button,body.theme-blue .mini-button{background:#fff!important;color:#102033!important}body.theme-blue th{background:#dbeafe!important;color:#4b647f!important}

/* A1.25: Master UI is also injected inline in PageTemplates.Shell to bypass browser/static CSS cache and guarantee visible application. */

/* A1.29 Sidebar width/toggle alignment hardening */
.layout{grid-template-columns:318px minmax(0,1fr)!important}
.portal-sidebar,aside.customer-nav,.admin-layout aside{width:318px!important;min-width:318px!important;max-width:318px!important}
.sidebar-brand{height:86px!important;padding-left:24px!important;padding-right:18px!important}
.brand-logo-dot{display:none!important}.brand-title{font-size:18px!important;letter-spacing:.115em!important}.brand-sub{font-size:10.5px!important;letter-spacing:.32em!important}
.nav-section{padding:18px 18px!important;gap:7px!important}.nav-footer{padding:16px 18px!important}
.nav-link,.nav-group summary{gap:18px!important;font-size:13.2px!important;min-height:46px!important;padding:11px 14px!important;align-items:center!important;white-space:nowrap!important}
.nav-link>span:not(.nav-icon):not(.chev),.nav-group summary>span:not(.nav-icon):not(.chev){white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;flex:1 1 auto!important;line-height:1!important;align-items:center!important}
.nav-icon{width:23px!important;height:23px!important;flex:0 0 23px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.nav-icon svg{width:20px!important;height:20px!important;display:block!important}.chev{margin-left:auto!important;flex:0 0 18px!important}.nav-sub{margin-left:44px!important;padding-left:14px!important}.nav-sub a{font-size:13px!important;white-space:nowrap!important}
@media(max-width:1000px){.portal-sidebar,aside.customer-nav,.admin-layout aside{width:100%!important;min-width:0!important;max-width:none!important}.layout{grid-template-columns:1fr!important}}

/* A1.32 Sidebar alignment + header theme placement */
.layout{grid-template-columns:360px minmax(0,1fr)!important}
.portal-sidebar,aside.customer-nav,.admin-layout aside{width:360px!important;min-width:360px!important;max-width:360px!important}
.nav-link,.nav-group summary{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:20px!important;padding:12px 20px!important;min-height:48px!important;font-size:14px!important;line-height:20px!important;white-space:nowrap!important}
.nav-link .nav-icon,.nav-group summary .nav-icon{flex:0 0 26px!important;width:26px!important;height:26px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important}
.nav-link .nav-icon svg,.nav-group summary .nav-icon svg{width:20px!important;height:20px!important;display:block!important}
.nav-link>span:not(.nav-icon),.nav-group summary>span:not(.nav-icon):not(.chev){display:block!important;flex:1 1 auto!important;min-width:0!important;white-space:nowrap!important;line-height:20px!important;margin:0!important;align-self:center!important;text-align:left!important}
.nav-group summary .chev{margin-left:auto!important;flex:0 0 18px!important;width:18px!important;height:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important}
.nav-sub{margin:7px 0 14px 68px!important;padding-left:14px!important}
.sidebar-brand{height:86px!important;padding-left:24px!important;padding-right:22px!important}.brand-title{font-size:18px!important;letter-spacing:.115em!important}.brand-sub{font-size:10px!important;letter-spacing:.31em!important}
.panel-title-row{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:16px!important}.panel-title-row h2{grid-column:1!important}.date-range{grid-column:2!important;justify-content:center!important;margin:0 auto!important}.report-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:12px auto 18px!important}
.equal-catalog-actions{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;max-width:none!important}.equal-catalog-actions .mini-button,.equal-catalog-actions button{height:42px!important;min-height:42px!important;min-width:170px!important;width:auto!important;padding:0 18px!important;margin:0!important}
.theme-switch{position:static!important;right:auto!important;top:auto!important;z-index:auto!important;display:inline-flex!important;margin:0!important;padding:5px 8px!important;min-height:42px!important;border-radius:14px!important;grid-template-columns:none!important}.theme-switch label{font-size:10px!important}.theme-switch select{height:32px!important;min-height:32px!important;width:112px!important}.top-right .theme-switch{order:4}.top-right{gap:12px!important;flex-wrap:nowrap!important}.top-circle{width:42px!important;height:42px!important;flex:0 0 42px!important}
@media(max-width:1000px){.portal-sidebar,aside.customer-nav,.admin-layout aside{width:100%!important;min-width:0!important;max-width:none!important}.layout{grid-template-columns:1fr!important}.top-right .theme-switch{display:none!important}}


/* A1.32 final sidebar logo + alignment fix */
.layout{grid-template-columns:340px minmax(0,1fr)!important}
.portal-sidebar,aside.customer-nav,.admin-layout aside{width:340px!important;min-width:340px!important;max-width:340px!important;overflow-x:hidden!important}
.sidebar-brand{height:94px!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.brand-mark,.brand-title,.brand-sub,.brand-logo-dot{display:none!important}
.brand-logo-img{display:block!important;width:190px!important;max-width:190px!important;height:auto!important;object-fit:contain!important;flex:0 0 auto!important}
.hamburger{font-size:22px!important;line-height:1!important;margin-left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;color:#dcecff!important}
.nav-section{padding:18px 20px!important;gap:8px!important}
.nav-footer{padding:18px 20px!important}
.portal-sidebar .nav-link,.portal-sidebar .nav-group>summary,
aside.customer-nav .nav-link,aside.customer-nav .nav-group>summary,
.admin-layout aside .nav-link,.admin-layout aside .nav-group>summary{
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) 18px!important;
  column-gap:18px!important;
  align-items:center!important;
  justify-items:start!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
  flex-direction:unset!important;
  gap:unset!important;
  font-size:14px!important;
  line-height:20px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.portal-sidebar .nav-link,
aside.customer-nav .nav-link,
.admin-layout aside .nav-link{grid-template-columns:26px minmax(0,1fr)!important}
.portal-sidebar .nav-icon,aside.customer-nav .nav-icon,.admin-layout aside .nav-icon{
  grid-column:1!important;
  width:26px!important;height:26px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;align-self:center!important;justify-self:center!important;flex:none!important;
}
.portal-sidebar .nav-icon svg,aside.customer-nav .nav-icon svg,.admin-layout aside .nav-icon svg{width:20px!important;height:20px!important;display:block!important}
.portal-sidebar .nav-link>span:not(.nav-icon):not(.chev),
.portal-sidebar .nav-group>summary>span:not(.nav-icon):not(.chev),
aside.customer-nav .nav-link>span:not(.nav-icon):not(.chev),
aside.customer-nav .nav-group>summary>span:not(.nav-icon):not(.chev),
.admin-layout aside .nav-link>span:not(.nav-icon):not(.chev),
.admin-layout aside .nav-group>summary>span:not(.nav-icon):not(.chev){
  grid-column:2!important;
  display:block!important;
  align-self:center!important;
  justify-self:start!important;
  line-height:20px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-align:left!important;
  flex:none!important;
}
.portal-sidebar .nav-group>summary .chev,aside.customer-nav .nav-group>summary .chev,.admin-layout aside .nav-group>summary .chev{
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  width:18px!important;height:18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;
}
.portal-sidebar .nav-sub,aside.customer-nav .nav-sub,.admin-layout aside .nav-sub{margin:7px 0 14px 48px!important;padding-left:14px!important}
@media(max-width:1000px){.layout{grid-template-columns:1fr!important}.portal-sidebar,aside.customer-nav,.admin-layout aside{width:100%!important;min-width:0!important;max-width:none!important}.brand-logo-img{width:174px!important}}


/* A1.35 catalog editor modal polish based on local TRESMATIC product editor */
.product-editor-modal{width:min(1120px,96vw)!important;padding:0!important;overflow:hidden!important;}
.compact-editor-modal{width:min(820px,94vw)!important;padding:0!important;overflow:hidden!important;}
.modern-modal-title{margin:0!important;padding:18px 22px!important;border-bottom:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(135deg,rgba(15,103,255,.18),rgba(14,165,233,.08))!important;}
.modern-modal-title h2{margin:4px 0 0!important;font-size:22px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.02em!important;}
.modern-modal-title p{margin:6px 0 0!important;color:var(--muted)!important;font-size:13px!important;}
.modal-eyebrow{display:block!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-size:11px!important;font-weight:900!important;color:#38bdf8!important;}
.tm-editor-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) 330px!important;gap:18px!important;padding:22px!important;max-height:calc(90vh - 146px)!important;overflow:auto!important;}
.tm-editor-grid.compact{grid-template-columns:230px minmax(0,1fr)!important;}
.tm-editor-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 14px!important;align-content:start!important;}
.tm-editor-form.single{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:22px!important;}
.tm-editor-form label{display:flex!important;flex-direction:column!important;gap:7px!important;font-size:12px!important;font-weight:850!important;color:var(--muted)!important;letter-spacing:.015em!important;}
.tm-editor-form input,.tm-editor-form select,.tm-editor-form textarea,.image-path-row input{width:100%!important;min-height:43px!important;border-radius:13px!important;background:rgba(5,12,22,.68)!important;border:1px solid rgba(148,163,184,.20)!important;color:var(--text)!important;box-sizing:border-box!important;}
.tm-editor-form textarea{min-height:118px!important;resize:vertical!important;line-height:1.45!important;padding:12px!important;}
.description-box{grid-column:1/-1!important;border:1px solid rgba(148,163,184,.18)!important;border-radius:18px!important;background:rgba(2,6,23,.26)!important;padding:14px!important;}
.description-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important;}
.description-head b{color:var(--text)!important;font-size:14px!important;}
.description-head span{color:#86efac!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.10em!important;}
.input-with-button{display:grid!important;grid-template-columns:minmax(0,1fr) 82px!important;gap:8px!important;}
.input-with-button button,.image-path-row button{height:43px!important;min-height:43px!important;padding:0 12px!important;border-radius:13px!important;white-space:nowrap!important;}
.tm-editor-side{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;}
.tm-side-card{border:1px solid rgba(148,163,184,.18)!important;border-radius:20px!important;background:rgba(15,23,42,.38)!important;padding:16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
.tm-side-card>b{display:block!important;margin:6px 0 0!important;color:var(--text)!important;font-size:14px!important;}
.image-path-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-top:12px!important;}
.image-preview-card{height:220px!important;margin-top:14px!important;border-radius:22px!important;border:1px solid rgba(148,163,184,.20)!important;background:radial-gradient(circle at 50% 35%,rgba(59,130,246,.16),rgba(2,6,23,.32) 58%)!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.modal-actions{display:flex!important;justify-content:flex-end!important;gap:12px!important;padding:16px 22px!important;border-top:1px solid rgba(148,163,184,.16)!important;background:rgba(2,6,23,.22)!important;}
.modal-actions .mini-button,.modal-actions .primary-button{width:auto!important;min-width:140px!important;height:44px!important;min-height:44px!important;}
.checkline{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;margin-top:12px!important;color:var(--muted)!important;font-size:12px!important;font-weight:750!important;}
.checkline input{width:16px!important;height:16px!important;min-height:16px!important;padding:0!important;}
body.theme-light .modern-modal-title,body.theme-blue .modern-modal-title{background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(14,165,233,.08))!important;}
body.theme-light .tm-editor-form input,body.theme-light .tm-editor-form select,body.theme-light .tm-editor-form textarea,body.theme-light .image-path-row input{background:#fff!important;color:#0f172a!important;}
body.theme-light .tm-side-card,body.theme-light .description-box{background:rgba(248,250,252,.9)!important;}
body.theme-blue .tm-editor-form input,body.theme-blue .tm-editor-form select,body.theme-blue .tm-editor-form textarea,body.theme-blue .image-path-row input{background:#f8fbff!important;color:#0b1b34!important;}
body.theme-blue .tm-side-card,body.theme-blue .description-box{background:rgba(239,246,255,.86)!important;}
@media(max-width:980px){.tm-editor-grid,.tm-editor-grid.compact{grid-template-columns:1fr!important;}.tm-editor-form,.tm-editor-form.single{grid-template-columns:1fr!important;}.image-preview-card{height:170px!important;}}

/* A1.37 CRUD + Sync preparation polish */
.icon-actions form{display:inline-flex;margin:0;padding:0}.icon-actions form .icon-button{margin:0!important}.equal-catalog-actions form{display:inline-flex;margin:0;padding:0}.equal-catalog-actions form button{height:42px!important;min-height:42px!important;min-width:170px!important}.catalog-modal form{display:flex;flex-direction:column;min-height:0;flex:1}.backend-field-grid input[readonly]{opacity:.7}.badge.warn+.badge.ok,.badge.ok+.badge.warn{margin-left:6px}.product-editor-modal textarea,.compact-editor-modal textarea{min-height:104px}.tm-info-card .badge{display:inline-flex;margin-left:4px}

/* A1.42 media upload and catalog image polish */
.media-thumb-img,
.product-thumb.media-thumb-img,
.brand-logo.media-thumb-img,
.category-thumb.media-thumb-img {
  object-fit: cover !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(15, 23, 42, .55) !important;
}
.product-thumb.media-thumb-img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
}
.brand-logo.media-thumb-img,
.category-thumb.media-thumb-img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
}
.category-thumb {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, rgba(14,165,233,.26), rgba(59,130,246,.12)) !important;
  color: var(--text) !important;
  font-weight: 900 !important;
  margin-right: 10px !important;
  overflow: hidden !important;
}
.image-upload-zone {
  display: grid !important;
  gap: 12px !important;
}
.upload-drop {
  min-height: 92px !important;
  border-radius: 18px !important;
  border: 1px dashed rgba(56,189,248,.42) !important;
  background: linear-gradient(135deg, rgba(15,103,255,.13), rgba(14,165,233,.07)) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 14px 16px !important;
  cursor: pointer !important;
  color: var(--text) !important;
  box-sizing: border-box !important;
}
.upload-drop input[type="file"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.upload-drop span {
  font-weight: 900 !important;
  color: var(--text) !important;
}
.upload-drop small {
  color: var(--muted) !important;
  line-height: 1.35 !important;
}
.upload-drop:hover {
  border-color: rgba(56,189,248,.72) !important;
  background: linear-gradient(135deg, rgba(15,103,255,.20), rgba(14,165,233,.11)) !important;
}
.media-preview-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 20px !important;
  display: block !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}
.media-empty-preview {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: var(--muted) !important;
  text-align: center !important;
}
.media-empty-preview b {
  color: var(--text) !important;
  font-size: 14px !important;
}
.media-empty-preview small {
  color: var(--muted) !important;
}
.image-preview-card .product-thumb.large,
.image-preview-card .brand-logo.large,
.image-preview-card .category-icon-preview.large {
  width: 78px !important;
  height: 78px !important;
  border-radius: 24px !important;
  margin: 0 !important;
  font-size: 22px !important;
}
.image-preview-card .brand-logo.large,
.image-preview-card .category-icon-preview.large {
  border-radius: 999px !important;
}
body.theme-light .upload-drop {
  background: linear-gradient(135deg, rgba(59,130,246,.08), rgba(14,165,233,.05)) !important;
  border-color: rgba(37,99,235,.30) !important;
}
body.theme-blue .upload-drop {
  background: linear-gradient(135deg, rgba(37,99,235,.13), rgba(14,165,233,.08)) !important;
  border-color: rgba(37,99,235,.34) !important;
}

/* A1.44 Product toolbar + table UX polish */
.product-panel .panel-heading-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:14px!important;
}
.product-panel .panel-heading-inline h2{
  margin:0!important;
  flex:0 0 auto!important;
}
.product-toolbar.one-line{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:0!important;
}
.product-toolbar.one-line .action-row.equal-catalog-actions,
.product-toolbar.one-line .quick-filter-pills{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
}
.product-toolbar.one-line .equal-catalog-actions .mini-button,
.product-toolbar.one-line .equal-catalog-actions button,
.product-toolbar.one-line .quick-filter-pills button{
  height:38px!important;
  min-height:38px!important;
  width:auto!important;
  min-width:0!important;
  padding:0 13px!important;
  margin:0!important;
  border-radius:13px!important;
  font-size:12px!important;
  line-height:38px!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.product-toolbar.one-line .equal-catalog-actions .mini-button,
.product-toolbar.one-line .equal-catalog-actions button{
  min-width:132px!important;
}
.product-toolbar.one-line .quick-filter-pills button{
  min-width:64px!important;
  opacity:.92!important;
}
.product-toolbar.one-line .equal-catalog-actions form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
}
.catalog-meta-strip.compact-stats{
  margin-top:0!important;
  margin-bottom:12px!important;
}
.catalog-meta-strip.compact-stats .mini-stat{
  min-height:58px!important;
  padding:10px 13px!important;
}
.product-filter-bar{
  margin:8px 0 14px!important;
}
.product-filter-bar input,
.product-filter-bar select,
.product-filter-bar button{
  height:40px!important;
  min-height:40px!important;
  font-size:12.5px!important;
  border-radius:13px!important;
}
.product-table th,
.product-table td{
  vertical-align:middle!important;
}
.product-table .product-thumb{
  flex:0 0 42px!important;
}
.product-table .badge,
.product-table .stock-pill{
  white-space:nowrap!important;
}
.product-table-scroll{
  max-height:calc(100vh - 360px)!important;
}
@media(max-width:1280px){
  .product-panel .panel-heading-inline{align-items:flex-start!important;flex-direction:column!important;}
  .product-toolbar.one-line{justify-content:flex-start!important;width:100%!important;}
}
@media(max-width:760px){
  .product-toolbar.one-line,
  .product-toolbar.one-line .action-row.equal-catalog-actions,
  .product-toolbar.one-line .quick-filter-pills{width:100%!important;}
  .product-toolbar.one-line .equal-catalog-actions .mini-button,
  .product-toolbar.one-line .equal-catalog-actions button,
  .product-toolbar.one-line .quick-filter-pills button{flex:1 1 auto!important;}
}

/* A1.47 Login polish, admin action parity and theme color correction */
.polished-login{width:min(440px,calc(100vw - 38px))!important;padding:34px 34px 30px!important;border-radius:32px!important;text-align:left!important;}
.login-logo-wrap{display:flex!important;justify-content:center!important;align-items:center!important;margin:0 0 10px!important;}
.polished-login .login-logo{width:255px!important;max-width:82%!important;margin:0 auto 2px!important;display:block!important;}
.login-eyebrow{display:block!important;margin-top:2px!important;color:#38bdf8!important;font-size:11px!important;font-weight:900!important;letter-spacing:.18em!important;text-transform:uppercase!important;text-align:center!important;}
.polished-login h1{text-align:center!important;margin:6px 0 8px!important;font-size:29px!important;letter-spacing:-.03em!important;}
.polished-login p{text-align:center!important;margin:0 0 18px!important;line-height:1.45!important;}
.polished-login .login-form{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:16px!important;}
.polished-login .login-form label{font-size:12px!important;font-weight:850!important;color:var(--muted)!important;margin-top:4px!important;}
.polished-login .login-form input{width:100%!important;height:46px!important;min-height:46px!important;border-radius:14px!important;}
.login-button.full-width,.polished-login .login-button{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;height:48px!important;min-height:48px!important;margin-top:10px!important;border-radius:16px!important;font-size:15px!important;box-sizing:border-box!important;}
.login-muted{margin-top:16px!important;font-size:12px!important;}

.admin-layout .icon-actions,.admin-layout .token-actions{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;white-space:nowrap!important;}
.admin-layout .icon-actions form,.admin-layout .token-actions form,.login-actions form{display:inline-flex!important;margin:0!important;padding:0!important;align-items:center!important;}
.admin-layout .icon-button{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;border-radius:999px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;line-height:1!important;}
.admin-layout .icon-button.edit-icon{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;color:#fff!important;border-color:rgba(56,189,248,.55)!important;}
.admin-layout .icon-button.delete-icon{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border-color:rgba(248,113,113,.55)!important;}
.admin-layout .icon-button.delete-icon span{font-size:26px!important;line-height:1!important;transform:translateY(-2px)!important;color:#fff!important;}
.admin-layout .icon-button.edit-icon span{font-size:19px!important;line-height:1!important;transform:translateY(-1px)!important;color:#fff!important;}
.admin-layout .icon-button[disabled]{opacity:.42!important;filter:grayscale(.35)!important;cursor:not-allowed!important;}
.compact-token-action{height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:999px!important;}
.support-open-button{height:38px!important;min-height:38px!important;padding:0 15px!important;border-radius:999px!important;white-space:nowrap!important;}

/* TRESMATIC-like dark palette and improved Light/Blue surfaces */
body.theme-dark,body:not(.theme-light):not(.theme-blue){--bg:#050b14;--bg2:#081320;--panel:#0b1625;--panel2:#101e31;--card:#12243a;--card2:#172c45;--text:#edf6ff;--muted:#93a8bf;--line:rgba(148,163,184,.18);--accent:#38bdf8;--accent2:#1d4ed8;--danger:#ef4444;--danger2:#b91c1c;--success:#22c55e;background:radial-gradient(circle at 18% 0%,rgba(29,78,216,.30),transparent 32%),linear-gradient(135deg,#050b14,#081320 48%,#07111f)!important;}
body.theme-light{--bg:#f6f9fd;--bg2:#ffffff;--panel:#ffffff;--panel2:#fbfdff;--card:#ffffff;--card2:#f8fbff;--text:#0f172a;--muted:#64748b;--line:rgba(15,23,42,.11);background:linear-gradient(135deg,#ffffff,#f6f9fd 52%,#edf6ff)!important;color:var(--text)!important;}
body.theme-blue{--bg:#e8f3ff;--bg2:#f8fcff;--panel:#f7fbff;--panel2:#edf7ff;--card:#ffffff;--card2:#eaf4ff;--text:#0b1f3a;--muted:#4f6f91;--line:rgba(37,99,235,.18);background:radial-gradient(circle at 15% 0%,rgba(14,165,233,.24),transparent 36%),linear-gradient(135deg,#e0f2fe,#f7fbff 58%,#dbeafe)!important;color:var(--text)!important;}
body.theme-light main>header,body.theme-light .portal-topbar{background:rgba(255,255,255,.94)!important;border-bottom-color:rgba(15,23,42,.08)!important;box-shadow:0 14px 35px rgba(15,23,42,.055)!important;}
body.theme-blue main>header,body.theme-blue .portal-topbar{background:rgba(248,252,255,.94)!important;border-bottom-color:rgba(37,99,235,.14)!important;box-shadow:0 14px 38px rgba(37,99,235,.10)!important;}
body.theme-light table,body.theme-light .table-scroll{background:#ffffff!important;border-color:rgba(15,23,42,.10)!important;}
body.theme-light th{background:#f7faff!important;color:#334155!important;}
body.theme-light td{background:#ffffff!important;color:#0f172a!important;border-bottom-color:rgba(15,23,42,.075)!important;}
body.theme-light tr:nth-child(even) td{background:#fbfdff!important;}
body.theme-blue table,body.theme-blue .table-scroll{background:#f8fcff!important;border-color:rgba(37,99,235,.16)!important;}
body.theme-blue th{background:#eaf4ff!important;color:#1d4e80!important;}
body.theme-blue td{background:#f8fcff!important;color:#0b1f3a!important;border-bottom-color:rgba(37,99,235,.11)!important;}
body.theme-blue tr:nth-child(even) td{background:#f1f8ff!important;}
body.theme-light .icon-button.delete-icon,body.theme-blue .icon-button.delete-icon,body.theme-light .action-round.delete,body.theme-blue .action-round.delete,body.theme-light .table-action.delete,body.theme-blue .table-action.delete{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border-color:rgba(248,113,113,.55)!important;}
body.theme-light .icon-button.delete-icon span,body.theme-blue .icon-button.delete-icon span{color:#fff!important;}
body.theme-light button.delete,body.theme-blue button.delete{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border-color:rgba(248,113,113,.55)!important;}
body.theme-light .login-shell.modern-login{background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.12),transparent 34%),linear-gradient(135deg,#ffffff,#f6f9fd 55%,#edf6ff)!important;}
body.theme-blue .login-shell.modern-login{background:radial-gradient(circle at 50% 0%,rgba(14,165,233,.24),transparent 35%),linear-gradient(135deg,#e0f2fe,#f8fcff 55%,#dbeafe)!important;}
body.theme-light .modern-login-card{background:linear-gradient(180deg,#ffffff,#fbfdff)!important;border-color:rgba(15,23,42,.08)!important;}
body.theme-blue .modern-login-card{background:linear-gradient(180deg,#ffffff,#edf7ff)!important;border-color:rgba(37,99,235,.18)!important;}


/* A1.49 Theme polish + delete buttons */
body.theme-dark,body:not(.theme-light):not(.theme-blue){--bg:#2E334A!important;--bg2:#26364E!important;--panel:#2B3954!important;--panel2:#24324B!important;--card:#31405D!important;--card2:#273A58!important;--text:#f4f8ff!important;--muted:#b7c7d9!important;--line:rgba(188,208,232,.18)!important;--accent:#58A6FF!important;--accent2:#38BDF8!important;--danger:#ef4444!important;--danger2:#b91c1c!important;background:radial-gradient(circle at 14% 12%,rgba(88,166,255,.22),transparent 34%),radial-gradient(circle at 80% 4%,rgba(56,189,248,.15),transparent 32%),linear-gradient(135deg,#2E334A 0%,#26364E 52%,#1A2336 100%)!important;}
body.theme-dark .panel,body.theme-dark .tile,body.theme-dark .module-card,body.theme-dark .login-card{background:linear-gradient(180deg,rgba(49,64,93,.94),rgba(36,50,75,.97))!important;border-color:rgba(188,208,232,.18)!important;}
body.theme-dark table{background:rgba(43,57,84,.70)!important;border-color:rgba(188,208,232,.18)!important}body.theme-dark th{background:rgba(50,68,101,.84)!important;color:#d9ecff!important}body.theme-dark main>header,body.theme-dark .portal-topbar{background:rgba(49,64,93,.86)!important}
body.theme-dark .portal-sidebar,body.theme-dark aside.customer-nav,body.theme-dark .admin-layout aside{background:linear-gradient(180deg,#31405D 0%,#26364E 52%,#1A2336 100%)!important}
body.theme-light .icon-button.delete-icon,body.theme-blue .icon-button.delete-icon,body.theme-light button.icon-button.delete-icon,body.theme-blue button.icon-button.delete-icon,body.theme-light .action-round.delete,body.theme-blue .action-round.delete,body.theme-light .table-action.delete,body.theme-blue .table-action.delete{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;color:#fff!important;border-color:rgba(248,113,113,.65)!important;box-shadow:0 10px 24px rgba(185,28,28,.25)!important}
body.theme-light .icon-button.delete-icon span,body.theme-blue .icon-button.delete-icon span,body.theme-light button.icon-button.delete-icon span,body.theme-blue button.icon-button.delete-icon span{color:#fff!important}


/* A1.52 inventory section correction */
.product-table .stock-adjust-form{display:none!important;}
.stock-row-actions{justify-content:flex-start!important;}
.stock-report-edit{display:grid!important;grid-template-columns:minmax(120px,180px) minmax(120px,180px) auto!important;gap:12px!important;align-items:center!important;max-width:560px!important;}
.stock-report-edit input{height:40px!important;min-height:40px!important;border-radius:12px!important;}
body.theme-light .icon-button.edit-icon,body.theme-blue .icon-button.edit-icon,body.theme-light button.icon-button.edit-icon,body.theme-blue button.icon-button.edit-icon,body.theme-light a.icon-button.edit-icon,body.theme-blue a.icon-button.edit-icon,.customer-layout .icon-button.edit-icon,.admin-layout .icon-button.edit-icon{background:linear-gradient(135deg,#0f67ff,#2563eb)!important;color:#fff!important;border-color:rgba(59,130,246,.72)!important;box-shadow:0 10px 24px rgba(15,103,255,.26)!important;}
body.theme-light .icon-button.edit-icon span,body.theme-blue .icon-button.edit-icon span,.customer-layout .icon-button.edit-icon span,.admin-layout .icon-button.edit-icon span{color:#fff!important;}
body.theme-light .primary-button,body.theme-blue .primary-button{background:linear-gradient(135deg,#0f67ff,#2563eb)!important;color:#fff!important;border-color:rgba(59,130,246,.72)!important;}


/* A1.57/A1.58 Health Timeline + Update Center */
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.inline-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-toolbar input,.inline-toolbar select{min-height:38px}.health-kpis .tile strong,.update-kpis .tile strong{font-size:1.25rem;letter-spacing:.01em}.timeline{display:grid;gap:12px}.timeline-item{position:relative;padding:14px 16px 14px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);box-shadow:inset 3px 0 0 rgba(80,200,255,.65)}.timeline-item b{display:block;margin-bottom:5px}.timeline-item p{margin:0;color:var(--muted)}.timeline-item.ok{box-shadow:inset 3px 0 0 #39d98a}.timeline-item.warn{box-shadow:inset 3px 0 0 #ffbc45}.release-notes{padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045)}.release-notes p{margin:8px 0 0;color:var(--muted);line-height:1.5}.update-form textarea{min-height:88px;grid-column:1/-1;resize:vertical}.update-table td{vertical-align:middle}.theme-light .timeline-item,.theme-light .release-notes{background:#fff;border-color:#dbe4ef}.theme-blue .timeline-item,.theme-blue .release-notes{background:rgba(255,255,255,.72);border-color:rgba(96,165,250,.28)}



/* A1.62 Sync Dashboard + Registration UX polish */
.equal-catalog-actions .primary-button,
body.theme-light .equal-catalog-actions .primary-button,
body.theme-blue .equal-catalog-actions .primary-button{background:linear-gradient(135deg,#0f67ff,#2563eb)!important;color:#fff!important;border-color:rgba(59,130,246,.72)!important;box-shadow:0 10px 24px rgba(15,103,255,.22)!important;}
.registration-create-form{display:grid!important;grid-template-columns:repeat(4,minmax(160px,1fr)) auto!important;gap:12px!important;align-items:end!important;}
.registration-create-form label{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;font-weight:800!important;color:var(--muted)!important;}
.registration-create-form input,.registration-create-form select,.registration-submit{height:42px!important;min-height:42px!important;margin:0!important;box-sizing:border-box!important;}
.registration-submit{white-space:nowrap!important;padding:0 18px!important;align-self:end!important;}
.sync-dashboard-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;}
.sync-flow-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;margin-bottom:20px!important;}
.sync-flow-grid .module-card{min-height:94px!important;display:flex!important;flex-direction:column!important;gap:8px!important;}
.badge.danger{background:rgba(239,68,68,.16)!important;color:#fecaca!important;border:1px solid rgba(239,68,68,.35)!important;}
.badge.muted-badge{background:rgba(148,163,184,.14)!important;color:var(--muted)!important;border:1px solid var(--line)!important;}
.sync-status-panel table td,.sync-status-panel table th{vertical-align:middle!important;}
@media(max-width:1250px){.registration-create-form{grid-template-columns:repeat(2,minmax(180px,1fr))!important}.registration-submit{grid-column:1/-1!important;width:100%!important;}}
@media(max-width:720px){.registration-create-form{grid-template-columns:1fr!important;}}

/* A1.64 Update upload and token copy */

.copy-token-box{margin-top:14px;display:grid;grid-template-columns:minmax(160px,1fr) minmax(280px,2fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(56,189,248,.13),rgba(34,197,94,.08));box-shadow:0 12px 28px rgba(15,23,42,.18)}
.copy-token-box b{display:block;font-size:14px}
.copy-token-box span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.copy-token-box code{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 12px;border-radius:12px;background:rgba(15,23,42,.24);border:1px solid var(--line);font-size:13px}
.update-package-editor input[type=file]{height:42px;padding:8px 12px;border-radius:14px;border:1px solid var(--line);background:var(--input-bg,var(--panel));color:var(--text)}
@media(max-width:900px){.copy-token-box{grid-template-columns:1fr}.copy-token-box code{white-space:normal;word-break:break-all}}


/* A1.76 Stabilisierung & UX Finalization */
.section-title-row,.toolbar.inline-toolbar,.report-actions.one-line,.notice-actions,.package-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
.section-title-row{justify-content:space-between!important;}
.toolbar.inline-toolbar input,.toolbar.inline-toolbar select,.toolbar.inline-toolbar button,.report-actions.one-line .mini-button,.notice-actions .mini-button,.package-actions .mini-button{height:40px!important;min-height:40px!important;margin:0!important;white-space:nowrap!important;}
.health-toolbar,.timeline-toolbar{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;}
.health-toolbar input,.health-toolbar select,.health-toolbar button,.timeline-toolbar input,.timeline-toolbar select,.timeline-toolbar button{width:auto!important;height:40px!important;min-height:40px!important;margin:0!important;}
.import-form{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}
.file-picker{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:40px!important;min-height:40px!important;border-radius:13px!important;padding:0 14px!important;background:linear-gradient(135deg,#2563eb,#38bdf8)!important;color:#fff!important;font-weight:850!important;cursor:pointer!important;border:1px solid rgba(56,189,248,.45)!important;white-space:nowrap!important;}
.file-picker input{display:none!important;}
.file-picker span{display:inline-flex!important;align-items:center!important;gap:8px!important;}
body.theme-light .file-picker,body.theme-blue .file-picker{color:#fff!important;}
.report-actions.one-line{margin:8px 0 14px!important;}
.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-height:360px;overflow:auto;padding-right:4px;}
.monitor-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:13px 14px;text-decoration:none;color:var(--text);}
.monitor-card:hover{transform:translateY(-1px);box-shadow:var(--shadow);}
.monitor-light{width:16px;height:16px;border-radius:999px;box-shadow:0 0 16px currentColor;flex:0 0 auto;}
.monitor-ok{color:#22c55e;background:#22c55e}.monitor-warn{color:#f59e0b;background:#f59e0b}.monitor-danger{color:#ef4444;background:#ef4444}.monitor-off{color:#94a3b8;background:#94a3b8}
@media print{aside,.theme-switch,header .top-right,.sub-tabs,.report-actions,.filter-bar,button,.mini-button{display:none!important}main{margin:0!important;padding:0!important}.panel{box-shadow:none!important;border:1px solid #ddd!important;color:#111!important;background:#fff!important}}


/* A1.78 final UI pass: compact filters, mobile grid scroll, upload sizing, visible action icons */
.report-control-row,
.report-control-row .filter-bar,
.report-control-row .filter-bar.compact,
.product-filter-bar,
.section-title-row .toolbar,
.notification-actions,
.package-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.report-control-row{overflow-x:auto!important; padding-bottom:2px!important;}
.report-control-row .filter-bar,
.report-control-row .filter-bar.compact{width:auto!important;min-width:0!important;flex:1 1 auto!important;}
.report-control-row .report-actions{flex:0 0 auto!important;white-space:nowrap!important;}
.filter-bar button[onclick^="resetFilters"],
.product-filter-bar button[onclick^="resetFilters"],
.report-control-row button[onclick^="resetFilters"],
.toolbar button[onclick^="resetFilters"]{
  width:auto!important;
  min-width:92px!important;
  max-width:none!important;
  flex:0 0 auto!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 16px!important;
  font-size:12.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.report-control-row input,.product-filter-bar input{min-width:220px!important;max-width:360px!important;flex:1 1 260px!important;}
.report-control-row select,.product-filter-bar select{min-width:142px!important;max-width:190px!important;flex:0 0 auto!important;}
.table-scroll,
.scroll-panel .table-scroll,
.product-table-scroll{
  overflow-x:scroll!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;
}
.table-scroll table,
.product-table-scroll table,
.scroll-panel table{
  min-width:920px!important;
  width:max-content!important;
}
.panel > table{
  min-width:860px!important;
}
@media(max-width:820px){
  main{min-width:0!important;max-width:100vw!important;}
  .panel{overflow-x:auto!important;}
  .scroll-panel{overflow:hidden!important;}
  .report-control-row,.product-filter-bar,.filter-bar,.filter-bar.compact{flex-wrap:nowrap!important;overflow-x:auto!important;}
  .report-control-row input,.product-filter-bar input,.filter-bar input{min-width:220px!important;max-width:280px!important;flex:0 0 240px!important;}
  .report-control-row select,.product-filter-bar select,.filter-bar select{min-width:145px!important;flex:0 0 145px!important;}
}
.import-export-grid .module-card .stack-actions{align-items:center!important;}
.import-export-grid .module-card .import-form{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:10px!important;margin-top:2px!important;}
.import-export-grid .module-card .import-form .file-picker,
.import-export-grid .module-card .import-form button{
  width:210px!important;min-width:210px!important;max-width:210px!important;
  height:40px!important;min-height:40px!important;margin:0 auto!important;
}
.import-export-grid .module-card .import-form .file-picker{transform:translateX(0)!important;}
.update-package-editor .file-input-modern{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:7px!important;
  align-items:stretch!important;
  align-self:stretch!important;
  margin:0!important;
  color:var(--muted)!important;
  font-weight:850!important;
}
.update-package-editor .file-input-modern span{font-size:12px!important;line-height:1.2!important;}
.update-package-editor .file-input-modern input[type=file]{width:100%!important;max-width:none!important;height:42px!important;min-height:42px!important;box-sizing:border-box!important;margin:0!important;}
.user-action-icons{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;}
.user-action-icons form{display:inline-flex!important;margin:0!important;padding:0!important;}
.user-action-icons .icon-button{color:#fff!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 10px 22px rgba(15,23,42,.20)!important;font-weight:950!important;}
.user-action-icons .lock-icon{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;}
.user-action-icons .unlock-icon{background:linear-gradient(135deg,#22c55e,#15803d)!important;}
.user-action-icons .security-icon{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;}
.user-action-icons .reset-icon{background:linear-gradient(135deg,#f59e0b,#d97706)!important;}
body.theme-light .user-action-icons .icon-button,body.theme-blue .user-action-icons .icon-button{color:#fff!important;}
body.theme-light .user-action-icons .lock-icon,body.theme-blue .user-action-icons .lock-icon{background:linear-gradient(135deg,#ef4444,#b91c1c)!important;}
body.theme-light .user-action-icons .unlock-icon,body.theme-blue .user-action-icons .unlock-icon{background:linear-gradient(135deg,#22c55e,#15803d)!important;}
body.theme-light .user-action-icons .security-icon,body.theme-blue .user-action-icons .security-icon{background:linear-gradient(135deg,#0ea5e9,#2563eb)!important;}
body.theme-light .user-action-icons .reset-icon,body.theme-blue .user-action-icons .reset-icon{background:linear-gradient(135deg,#f59e0b,#d97706)!important;}


/* A1.78_1 grid scrollbar correction: full-width grids, scrollbars only when needed */
.table-scroll,
.scroll-panel .table-scroll,
.product-table-scroll{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  scrollbar-gutter:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.table-scroll table,
.product-table-scroll table,
.scroll-panel table{
  width:100%!important;
  min-width:920px!important;
  max-width:none!important;
}
.panel > table{
  width:100%!important;
  min-width:0!important;
}
.scroll-panel{
  overflow:hidden!important;
}
.scroll-panel .table-scroll{
  border-radius:18px!important;
}
.table-scroll::-webkit-scrollbar,
.product-table-scroll::-webkit-scrollbar{
  width:10px;
  height:10px;
}
.table-scroll::-webkit-scrollbar-thumb,
.product-table-scroll::-webkit-scrollbar-thumb{
  background:rgba(148,163,184,.45);
  border-radius:999px;
}
.table-scroll::-webkit-scrollbar-track,
.product-table-scroll::-webkit-scrollbar-track{
  background:transparent;
}
@media(min-width:921px){
  .table-scroll table,
  .product-table-scroll table,
  .scroll-panel table{
    min-width:100%!important;
  }
}
@media(max-width:920px){
  .table-scroll,
  .product-table-scroll{
    overflow-x:auto!important;
  }
  .table-scroll table,
  .product-table-scroll table,
  .scroll-panel table{
    min-width:920px!important;
  }
}

/* A1.78_2 grid sizing correction: full panel width, natural scrollbars */
.panel.scroll-panel,
.panel:has(> .table-scroll){
  overflow:hidden!important;
}
.panel.scroll-panel > .table-scroll,
.panel > .table-scroll,
.product-table-scroll{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:220px!important;
  max-height:clamp(260px, 52vh, 560px)!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  scrollbar-gutter:auto!important;
  box-sizing:border-box!important;
}
.panel.scroll-panel > .table-scroll table,
.panel > .table-scroll table,
.product-table-scroll table{
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  table-layout:auto!important;
}
@media(max-width:920px){
  .panel.scroll-panel > .table-scroll,
  .panel > .table-scroll,
  .product-table-scroll{
    min-height:240px!important;
    max-height:58vh!important;
    overflow-x:auto!important;
  }
  .panel.scroll-panel > .table-scroll table,
  .panel > .table-scroll table,
  .product-table-scroll table{
    width:max-content!important;
    min-width:920px!important;
  }
}


/* A1.78_5: final dynamic grid/card height normalization */
.panel.scroll-panel,
.panel:has(> .table-scroll),
.panel:has(.product-table-scroll){
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.panel.scroll-panel > .table-scroll,
.panel > .table-scroll,
.table-scroll,
.product-table-scroll{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  scrollbar-gutter:auto!important;
  overscroll-behavior:contain!important;
}
.table-scroll table,
.product-table-scroll table{
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  margin:0!important;
  table-layout:auto!important;
}
.table-scroll tbody tr:last-child td,
.product-table-scroll tbody tr:last-child td{border-bottom:0!important;}
@media(max-width:1179px){
  .table-scroll table,
  .product-table-scroll table{min-width:920px!important;width:max-content!important;}
}