/* Aranuz Cine · camada da Suite V0001 (13/10/2026) · ver CHANGELOG-Cine.md
   Só as decisões do dono, por cima do desenho aprovado do Cine v12.2 (layout A):
   1) moldura (barra superior e menu lateral) escura também no claro
   2) caixas de seleção = as da janela "Enviar atualização às produtoras": quadrado 18px, raio 5, borda 1.5px, azul cheio com ✓ branco
   3) grade/lista: selecionado azul com ícone branco, sem borda interna; busca e grade/lista com borda forte no claro
   4) espaçamento entre blocos no máximo 22 px
   5) Prisma (data-style="prisma") = cabeçalho e botão principal em degradê; Clássico = Cine original */
.ckx i{width:18px!important;height:18px!important;min-width:18px;border-radius:5px!important;border:1.5px solid var(--text-muted)!important;background:transparent!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box}
.ckx i svg{width:12px!important;height:12px!important;color:#fff!important;stroke:#fff!important;stroke-width:3!important;opacity:0}
.ckx.on i{background:var(--accent-blue)!important;border-color:var(--accent-blue)!important}
.ckx.on i svg{opacity:1}
.ckx.on{background:transparent!important}
.vtog button.on{background:var(--accent-blue)!important;color:#fff!important;box-shadow:none!important;border:0!important;outline:0!important}
.vtog button.on svg{color:#fff!important;stroke:#fff!important}
html[data-theme="light"] #dynamic-content-area .vtog,html[data-theme="light"] #dynamic-content-area .tb-s{border:1px solid #c3c9d4!important;box-shadow:none!important}
.pg>div[style="height:6px"]{display:none!important}
/* 1) moldura escura no claro: as variáveis do tema escuro valem dentro da barra e do menu */
html[data-theme="light"] .top-header,html[data-theme="light"] .sidebar{--bg-main:#0d0d0f;--bg-sidebar:#0d0d0f;--bg-card:#18181b;--bg-card-hover:#222226;--border-color:#28282c;--border-glow:#28282c;--text-primary:#f5f5f7;--text-secondary:#9a9aa0;--text-muted:#9a9aa0;--accent-blue:#0a84ff;--accent-blue-glow:rgba(10,132,255,.13);--accent-blue-soft:#0a84ff;--accent-purple:#0a84ff;--accent-green:#10b981;--accent-amber:#f59e0b;--accent-red:#f04d4d;--accent-gold:#fbbf24;--accent-pink:#f472b6;--accent-pink-rgb:244,114,182;--accent-magenta:#e879f9;--accent-magenta-rgb:232,121,249;--accent-orange:#ffb648;--accent-orange-rgb:255,182,72;--accent-amber-rgb:245,158,11;--accent-gold-rgb:251,191,36;--accent-green-rgb:16,185,129;--accent-red-rgb:240,77,77;--accent-purple-rgb:10,132,255;--accent-purple-glow:rgba(10,132,255,.13);--accent-green-glow:rgba(16,185,129, 0.12);--accent-red-glow:rgba(240,77,77, 0.12);--accent-blue-rgb:10,132,255;--bg-page:#18181b;--sidebar-text:#f5f5f7;--sidebar-text-sec:#9a9aa0;--sidebar-text-mid:#c7c7cc;--sidebar-hover:rgba(10,132,255,.07);--sidebar-active-bg:rgba(10,132,255,.13);--sidebar-border:#28282c;--chart-grid:rgba(255,255,255,0.06);--overlay-bg:rgba(0,0,0,0.7);--card-shadow:0 2px 6px rgba(0,0,0,0.3);--acr-veu:rgba(10,11,15,.78);--acr-sombra:0 30px 70px rgba(0,0,0,.55);--acr-skel:#1f2025;--acr-skel2:#26272d;color-scheme:dark;color:var(--text-primary)}
html[data-theme="light"] .top-header{background:#0d0d0f!important;border-color:#28282c!important}
html[data-theme="light"] .sidebar{background:#0d0d0f!important;border-color:#28282c!important}
/* 5) Prisma */
html[data-style=prisma][data-theme=light] .hd{background:linear-gradient(118deg,rgba(37,99,235,.30) 0%,rgba(30,64,175,.10) 45%,#fff 100%)!important;border:1px solid rgba(37,99,235,.30)!important}
html[data-style=prisma][data-theme=light] .hd .hd-c{background:rgba(255,255,255,.78)!important;border:1px solid rgba(37,99,235,.18)!important}
html[data-style=prisma][data-theme=dark] .hd{background:linear-gradient(118deg,rgba(37,99,235,.50) 0%,rgba(30,64,175,.22) 42%,var(--bg-card) 100%)!important;border:1px solid rgba(37,99,235,.45)!important}
html[data-style=prisma][data-theme=dark] .hd .hd-c{background:rgba(0,0,0,.26)!important;border:1px solid rgba(255,255,255,.06)!important}
html[data-style=prisma] .btg,html[data-style=prisma] .ab.np{background:linear-gradient(135deg,#4f6bf0 0%,#8b5cf6 100%)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 18px rgba(99,102,241,.35)!important}
html[data-theme="light"] .top-header{border-bottom-color:rgba(255,255,255,.07)!important}
html[data-theme="light"] .top-header .header-brand-group>span:not(.header-brand-name){background-color:#0a84ff!important}
html[data-theme="light"] .top-header .header-brand-name{color:#f5f5f7!important}
html[data-theme="light"] .top-header .tb-s{background-color:#18181b!important;box-shadow:none!important}
html[data-theme="light"] .top-header .tb-s input{color:#f5f5f7!important}
html[data-theme="light"] .top-header .search-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238890a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")!important}
html[data-theme="light"] .top-header .header-sync-btn,html[data-theme="light"] .top-header .header-bell-btn{color:#9a9aa0!important}
html[data-theme="light"] .top-header .header-sync-btn svg,html[data-theme="light"] .top-header .header-bell-btn svg{color:#9a9aa0!important;stroke:#9a9aa0!important}
html[data-theme="light"] .sidebar .sidebar-toggle-btn{color:#9a9aa0!important;background-color:#0d0d0f!important;border-color:#28282c!important}
html[data-theme="light"] .sidebar .sidebar-toggle-btn svg{color:#9a9aa0!important;stroke:#9a9aa0!important}
html[data-theme="light"] body .top-header .header-actions .header-sync-btn,html[data-theme="light"] body .top-header .header-actions .header-bell-btn{color:#9a9aa0!important}
html[data-theme="light"] body .sidebar .nav-menu .ab.c9-volta{color:#f5f5f7!important;background-color:#18181b!important;border-color:#38383d!important}
html[data-theme="light"] body .sidebar .nav-menu .ab.c9-volta svg{color:#0a84ff!important;stroke:#0a84ff!important}
html[data-theme="light"] body .sidebar .nav-menu .ab.c9-volta .ab-t{color:#f5f5f7!important}
html[data-theme="light"] body .sidebar .nav-menu .menu-chef.active{color:#f5f5f7!important;background-color:rgba(10,132,255,.14)!important}
html[data-theme="light"] body .sidebar .nav-menu .submenu-link,html[data-theme="light"] body .sidebar .nav-menu .submenu-link span{color:#c7c7cc!important}
html[data-theme="light"] body .sidebar .nav-menu .submenu-link svg{color:#c7c7cc!important;stroke:#c7c7cc!important}
html[data-theme="light"] body .sidebar>div>div:has(>.xm-pill){background-color:transparent!important}
html[data-theme="light"] body .sidebar .xm-pill{color:#60a5fa!important}

/* ---- V0002: app de verdade (login pela Conta, carga, sem barra do protótipo) ---- */
html.cine-real #pBar,html.cine-real #guiaBt,html.cine-real #guia{display:none!important}
#cinen-carga,#cinen-sessao{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--bg-main,#f5f5f7);color:var(--text-secondary,#6e6e73);font-size:13.5px}
#cinen-carga div{display:flex;flex-direction:column;align-items:center;gap:14px}
#cinen-carga i{width:28px;height:28px;border-radius:50%;border:3px solid var(--border-color,#e5e5ea);border-top-color:var(--accent-blue,#0071e3);animation:cinengira .8s linear infinite}
@keyframes cinengira{to{transform:rotate(360deg)}}
#cinen-sessao .cn-cx{width:min(420px,calc(100vw - 32px));background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e5ea);border-radius:22px;padding:34px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.12)}
#cinen-sessao .cn-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#2f5eea)}
#cinen-sessao h1{margin:6px 0 0;font-size:20px;color:var(--text-primary,#1d1d1f)}
#cinen-sessao p{margin:0 0 8px;font-size:13.5px;line-height:1.5}
#cinen-sessao .cn-bt{height:42px;padding:0 24px;border:0;border-radius:999px;background:var(--accent-blue,#0071e3);color:#fff;font-weight:600;font-size:14px;cursor:pointer}
#cinen-sessao .cn-lk{background:none;border:0;color:var(--text-secondary,#6e6e73);font-size:13px;cursor:pointer;text-decoration:underline}

/* Cine: menu da conta no cabeçalho, faixa de somente leitura, interruptor de tema */
html.cine-real .header-bell-btn,html.cine-real #notifPanel{display:none!important}
html.cine-real #headerAvatarMenu .header-avatar-menu-item small{color:var(--text-secondary);font-size:11.5px}
#cinen-faixa{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:9000;background:#18181b;color:#f5f5f7;border:1px solid #38383d;border-radius:999px;padding:9px 18px;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#cinen-faixa{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;max-width:min(760px,calc(100vw - 32px))}
#cinen-faixa button{height:30px;padding:0 14px;border-radius:999px;border:1px solid #38383d;background:#222226;color:#f5f5f7;font-size:12.5px;cursor:pointer}
#cinen-faixa button:last-child{background:#0a84ff;border-color:#0a84ff}

/* Botões em pílula também no Clássico (manual de design, 14/10/2026). O Prisma já era. Botões quadrados de ícone (.sq) ficam como estão. */
.ab:not(.sq),.btg,.btn,.fbtn,.bt:not(.sq){border-radius:999px!important}