/* Approved public consent profile. Scoped to M1's isolated public surface. */
.mk-banner, .mk-dialog, .mk-test-status {
  --mk-card:var(--web-card,#1c2125); --mk-inner:var(--web-surface,#171b1e);
  --mk-text:var(--web-text,#f1f0eb); --mk-muted:var(--web-muted,#b4b8bb);
  --mk-line:var(--web-line,#34393d); --mk-gold:var(--web-gold,#e8c78e);
  --mk-blue:#87b9e5; color:var(--mk-text); font-family:'Segoe UI',Arial,sans-serif;
}
[data-theme=light] .mk-banner, [data-theme=light] .mk-dialog { --mk-blue:#24679d; }
.mk-banner[hidden], .mk-dialog [hidden], .mk-test-status[hidden], .mk-spacer[hidden] {display:none!important}
.mk-banner {position:fixed;z-index:950;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(1232px,calc(100% - 32px));padding:18px 20px;border:1px solid var(--mk-line);border-left:3px solid var(--mk-gold);border-radius:14px;background:var(--mk-card);box-shadow:0 12px 50px #0004;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;box-sizing:border-box}
.mk-banner h2 {font-size:17px;line-height:1.3;letter-spacing:normal;margin:0 0 7px;font-weight:650;color:var(--mk-text)}
.mk-banner p {font-size:14px;line-height:1.55;color:var(--mk-muted);margin:0;max-width:690px}
.mk-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mk-button {min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid var(--mk-line);background:var(--mk-inner);color:var(--mk-text);font:600 14px/1.4 'Segoe UI',Arial,sans-serif;cursor:pointer;transition:background .15s,box-shadow .15s;box-sizing:border-box}
.mk-button:hover {background:var(--mk-inner);background:color-mix(in srgb,var(--mk-gold) 18%,var(--mk-inner));box-shadow:0 0 0 1px var(--mk-line)}
.mk-button:focus-visible, .mk-details summary:focus-visible, .mk-purpose input:focus-visible {outline:3px solid var(--mk-blue);outline-offset:3px}
.mk-button.mk-secondary {background:transparent}
.mk-actions .mk-button {width:100%}
.mk-manage {grid-column:1/-1;font-size:13px}
.mk-button.mk-save {border-color:var(--mk-gold);background:var(--mk-inner);background:color-mix(in srgb,var(--mk-gold) 12%,var(--mk-card))}
.mk-dialog {width:min(820px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:0;border:1px solid var(--mk-line);border-radius:16px;background:var(--mk-card);box-shadow:0 24px 90px #0006;box-sizing:border-box}
.mk-dialog::backdrop {background:#0008;backdrop-filter:blur(3px)}
html:has(.mk-dialog[open]) {overflow:hidden}
.mk-dialog-head {position:sticky;top:0;z-index:2;background:var(--mk-card);display:flex;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--mk-line)}
.mk-dialog-head h2 {margin:0;flex:1;font-size:20px;line-height:1.3;font-weight:650;letter-spacing:normal;color:var(--mk-text)}
.mk-dialog-head .mk-button {min-width:44px;flex-shrink:0}
.mk-dialog-body {padding:18px 20px}
.mk-dialog-body>p {margin:0 0 16px;color:var(--mk-muted);font-size:14px;line-height:1.55}
.mk-purpose-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mk-purpose {padding:15px;border:1px solid var(--mk-line);border-radius:12px;background:var(--mk-inner);min-width:0}
.mk-purpose h3 {font-size:15px;line-height:1.4;letter-spacing:normal;margin:0 0 8px;color:var(--mk-text);font-weight:650}
.mk-purpose p {font-size:13px;line-height:1.55;margin:0;color:var(--mk-muted)}
.mk-purpose label {display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:5px;font-weight:650;cursor:pointer}
.mk-purpose input {width:22px;height:22px;accent-color:var(--mk-gold);flex-shrink:0;margin:0}
.mk-badge {display:inline-block;font-size:12px;border:1px solid var(--mk-line);border-radius:6px;padding:2px 7px;margin-top:10px;color:var(--mk-muted)}
.mk-dialog-body>.mk-ads-note {margin:12px 0 0;padding:12px 15px;border:1px solid var(--mk-line);border-left:3px solid var(--mk-blue);border-radius:10px;font-size:13px;color:var(--mk-muted)}
.mk-ads-note strong {color:var(--mk-text)}
.mk-details {margin-top:14px}
.mk-details summary {cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--mk-blue);font-size:14px;line-height:1.4;font-weight:600;border:1px solid var(--mk-line);border-radius:8px;padding:8px 12px;background:var(--mk-inner);box-sizing:border-box}
.mk-details summary:hover {border-color:var(--mk-blue)}
.mk-details p {font-size:13px;line-height:1.55;color:var(--mk-muted);margin:12px 0 0}
.mk-dialog-actions {position:sticky;bottom:0;z-index:1;background:var(--mk-card);padding:14px 20px;border-top:1px solid var(--mk-line);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.mk-test-status {max-width:1232px;margin:16px auto;padding:10px 16px;border:1px solid var(--mk-line);border-left:3px solid #87b9e5;border-radius:10px;font-size:13px;line-height:1.5;background:var(--mk-card);box-sizing:border-box;overflow-wrap:anywhere}
.mk-dialog-body>.mk-error {border-left:3px solid #de9e52;padding:8px 12px;background:var(--mk-inner);color:var(--mk-text)}
.mk-spacer {height:calc(var(--mk-banner-height,0px) + 48px)}
.web-public .mk-footer-button {font:600 13px/1.4 'Segoe UI',Arial,sans-serif;min-height:44px;border:1px solid var(--web-line);border-radius:8px;padding:8px 12px;background:var(--web-surface);color:var(--web-text);cursor:pointer}
.web-public .mk-footer-button:focus-visible {outline:3px solid var(--web-gold);outline-offset:3px}
.mk-consent-visible .nap-root .nap-launcher {bottom:calc(var(--mk-banner-height,0px) + 40px)}
.mk-consent-visible .nap-root .nap-tip {bottom:calc(var(--mk-banner-height,0px) + 100px)}
@supports(backdrop-filter:blur(1px)) {.mk-banner,.mk-dialog {background:color-mix(in srgb,var(--mk-card) 94%,transparent);backdrop-filter:blur(14px)}}
@media(max-width:1050px) {.mk-banner{grid-template-columns:1fr}.mk-banner p{max-width:none}.mk-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-manage{grid-column:auto}}
@media(max-width:600px) {.mk-banner{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);padding:15px;gap:12px}.mk-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-manage{grid-column:1/-1}.mk-purpose-grid{grid-template-columns:1fr}.mk-dialog-head,.mk-dialog-body{padding:14px}.mk-dialog-actions{padding:14px;justify-content:stretch}.mk-dialog-actions .mk-button{flex:1 1 100%}.mk-dialog{max-height:calc(100dvh - 24px)}.mk-test-status{margin:12px 16px}}
@media(prefers-reduced-motion:reduce) {.mk-button{transition:none}}

.mk-details a {display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--mk-line);border-radius:8px;color:var(--mk-blue);box-sizing:border-box}
.mk-details a:focus-visible{outline:3px solid var(--mk-blue);outline-offset:3px}

/* Registration uses auth tokens, not web.css. Keep both themes in the same existing profile. */
.auth-povrch .mk-banner, .auth-povrch .mk-dialog, .auth-povrch .mk-test-status {
  --mk-card:var(--bg); --mk-inner:var(--surface-2); --mk-text:var(--text);
  --mk-muted:var(--text-muted); --mk-line:var(--border-2); --mk-gold:var(--iris-gold);
}
.auth-povrch .mk-footer-button {color:var(--text-muted);border-color:var(--border-2)}
