/*
 * Copyright (c) 2026 TNSystem. Alle Rechte vorbehalten.
 * Datei: public/assets/ui-themes.css
 * Zweck: Stellt geprüfte, mandantenweite Farbprofile für die Bedienoberfläche bereit.
 */

html[data-ui-theme="graphite"] body.app:not(.admin-area){
  --navy:#303843;--navy2:#475361;--blue:#566b82;--cyan:#70879a;
  --portal-blue:#566b82;--portal-blue-dark:#303843;--portal-blue-soft:#edf1f4;
  --portal-orange:#b26a32;--portal-orange-dark:#925327;--portal-bg:#f3f4f6;
  --portal-line:#d8dde3;--portal-text:#27313d;--portal-muted:#687481;
}
html[data-ui-theme="petrol"] body.app:not(.admin-area){
  --navy:#123e46;--navy2:#175763;--blue:#137780;--cyan:#2c9292;
  --portal-blue:#137780;--portal-blue-dark:#123e46;--portal-blue-soft:#e8f4f4;
  --portal-orange:#c47b25;--portal-orange-dark:#a5631b;--portal-bg:#f1f7f7;
  --portal-line:#d2e2e1;--portal-text:#20383c;--portal-muted:#607679;
}
html[data-ui-theme="berry"] body.app:not(.admin-area){
  --navy:#4b293f;--navy2:#69405a;--blue:#8a416b;--cyan:#a96283;
  --portal-blue:#8a416b;--portal-blue-dark:#4b293f;--portal-blue-soft:#f7edf2;
  --portal-orange:#b86e35;--portal-orange-dark:#985527;--portal-bg:#f8f3f6;
  --portal-line:#e4d7de;--portal-text:#382b34;--portal-muted:#796873;
}

html[data-ui-theme] body.app:not(.admin-area) .sidebar{
  background:linear-gradient(180deg,var(--portal-blue-dark),var(--navy));
}

.ui-theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;grid-column:1/-1}
.ui-theme-card{display:grid;gap:9px;padding:13px;border:2px solid var(--portal-line);border-radius:10px;background:#fff;cursor:pointer}
.ui-theme-card.selected{border-color:var(--portal-blue);box-shadow:0 0 0 3px rgba(22,90,167,.15)}
.ui-theme-card input{position:absolute;opacity:0;pointer-events:none}
.ui-theme-card__preview{display:grid;grid-template-columns:34% 66%;height:58px;overflow:hidden;border:1px solid #d9e1e8;border-radius:7px;background:var(--theme-bg,#f4f6f9)}
.ui-theme-card__preview:before{content:"";background:var(--theme-nav,#0b3d78)}
.ui-theme-card__preview:after{content:"";align-self:start;width:58%;height:9px;margin:13px;background:var(--theme-accent,#165aa7);border-radius:5px;box-shadow:0 17px 0 #fff}
.ui-theme-card strong,.ui-theme-card small{display:block}.ui-theme-card small{color:var(--portal-muted);line-height:1.4}
.ui-theme-business-blue{--theme-nav:#0b3d78;--theme-accent:#165aa7;--theme-bg:#f4f6f9}
.ui-theme-graphite{--theme-nav:#303843;--theme-accent:#566b82;--theme-bg:#f3f4f6}
.ui-theme-petrol{--theme-nav:#123e46;--theme-accent:#137780;--theme-bg:#f1f7f7}
.ui-theme-berry{--theme-nav:#4b293f;--theme-accent:#8a416b;--theme-bg:#f8f3f6}
.customer-origin-filter{display:inline-flex;gap:4px;margin:0 0 14px;padding:4px;border:1px solid var(--portal-line);border-radius:9px;background:var(--portal-bg)}
.customer-origin-filter a{padding:7px 12px;border-radius:6px;color:var(--portal-muted);font-size:12px;font-weight:750;text-decoration:none}
.customer-origin-filter a.active{background:var(--portal-surface);color:var(--portal-blue-dark);box-shadow:var(--portal-shadow)}
.tax-treatment-options{display:grid;gap:9px}
.tax-treatment-options label{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:11px;border:1px solid var(--portal-line);border-radius:8px;background:#fff}
.tax-treatment-options input{grid-row:1/3;width:17px;height:17px;margin:2px 0 0}
.tax-treatment-options small{color:var(--portal-muted);font-weight:400;line-height:1.4}
.onboarding-subheading{margin-top:18px}
@media(max-width:980px){.ui-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ui-theme-grid{grid-template-columns:1fr}.customer-origin-filter{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.customer-origin-filter a{text-align:center}}