/* Premium QR Codes — site-wide appearance system */

.pqr-theme-switcher {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 4px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pqr-theme-trigger {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(110,120,142,.25);
    border-radius: 11px;
    color: #455066;
    background: rgba(255,255,255,.72);
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.pqr-theme-trigger:hover { transform: translateY(-1px); border-color: #9eabd1; }
.pqr-theme-trigger svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; }

.pqr-theme-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 9999;
    width: 226px;
    padding: 7px;
    border: 1px solid #dce2ec;
    border-radius: 16px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 22px 60px rgba(9,17,31,.18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px) scale(.98);
    transform-origin: top right;
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
}
.pqr-theme-switcher.is-open .pqr-theme-menu { opacity: 1; visibility: visible; transform: none; }
.pqr-theme-menu-label { padding: 8px 10px 5px; color: #8a94a6; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.pqr-theme-choice { width: 100%; display: grid; grid-template-columns: 30px 1fr 15px; align-items: center; gap: 9px; padding: 9px; border: 0; border-radius: 11px; color: #273247; background: transparent; text-align: left; cursor: pointer; }
.pqr-theme-choice:hover { background: #f2f5fa; }
.pqr-theme-choice.is-active { background: #edf1ff; color: #2457ff; }
.pqr-theme-swatch { width: 30px; height: 30px; display: block; border: 1px solid rgba(9,17,31,.1); border-radius: 9px; }
.pqr-theme-swatch.signal { background: linear-gradient(135deg,#2457ff 0 48%,#35e6a3 48% 62%,#09111f 62%); }
.pqr-theme-swatch.glass { background: linear-gradient(135deg,#d9f4ff,#9fb9ff 48%,#e1c8ff); box-shadow: inset 0 0 0 5px rgba(255,255,255,.45); }
.pqr-theme-swatch.midnight { background: linear-gradient(135deg,#070b14,#18233d 65%,#7558ff); }
.pqr-theme-choice-copy { display:flex; flex-direction:column; line-height:1.2; }
.pqr-theme-choice-copy b { font-size: 12px; }
.pqr-theme-choice-copy small { margin-top: 3px; color: #8a94a6; font-size: 9px; }
.pqr-theme-check { opacity:0; font-size:12px; }.pqr-theme-choice.is-active .pqr-theme-check{opacity:1}
.pqr-theme-switcher.pqr-theme-floating { position: fixed; top: 18px; right: 18px; z-index: 10000; }

/* LIQUID GLASS — luminous, transparent, high-legibility */
html[data-pqr-theme="glass"] {
    --pqr-primary: #4666e8;
    --pqr-primary-dark: #344dcc;
    --pqr-primary-soft: rgba(231,237,255,.65);
    --pqr-text: #14213c;
    --pqr-text-soft: #3f4d6b;
    --pqr-muted: #65718c;
    --pqr-border: rgba(255,255,255,.72);
}
html[data-pqr-theme="glass"] body.pqr-studio-page {
    background:
        radial-gradient(circle at 8% 5%, rgba(90,152,255,.38), transparent 31rem),
        radial-gradient(circle at 92% 16%, rgba(175,112,255,.30), transparent 31rem),
        radial-gradient(circle at 52% 86%, rgba(52,226,191,.22), transparent 33rem),
        linear-gradient(145deg,#eaf5ff,#f3efff 50%,#e8fbf6) fixed !important;
}
html[data-pqr-theme="glass"] body.pqr-studio-page::before { opacity:.2; background-size:32px 32px; }
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-site-header {
    background: rgba(244,249,255,.58) !important;
    border-bottom-color: rgba(255,255,255,.75) !important;
    box-shadow: 0 10px 38px rgba(61,76,130,.09) !important;
    backdrop-filter: blur(26px) saturate(155%);
}
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-brand-mark,
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-footer-brand-icon {
    background: linear-gradient(145deg,rgba(64,98,232,.9),rgba(132,88,238,.85)) !important;
    border:1px solid rgba(255,255,255,.72);
}
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-nav-primary { background:rgba(31,47,87,.88) !important; backdrop-filter:blur(12px); }
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-home-hero {
    border-color:rgba(255,255,255,.72);
    background:
        radial-gradient(circle at 75% 12%,rgba(134,98,246,.46),transparent 31%),
        radial-gradient(circle at 92% 90%,rgba(60,199,237,.4),transparent 32%),
        linear-gradient(135deg,rgba(25,45,84,.87),rgba(50,47,108,.78));
    box-shadow:0 35px 90px rgba(63,76,134,.2),inset 0 1px rgba(255,255,255,.35);
    backdrop-filter:blur(28px) saturate(145%);
}
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-home-tool,
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-social-showcase,
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-home-feature,
html[data-pqr-theme="glass"] body.pqr-studio-page .card,
html[data-pqr-theme="glass"] body.pqr-studio-page .card-custom,
html[data-pqr-theme="glass"] body.pqr-studio-page .studio-card,
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-dashboard-card,
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-stat-card,
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-panel {
    border-color:rgba(255,255,255,.78) !important;
    background:rgba(255,255,255,.48) !important;
    box-shadow:0 24px 65px rgba(65,78,132,.13),inset 0 1px rgba(255,255,255,.75) !important;
    backdrop-filter:blur(22px) saturate(142%);
    -webkit-backdrop-filter:blur(22px) saturate(142%);
}
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-home-tool:first-child {
    background:linear-gradient(145deg,rgba(57,92,226,.86),rgba(105,75,224,.75)) !important;
}
html[data-pqr-theme="glass"] body.pqr-studio-page .form-control,
html[data-pqr-theme="glass"] body.pqr-studio-page .form-select,
html[data-pqr-theme="glass"] body.pqr-studio-page .input-group-text {
    border-color:rgba(255,255,255,.8) !important;
    background:rgba(255,255,255,.48) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.7);
}
html[data-pqr-theme="glass"] body.pqr-studio-page .pqr-footer { background:linear-gradient(140deg,rgba(17,32,62,.94),rgba(42,37,85,.92)); }
html[data-pqr-theme="glass"] body.pqr-auth-page {
    background:radial-gradient(circle at 12% 15%,rgba(60,151,255,.55),transparent 28rem),radial-gradient(circle at 85% 82%,rgba(162,91,255,.48),transparent 30rem),linear-gradient(135deg,#dbeeff,#eee5ff);
}
html[data-pqr-theme="glass"] body.pqr-auth-page .card,
html[data-pqr-theme="glass"] body.pqr-auth-page > form {
    border-color:rgba(255,255,255,.85) !important;
    background:rgba(255,255,255,.58) !important;
    box-shadow:0 32px 90px rgba(48,61,110,.2),inset 0 1px white !important;
    backdrop-filter:blur(28px) saturate(150%);
}

/* MIDNIGHT — focused, premium dark */
html[data-pqr-theme="midnight"] {
    color-scheme:dark;
    --pqr-primary:#7c82ff;
    --pqr-primary-dark:#9b8aff;
    --pqr-primary-soft:#20284a;
    --pqr-text:#f1f4fb;
    --pqr-text-soft:#c1c8d8;
    --pqr-muted:#929db2;
    --pqr-border:#283249;
    --pqr-surface:#111a2a;
    --pqr-surface-solid:#111a2a;
    --pqr-surface-soft:#0c1422;
    --pqr-page:#080d17;
}
html[data-pqr-theme="midnight"] body.pqr-studio-page {
    color:#eef2fb;
    background:radial-gradient(circle at 8% 6%,rgba(68,75,220,.25),transparent 30rem),radial-gradient(circle at 92% 26%,rgba(124,65,201,.18),transparent 30rem),#080d17 !important;
}
html[data-pqr-theme="midnight"] body.pqr-studio-page::before { opacity:.22; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); }
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-site-header { background:rgba(8,13,23,.88) !important; border-bottom-color:#202a3f !important; }
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-brand,
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-nav-link:hover { color:#f4f6fb !important; }
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-nav-link { color:#a9b3c8 !important; }
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-nav-link:hover { border-color:#33405b; background:#131c2d; }
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-nav-primary { color:#071019 !important; background:#8b91ff !important; }
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-home-hero { border-color:#293552; background:radial-gradient(circle at 76% 12%,rgba(119,76,245,.6),transparent 31%),linear-gradient(135deg,#0c1527,#171633); box-shadow:0 34px 90px rgba(0,0,0,.42); }
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-home-tool,
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-social-showcase,
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-home-feature,
html[data-pqr-theme="midnight"] body.pqr-studio-page .card,
html[data-pqr-theme="midnight"] body.pqr-studio-page .card-custom,
html[data-pqr-theme="midnight"] body.pqr-studio-page .studio-card,
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-dashboard-card,
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-stat-card,
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-panel {
    color:#e9edf6 !important;
    border-color:#273249 !important;
    background:#111a2a !important;
    box-shadow:0 22px 58px rgba(0,0,0,.28) !important;
}
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-home-tool:first-child { background:linear-gradient(145deg,#263ec0,#5438a8) !important; }
html[data-pqr-theme="midnight"] body.pqr-studio-page h1,
html[data-pqr-theme="midnight"] body.pqr-studio-page h2,
html[data-pqr-theme="midnight"] body.pqr-studio-page h3,
html[data-pqr-theme="midnight"] body.pqr-studio-page h4,
html[data-pqr-theme="midnight"] body.pqr-studio-page h5 { color:#f3f5fb !important; }
html[data-pqr-theme="midnight"] body.pqr-studio-page p,
html[data-pqr-theme="midnight"] body.pqr-studio-page label { color:#9ba6ba; }
html[data-pqr-theme="midnight"] body.pqr-studio-page .form-control,
html[data-pqr-theme="midnight"] body.pqr-studio-page .form-select,
html[data-pqr-theme="midnight"] body.pqr-studio-page .input-group-text {
    color:#ecf0f8 !important;
    border-color:#303c55 !important;
    background:#0c1422 !important;
}
html[data-pqr-theme="midnight"] body.pqr-studio-page .form-control::placeholder { color:#657086; }
html[data-pqr-theme="midnight"] body.pqr-studio-page .table { --bs-table-color:#dce2ee; --bs-table-border-color:#283249; --bs-table-striped-bg:#151f31; }
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-home-chip,
html[data-pqr-theme="midnight"] body.pqr-studio-page .option-pill { color:#bdc6d8 !important; border-color:#303c55 !important; background:#172136 !important; }
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-footer { background:#050912; }
html[data-pqr-theme="midnight"] body.pqr-auth-page { color:#edf1f8; background:radial-gradient(circle at 15% 12%,rgba(63,75,218,.3),transparent 28rem),radial-gradient(circle at 85% 82%,rgba(125,67,194,.23),transparent 28rem),#070b13; }
html[data-pqr-theme="midnight"] body.pqr-auth-page .card,
html[data-pqr-theme="midnight"] body.pqr-auth-page > form { color:#edf1f8; border-color:#283249 !important; background:#111a2a !important; }
html[data-pqr-theme="midnight"] body.pqr-auth-page h1,
html[data-pqr-theme="midnight"] body.pqr-auth-page h2,
html[data-pqr-theme="midnight"] body.pqr-auth-page h3 { color:white; }
html[data-pqr-theme="midnight"] body.pqr-auth-page .form-control { color:white; border-color:#303c55; background:#0c1422; }
html[data-pqr-theme="midnight"] .pqr-theme-trigger { color:#cbd3e3; border-color:#303c55; background:#121c2d; }
html[data-pqr-theme="midnight"] .pqr-theme-menu { color:#e7ebf4; border-color:#303c55; background:#111a2a; box-shadow:0 24px 65px rgba(0,0,0,.45); }
html[data-pqr-theme="midnight"] .pqr-theme-choice { color:#cdd5e4; }
html[data-pqr-theme="midnight"] .pqr-theme-choice:hover { background:#182338; }
html[data-pqr-theme="midnight"] .pqr-theme-choice.is-active { color:#aeb2ff; background:#202a48; }

@media(max-width:767px){.pqr-theme-switcher{margin-left:0}.pqr-theme-menu{position:fixed;top:74px;right:12px;width:min(260px,calc(100vw - 24px))}}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){html[data-pqr-theme="glass"] body.pqr-studio-page .card,html[data-pqr-theme="glass"] body.pqr-studio-page .card-custom,html[data-pqr-theme="glass"] body.pqr-studio-page .studio-card{background:#f4f7ff !important}}
