/* W03c-1 a N6a (REDIZAJN-V6-2, K9-ORCH-311): strana Nastavení s ľavým menu 12 strán (prototyp V6.2 .setlay, .setnav; snimky/v62-12).
   Koreň [data-settings-workspace] z web/admin-settings-overview.js má display:contents: menu a obsah sú v mriežke .page-content,
   aby sekcia Ukladanie dielov, ktorú register web/app-workspaces.js pripája za obsah strany, sedela v stĺpci obsahu.
   Formuláre a ich polia ostávajú v settings-access.css (.admin-settings). Iba tokeny z design.css, bez !important.
   Pod 1024 px je menu vodorovný pás odkazov nad obsahom bez horizontálneho posunu stránky; select predlohy sa neprenáša. */

/* Riadky auto a 1fr: výšku menu (cez oba riadky) zoberie pružný druhý riadok, sekcia z registra začne hneď pod obsahom strany. */
.page-content:has(>[data-settings-workspace]){display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:var(--space-4)}
.page-content>[data-settings-workspace]{display:contents}
.page-content:has(>[data-settings-workspace])>*{grid-column:2;min-width:0}
.page-content:has(>[data-settings-workspace])>.notice{grid-column:1/-1}
[data-settings-workspace]>.settings-nav{grid-column:1;grid-row:span 2}
[data-settings-workspace]>.settings-workspace-content{grid-column:2;display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
/* Strana bez bočného stĺpca je jeden stĺpec panelov; s bočným stĺpcom (N6b) platí mriežka .admin-settings zo settings-access.css
   (obsah a 300 px). Pod 1200 px je bočný stĺpec pod obsahom, nie nad ním ako tam. */
[data-settings-workspace] .admin-settings:not(:has(>.admin-settings-aside)){grid-template-columns:minmax(0,1fr)}
[data-settings-workspace] .admin-settings-aside{order:0;position:static}
/* 700 až 1199 px má bočný stĺpec dve kolónky (settings-access.css); jediný panel v ňom ide na celú šírku. */
[data-settings-workspace] .admin-settings-aside>:only-child{grid-column:1/-1}

/* N6b: uložené údaje predávajúceho (web/admin-settings-business-preview.js), riadky menovka a hodnota. */
[data-settings-workspace] .settings-preview{margin:0}
[data-settings-workspace] .settings-preview-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);min-width:0;padding:6px 0;border-bottom:1px solid var(--line-soft)}
[data-settings-workspace] .settings-preview-row:last-child{border-bottom:0}
[data-settings-workspace] .settings-preview-row>dt{flex:none;max-width:40%;font-size:var(--text-xs);color:var(--muted)}
[data-settings-workspace] .settings-preview-row>dd{min-width:0;margin:0;font-size:var(--text-sm);font-weight:600;color:var(--ink);text-align:right;overflow-wrap:anywhere;white-space:pre-line}
[data-settings-workspace] .settings-preview-row>dd[data-value-state="missing"]{font-weight:400;color:var(--muted)}
[data-settings-workspace] .settings-preview-note{margin:var(--space-3) 0 0;font-size:var(--text-xs);line-height:var(--leading);color:var(--muted)}

/* Ľavé menu: odkazy s ikonou, aktuálna strana aria-current (prototyp .setnav button.on). */
[data-settings-workspace] .settings-nav{position:sticky;top:calc(var(--topbar-height) + var(--space-4));min-width:0}
[data-settings-workspace] .settings-nav ul{display:flex;flex-direction:column;gap:2px;margin:0;padding:var(--space-2);list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
[data-settings-workspace] .settings-nav li{min-width:0}
[data-settings-workspace] .settings-nav-item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:34px;padding:6px 10px;border-radius:var(--radius-control);color:var(--ink-2);font-size:var(--text-sm);line-height:var(--leading-tight);text-decoration:none;overflow-wrap:anywhere}
[data-settings-workspace] .settings-nav-item>.icon{flex:none;color:var(--muted)}
[data-settings-workspace] .settings-nav-item:hover{background:var(--surface-2);color:var(--ink)}
[data-settings-workspace] .settings-nav-item[aria-current="page"]{background:var(--accent-soft);color:var(--accent);font-weight:600}
[data-settings-workspace] .settings-nav-item[aria-current="page"]>.icon{color:var(--accent)}

/* N6c Bezpečnosť: tri panely vedľa seba (prototyp .cols3); pri užšom obsahu sa zalomia podľa šírky (najmenej 240 px). */
[data-settings-workspace] .settings-security{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-4);align-items:stretch}
[data-settings-workspace] .settings-security>.panel{margin:0}
/* B19 W-4 (K9-ORCH-478): Monitoring prehľadu Bezpečnosť ako riadky menovka a hodnota, bez odsadenia dd prehliadača. */
[data-settings-workspace] .security-summary-status{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2) var(--space-4);margin:0}
[data-settings-workspace] .security-summary-status>dt{font-size:var(--text-xs);color:var(--muted)}
[data-settings-workspace] .security-summary-status>dd{min-width:0;margin:0;font-size:var(--text-sm);overflow-wrap:anywhere}
[data-settings-workspace] .security-summary-status>dd>[data-value-state]{color:var(--muted)}

/* Bloky strany: fokus a posun pod lepkavú hornú lištu (wrapper s tabindex="-1"). */
[data-settings-workspace] [data-settings-section]{scroll-margin-top:calc(var(--topbar-height) + var(--space-4));border-radius:var(--radius);min-width:0}
[data-settings-workspace] .settings-registration-effect{margin:0 0 var(--space-3);font-size:var(--text-sm)}

/* N6c Prístupy (web/admin-settings-access.js): tím iba na čítanie, e-mail pod menom, bez prístupu tlmene. */
[data-settings-workspace] .settings-staff-table{white-space:normal}
[data-settings-workspace] .settings-staff-table td{vertical-align:top;overflow-wrap:break-word}
[data-settings-workspace] .settings-staff-email{display:block;font-size:var(--text-xs)}
[data-settings-workspace] .settings-staff-table tr[data-staff-state="inactive"]>td{color:var(--muted)}
[data-settings-workspace] .settings-staff-note{margin:0;font-size:var(--text-xs);color:var(--muted)}

/* D1 Právne dokumenty (web/admin-settings-legal.js; predloha screens/obsah.js:14): tabuľka iba na čítanie, texty sa zalamujú. */
[data-settings-workspace] .settings-legal-table{white-space:normal}
[data-settings-workspace] .settings-legal-table td{vertical-align:top;overflow-wrap:anywhere}
[data-settings-workspace] .settings-legal-state{margin:0;font-size:var(--text-sm);color:var(--muted)}
[data-settings-workspace] .settings-legal-note{margin:var(--space-3) 0 0;font-size:var(--text-xs);line-height:var(--leading);color:var(--muted);overflow-wrap:anywhere}

/* A6c-2 (G12, REDIZAJN-V6-2 PLAN.md:128): strana Integrácie v kartách V6.2 (prototyp .intgrid a karta služby v pSettings integr).
   Iba vzhľad: HTML z admin-integrations-view.js, settings-page-view.js a admin-mail-dns.js sa nemení, texty stavov a režimov tiež nie.
   Stav služieb: dlaždica na službu (meno, stav s bodkou) v mriežke ako .intgrid; panel má bežný okraj .panel-body. */
[data-settings-workspace] [data-settings-section="integrations"] .admin-settings-providers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--space-2)}
[data-settings-workspace] [data-settings-section="integrations"] .product-provider{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)}
[data-settings-workspace] [data-settings-section="integrations"] .product-provider>dt{max-width:100%;overflow-wrap:anywhere}
[data-settings-workspace] [data-settings-section="integrations"] .product-provider>dd{display:inline-flex;align-items:center;gap:6px;max-width:100%;text-align:left;overflow-wrap:anywhere}
/* Bodka stavu ako .status-dot v design.css (prototyp .badge .dot), farba textu. */
[data-settings-workspace] :is([data-settings-section="integrations"] .product-provider>dd,[data-integration-mode],.mail-dns-rows .badge)::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
/* Pripojenia: vonkajší panel bez rámu (karta nie je panel v paneli), každé pripojenie je karta služby; pri širokom obsahu dve vedľa seba. */
[data-settings-workspace] .integration-connections{overflow:visible;background:transparent;border:0;box-shadow:none}
[data-settings-workspace] .integration-connections>.panel-head{flex-wrap:wrap;min-height:0;padding:0 0 var(--space-1);border-bottom:0}
[data-settings-workspace] .integration-connections>.panel-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));align-items:start;gap:var(--space-4);padding:0}
[data-settings-workspace] .integration-connections>.panel-body>:not(.integration-connection){grid-column:1/-1}
[data-settings-workspace] .integration-connection>.panel-head{flex-wrap:wrap;justify-content:flex-start;gap:6px var(--space-2)}
[data-settings-workspace] .integration-connection>.panel-head>[data-integration-effective]{margin-left:auto}
/* Štítok režimu ako badge V6.2: TEST modrý, LIVE zelený, Vypnuté a Odstránené sivé. */
[data-settings-workspace] [data-integration-mode]{background:var(--gray-bg);color:var(--gray)}
[data-settings-workspace] [data-integration-mode="TEST"]{background:var(--blue-bg);color:var(--blue)}
[data-settings-workspace] [data-integration-mode="LIVE"]{background:var(--green-bg);color:var(--green)}
/* Skupiny karty (kľúče, režim, čítanie pošty) oddelené linkou ako bloky karty V6.2; dlhé kódy a história sa zalamujú. */
[data-settings-workspace] .integration-connection :is(.integration-secret,.integration-mode,[data-imap-read]){padding-top:var(--space-3);border-top:1px solid var(--line-soft)}
[data-settings-workspace] .integration-mode{display:flex;flex-direction:column;gap:var(--space-2)}
[data-settings-workspace] .integration-mode>span{font-size:var(--text-xs);font-weight:700;color:var(--muted)}
[data-settings-workspace] .integration-connection :is(p,small,li,code){overflow-wrap:anywhere}
[data-settings-workspace] .integration-history{display:flex;flex-direction:column;gap:4px;margin:0;padding-left:var(--space-5);font-size:var(--text-sm)}
/* Strana E-maily a šablóny (maily, blok dns z backlogu A6c-2 s admin-mail-dns.js): kontrola DNS odosielateľa cez Resend, riadky
   menovka a stav (prototyp .kvlist), stav vpravo s bodkou. Iba vzhľad ako karty Integrácií. */
[data-settings-workspace] .mail-dns-rows{display:flex;flex-direction:column;margin:0 0 var(--space-3);padding:0;list-style:none}
[data-settings-workspace] .mail-dns-rows>li{display:flex;flex-wrap:wrap;align-items:center;gap:4px var(--space-2);min-width:0;padding:6px 0;border-bottom:1px solid var(--line-soft)}
[data-settings-workspace] .mail-dns-rows>li:last-child{border-bottom:0}
[data-settings-workspace] .mail-dns-rows code{min-width:0;font-size:var(--text-xs);color:var(--muted);overflow-wrap:anywhere}
[data-settings-workspace] .mail-dns-rows .badge{margin-left:auto}

/* 1024 až 1199 px: užšie ľavé menu. */
@media(min-width:1024px) and (max-width:1199px){
 .page-content:has(>[data-settings-workspace]){grid-template-columns:196px minmax(0,1fr)}
}
/* Pod 1024 px: menu nad obsahom ako jeden vodorovný pás odkazov; posúva sa iba pás, nie stránka (aktuálnu stranu ukáže admin-settings-navigation.js). */
@media(max-width:1023px){
 .page-content:has(>[data-settings-workspace]){grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:var(--space-3)}
 .page-content:has(>[data-settings-workspace])>*,[data-settings-workspace]>.settings-nav,[data-settings-workspace]>.settings-workspace-content{grid-column:1;grid-row:auto}
 [data-settings-workspace] .settings-nav{position:static}
 [data-settings-workspace] .settings-nav ul{flex-direction:row;gap:var(--space-2);padding:0 0 var(--space-1);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;background:transparent;border:0;box-shadow:none}
 [data-settings-workspace] .settings-nav li{flex:none}
 [data-settings-workspace] .settings-nav-item{width:auto;min-height:var(--control-height);padding:6px 12px;border:1px solid var(--line);background:var(--surface);white-space:nowrap;overflow-wrap:normal}
 /* Prístupy pod 1024 px ako riadky s menovkou stĺpca, rovnako ako Právne dokumenty. */
 [data-settings-workspace] .settings-staff-table thead{display:none}
 [data-settings-workspace] .settings-staff-table tr{display:grid;gap:4px;padding:var(--space-2) 0;border-bottom:1px solid var(--line-soft)}
 [data-settings-workspace] .settings-staff-table td{display:block;padding:0;border:0}
 [data-settings-workspace] .settings-staff-table td::before{content:attr(data-label);display:block;font-size:var(--text-xs);color:var(--muted)}
 /* Právne dokumenty pod 1024 px ako riadky s menovkou stĺpca (vzor css/nastavenia.css:58 až :62), bez horizontálneho posunu. */
 [data-settings-workspace] .settings-legal-table thead{display:none}
 [data-settings-workspace] .settings-legal-table tr{display:grid;gap:4px;padding:var(--space-2) 0;border-bottom:1px solid var(--line-soft)}
 [data-settings-workspace] .settings-legal-table td{display:block;padding:0;border:0}
 [data-settings-workspace] .settings-legal-table td::before{content:attr(data-label);display:block;font-size:var(--text-xs);color:var(--muted)}
}
/* C3 E2-NAHLAD-DOPADU: Vplyv na ceny (web/admin-pricing-impact.js) a Verzie cenových pravidiel (web/admin-pricing-history.js) v bočnom stĺpci Cenníka. */
[data-settings-workspace] .pricing-impact{white-space:normal;font-size:var(--text-sm)}
[data-settings-workspace] .pricing-impact .num{text-align:right;font-variant-numeric:tabular-nums}
[data-settings-workspace] .pricing-impact-delta{font-size:var(--text-xs);font-weight:600}
[data-settings-workspace] .pricing-impact-delta[data-impact-delta="up"]{color:#9a5b00}
[data-settings-workspace] .pricing-impact-delta[data-impact-delta="down"]{color:#1d7a46}
[data-settings-workspace] .pricing-impact-reasons{margin:0;padding-left:1rem;font-size:var(--text-xs)}
[data-settings-workspace] .pricing-history{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}
[data-settings-workspace] .pricing-history>li{padding-bottom:var(--space-2);border-bottom:1px solid var(--line-soft)}
[data-settings-workspace] .pricing-history>li:last-child{border-bottom:0}