/* =========================================================
   CINEMA ONE ENTERPRISE 5.0 - MAJOR AI OPERATIONS DESIGN SYSTEM
   Hard override to remove old Film Report brown/cream theme and low contrast text.
   ========================================================= */
:root, html[data-theme="dark"]{
  --co-bg:#07111f; --co-bg2:#0b1628; --co-card:#101d31; --co-card2:#15243a;
  --co-panel:#0f1c30; --co-border:rgba(148,163,184,.24);
  --co-text:#ffffff; --co-text2:#f1f5f9; --co-muted:#cbd5e1; --co-soft:#94a3b8;
  --co-primary:#3b82f6; --co-cyan:#06b6d4; --co-green:#22c55e; --co-amber:#f59e0b; --co-red:#ef4444;
  --bg:var(--co-bg); --card:var(--co-card); --card2:var(--co-card2); --panel:var(--co-panel);
  --text:var(--co-text); --muted:var(--co-muted); --border:var(--co-border);
  --primary:var(--co-primary); --accent:var(--co-cyan);
}
html[data-theme="light"]{
  --co-bg:#f4f7fb; --co-bg2:#e8eef8; --co-card:#ffffff; --co-card2:#f8fafc; --co-panel:#ffffff;
  --co-border:rgba(15,23,42,.12); --co-text:#0f172a; --co-text2:#1e293b; --co-muted:#475569; --co-soft:#64748b;
  --bg:var(--co-bg); --card:var(--co-card); --card2:var(--co-card2); --panel:var(--co-panel);
  --text:var(--co-text); --muted:var(--co-muted); --border:var(--co-border);
  --primary:#2563eb; --accent:#0891b2;
}
*{box-sizing:border-box} html,body{min-height:100%;}
body{background:radial-gradient(circle at 20% 0%,rgba(59,130,246,.22),transparent 32%),radial-gradient(circle at 86% 12%,rgba(6,182,212,.16),transparent 28%),var(--co-bg)!important;color:var(--co-text)!important;font-family:Inter,Segoe UI,Arial,sans-serif!important;}
html[data-theme="light"] body{background:linear-gradient(180deg,#f8fafc,#eef4ff)!important;color:#0f172a!important;}
body *{color:inherit;}
h1,h2,h3,h4,h5,h6,.co-title,.panel-head h2,.card-title,.section-title,.cr-table th,.sidebar strong,.nav-item span{color:var(--co-text)!important;letter-spacing:-.015em;}
p,span,small,label,td,th,li,div,.muted,.cr-sub,.co-sub,.co-card span,.co-tile span,.co-row span,.mini-stat span{color:var(--co-muted)!important;}
b,strong,.co-kpi b,.mini-stat b,.co-row b,.co-tile b,.brand b{color:var(--co-text)!important;}
.app-shell,.v8-shell{background:transparent!important;min-height:100vh;}
.main-content{background:transparent!important;color:var(--co-text)!important;padding:24px!important;}
.panel,.full-panel,.co-panel,.co-card,.card,.box,.content-card,.mini-stat,.acct-chip,.cr-field input,.cr-field textarea,.cr-field select, input, textarea, select{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid var(--co-border)!important;border-radius:22px!important;box-shadow:0 24px 65px rgba(0,0,0,.22)!important;color:var(--co-text)!important;}
html[data-theme="light"] .panel,html[data-theme="light"] .full-panel,html[data-theme="light"] .co-panel,html[data-theme="light"] .co-card,html[data-theme="light"] .card,html[data-theme="light"] .box,html[data-theme="light"] .content-card,html[data-theme="light"] .mini-stat,html[data-theme="light"] .acct-chip,html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:#fff!important;color:#0f172a!important;box-shadow:0 14px 35px rgba(15,23,42,.08)!important;}
input::placeholder,textarea::placeholder{color:var(--co-soft)!important;opacity:1}.muted,.text-muted,.helper,.hint{color:var(--co-muted)!important;}
a{color:#93c5fd!important;text-decoration:none} a:hover{color:#bfdbfe!important}
button,.btn,.primary-btn,.secondary-btn,.cr-btn,.co-btn,.icon-btn{border-radius:14px!important;border:1px solid rgba(147,197,253,.28)!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;font-weight:900!important;box-shadow:0 14px 34px rgba(37,99,235,.22)!important;}
button.secondary,.secondary-btn,.cr-btn.secondary,.co-btn:not(.primary):not(.green):not(.gold),.icon-btn{background:rgba(15,23,42,.58)!important;color:#fff!important;border-color:rgba(148,163,184,.28)!important;box-shadow:none!important;}
html[data-theme="light"] button.secondary,html[data-theme="light"] .secondary-btn,html[data-theme="light"] .cr-btn.secondary,html[data-theme="light"] .icon-btn{background:#f8fafc!important;color:#0f172a!important;}
.cr-btn.danger,.danger,.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important;border-color:rgba(248,113,113,.4)!important;}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{background:linear-gradient(180deg,#06101d,#0b1728)!important;border-right:1px solid rgba(148,163,184,.18)!important;color:#fff!important;}
.brand-logo,.logo-glass{width:72px!important;height:72px!important;min-width:72px!important;border-radius:22px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(148,163,184,.18)!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-shadow:0 20px 55px rgba(6,182,212,.14)!important;}
.brand-logo img,.logo-glass img,.co-hero-logo img{max-width:90%!important;max-height:90%!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 0 14px rgba(59,130,246,.25));}
.co-hero-logo{width:112px!important;height:112px!important;margin:0 auto 14px!important;border-radius:32px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(147,197,253,.22)!important;display:grid!important;place-items:center!important;overflow:hidden!important;}
.nav-item{color:#dbeafe!important;border-radius:16px!important;margin:3px 10px!important;border:1px solid transparent!important;}
.nav-item:hover,.nav-item.active{background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(6,182,212,.16))!important;border-color:rgba(147,197,253,.25)!important;color:#fff!important;box-shadow:0 12px 35px rgba(37,99,235,.12)!important;}
.frt-nav-group-title{color:#93c5fd!important;opacity:1!important;font-weight:900!important;letter-spacing:.08em!important;}
.co-hero,.hero-topbar,.topbar{background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(6,182,212,.09)),rgba(16,29,49,.74)!important;border:1px solid rgba(147,197,253,.23)!important;border-radius:28px!important;color:var(--co-text)!important;box-shadow:0 28px 80px rgba(0,0,0,.24)!important;}
.co-title{font-size:clamp(42px,6vw,78px)!important;line-height:.98!important;margin:4px 0 12px!important;text-align:center!important;background:linear-gradient(135deg,#fff,#bfdbfe,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent!important;}
.co-eyebrow,.eyebrow{color:#93c5fd!important;text-transform:uppercase;font-weight:900!important;letter-spacing:.12em!important;}
.co-sub{max-width:1020px!important;margin:0 auto!important;text-align:center!important;font-size:16px!important;color:#dbeafe!important;}
.co-grid{display:grid;gap:16px}.co-kpis{grid-template-columns:repeat(6,minmax(130px,1fr))}.co-main-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;margin-top:18px}.co-kpi{padding:18px!important;text-align:left!important}.co-kpi i{font-size:28px;color:#fff}.co-kpi b{display:block;font-size:32px;line-height:1.05;margin:8px 0;color:#fff!important}.co-kpi small{font-weight:900;color:#bfdbfe!important;text-transform:uppercase;letter-spacing:.06em}.co-kpi span{color:#cbd5e1!important}.co-panel{padding:20px!important;margin:0 0 18px!important}.co-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.co-tile{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--co-border);border-radius:18px;background:rgba(255,255,255,.045);transition:.18s ease}.co-tile:hover{transform:translateY(-2px);background:rgba(37,99,235,.14)}.co-tile i{font-size:28px}.co-list{display:grid;gap:10px}.co-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--co-border);background:rgba(255,255,255,.04)}.co-status,.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 11px!important;border-radius:999px!important;background:rgba(34,197,94,.16)!important;color:#86efac!important;border:1px solid rgba(34,197,94,.28)!important;font-style:normal!important;font-weight:900!important}.co-status.wait{background:rgba(245,158,11,.14)!important;color:#fcd34d!important;border-color:rgba(245,158,11,.28)!important}.b-bad,.co-status.err{background:rgba(239,68,68,.14)!important;color:#fca5a5!important;border-color:rgba(239,68,68,.28)!important}.co-track{height:11px;border-radius:999px;background:rgba(148,163,184,.2);overflow:hidden}.co-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4,#22c55e)}.co-bar{display:grid;grid-template-columns:90px 1fr 46px;gap:10px;align-items:center;margin:12px 0}.co-chat{display:grid;gap:9px}.co-bubble{padding:12px;border-radius:16px;max-width:96%;background:rgba(255,255,255,.06);color:#f8fafc!important}.co-bubble.ai{border:1px solid rgba(6,182,212,.26)}.co-bubble.user{margin-left:auto;background:linear-gradient(135deg,#2563eb,#06b6d4);color:white!important}.co-command{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.co-command input{height:46px!important;border-radius:15px!important;padding:0 13px!important}.cr-logo{background:rgba(255,255,255,.06)!important;border-color:rgba(147,197,253,.25)!important;color:#fff!important}.cr-logo::before{content:'';display:block;width:80%;height:80%;background:url('/static/cinema_one_logo_user.png?v=50responsive_fit_v1') center/contain no-repeat;}.cr-logo{font-size:0!important;}
.cr-table-wrap,table{background:rgba(255,255,255,.035)!important;border-color:var(--co-border)!important;color:var(--co-text)!important}.cr-table th,table th{background:#1e293b!important;color:#fff!important}.cr-table td,table td{color:var(--co-text2)!important;border-color:rgba(148,163,184,.16)!important}.cr-table tr:hover td,table tr:hover td{background:rgba(59,130,246,.08)!important}.link-cell,.link-cell *{color:#93c5fd!important}.cr-view-link{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important;border-color:rgba(147,197,253,.35)!important}.modal,.modal-content,.dialog,.popup{background:var(--co-card)!important;color:var(--co-text)!important;border:1px solid var(--co-border)!important;border-radius:24px!important}.toast,.co-toast{background:rgba(15,23,42,.94)!important;color:#fff!important;border:1px solid rgba(147,197,253,.25)!important;border-radius:18px!important;box-shadow:0 22px 60px rgba(0,0,0,.32)!important}.mobile-topbar{background:#07111f!important;color:#fff!important;border-bottom:1px solid rgba(148,163,184,.18)!important}.mobile-topbar strong{color:#fff!important}.mission-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.mission-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mission-step{position:relative;padding:16px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid var(--co-border)}.mission-step::after{content:'';position:absolute;left:18px;right:18px;bottom:12px;height:4px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#06b6d4,#22c55e)}.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.agent-card{padding:15px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid var(--co-border)}.agent-card b{display:block;margin:6px 0}.autopilot-start{font-size:22px!important;padding:18px 28px!important;border-radius:22px!important;background:linear-gradient(135deg,#16a34a,#06b6d4,#2563eb)!important;box-shadow:0 22px 55px rgba(34,197,94,.22)!important}.workspace-path{font-family:Consolas,monospace;background:rgba(15,23,42,.75);border:1px solid var(--co-border);padding:12px;border-radius:14px;color:#bfdbfe!important;display:block}.light-only{display:none}html[data-theme="light"] .dark-only{display:none}html[data-theme="light"] .light-only{display:inline}html[data-theme="light"] .co-title{background:linear-gradient(135deg,#0f172a,#2563eb,#0891b2);-webkit-background-clip:text;background-clip:text;color:transparent!important}html[data-theme="light"] .co-sub{color:#334155!important}html[data-theme="light"] .co-bubble{background:#f8fafc;color:#0f172a!important}html[data-theme="light"] .sidebar{background:#0b1728!important}
@media(max-width:1180px){.co-kpis{grid-template-columns:repeat(3,1fr)}.co-main-grid,.mission-grid{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.main-content{padding:14px!important}.co-kpis,.mission-strip,.agent-grid,.co-quick{grid-template-columns:1fr}.co-hero-logo{width:86px!important;height:86px!important}.co-title{font-size:42px!important}}

/* V5.0.1 - Remove glass bubbles + Global ONE AI Assistant */
body::before, body::after,
.app-shell::before, .app-shell::after,
.login-wrap::before, .login-wrap::after{
  display:none!important; content:none!important; background:none!important; box-shadow:none!important; animation:none!important;
}

.one-ai-launcher{position:fixed;right:22px;bottom:22px;z-index:99980;border:0;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:900;padding:14px 18px;box-shadow:0 16px 40px rgba(34,197,94,.32);cursor:pointer;display:flex;align-items:center;gap:9px}
.one-ai-launcher:hover{transform:translateY(-2px)}
.one-ai-panel{position:fixed;right:18px;top:70px;bottom:18px;width:380px;max-width:calc(100vw - 26px);z-index:99990;background:rgba(255,255,255,.94);color:#0f172a;border:1px solid rgba(148,163,184,.25);border-radius:24px;box-shadow:0 24px 80px rgba(15,23,42,.22);backdrop-filter:blur(16px);display:flex;flex-direction:column;overflow:hidden;transform:translateX(0);transition:.22s ease}
.one-ai-panel.is-collapsed{width:76px;height:76px;top:auto;left:auto;bottom:22px;border-radius:999px;cursor:pointer;overflow:hidden}
.one-ai-panel.is-hidden{display:none!important}
.one-ai-panel.is-collapsed .one-ai-body,.one-ai-panel.is-collapsed .one-ai-input,.one-ai-panel.is-collapsed .one-ai-sub,.one-ai-panel.is-collapsed .one-ai-min{display:none!important}
.one-ai-panel.is-collapsed .one-ai-head{height:76px;padding:0;justify-content:center;border:0}.one-ai-panel.is-collapsed .one-ai-title{font-size:0}.one-ai-panel.is-collapsed .one-ai-title:before{content:'🤖';font-size:30px}.one-ai-panel.is-collapsed .one-ai-close{display:none}
.one-ai-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 18px 14px;border-bottom:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,rgba(240,253,244,.92),rgba(255,255,255,.72))}
.one-ai-title{font-size:18px;font-weight:1000;color:#16a34a;letter-spacing:.2px}.one-ai-sub{font-size:12px;color:#64748b;margin-top:4px;font-weight:700}.one-ai-actions{display:flex;gap:6px}.one-ai-actions button{width:34px;height:34px;border-radius:12px;border:1px solid rgba(148,163,184,.24);background:#fff;color:#0f172a;cursor:pointer;font-size:18px;font-weight:900}.one-ai-body{padding:16px;overflow:auto;flex:1;background:linear-gradient(180deg,#fff,#f8fafc)}
.one-ai-msg{max-width:88%;padding:12px 14px;border-radius:18px;margin:0 0 12px;line-height:1.45;font-size:14px;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.one-ai-msg.ai{background:#fff;border:1px solid rgba(148,163,184,.20);color:#0f172a}.one-ai-msg.user{margin-left:auto;background:linear-gradient(135deg,#bbf7d0,#dcfce7);border:1px solid rgba(34,197,94,.18);color:#064e3b}.one-ai-msg b{color:#16a34a}.one-ai-quick{display:grid;gap:8px;margin:8px 0 14px}.one-ai-quick button{height:42px;border-radius:14px;border:1px solid rgba(148,163,184,.20);background:#fff;text-align:left;padding:0 12px;color:#334155;font-weight:800;cursor:pointer}.one-ai-quick button:hover{background:#f0fdf4;border-color:rgba(34,197,94,.35)}
.one-ai-input{display:grid;grid-template-columns:1fr 46px;gap:10px;padding:12px;border-top:1px solid rgba(148,163,184,.22);background:#fff}.one-ai-input input{height:46px;border-radius:16px;border:1px solid rgba(148,163,184,.28);padding:0 14px;color:#0f172a;background:#fff}.one-ai-input button{border:0;border-radius:16px;background:linear-gradient(135deg,#22c55e,#16a34a);color:white;font-size:20px;cursor:pointer}.one-ai-foot{font-size:11px;color:#94a3b8;text-align:center;padding:0 12px 10px;background:#fff}
html[data-theme="dark"] .one-ai-panel,body.dark .one-ai-panel{background:rgba(15,23,42,.96);color:#e5e7eb;border-color:rgba(148,163,184,.20)}
html[data-theme="dark"] .one-ai-head,body.dark .one-ai-head{background:linear-gradient(180deg,rgba(22,101,52,.28),rgba(15,23,42,.84));border-color:rgba(148,163,184,.18)}
html[data-theme="dark"] .one-ai-body,body.dark .one-ai-body{background:linear-gradient(180deg,#0f172a,#111827)}
html[data-theme="dark"] .one-ai-msg.ai,body.dark .one-ai-msg.ai,html[data-theme="dark"] .one-ai-quick button,body.dark .one-ai-quick button{background:rgba(30,41,59,.88);color:#e5e7eb;border-color:rgba(148,163,184,.18)}
html[data-theme="dark"] .one-ai-input,body.dark .one-ai-input,html[data-theme="dark"] .one-ai-foot,body.dark .one-ai-foot{background:#0f172a;border-color:rgba(148,163,184,.18)}
html[data-theme="dark"] .one-ai-input input,body.dark .one-ai-input input{background:#111827;color:#e5e7eb;border-color:rgba(148,163,184,.22)}
@media(max-width:900px){.one-ai-panel{left:10px;right:10px;width:auto;top:74px}.one-ai-launcher{right:16px;bottom:16px}.one-ai-panel.is-collapsed{left:auto;width:70px;height:70px}}

/* HOTFIX 5.0.1 - Sidebar logo/menu readability */
.app-shell{grid-template-columns:minmax(310px,310px) minmax(0,1fr)!important;}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{width:310px!important;min-width:310px!important;overflow-x:visible!important;}
.brand-logo,.pro-dashboard-page .sidebar .brand-logo{
  background:linear-gradient(145deg,#020617,#111827)!important;
  border:1px solid rgba(251,191,36,.45)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 12px 28px rgba(2,6,23,.35),0 0 22px rgba(245,158,11,.18)!important;
}
.brand-logo img{filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))!important;}
.frt-sync-menu .nav-item,.nav-item{
  min-height:50px!important;
  height:auto!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
}
.frt-sync-menu .nav-item span,.nav-item span{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
  word-break:normal!important;
}
@media(max-width:900px){.app-shell{grid-template-columns:1fr!important}.sidebar{width:310px!important;max-width:88vw!important}}

/* HOTFIX 5.0.3 - Sidebar logo never cropped + full menu text */
.sidebar .brand,.frt-brand-pro,.brand-main{min-height:96px!important;height:auto!important;padding-top:18px!important;padding-bottom:18px!important;overflow:visible!important;align-items:center!important;}
.sidebar .brand-logo,.frt-brand-pro .brand-logo,.pro-dashboard-page .sidebar .brand-logo,.logo-glass{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;padding:8px!important;overflow:visible!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#020617,#111827)!important;border:1px solid rgba(251,191,36,.42)!important;border-radius:20px!important;}
.sidebar .brand-logo img,.frt-brand-pro .brand-logo img,.pro-dashboard-page .sidebar .brand-logo img,.logo-glass img{display:block!important;width:auto!important;height:auto!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important;object-position:center!important;}
.sidebar .brand strong,.frt-brand-pro strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important;}


/* 5.0.4 GLOBAL LOGO + COPYRIGHT READONLY FIX */
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{width:320px!important;min-width:320px!important;max-width:320px!important;overflow-x:visible!important;}
.app-shell,.v8-shell{grid-template-columns:320px minmax(0,1fr)!important;}
.brand-main.frt-brand-pro,.cinema-one-brand{min-height:104px!important;height:auto!important;padding:14px 14px!important;align-items:center!important;overflow:visible!important;display:flex!important;}
.brand-logo,.logo-glass,.sidebar .brand-logo,.frt-brand-pro .brand-logo{width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;max-width:78px!important;max-height:78px!important;padding:8px!important;overflow:visible!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#020617,#111827)!important;border:1px solid rgba(125,211,252,.34)!important;border-radius:24px!important;box-sizing:border-box!important;}
.brand-logo img,.logo-glass img,.sidebar .brand-logo img,.frt-brand-pro .brand-logo img,img[src*="cinema_one_logo"]{display:block!important;width:auto!important;height:auto!important;max-width:58px!important;max-height:58px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 0 12px rgba(56,189,248,.24))!important;}
.brand-main strong,.cinema-one-brand strong{white-space:normal!important;line-height:1.15!important;overflow:visible!important;text-overflow:clip!important;}
.nav-item span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important;}
.cr-readonly-link{display:inline-block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dbeafe;font-weight:800;cursor:default!important;pointer-events:none!important;}
.readonly-link-cell,.readonly-link-cell *{cursor:default!important;}
.cr-view-link,.open-link-btn{display:none!important;pointer-events:none!important;}
@media(max-width:900px){.app-shell,.v8-shell{grid-template-columns:1fr!important}.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{max-width:none!important;width:320px!important}}


/* ===== 5.0 FINAL RC2 HARD SWEEP: Logo/Menu/Anti-Piracy ===== */
.sidebar.frt-sidebar-pro,.cinema-one-sidebar{width:320px!important;min-width:320px!important;overflow-x:hidden!important;}
.main-content{margin-left:0!important;}
.cinema-one-brand{min-height:128px!important;padding:18px 18px 16px!important;gap:16px!important;align-items:center!important;}
.brand-logo.logo-glass{width:96px!important;height:96px!important;min-width:96px!important;border-radius:50%!important;background:radial-gradient(circle,#0f2743,#06101d)!important;overflow:visible!important;box-shadow:0 0 0 3px rgba(56,189,248,.28),0 0 32px rgba(56,189,248,.35)!important;}
.brand-logo.logo-glass img{width:88px!important;height:88px!important;max-width:88px!important;max-height:88px!important;object-fit:contain!important;display:block!important;}
.cinema-one-brand strong{font-size:18px!important;line-height:1.05!important;white-space:nowrap!important;}
.cinema-one-brand span{font-size:11px!important;letter-spacing:.12em!important;color:#bfdbfe!important;white-space:nowrap!important;}
.nav-item{min-height:50px!important;padding:0 16px!important;display:flex!important;align-items:center!important;gap:13px!important;overflow:visible!important;}
.nav-item i{width:28px!important;min-width:28px!important;text-align:center!important;font-size:20px!important;filter:drop-shadow(0 8px 16px rgba(59,130,246,.25));}
.nav-item span{font-size:14px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15!important;color:#eaf2ff!important;}
.frt-nav-group-title{margin:20px 22px 8px!important;color:#93c5fd!important;}
html[data-theme="light"] .sidebar.frt-sidebar-pro, html[data-theme="light"] .cinema-one-sidebar{background:linear-gradient(180deg,#fffaf0,#f8fbff)!important;border-right:1px solid rgba(245,158,11,.35)!important;}
html[data-theme="light"] .nav-item span, html[data-theme="light"] .cinema-one-brand strong{color:#1e293b!important;}
html[data-theme="light"] .cinema-one-brand span{color:#2563eb!important;}
html[data-theme="light"] .nav-item:hover, html[data-theme="light"] .nav-item.active{background:linear-gradient(135deg,#fde68a,#bfdbfe)!important;color:#0f172a!important;}
/* Anti-Piracy light/readable boxes */
body .cr-page .panel, body .cr-page .full-panel, body .cr-page .mini-stat, body .cr-page .cr-field input, body .cr-page .cr-field textarea, body .cr-page .cr-field select, body .cr-page .cr-drop, body .cr-page .doc-item, body .cr-page .acct-chip{background:#ffffff!important;color:#0f172a!important;border:1px solid rgba(37,99,235,.16)!important;box-shadow:0 14px 38px rgba(15,23,42,.08)!important;}
body .cr-page h1, body .cr-page h2, body .cr-page h3, body .cr-page b, body .cr-page strong, body .cr-page label{color:#0f172a!important;}
body .cr-page p, body .cr-page span, body .cr-page small, body .cr-page td, body .cr-page th, body .cr-page .muted, body .cr-page .muted-sm, body .cr-page .cr-sub{color:#334155!important;}
body .cr-page .cr-table-wrap{background:#fff!important;border:1px solid rgba(37,99,235,.16)!important;}
body .cr-page .cr-table th{background:#eaf2ff!important;color:#0f172a!important;}
body .cr-page .cr-table td{background:#fff!important;color:#0f172a!important;border-bottom:1px solid #dbeafe!important;}
body .cr-page .cr-table tr:nth-child(even) td{background:#f8fbff!important;}
body .cr-page .link-cell, body .cr-page .readonly-link-cell, body .cr-page .cr-readonly-link{color:#1d4ed8!important;font-weight:800!important;}
body .cr-page #resultBody, body .cr-page #resultBody *{pointer-events:none!important;user-select:text!important;}
body .cr-page #resultBody tr{cursor:default!important;}
body .cr-page #resultBody button, body .cr-page #resultBody a{display:none!important;}

/* ===== CINEMA ONE 5.0 FINAL LOCK - DO NOT SHRINK MENU ===== */
:root{--co-final-sidebar:320px;}
.app-shell,.v8-shell{grid-template-columns:var(--co-final-sidebar) minmax(0,1fr)!important;}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{width:var(--co-final-sidebar)!important;min-width:var(--co-final-sidebar)!important;max-width:var(--co-final-sidebar)!important;overflow-x:visible!important;}
.frt-sync-menu .nav-item span,.sidebar .nav-item span{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;}
.brand-logo.logo-glass img,.brand-logo img,.logo-glass img,img[src*="cinema_one_logo"]{object-fit:contain!important;object-position:center!important;}

/* ===== CINEMA ONE 5.0 FINAL RC QUALITY LOCK - 2026-07-06 ===== */
:root{--co-final-sidebar:340px!important;}
html,body{min-height:100%!important;height:auto!important;overflow-x:hidden!important;}
.app-shell,.v8-shell{display:grid!important;grid-template-columns:var(--co-final-sidebar) minmax(0,1fr)!important;min-height:100vh!important;height:auto!important;overflow:visible!important;}
.main-content{min-width:0!important;min-height:100vh!important;height:auto!important;overflow:visible!important;padding-bottom:96px!important;}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar,.res-sidebar{width:var(--co-final-sidebar)!important;min-width:var(--co-final-sidebar)!important;max-width:var(--co-final-sidebar)!important;overflow-y:auto!important;overflow-x:visible!important;scrollbar-gutter:stable!important;}
.brand-main.frt-brand-pro,.cinema-one-brand,.sidebar .brand{min-height:104px!important;padding:16px!important;gap:18px!important;}
.brand-logo.logo-glass,.brand-logo,.logo-glass,.sidebar .brand-logo,.frt-brand-pro .brand-logo{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;max-width:76px!important;max-height:76px!important;border-radius:21px!important;background:#071827!important;overflow:hidden!important;}
.brand-logo.logo-glass img,.brand-logo img,.logo-glass img,.sidebar .brand-logo img,.frt-brand-pro .brand-logo img{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important;object-fit:contain!important;object-position:center!important;border-radius:18px!important;}
.cinema-one-brand strong,.sidebar .brand strong,.brand-main strong{font-size:19px!important;letter-spacing:.07em!important;line-height:1.05!important;max-width:none!important;}
.cinema-one-brand span,.sidebar .brand span,.brand-main span{font-size:12px!important;letter-spacing:.26em!important;line-height:1.2!important;color:#2563eb!important;}
.frt-sync-menu .nav-item,.sidebar .nav-item{min-height:44px!important;padding:11px 13px!important;gap:11px!important;}
.frt-sync-menu .nav-item span,.sidebar .nav-item span{font-size:12.5px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;line-height:1.15!important;}
.frt-nav-group-title{font-size:11.5px!important;white-space:nowrap!important;}
.co-ai-assistant,.ai-assistant,.ai-chatbot,.chatbot-widget{right:18px!important;bottom:18px!important;z-index:50!important;}
.cr-page .panel,.cr-page .full-panel,.cr-page .copyright-card,.cr-page .mini-stat,.cr-page .cr-table-wrap{background:#fff!important;color:#142033!important;}
.cr-page .cr-table td,.cr-page .cr-table th{color:#142033!important;}
.cr-page .readonly-link-cell,.cr-page .cr-readonly-link{pointer-events:none!important;cursor:default!important;color:#7a5a27!important;}
.cr-page #resultBody,.cr-page #resultBody *{user-select:text!important;}
.cr-page #resultBody a,.cr-page #resultBody button{display:none!important;pointer-events:none!important;}
@media(max-width:980px){:root{--co-final-sidebar:320px!important}.app-shell,.v8-shell{grid-template-columns:1fr!important}.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:9990!important;transform:translateX(-105%);transition:.22s ease}.sidebar.open,.frt-sidebar-pro.open,.cinema-one-sidebar.open{transform:translateX(0)}}
  --co-sidebar-w: 300px!important;
  --co-final-sidebar: 300px!important;
}
html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;}
.app-shell,.v8-shell{
  display:grid!important;
  grid-template-columns:var(--co-sidebar-w) minmax(0,1fr)!important;
  min-height:100vh!important;
  height:auto!important;
  overflow:visible!important;
}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar,.res-sidebar{
  width:var(--co-sidebar-w)!important;
  min-width:var(--co-sidebar-w)!important;
  max-width:var(--co-sidebar-w)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}
.main-content{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:100vh!important;
  overflow:visible!important;
  padding:22px 24px 92px!important;
}
/* Sidebar brand giống mẫu đã chọn: gọn, không lệch, không tràn */
.sidebar .brand-main.frt-brand-pro,
.sidebar .cinema-one-brand,
.cinema-one-sidebar .brand-main,
.cinema-one-sidebar .cinema-one-brand{
  height:auto!important;
  min-height:112px!important;
  padding:16px 14px!important;
  margin:14px 12px 18px!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#fff1bd 0%,#ffe4a3 100%)!important;
  border:1px solid rgba(214,159,45,.55)!important;
  box-shadow:0 14px 34px rgba(97,65,12,.16)!important;
  overflow:hidden!important;
}
.sidebar .brand-logo.logo-glass,
.sidebar .brand-logo,
.sidebar .logo-glass,
.frt-brand-pro .brand-logo,
.cinema-one-brand .brand-logo{
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  border-radius:21px!important;
  background:#071827!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 12px 24px rgba(15,23,42,.22)!important;
}
.sidebar .brand-logo img,
.sidebar .logo-glass img,
.frt-brand-pro .brand-logo img,
.cinema-one-brand .brand-logo img{
  width:72px!important;
  height:72px!important;
  max-width:72px!important;
  max-height:72px!important;
  min-width:72px!important;
  min-height:72px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:21px!important;
  filter:none!important;
  transform:none!important;
}
.sidebar .brand-copy,
.cinema-one-brand .brand-copy{
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.sidebar .brand-copy strong,
.cinema-one-brand .brand-copy strong{
  color:#2b1e11!important;
  font-size:19px!important;
  line-height:1.08!important;
  letter-spacing:.08em!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
.sidebar .brand-copy span,
.cinema-one-brand .brand-copy span{
  color:#2563eb!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:.18em!important;
  margin-top:8px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
.sidebar .nav-box,.frt-sync-menu{padding:0 12px 24px!important;}
.sidebar .nav-item,.frt-sync-menu .nav-item{
  min-height:44px!important;
  padding:10px 12px!important;
  margin:3px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  border-radius:14px!important;
  overflow:visible!important;
}
.sidebar .nav-item i,.frt-sync-menu .nav-item i{
  width:26px!important;
  min-width:26px!important;
  text-align:center!important;
  font-size:17px!important;
}
.sidebar .nav-item span,.frt-sync-menu .nav-item span{
  flex:1 1 auto!important;
  min-width:0!important;
  color:inherit!important;
  font-size:12.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
}
.frt-nav-group-title{
  margin:18px 10px 8px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  white-space:nowrap!important;
}
/* Chỉ hiện logo ở sidebar. Nội dung trang không hiển thị logo nữa. */
.main-content .co-hero-logo,
.main-content .login-logo,
.main-content .mail-brand-logo,
.main-content img[src*="cinema_one_logo"]{
  display:none!important;
}
.main-content .co-hero{
  display:block!important;
  grid-template-columns:none!important;
  min-height:unset!important;
  padding:22px 26px!important;
  overflow:visible!important;
}
.main-content .co-hero .co-eyebrow,
.main-content .co-hero .co-title,
.main-content .co-hero .co-sub,
.main-content .co-hero .co-actions{
  display:block!important;
}
.main-content .co-hero .co-title{
  margin:4px 0 8px!important;
  font-size:clamp(26px,2.2vw,42px)!important;
  line-height:1.08!important;
}
.main-content .co-hero .co-sub{max-width:980px!important;}
/* CNOX: co giãn đúng màn hình, không còn phải zoom nhỏ để thấy hết */
body.cnox-page .main-content{
  padding:18px 18px 92px!important;
  overflow:visible!important;
  max-width:calc(100vw - var(--co-sidebar-w))!important;
}
body.cnox-page .cnox-control,
body.cnox-page .cnox-card,
body.cnox-page .cnox-body,
body.cnox-page .cnox-control-hero,
body.cnox-page .cnox-workflow-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
body.cnox-page .cnox-control{overflow:hidden!important;}
body.cnox-page .cnox-head,
body.cnox-page .cnox-workflow-head{
  min-width:0!important;
  flex-wrap:wrap!important;
}
body.cnox-page .cnox-head h1{font-size:clamp(22px,1.6vw,30px)!important;line-height:1.15!important;}
body.cnox-page .cnox-head h2{font-size:clamp(18px,1.25vw,23px)!important;}
body.cnox-page .cnox-source-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
}
body.cnox-page .cnox-source-card{min-height:300px!important;padding:16px!important;}
body.cnox-page .cnox-source-card .drop-zone-cnox{min-height:210px!important;padding:28px 18px!important;}
body.cnox-page .cnox-mail-actions{
  display:grid!important;
  grid-template-columns:110px minmax(180px,1fr) repeat(4,minmax(88px,108px))!important;
  gap:8px!important;
  align-items:end!important;
  width:100%!important;
  min-width:0!important;
}
body.cnox-page .cnox-btn{min-width:0!important;white-space:normal!important;line-height:1.15!important;padding:10px 11px!important;}
body.cnox-page .cnox-prof-panel{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
body.cnox-page .cnox-prof-panel .name-upload-wide{grid-column:1 / 3!important;}
body.cnox-page .cnox-summary-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
body.cnox-page .cnox-bottom-actions{
  position:static!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(120px,160px) minmax(130px,170px)!important;
  gap:10px!important;
  padding:14px 0 0!important;
}
body.cnox-page .ai-assistant,
body.cnox-page .co-ai-assistant,
body.cnox-page .ai-chatbot,
body.cnox-page .chatbot-widget{
  right:18px!important;
  bottom:18px!important;
  transform:none!important;
}
@media(max-width:1500px){
  body.cnox-page .cnox-source-grid{grid-template-columns:1fr!important;}
  body.cnox-page .cnox-mail-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.cnox-page .cnox-prof-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.cnox-page .cnox-prof-panel .name-upload-wide{grid-column:auto!important;}
  body.cnox-page .cnox-summary-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .app-shell,.v8-shell{display:block!important;}
  .sidebar,.frt-sidebar-pro,.cinema-one-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:9990!important;transform:translateX(-105%);transition:.22s ease!important;}
  body.sidebar-open .sidebar,body.sidebar-open .frt-sidebar-pro,body.sidebar-open .cinema-one-sidebar,.sidebar.open,.frt-sidebar-pro.open,.cinema-one-sidebar.open{transform:translateX(0)!important;}
  .main-content,body.cnox-page .main-content{max-width:100vw!important;padding:16px 14px 90px!important;}
  body.cnox-page .cnox-mail-actions,body.cnox-page .cnox-prof-panel,body.cnox-page .cnox-summary-row,body.cnox-page .cnox-bottom-actions{grid-template-columns:1fr!important;}
}

/* =========================================================
   5.0 FINAL REAL COMPACT FIX - Sidebar no scrollbar + CNOX full screen
   Applied after all legacy styles.
   ========================================================= */
:root{--co-final-sidebar:250px!important;}
.app-shell,.v8-shell{
  display:grid!important;
  grid-template-columns:var(--co-final-sidebar) minmax(0,1fr)!important;
  min-height:100vh!important;
  height:auto!important;
  overflow:visible!important;
}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{
  width:var(--co-final-sidebar)!important;
  min-width:var(--co-final-sidebar)!important;
  max-width:var(--co-final-sidebar)!important;
  height:100vh!important;
  min-height:100vh!important;
  position:sticky!important;
  top:0!important;
  overflow:hidden!important;
  padding:12px 10px 10px!important;
  gap:8px!important;
  display:flex!important;
  flex-direction:column!important;
}
.sidebar .brand,.frt-brand-pro,.brand-main,.cinema-one-brand{
  min-height:78px!important;
  height:78px!important;
  padding:9px 10px!important;
  margin:0 0 8px!important;
  gap:12px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.sidebar .brand-logo,.frt-brand-pro .brand-logo,.logo-glass{
  width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
  max-width:54px!important;max-height:54px!important;border-radius:17px!important;padding:6px!important;
}
.sidebar .brand-logo img,.frt-brand-pro .brand-logo img,.logo-glass img,
.sidebar img[src*="cinema_one_logo"]{
  max-width:42px!important;max-height:42px!important;width:auto!important;height:auto!important;object-fit:contain!important;
}
.sidebar .brand-copy,.cinema-one-brand .brand-copy{min-width:0!important;flex:1!important;overflow:hidden!important;}
.sidebar .brand strong,.frt-brand-pro strong{
  font-size:17px!important;line-height:1.05!important;letter-spacing:.06em!important;white-space:normal!important;
}
.sidebar .brand span,.frt-brand-pro span{
  font-size:10px!important;line-height:1.1!important;letter-spacing:.16em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
}
.sidebar .nav-box,.frt-sync-menu{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:0 4px!important;
  gap:3px!important;
  display:flex!important;
  flex-direction:column!important;
}
.frt-nav-group-title{
  margin:7px 8px 3px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  color:#64748b!important;
}
.frt-sync-menu .nav-item,.nav-item{
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  padding:0 9px!important;
  margin:1px 0!important;
  border-radius:10px!important;
  gap:8px!important;
  transform:none!important;
}
.frt-sync-menu .nav-item i,.nav-item i{
  width:18px!important;min-width:18px!important;font-size:14px!important;line-height:1!important;
}
.frt-sync-menu .nav-item span,.nav-item span{
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  font-weight:900!important;
}
.sidebar-footer,.frt-sidebar-footer-pro{
  flex:0 0 auto!important;
  margin-top:6px!important;
  padding:8px 4px 0!important;
  gap:6px!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
}
.frt-account-pro{
  min-height:54px!important;
  height:54px!important;
  padding:7px 8px!important;
  gap:9px!important;
  border-radius:12px!important;
}
.frt-avatar{width:38px!important;height:38px!important;min-width:38px!important;font-size:14px!important;}
.frt-account-text b{font-size:11px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.frt-account-text span{font-size:10px!important;line-height:1.05!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.quick-logout-btn{height:33px!important;min-height:33px!important;margin-top:5px!important;font-size:11px!important;border-radius:10px!important;padding:0 8px!important;}
.main-content{min-width:0!important;width:100%!important;max-width:none!important;overflow:visible!important;}

/* Hide all content-area Cinema One logo blocks; logo only lives in sidebar. */
.main-content .co-hero-logo,.main-content .login-logo,.main-content .mail-brand-logo,
.main-content img[src*="cinema_one_logo"],.main-content .cr-logo{display:none!important;}
.main-content .co-hero,.main-content .hero-topbar{min-height:auto!important;}

/* CNOX compact full-screen mode */
body.cnox-page .main-content{
  padding:12px 16px 72px!important;
  max-width:none!important;width:100%!important;overflow:visible!important;
}
body.cnox-page .hero-topbar{
  display:flex!important;align-items:center!important;gap:12px!important;
  margin:0 0 10px!important;padding:12px 16px!important;border-radius:16px!important;
}
body.cnox-page .hero-title h1{font-size:20px!important;line-height:1.15!important;margin:0!important;}
body.cnox-page .hero-title span{font-size:12px!important;margin-top:4px!important;}
body.cnox-page .top-actions{gap:8px!important;}
body.cnox-page .cnox-card.wide.cnox-control{margin:0!important;border-radius:16px!important;}
body.cnox-page .cnox-control-hero{padding:12px 16px 10px!important;}
body.cnox-page .cnox-control-hero .cnox-head{margin-bottom:8px!important;}
body.cnox-page .cnox-control-hero .cnox-head h1{font-size:22px!important;line-height:1.1!important;margin:0!important;}
body.cnox-page .cnox-control-hero .cnox-head p{font-size:12px!important;line-height:1.35!important;margin:4px 0 0!important;max-width:900px!important;}
body.cnox-page .cnox-badge{font-size:12px!important;padding:8px 12px!important;}
body.cnox-page .cnox-tabs{gap:6px!important;margin-top:8px!important;}
body.cnox-page .cnox-tab,.cnox-btn{min-height:34px!important;padding:8px 12px!important;font-size:12px!important;border-radius:10px!important;}
body.cnox-page .cnox-stepbar{gap:8px!important;margin-top:10px!important;}
body.cnox-page .cnox-step{padding:8px 10px!important;border-radius:12px!important;gap:8px!important;min-height:50px!important;}
body.cnox-page .cnox-step b{width:24px!important;height:24px!important;font-size:12px!important;}
body.cnox-page .cnox-step span{font-size:12px!important;line-height:1!important;}
body.cnox-page .cnox-step small{font-size:10px!important;line-height:1.1!important;margin-top:1px!important;}
body.cnox-page .cnox-body{padding:10px 16px 12px!important;}
body.cnox-page .cnox-source-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:10px!important;}
body.cnox-page .cnox-card{border-radius:14px!important;box-shadow:0 8px 24px rgba(122,75,12,.08)!important;}
body.cnox-page .cnox-source-card{
  min-height:215px!important;height:auto!important;padding:12px!important;
}
body.cnox-page .cnox-source-card .cnox-head{margin-bottom:7px!important;}
body.cnox-page .cnox-source-card .cnox-head h2,
body.cnox-page .cnox-workflow-head h2{font-size:17px!important;line-height:1.1!important;margin:0!important;}
body.cnox-page .cnox-source-card .cnox-head p,
body.cnox-page .cnox-workflow-head p{font-size:11px!important;line-height:1.25!important;margin:3px 0 0!important;}
body.cnox-page .drop-zone-cnox{
  min-height:125px!important;height:125px!important;padding:10px!important;border-radius:12px!important;
}
body.cnox-page .cnox-file-icon{font-size:30px!important;margin-bottom:3px!important;}
body.cnox-page .drop-zone-cnox h2{font-size:17px!important;line-height:1.15!important;margin:4px 0!important;}
body.cnox-page .drop-zone-cnox p{font-size:11px!important;line-height:1.25!important;max-width:540px!important;margin:0 auto!important;}
body.cnox-page .cnox-mail-box{min-height:215px!important;padding:12px!important;}
body.cnox-page .cnox-mail-actions{
  grid-template-columns:96px minmax(160px,1fr) 92px 86px 76px 94px!important;
  gap:6px!important;align-items:end!important;
}
body.cnox-page .cnox-field span{font-size:9px!important;line-height:1!important;margin-bottom:3px!important;}
body.cnox-page .cnox-field input,body.cnox-page .cnox-field select{
  height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:11px!important;border-radius:9px!important;
}
body.cnox-page .cnox-status{font-size:11px!important;line-height:1.25!important;margin-top:6px!important;}
body.cnox-page .cnox-mail-list{min-height:80px!important;max-height:90px!important;}
body.cnox-page .cnox-workflow-card{margin-top:10px!important;padding:12px!important;}
body.cnox-page .cnox-workflow-head{margin-bottom:8px!important;gap:10px!important;}
body.cnox-page .cnox-prof-panel{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
body.cnox-page .cnox-prof-panel .name-upload-wide{grid-column:1 / 3!important;}
body.cnox-page .mini-note{font-size:9px!important;line-height:1.1!important;margin-top:3px!important;}
body.cnox-page .name-upload-wide .cnox-btn{width:100%!important;height:34px!important;}
body.cnox-page .cnox-summary-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:8px 0!important;}
body.cnox-page .cnox-mini-kpi{padding:8px 10px!important;border-radius:12px!important;min-height:50px!important;}
body.cnox-page .cnox-mini-kpi small{font-size:10px!important;line-height:1!important;}
body.cnox-page .cnox-mini-kpi b{font-size:15px!important;line-height:1.15!important;}
body.cnox-page .cnox-bottom-actions{
  position:static!important;
  display:grid!important;grid-template-columns:minmax(260px,1fr) 130px 130px!important;
  gap:8px!important;margin-top:8px!important;padding:8px 0 0!important;background:transparent!important;
}
body.cnox-page .cnox-btn.primary{min-height:42px!important;font-size:13px!important;}
body.cnox-page .progress{height:8px!important;margin:6px 0!important;}
.ai-assistant,.ai-assistant-float,#aiAssistant,.ai-chatbox{right:18px!important;bottom:18px!important;transform:scale(.86)!important;transform-origin:right bottom!important;}
@media(max-width:1500px){
  :root{--co-final-sidebar:235px!important;}
  .frt-sync-menu .nav-item span,.nav-item span{font-size:10px!important;}
  .frt-sync-menu .nav-item,.nav-item{height:29px!important;min-height:29px!important;}
  body.cnox-page .main-content{padding:10px 12px 64px!important;}
  body.cnox-page .cnox-mail-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:1180px){
  body.cnox-page .cnox-source-grid{grid-template-columns:1fr!important;}
  body.cnox-page .cnox-prof-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.cnox-page .cnox-summary-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:980px){
  .app-shell,.v8-shell{grid-template-columns:1fr!important;display:block!important;}
  .sidebar,.frt-sidebar-pro,.cinema-one-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:9990!important;transform:translateX(-105%);transition:.22s ease;width:250px!important;max-width:86vw!important;}
  .sidebar.open,.frt-sidebar-pro.open,.cinema-one-sidebar.open,.sidebar-open .sidebar{transform:translateX(0)!important;}
  body.cnox-page .cnox-stepbar,body.cnox-page .cnox-bottom-actions{grid-template-columns:1fr!important;}
}

/* === FINAL MENU FULL VISIBILITY LOCK: show every site, no sidebar scrollbar === */
:root{--co-final-sidebar:265px!important;}
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar,.res-sidebar{
  width:var(--co-final-sidebar)!important;
  min-width:var(--co-final-sidebar)!important;
  max-width:var(--co-final-sidebar)!important;
  height:100vh!important;
  max-height:100vh!important;
  padding:10px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
}
.sidebar::-webkit-scrollbar,.frt-sidebar-pro::-webkit-scrollbar,.cinema-one-sidebar::-webkit-scrollbar{display:none!important;}
.cinema-one-sidebar .brand-main,.cinema-one-sidebar .cinema-one-brand,.brand-main.frt-brand-pro{
  flex:0 0 90px!important;
  height:90px!important;
  min-height:90px!important;
  max-height:90px!important;
  margin:0 0 6px!important;
  padding:10px 12px!important;
  border-radius:22px!important;
  gap:12px!important;
}
.cinema-one-sidebar .brand-logo,.cinema-one-brand .brand-logo,.brand-logo.logo-glass{
  width:58px!important;height:58px!important;min-width:58px!important;border-radius:18px!important;
}
.cinema-one-sidebar .brand-logo img,.brand-logo.logo-glass img{width:50px!important;height:50px!important;object-fit:contain!important;}
.cinema-one-sidebar .brand-copy strong,.cinema-one-brand strong{font-size:16px!important;line-height:1.05!important;letter-spacing:.04em!important;white-space:nowrap!important;}
.cinema-one-sidebar .brand-copy span,.cinema-one-brand span{font-size:10px!important;line-height:1!important;letter-spacing:.18em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;max-width:150px!important;}
.sidebar .nav-box.frt-sync-menu,.frt-sync-menu,.nav-box{
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  padding:0 6px!important;
  margin:0!important;
  overflow:visible!important;
}
.frt-nav-group-title{
  height:17px!important;
  min-height:17px!important;
  margin:5px 2px 1px!important;
  padding:0!important;
  line-height:17px!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}
.sidebar .nav-item,.frt-sync-menu .nav-item,.nav-item{
  height:27px!important;
  min-height:27px!important;
  max-height:27px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:10px!important;
  gap:8px!important;
  flex:0 0 27px!important;
  line-height:1!important;
}
.sidebar .nav-item i,.frt-sync-menu .nav-item i,.nav-item i{
  width:18px!important;min-width:18px!important;font-size:13px!important;line-height:1!important;
}
.sidebar .nav-item span,.frt-sync-menu .nav-item span,.nav-item span{
  font-size:10.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}
.sidebar-footer,.frt-sidebar-footer-pro{
  flex:0 0 88px!important;
  min-height:88px!important;
  max-height:88px!important;
  margin-top:auto!important;
  padding:5px 4px 0!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
}
.frt-account-pro{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:5px 7px!important;
  gap:7px!important;
  border-radius:11px!important;
}
.frt-avatar{width:34px!important;height:34px!important;min-width:34px!important;}
.frt-account-text b{font-size:10px!important;line-height:1!important;}
.frt-account-text span{font-size:9px!important;line-height:1!important;margin-top:3px!important;}
.quick-logout-btn{height:31px!important;min-height:31px!important;margin-top:5px!important;font-size:10px!important;border-radius:10px!important;}
@media(max-height:820px){
  .sidebar,.frt-sidebar-pro,.cinema-one-sidebar{padding:8px 12px!important;gap:4px!important;}
  .cinema-one-sidebar .brand-main,.cinema-one-sidebar .cinema-one-brand,.brand-main.frt-brand-pro{height:78px!important;min-height:78px!important;max-height:78px!important;flex-basis:78px!important;padding:8px 10px!important;border-radius:18px!important;}
  .cinema-one-sidebar .brand-logo,.cinema-one-brand .brand-logo,.brand-logo.logo-glass{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important;}
  .cinema-one-sidebar .brand-logo img,.brand-logo.logo-glass img{width:42px!important;height:42px!important;}
  .cinema-one-sidebar .brand-copy strong,.cinema-one-brand strong{font-size:13px!important;}
  .cinema-one-sidebar .brand-copy span,.cinema-one-brand span{font-size:8.5px!important;letter-spacing:.14em!important;max-width:125px!important;}
  .frt-nav-group-title{height:14px!important;min-height:14px!important;margin:3px 2px 0!important;line-height:14px!important;font-size:8.8px!important;}
  .sidebar .nav-item,.frt-sync-menu .nav-item,.nav-item{height:24px!important;min-height:24px!important;max-height:24px!important;flex-basis:24px!important;padding:0 8px!important;gap:7px!important;}
  .sidebar .nav-item i,.frt-sync-menu .nav-item i,.nav-item i{width:16px!important;min-width:16px!important;font-size:11px!important;}
  .sidebar .nav-item span,.frt-sync-menu .nav-item span,.nav-item span{font-size:8.8px!important;}
  .sidebar-footer,.frt-sidebar-footer-pro{flex-basis:74px!important;min-height:74px!important;max-height:74px!important;padding-top:4px!important;}
  .frt-account-pro{height:40px!important;min-height:40px!important;max-height:40px!important;padding:4px 6px!important;}
  .frt-avatar{width:28px!important;height:28px!important;min-width:28px!important;}
  .frt-account-text b{font-size:8.8px!important;}.frt-account-text span{font-size:8px!important;}
  .quick-logout-btn{height:27px!important;min-height:27px!important;font-size:8.8px!important;margin-top:4px!important;}
}
@media(max-width:1500px){:root{--co-final-sidebar:250px!important;}}


/* ===== CINEMA ONE 5.0 FINAL - DARK CLARITY + LOGO TEXTLESS GLOBAL SYNC ===== */
:root{--co-final-sidebar:265px!important;--co-dark-bg:#07111f;--co-dark-panel:#0f1b2d;--co-dark-panel-2:#111f33;--co-dark-border:rgba(148,163,184,.28);--co-dark-text:#f8fafc;--co-dark-muted:#cbd5e1;--co-accent:#38bdf8;}
html[data-theme="dark"] body,body.dark,body.theme-dark{background:linear-gradient(135deg,#050b14 0%,#07111f 48%,#0b1220 100%)!important;color:var(--co-dark-text)!important;}
html[data-theme="dark"] .main-content,body.dark .main-content,body.theme-dark .main-content{background:transparent!important;color:var(--co-dark-text)!important;}
/* Logo block: icon only, no text, stable for Release/DPI scaling */
.cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{justify-content:center!important;align-items:center!important;background:linear-gradient(135deg,#fff3bf,#fde68a 45%,#fef3c7)!important;border:1px solid rgba(251,191,36,.55)!important;box-shadow:0 12px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.65)!important;}
.cinema-one-brand .brand-copy,.brand-main .brand-copy,.sidebar .brand-copy{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;}
.cinema-one-sidebar .brand-logo,.cinema-one-brand .brand-logo,.brand-logo.logo-glass{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;min-height:72px!important;max-height:72px!important;margin:0 auto!important;border-radius:22px!important;background:radial-gradient(circle at 50% 45%,#10233a,#06111f 72%)!important;box-shadow:0 0 0 2px rgba(250,204,21,.72),0 0 0 5px rgba(56,189,248,.26),0 14px 32px rgba(2,6,23,.38)!important;overflow:hidden!important;}
.cinema-one-sidebar .brand-logo img,.brand-logo.logo-glass img,img[src*="cinema_one_logo_user"]{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important;object-fit:contain!important;object-position:center!important;border-radius:18px!important;}
@media(max-height:820px){.cinema-one-sidebar .brand-logo,.cinema-one-brand .brand-logo,.brand-logo.logo-glass{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important}.cinema-one-sidebar .brand-logo img,.brand-logo.logo-glass img{width:52px!important;height:52px!important}.cinema-one-sidebar .brand-main,.cinema-one-sidebar .cinema-one-brand,.brand-main.frt-brand-pro{height:74px!important;min-height:74px!important;max-height:74px!important;flex-basis:74px!important}}
/* readable dark cards across every site */
html[data-theme="dark"] .hero-topbar,html[data-theme="dark"] .topbar,body.dark .hero-topbar,body.theme-dark .hero-topbar{background:linear-gradient(135deg,#0b1628,#111f33)!important;border:1px solid var(--co-dark-border)!important;box-shadow:0 18px 45px rgba(0,0,0,.32)!important;color:var(--co-dark-text)!important;}
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .feature-panel,html[data-theme="dark"] .result-panel,html[data-theme="dark"] .cnox-card,html[data-theme="dark"] .cr-page .panel,html[data-theme="dark"] .full-panel,html[data-theme="dark"] .co-panel,html[data-theme="dark"] .mail-card,html[data-theme="dark"] .learning-card,html[data-theme="dark"] .download-card,html[data-theme="dark"] .history-card,html[data-theme="dark"] .admin-card,html[data-theme="dark"] .card,
body.dark .panel,body.dark .stat-card,body.dark .feature-panel,body.dark .result-panel,body.dark .cnox-card,body.dark .full-panel,body.dark .co-panel,body.dark .mail-card,body.dark .learning-card,body.dark .download-card,body.dark .history-card,body.dark .admin-card,body.dark .card{background:linear-gradient(180deg,var(--co-dark-panel),var(--co-dark-panel-2))!important;color:var(--co-dark-text)!important;border:1px solid var(--co-dark-border)!important;box-shadow:0 18px 45px rgba(0,0,0,.30)!important;backdrop-filter:none!important;}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] b,html[data-theme="dark"] strong,html[data-theme="dark"] label,body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark b,body.dark strong,body.dark label{color:#f8fafc!important;text-shadow:none!important;}
html[data-theme="dark"] p,html[data-theme="dark"] span,html[data-theme="dark"] small,html[data-theme="dark"] td,html[data-theme="dark"] th,html[data-theme="dark"] li,html[data-theme="dark"] .muted,html[data-theme="dark"] .sub,html[data-theme="dark"] .cr-sub,body.dark p,body.dark span,body.dark small,body.dark td,body.dark th,body.dark li,body.dark .muted,body.dark .sub{color:#cbd5e1!important;}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,body.dark input,body.dark select,body.dark textarea{background:#0b1628!important;color:#f8fafc!important;border:1px solid rgba(148,163,184,.38)!important;box-shadow:none!important;}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder,body.dark input::placeholder,body.dark textarea::placeholder{color:#94a3b8!important;opacity:1!important;}
html[data-theme="dark"] table,html[data-theme="dark"] .table-wrap,html[data-theme="dark"] .cr-table-wrap,body.dark table,body.dark .table-wrap{background:#0b1628!important;color:#f8fafc!important;border-color:rgba(148,163,184,.25)!important;}
html[data-theme="dark"] th,body.dark th{background:#12223a!important;color:#f8fafc!important;border-color:rgba(148,163,184,.24)!important;}
html[data-theme="dark"] td,body.dark td{background:#0f1b2d!important;color:#e5edf8!important;border-color:rgba(148,163,184,.18)!important;}
html[data-theme="dark"] tr:nth-child(even) td,body.dark tr:nth-child(even) td{background:#0c1728!important;}
html[data-theme="dark"] .dashboard-status-bar,body.dark .dashboard-status-bar{background:linear-gradient(135deg,#0b1628,#111f33)!important;border:1px solid var(--co-dark-border)!important;color:#f8fafc!important;box-shadow:0 14px 35px rgba(0,0,0,.28)!important;}
html[data-theme="dark"] .pill,html[data-theme="dark"] .badge,html[data-theme="dark"] .tag,body.dark .pill,body.dark .badge,body.dark .tag{background:#12223a!important;color:#e0f2fe!important;border:1px solid rgba(56,189,248,.28)!important;}
html[data-theme="dark"] button,html[data-theme="dark"] .primary-btn,html[data-theme="dark"] .cnox-btn,body.dark button,body.dark .primary-btn,body.dark .cnox-btn{color:#f8fafc!important;border-color:rgba(148,163,184,.35)!important;}
html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .lock-computer-btn,html[data-theme="dark"] .quick-logout-btn,body.dark .theme-toggle,body.dark .lock-computer-btn,body.dark .quick-logout-btn{background:linear-gradient(135deg,#1e293b,#334155)!important;color:#f8fafc!important;border:1px solid rgba(203,213,225,.28)!important;box-shadow:0 10px 24px rgba(0,0,0,.25)!important;}
html[data-theme="dark"] .datetime-card,body.dark .datetime-card{background:#0b1628!important;border:1px solid rgba(148,163,184,.32)!important;color:#f8fafc!important;min-width:128px!important;}
html[data-theme="dark"] .datetime-card .clock,body.dark .datetime-card .clock{font-size:26px!important;color:#fff!important;letter-spacing:.02em!important;}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .frt-sidebar-pro,html[data-theme="dark"] .cinema-one-sidebar,body.dark .sidebar,body.dark .frt-sidebar-pro,body.dark .cinema-one-sidebar{background:linear-gradient(180deg,#07111f,#0b1628)!important;border-right:1px solid rgba(148,163,184,.20)!important;}
html[data-theme="dark"] .nav-item span,body.dark .nav-item span{color:#dbeafe!important;}
html[data-theme="dark"] .nav-item.active,html[data-theme="dark"] .nav-item:hover,body.dark .nav-item.active,body.dark .nav-item:hover{background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(250,204,21,.16))!important;border:1px solid rgba(56,189,248,.30)!important;}
html[data-theme="dark"] .drop-zone,html[data-theme="dark"] .drop-zone-cnox,body.dark .drop-zone,body.dark .drop-zone-cnox{background:rgba(15,27,45,.88)!important;color:#f8fafc!important;border:1.5px dashed rgba(56,189,248,.42)!important;}
/* keep every content site consistent; avoid white cards in dark mode */
html[data-theme="dark"] [style*="background:white"],body.dark [style*="background:white"]{background:#0f1b2d!important;color:#f8fafc!important;}
html[data-theme="dark"] [style*="color:white"],body.dark [style*="color:white"]{color:#f8fafc!important;}

/* ===== CINEMA ONE 5.0 FINAL - HORIZONTAL USER LOGO FIT ===== */
.cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{
  justify-content:center!important;
  align-items:center!important;
  padding:14px 12px!important;
  min-height:110px!important;
  height:110px!important;
  max-height:110px!important;
  overflow:hidden!important;
}
.cinema-one-sidebar .brand-logo,.cinema-one-brand .brand-logo,.brand-logo.logo-glass{
  width:100%!important;
  height:82px!important;
  min-width:0!important;
  max-width:230px!important;
  min-height:82px!important;
  max-height:82px!important;
  margin:0 auto!important;
  padding:0!important;
  border-radius:18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
.cinema-one-sidebar .brand-logo img,.cinema-one-brand .brand-logo img,.brand-logo.logo-glass img,img[src*="cinema_one_logo_user"]{
  width:210px!important;
  max-width:94%!important;
  height:auto!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.18))!important;
}
.co-hero-logo img,img[src*="cinema_one_logo_user"]{
  object-fit:contain!important;
}
.login-logo{width:190px!important;height:86px!important;border-radius:20px!important;}
.login-logo img{width:170px!important;max-width:90%!important;height:auto!important;max-height:74px!important;object-fit:contain!important;}
@media(max-height:820px){
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:92px!important;min-height:92px!important;max-height:92px!important;padding:10px!important;}
  .cinema-one-sidebar .brand-logo,.cinema-one-brand .brand-logo,.brand-logo.logo-glass{height:68px!important;min-height:68px!important;max-height:68px!important;max-width:220px!important;}
  .cinema-one-sidebar .brand-logo img,.brand-logo.logo-glass img,img[src*="cinema_one_logo_user"]{width:196px!important;max-height:64px!important;}
}

/* ===== CINEMA ONE 5.0 FINAL - RESPONSIVE FIT FIX 1366x768 GLOBAL ===== */
:root{
  --co-sidebar-w: clamp(218px, 18vw, 265px)!important;
  --co-final-sidebar: clamp(218px, 18vw, 265px)!important;
}
html,body{overflow-x:hidden!important;}
.app-shell,.v8-shell{
  grid-template-columns:var(--co-sidebar-w) minmax(0,1fr)!important;
  width:100%!important;max-width:100vw!important;
}
.main-content{min-width:0!important;max-width:100%!important;width:100%!important;}
.hero-topbar,.topbar{min-width:0!important;}
.hero-title{min-width:0!important;flex:1 1 420px!important;}
.hero-title h1{font-size:clamp(24px,2.2vw,34px)!important;line-height:1.05!important;}
.hero-title span{font-size:clamp(12px,1vw,15px)!important;line-height:1.35!important;}
.top-actions,.top-actions-v2{flex:0 1 auto!important;min-width:0!important;gap:8px!important;}
.datetime-card{min-width:112px!important;padding:8px 10px!important;}
.datetime-card .clock,.clock{font-size:clamp(20px,1.8vw,28px)!important;line-height:1!important;}
.datetime-card .date,.date{font-size:11px!important;line-height:1.15!important;}
.theme-toggle,.lock-computer-btn,.top-actions button{min-width:auto!important;height:44px!important;padding:0 13px!important;font-size:13px!important;white-space:nowrap!important;}
.dashboard-status-bar{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important;margin-bottom:12px!important;}
.dashboard-status-bar span{height:32px!important;padding:0 12px!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important;}
.stat-card{padding:14px 16px!important;min-height:82px!important;border-radius:18px!important;}
.stat-card strong{font-size:clamp(22px,2vw,30px)!important;margin:6px 0 1px!important;line-height:1!important;}
.stat-card small{font-size:12px!important;}
.stat-card span{font-size:11px!important;}
.work-grid{grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr)!important;gap:14px!important;align-items:start!important;}
.panel,.feature-panel,.result-panel,.full-panel,.co-panel,.card{padding:16px!important;border-radius:20px!important;margin-bottom:14px!important;}
.panel-head{margin-bottom:12px!important;gap:10px!important;}
.panel h2,.panel-head h2{font-size:20px!important;line-height:1.12!important;}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
.field input,.field select,input,select,textarea{min-width:0!important;max-width:100%!important;height:44px!important;padding:10px 12px!important;font-size:13px!important;}
.check-card{padding:10px 12px!important;margin:10px 0!important;border-radius:16px!important;}
.check-card small{font-size:11px!important;line-height:1.25!important;}
.dropzone{min-height:130px!important;padding:16px!important;border-radius:20px!important;}
.drop-icon{font-size:34px!important;}.dropzone strong{font-size:16px!important;}.dropzone span,.dropzone small{font-size:12px!important;}
.action-row,.action-row-main{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
.action-row .primary-btn,.action-row-main .primary-btn{flex:1 1 220px!important;width:auto!important;margin-top:8px!important;}
.action-row .ghost-btn,.action-row-main .ghost-btn{flex:0 1 auto!important;margin-top:8px!important;}
.table-wrap,.cr-table-wrap{max-width:100%!important;overflow:auto!important;}
/* make all secondary pages fit without browser zoom */
.co-kpis,.v8-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;}
.co-main-grid,.v8-chart-grid,.one-click-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)!important;}
.chart-grid,.v8-insight-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;}
/* compact desktop/laptop: 1366x768 and Windows scale 125% */
@media (max-width:1500px), (max-height:820px){
  :root{--co-sidebar-w:230px!important;--co-final-sidebar:230px!important;}
  .main-content{padding:14px 16px 70px!important;}
  .sidebar,.frt-sidebar-pro,.cinema-one-sidebar{width:230px!important;min-width:230px!important;max-width:230px!important;padding:9px 10px!important;gap:5px!important;}
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:80px!important;min-height:80px!important;max-height:80px!important;padding:8px!important;margin-bottom:4px!important;border-radius:18px!important;}
  .cinema-one-sidebar .brand-logo,.cinema-one-brand .brand-logo,.brand-logo.logo-glass{height:60px!important;max-height:60px!important;max-width:198px!important;}
  .cinema-one-sidebar .brand-logo img,.cinema-one-brand .brand-logo img,.brand-logo.logo-glass img,img[src*="cinema_one_logo_user"]{width:188px!important;max-height:58px!important;}
  .frt-nav-group-title{height:14px!important;min-height:14px!important;margin:2px 2px 0!important;font-size:9px!important;line-height:14px!important;}
  .nav-item,.sidebar .nav-item,.frt-sync-menu .nav-item{height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 8px!important;margin:2px 4px!important;gap:7px!important;border-radius:10px!important;}
  .nav-item i,.sidebar .nav-item i{width:17px!important;min-width:17px!important;font-size:12px!important;}
  .nav-item span,.sidebar .nav-item span{font-size:9.2px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .sidebar-footer,.frt-sidebar-footer-pro{min-height:70px!important;max-height:78px!important;padding-top:4px!important;}
  .frt-account-pro{height:40px!important;min-height:40px!important;max-height:40px!important;padding:4px 6px!important;}
  .frt-avatar{width:28px!important;height:28px!important;min-width:28px!important;}
  .quick-logout-btn{height:28px!important;min-height:28px!important;padding:0 10px!important;font-size:9px!important;margin-top:4px!important;}
  .hero-topbar,.topbar{padding:13px 16px!important;margin-bottom:12px!important;border-radius:20px!important;align-items:center!important;gap:12px!important;}
  .hero-title h1{font-size:25px!important;line-height:1.04!important;margin:3px 0 6px!important;}
  .eyebrow,.step{font-size:10px!important;margin-bottom:5px!important;}
  .hero-title span{font-size:12px!important;max-width:620px!important;}
  .top-actions,.top-actions-v2{gap:7px!important;}
  .datetime-card{min-width:104px!important;height:52px!important;padding:7px 9px!important;border-radius:14px!important;}
  .datetime-card .clock,.clock{font-size:22px!important;}
  .datetime-card .date,.date{font-size:10px!important;}
  .theme-toggle,.lock-computer-btn,.top-actions button{height:52px!important;padding:0 12px!important;border-radius:14px!important;font-size:12px!important;}
  .dashboard-status-bar{padding:8px 10px!important;min-height:42px!important;border-radius:16px!important;}
  .stats-grid{gap:10px!important;margin-bottom:12px!important;}
  .stat-card{padding:12px 14px!important;min-height:72px!important;border-radius:16px!important;}
  .stat-card strong{font-size:22px!important;}
  .work-grid{grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr)!important;gap:12px!important;}
  .panel,.feature-panel,.result-panel,.full-panel,.co-panel,.card{padding:14px!important;border-radius:18px!important;}
  .dropzone{min-height:112px!important;padding:12px!important;}
}
@media (max-width:1180px){
  .work-grid,.co-main-grid,.v8-chart-grid,.one-click-grid{grid-template-columns:1fr!important;}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hero-topbar,.topbar{flex-direction:column!important;align-items:stretch!important;}
  .top-actions,.top-actions-v2{justify-content:flex-start!important;width:100%!important;}
}
@media (max-width:980px){
  :root{--co-sidebar-w:260px!important;--co-final-sidebar:260px!important;}
  .app-shell,.v8-shell{display:block!important;}
  .mobile-topbar{display:flex!important;}
  .main-content{padding:12px!important;}
  .form-grid{grid-template-columns:1fr!important;}
  .stats-grid{grid-template-columns:1fr!important;}
  .top-actions .theme-toggle,.top-actions .lock-computer-btn{height:42px!important;}
}


/* ===== CINEMA ONE 5.0 FINAL - WORDMARK LOGO + HEADER AVATAR ALIGN FIX ===== */
/* Bỏ ảnh logo sidebar hoàn toàn: chỉ còn chữ CINEMA ONE để không bị lỗi scale/release */
.cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{
  justify-content:center!important;align-items:center!important;text-align:center!important;
  background:linear-gradient(135deg,#fff3bf,#fde68a 52%,#fef3c7)!important;
  border:1px solid rgba(251,191,36,.60)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.7)!important;
  overflow:hidden!important;
}
.cinema-one-brand .brand-logo,.brand-main .brand-logo,.sidebar .brand-logo,.logo-glass,
.cinema-one-brand img[src*="cinema_one_logo"],.sidebar img[src*="cinema_one_logo"]{
  display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;max-width:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;
}
.brand-wordmark{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:100%!important;padding:0 10px!important;box-sizing:border-box!important;
  color:#07111f!important;font-family:Inter,Arial,sans-serif!important;font-weight:950!important;
  font-size:clamp(24px,2.2vw,34px)!important;line-height:1!important;letter-spacing:.08em!important;
  text-transform:uppercase!important;white-space:nowrap!important;text-shadow:0 1px 0 rgba(255,255,255,.65)!important;
}
@media(max-width:1500px),(max-height:820px){
  .brand-wordmark{font-size:24px!important;letter-spacing:.065em!important;}
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:72px!important;min-height:72px!important;max-height:72px!important;flex-basis:72px!important;padding:6px 8px!important;}
}
@media(max-height:720px){
  .brand-wordmark{font-size:20px!important;letter-spacing:.05em!important;}
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:58px!important;min-height:58px!important;max-height:58px!important;flex-basis:58px!important;}
}
/* Header Admin box: avatar không nhảy lệch, text nằm giữa card */
.co-header-account{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:12px!important;min-width:174px!important;max-width:190px!important;min-height:60px!important;height:60px!important;
  padding:8px 12px!important;border-radius:16px!important;box-sizing:border-box!important;overflow:hidden!important;
}
.co-header-account .frt-avatar-form{
  flex:0 0 44px!important;width:44px!important;height:44px!important;margin:0!important;display:block!important;position:relative!important;
}
.co-header-account .frt-avatar{
  width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;
  position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:0!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;overflow:visible!important;
  box-sizing:border-box!important;border:2px solid #86efac!important;
  box-shadow:0 0 0 5px rgba(34,197,94,.16),0 0 18px rgba(34,197,94,.28)!important;
}
.co-header-account .frt-avatar img{
  width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;position:static!important;transform:none!important;margin:0!important;
}
.co-header-account .frt-avatar i{
  right:0!important;bottom:0!important;width:10px!important;height:10px!important;border-width:2px!important;
}
.co-header-account .frt-account-text{
  flex:1 1 auto!important;min-width:0!important;max-width:112px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:3px!important;margin:0!important;padding:0!important;
}
.co-header-account .frt-account-text b,.co-header-account .frt-account-text span{
  width:100%!important;max-width:112px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;margin:0!important;
}
.co-header-account .frt-account-text b{font-size:12px!important;line-height:1.05!important;color:#0f172a!important;}
.co-header-account .frt-account-text span{font-size:9.5px!important;line-height:1.05!important;color:#0f172a!important;font-weight:950!important;text-transform:uppercase!important;}
@media(max-width:1250px){
  .co-header-account{min-width:150px!important;max-width:160px!important;height:54px!important;min-height:54px!important;padding:7px 9px!important;gap:9px!important;}
  .co-header-account .frt-avatar-form,.co-header-account .frt-avatar{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;flex-basis:38px!important;}
  .co-header-account .frt-account-text,.co-header-account .frt-account-text b,.co-header-account .frt-account-text span{max-width:88px!important;}
}


/* ===== CINEMA ONE FINAL URGENT FIX: 2-LINE TEXT LOGO + ADMIN AVATAR CLEAN ALIGN ===== */
.cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{
  display:flex!important;justify-content:center!important;align-items:center!important;
  padding:8px 14px!important;box-sizing:border-box!important;overflow:hidden!important;
}
.brand-wordmark{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  width:100%!important;height:100%!important;max-width:100%!important;padding:0!important;margin:0!important;
  box-sizing:border-box!important;white-space:normal!important;overflow:visible!important;text-align:left!important;
  color:#111827!important;font-family:Inter,Arial,sans-serif!important;font-weight:950!important;
  font-size:0!important;letter-spacing:0!important;line-height:1!important;text-shadow:none!important;
}
.brand-wordmark span{
  display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:visible!important;
  font-size:clamp(22px,1.8vw,30px)!important;line-height:.92!important;letter-spacing:.045em!important;
  color:#111827!important;text-transform:uppercase!important;font-weight:950!important;text-align:left!important;
}
@media(max-width:1500px),(max-height:820px){
  .brand-wordmark span{font-size:24px!important;letter-spacing:.035em!important;}
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:72px!important;min-height:72px!important;max-height:72px!important;}
}
@media(max-height:720px){
  .brand-wordmark span{font-size:20px!important;}
  .cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main{height:60px!important;min-height:60px!important;max-height:60px!important;}
}
.co-header-account{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;width:190px!important;min-width:190px!important;max-width:190px!important;
  height:60px!important;min-height:60px!important;max-height:60px!important;padding:8px 12px!important;
  overflow:hidden!important;box-sizing:border-box!important;position:relative!important;
}
.co-header-account .frt-avatar-form{
  position:relative!important;display:block!important;flex:0 0 46px!important;width:46px!important;height:46px!important;
  min-width:46px!important;max-width:46px!important;margin:0!important;padding:0!important;z-index:1!important;
}
.co-header-account .frt-avatar,
.co-header-account .frt-avatar img,
.co-header-account .frt-avatar span{
  width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important;
  margin:0!important;padding:0!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;
  position:relative!important;box-sizing:border-box!important;border-radius:50%!important;
}
.co-header-account .frt-avatar{display:grid!important;place-items:center!important;overflow:visible!important;z-index:1!important;}
.co-header-account .frt-avatar:before{display:none!important;content:none!important;}
.co-header-account .frt-avatar i{right:0!important;bottom:1px!important;width:11px!important;height:11px!important;z-index:3!important;}
.co-header-account .frt-account-text{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  flex:1 1 auto!important;min-width:0!important;max-width:108px!important;margin:0!important;padding:0!important;position:relative!important;z-index:2!important;
}
.co-header-account .frt-account-text b,.co-header-account .frt-account-text span{
  display:block!important;width:100%!important;max-width:108px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  text-align:left!important;margin:0!important;padding:0!important;color:#0f172a!important;
}
.co-header-account .frt-account-text b{font-size:13px!important;line-height:1.05!important;font-weight:950!important;}
.co-header-account .frt-account-text span{font-size:9px!important;line-height:1.05!important;font-weight:950!important;text-transform:uppercase!important;margin-top:3px!important;}
.co-header-logout{height:60px!important;min-height:60px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 18px!important;border-radius:16px!important;white-space:nowrap!important;}
@media(max-width:1350px){
  .co-header-account{width:172px!important;min-width:172px!important;max-width:172px!important;height:54px!important;min-height:54px!important;max-height:54px!important;gap:9px!important;padding:7px 10px!important;}
  .co-header-account .frt-avatar-form,.co-header-account .frt-avatar,.co-header-account .frt-avatar img,.co-header-account .frt-avatar span{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;flex-basis:40px!important;}
  .co-header-account .frt-account-text,.co-header-account .frt-account-text b,.co-header-account .frt-account-text span{max-width:95px!important;}
  .co-header-account .frt-account-text b{font-size:12px!important;}
  .co-header-account .frt-account-text span{font-size:8.5px!important;}
  .co-header-logout{height:54px!important;min-height:54px!important;padding:0 14px!important;}
}

/* ===== CINEMA ONE 5.0 FINAL - REMOVE LOGO BOX + SIDEBAR ADMIN TOP FIX ===== */
.cinema-one-brand,.brand-main.frt-brand-pro,.sidebar .brand-main,.brand-wordmark{
  display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;
  padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;overflow:hidden!important;
}
.sidebar-top-account.frt-account-pro{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;
  width:100%!important;min-height:94px!important;height:94px!important;padding:15px 16px!important;
  border-radius:22px!important;box-sizing:border-box!important;cursor:pointer!important;overflow:hidden!important;
  background:linear-gradient(135deg,#fff7d6,#fde68a 55%,#fef3c7)!important;
  border:1px solid rgba(245,158,11,.55)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.sidebar-top-account .frt-avatar-form{
  flex:0 0 58px!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;
  margin:0!important;padding:0!important;display:block!important;position:relative!important;
}
.sidebar-top-account .frt-avatar{
  width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;max-width:58px!important;max-height:58px!important;
  margin:0!important;padding:0!important;border-radius:50%!important;box-sizing:border-box!important;
  display:grid!important;place-items:center!important;position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
  overflow:visible!important;background:#0f172a!important;border:3px solid #86efac!important;
  box-shadow:0 0 0 6px rgba(34,197,94,.18),0 0 26px rgba(34,197,94,.30),0 10px 20px rgba(15,23,42,.18)!important;
}
.sidebar-top-account .frt-avatar img{
  width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:100%!important;max-height:100%!important;
  display:block!important;object-fit:cover!important;object-position:center center!important;border-radius:50%!important;
  margin:0!important;padding:0!important;position:static!important;transform:none!important;box-sizing:border-box!important;
}
.sidebar-top-account .frt-avatar span{
  width:100%!important;height:100%!important;display:grid!important;place-items:center!important;border-radius:50%!important;
  color:#fff!important;font-size:22px!important;font-weight:950!important;line-height:1!important;
}
.sidebar-top-account .frt-avatar i{
  position:absolute!important;right:1px!important;bottom:2px!important;width:13px!important;height:13px!important;border-radius:50%!important;
  background:#22c55e!important;border:2px solid #ffffff!important;z-index:4!important;box-shadow:0 0 10px rgba(34,197,94,.75)!important;
}
.sidebar-top-account .frt-avatar:before{display:none!important;content:none!important;}
.sidebar-top-account .frt-account-text{
  flex:1 1 auto!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  gap:5px!important;text-decoration:none!important;margin:0!important;padding:0!important;color:#0f172a!important;
}
.sidebar-top-account .frt-account-text b,
.sidebar-top-account .frt-account-text span{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;text-align:left!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;padding:0!important;color:#0f172a!important;
}
.sidebar-top-account .frt-account-text b{font-size:16px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.02em!important;text-transform:uppercase!important;}
.sidebar-top-account .frt-account-text span{font-size:10px!important;line-height:1.1!important;font-weight:950!important;text-transform:uppercase!important;color:#334155!important;}
/* Không còn Admin ở header; chỉ giữ Đăng xuất sau Khóa máy */
.co-header-account{display:none!important;visibility:hidden!important;width:0!important;min-width:0!important;max-width:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;}
.co-header-logout{height:60px!important;min-height:60px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:0 18px!important;border-radius:16px!important;white-space:nowrap!important;}
.sidebar-footer,.frt-sidebar-footer-pro{display:none!important;}
@media(max-height:760px){
  .sidebar-top-account.frt-account-pro{height:78px!important;min-height:78px!important;padding:11px 13px!important;border-radius:18px!important;}
  .sidebar-top-account .frt-avatar-form,.sidebar-top-account .frt-avatar{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;flex-basis:48px!important;}
  .sidebar-top-account .frt-account-text b{font-size:14px!important;}
  .sidebar-top-account .frt-account-text span{font-size:9px!important;}
}
@media(max-width:900px){
  .co-header-logout{display:none!important;}
  .sidebar-footer,.frt-sidebar-footer-pro{display:flex!important;}
}

/* ===== CINEMA ONE 5.0 FINAL UAT PATCH: Film Ngoài + Clean Table + User Resize ===== */
/* Bảng xử lý báo cáo: chỉ trắng/xám xen kẽ theo từng rạp */
#resultTable tbody tr.cinema-colored-row{background:transparent!important;}
#resultTable tbody tr.cinema-clean-row td{background:#ffffff!important;color:#172033!important;border-bottom:1px solid #e5e7eb!important;}
#resultTable tbody tr.cinema-clean-row.cinema-tone-b td{background:#f4f5f7!important;}
#resultTable tbody tr.cinema-clean-row:hover td{background:#eaf2ff!important;}
#resultTable tbody tr.copy-row-done td{background:#e8f7ee!important;}
#resultTable tbody tr.early-film-row td{box-shadow:inset 4px 0 0 #f59e0b!important;}
html[data-theme="dark"] #resultTable tbody tr.cinema-clean-row td,
body.theme-dark #resultTable tbody tr.cinema-clean-row td,
.dark #resultTable tbody tr.cinema-clean-row td{background:#111827!important;color:#f8fafc!important;border-bottom:1px solid rgba(148,163,184,.18)!important;}
html[data-theme="dark"] #resultTable tbody tr.cinema-clean-row.cinema-tone-b td,
body.theme-dark #resultTable tbody tr.cinema-clean-row.cinema-tone-b td,
.dark #resultTable tbody tr.cinema-clean-row.cinema-tone-b td{background:#1f2937!important;}
html[data-theme="dark"] #resultTable tbody tr.cinema-clean-row:hover td,
body.theme-dark #resultTable tbody tr.cinema-clean-row:hover td,
.dark #resultTable tbody tr.cinema-clean-row:hover td{background:#243247!important;}

/* Cho người dùng tự resize module/card. Áp dụng nhẹ, không phá layout cũ. */
.co-resizable-module{position:relative!important;resize:both!important;overflow:auto!important;min-width:280px!important;min-height:140px!important;max-width:100%!important;}
.co-resizable-module::after{content:'↘';position:absolute;right:8px;bottom:6px;width:18px;height:18px;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#64748b;background:rgba(148,163,184,.18);pointer-events:none;opacity:.75;}
.co-resizable-module:hover::after{opacity:1;background:rgba(59,130,246,.18);color:#2563eb;}
.co-layout-tools{display:flex!important;gap:8px!important;align-items:center!important;margin-left:auto!important;flex-wrap:wrap!important;}
.co-layout-tools button{height:34px!important;border:1px solid rgba(148,163,184,.35)!important;border-radius:12px!important;background:rgba(255,255,255,.72)!important;color:#0f172a!important;font-weight:900!important;font-size:12px!important;padding:0 11px!important;cursor:pointer!important;}
html[data-theme="dark"] .co-layout-tools button,.dark .co-layout-tools button{background:rgba(15,23,42,.72)!important;color:#e5e7eb!important;}
@media(max-width:900px){.co-resizable-module{resize:none!important;width:auto!important;height:auto!important;}.co-resizable-module::after{display:none!important;}}

/* ===== CINEMA ONE 5.1 WORKSPACE PATCH: Drag + Snap-to-empty-cell ===== */
.co-workspace-zone{position:relative!important;}
.co-workspace-zone.co-drop-target{outline:2px dashed rgba(59,130,246,.55)!important;outline-offset:6px!important;border-radius:18px!important;background:rgba(59,130,246,.035)!important;}
.co-draggable-module{position:relative!important;transition:box-shadow .18s ease, transform .18s ease, opacity .18s ease!important;}
.co-draggable-module.co-dragging{opacity:.54!important;transform:scale(.985)!important;box-shadow:0 20px 55px rgba(37,99,235,.22)!important;}
.co-draggable-module.co-fit-dropped{width:auto!important;height:auto!important;align-self:stretch!important;justify-self:stretch!important;}
.co-drag-handle{position:absolute!important;right:34px!important;bottom:7px!important;width:22px!important;height:22px!important;border-radius:9px!important;border:1px solid rgba(148,163,184,.35)!important;background:rgba(255,255,255,.72)!important;color:#334155!important;font-size:14px!important;line-height:1!important;display:grid!important;place-items:center!important;cursor:grab!important;z-index:8!important;padding:0!important;box-shadow:0 6px 16px rgba(15,23,42,.10)!important;}
.co-drag-handle:active{cursor:grabbing!important;}
.co-draggable-module:hover>.co-drag-handle{background:rgba(59,130,246,.15)!important;color:#1d4ed8!important;border-color:rgba(59,130,246,.35)!important;}
html[data-theme="dark"] .co-drag-handle,.dark .co-drag-handle{background:rgba(15,23,42,.86)!important;color:#cbd5e1!important;border-color:rgba(148,163,184,.28)!important;}
html[data-theme="dark"] .co-draggable-module:hover>.co-drag-handle,.dark .co-draggable-module:hover>.co-drag-handle{background:rgba(59,130,246,.20)!important;color:#bfdbfe!important;}
@media(max-width:900px){.co-drag-handle{display:none!important}.co-draggable-module{transform:none!important}.co-workspace-zone.co-drop-target{outline:none!important;background:transparent!important}}

/* ===== CINEMA ONE 5.1.1: Workspace toàn site ===== */
.co-layout-tools{display:inline-flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-left:8px!important;z-index:50!important;position:relative!important}
.co-layout-tools button{border:1px solid rgba(148,163,184,.28)!important;background:rgba(15,23,42,.08)!important;color:var(--co-text,#0f172a)!important;border-radius:12px!important;padding:9px 12px!important;font-weight:900!important;cursor:pointer!important;line-height:1!important;white-space:nowrap!important}
html[data-theme="dark"] .co-layout-tools button,.dark .co-layout-tools button{background:rgba(255,255,255,.075)!important;color:#e5e7eb!important;border-color:rgba(148,163,184,.28)!important}
.co-layout-tools-host{position:fixed!important;right:18px!important;bottom:18px!important;z-index:9999!important;background:rgba(15,23,42,.78)!important;border:1px solid rgba(148,163,184,.24)!important;border-radius:16px!important;padding:8px!important;backdrop-filter:blur(16px)!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important}
.co-layout-tools-host .co-layout-tools{margin-left:0!important}.co-layout-tools-host .co-layout-tools button{color:#fff!important;background:rgba(255,255,255,.10)!important}
.co-resizable-module{resize:both!important;overflow:auto!important;min-width:240px!important;min-height:120px!important;max-width:100%!important}
.co-workspace-zone{min-height:80px!important;gap:var(--co-gap,16px)!important}.co-workspace-zone>*{min-width:0!important}
.co-draggable-module{cursor:default!important}.co-drag-handle{position:absolute!important;top:8px!important;right:8px!important;width:30px!important;height:30px!important;border-radius:10px!important;border:1px solid rgba(148,163,184,.24)!important;background:rgba(255,255,255,.68)!important;color:#334155!important;font-weight:900!important;cursor:grab!important;display:grid!important;place-items:center!important;z-index:8!important;opacity:.78!important}
.co-drag-handle:active{cursor:grabbing!important}.co-draggable-module:hover>.co-drag-handle{opacity:1!important}
.co-draggable-module.co-fit-dropped{width:auto!important;height:auto!important;align-self:stretch!important;justify-self:stretch!important}
@media(max-width:900px){.co-layout-tools{display:none!important}.co-layout-tools-host{display:none!important}.co-resizable-module{resize:none!important;width:auto!important;height:auto!important;overflow:visible!important;min-width:0!important}.co-drag-handle{display:none!important}}

/* ===== CINEMA ONE 5.1.2: Hybrid Workspace Session UI ===== */
.co-session-badge{display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:14px!important;padding:8px 10px!important;font-size:12px!important;font-weight:800!important;border:1px solid rgba(148,163,184,.28)!important;background:rgba(255,255,255,.72)!important;color:#334155!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;backdrop-filter:blur(12px)!important;z-index:30!important;right:18px!important;bottom:18px!important}
.co-session-badge.saved{background:rgba(236,253,245,.86)!important;color:#047857!important;border-color:rgba(16,185,129,.28)!important}.co-session-badge.fresh{background:rgba(254,242,242,.86)!important;color:#b91c1c!important;border-color:rgba(239,68,68,.25)!important}
.co-session-clear{border:0!important;border-radius:10px!important;padding:5px 8px!important;font-size:11px!important;font-weight:900!important;cursor:pointer!important;background:rgba(15,23,42,.08)!important;color:inherit!important}.co-session-clear:hover{background:rgba(15,23,42,.14)!important}
.co-session-file-note{margin-top:8px!important;padding:8px 10px!important;border-radius:12px!important;background:rgba(16,185,129,.10)!important;color:#047857!important;font-size:12px!important;font-weight:800!important;border:1px solid rgba(16,185,129,.18)!important;word-break:break-word!important}
html[data-theme="dark"] .co-session-badge,.dark .co-session-badge{background:rgba(15,23,42,.86)!important;color:#cbd5e1!important;border-color:rgba(148,163,184,.24)!important}html[data-theme="dark"] .co-session-badge.saved,.dark .co-session-badge.saved{background:rgba(6,78,59,.58)!important;color:#a7f3d0!important}html[data-theme="dark"] .co-session-badge.fresh,.dark .co-session-badge.fresh{background:rgba(127,29,29,.54)!important;color:#fecaca!important}html[data-theme="dark"] .co-session-file-note,.dark .co-session-file-note{background:rgba(6,78,59,.34)!important;color:#a7f3d0!important;border-color:rgba(16,185,129,.20)!important}
@media(max-width:900px){.co-session-badge{font-size:11px!important;padding:7px 8px!important}.co-session-clear{display:none!important}}

/* =========================================================
   CINEMA ONE 5.3.2 - LIGHT UI LOCK
   Tạm thời tắt giao diện tối để tránh chữ chìm / khó đọc.
   ========================================================= */
html, html[data-theme="dark"], html[data-theme="light"]{
  color-scheme: light !important;
}
html, body, body.dark, body.theme-dark, body.light, body.theme-light{
  background: linear-gradient(180deg,#fffdf7 0%,#f8fbff 48%,#eef6ff 100%) !important;
  color:#0f172a !important;
}
body.dark *, body.theme-dark *, html[data-theme="dark"] *{
  text-shadow:none !important;
}
.main-content, .content, .page, .app-main, .v8-main, .cr-page{
  background:transparent !important;
  color:#0f172a !important;
}
.panel,.full-panel,.co-panel,.co-card,.card,.box,.content-card,.mini-stat,.section,.module,.module-card,
.cr-panel,.cr-card,.cr-field,.form-card,.upload-card,.drop-card,.filter-card,.report-card,
.moveek-card,.moveek-panel,.schedule-card,.schedule-panel,.manual-card,.manual-panel,
[data-panel], .glass, .glass-card, .dark-panel, .dark-card{
  background:#ffffff !important;
  background-image:none !important;
  color:#0f172a !important;
  border:1px solid rgba(37,99,235,.16) !important;
  box-shadow:0 14px 36px rgba(15,23,42,.08) !important;
}
.panel *, .full-panel *, .co-panel *, .co-card *, .card *, .box *, .content-card *, .section *, .module *,
.moveek-card *, .moveek-panel *, .schedule-card *, .schedule-panel *, .manual-card *, .manual-panel *,
.dark-panel *, .dark-card *{
  color:inherit;
}
h1,h2,h3,h4,h5,h6,.title,.section-title,.panel-title,.card-title,.co-title,
label,b,strong,th,.form-label,.field-label,.subtitle,.helper-title{
  color:#0f172a !important;
}
p,span,small,li,td,div,.muted,.hint,.helper,.description,.subtext,.co-sub,.cr-sub{
  color:#334155 !important;
}
input,textarea,select,.select2-selection,.fake-input{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid rgba(37,99,235,.22) !important;
  box-shadow:none !important;
}
input::placeholder, textarea::placeholder{color:#64748b !important; opacity:1 !important;}
option{background:#ffffff !important;color:#0f172a !important;}
table,.table,.cr-table,.data-table,.table-wrap,.cr-table-wrap{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:rgba(37,99,235,.14) !important;
}
thead, table th,.cr-table th,.data-table th{
  background:#eaf3ff !important;
  color:#0f172a !important;
  border-color:rgba(37,99,235,.14) !important;
}
tbody tr, table td,.cr-table td,.data-table td{
  background:#ffffff !important;
  color:#0f172a !important;
  border-color:rgba(37,99,235,.10) !important;
}
tbody tr:nth-child(even) td{background:#f8fbff !important;}
button,.btn,.co-btn,.primary-btn,.secondary-btn,.ghost-btn{
  color:#ffffff !important;
}
button.secondary,.btn.secondary,.secondary-btn,.ghost-btn,.icon-btn{
  background:#f8fafc !important;
  color:#0f172a !important;
  border:1px solid rgba(37,99,235,.18) !important;
}
.badge,.status,.co-status{
  color:#166534 !important;
  background:#dcfce7 !important;
  border-color:#bbf7d0 !important;
}
/* Các khối trong Check lịch Film từng bị nền xanh đậm làm mất chữ */
#moveekPage .panel,#moveekPage .full-panel,#moveekPage .box,
.moveek-page .panel,.moveek-page .full-panel,.moveek-page .box,
form .panel, form .box, form .content-card{
  background:#ffffff !important;
  color:#0f172a !important;
}
#moveekPage .panel *,.moveek-page .panel *,form .panel *{
  color:#0f172a !important;
}
/* Override các style inline nền tối nếu có */
[style*="background:#0"], [style*="background: #0"], [style*="background-color:#0"], [style*="background-color: #0"],
[style*="background:linear-gradient"], [style*="background: linear-gradient"]{
  color:#0f172a !important;
}
/* Sidebar vẫn sáng, chữ rõ */
.sidebar,.frt-sidebar-pro,.cinema-one-sidebar{
  background:linear-gradient(180deg,#fffaf0,#f8fbff) !important;
  border-right:1px solid rgba(245,158,11,.35) !important;
}
.sidebar *,.frt-sidebar-pro *,.cinema-one-sidebar *{color:#0f172a !important;}
.nav-item:hover,.nav-item.active{background:#eaf3ff !important;color:#0f172a !important;}
.mobile-topbar,.topbar,.hero-topbar,.co-hero{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid rgba(37,99,235,.16) !important;
}
.mobile-topbar *,.topbar *,.hero-topbar *,.co-hero *{color:#0f172a !important;}
.theme-toggle,#themeToggle,#themeToggleMobile,#globalThemeToggle{display:none !important;}

/* === Cinema One 5.4 LTS Light UI hard lock === */
html, html[data-theme="dark"], html[data-theme="light"]{color-scheme:light!important;}
body, body.dark, body.theme-dark, html[data-theme="dark"] body{
  background:linear-gradient(180deg,#fffdf8 0%,#f8fbff 45%,#eef6ff 100%)!important;
  color:#0f172a!important;
}
body.dark, html[data-theme="dark"] body{filter:none!important;}
body.dark .panel, body.dark .card, body.dark .co-panel, body.dark .full-panel,
html[data-theme="dark"] .panel, html[data-theme="dark"] .card, html[data-theme="dark"] .co-panel, html[data-theme="dark"] .full-panel,
body.dark .result-panel, body.dark .feature-panel, body.dark .admin-card,
html[data-theme="dark"] .result-panel, html[data-theme="dark"] .feature-panel, html[data-theme="dark"] .admin-card{
  background:#ffffff!important;color:#0f172a!important;border:1px solid #dbeafe!important;box-shadow:0 14px 35px rgba(15,23,42,.08)!important;
}
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark p,body.dark span,body.dark small,body.dark label,body.dark b,body.dark strong,body.dark td,body.dark th,
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] p,html[data-theme="dark"] span,html[data-theme="dark"] small,html[data-theme="dark"] label,html[data-theme="dark"] b,html[data-theme="dark"] strong,html[data-theme="dark"] td,html[data-theme="dark"] th{
  color:#0f172a!important;text-shadow:none!important;
}
body.dark input,body.dark select,body.dark textarea,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{
  background:#ffffff!important;color:#0f172a!important;border:1px solid #cbd5e1!important;box-shadow:none!important;
}
body.dark input::placeholder,body.dark textarea::placeholder,html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#64748b!important;opacity:1!important;}
/* Moveek / Check lịch Film: remove dark blocks that hide text */
#moveekPage .panel,#moveekPage .card,#moveekPage .full-panel,#moveekPage .co-panel,
.moveek-card,.schedule-card,.manual-schedule-card,.cache-box,.manual-box,
#schedulePanel,#manualSchedulePanel,#cacheBox,#manualBox{
  background:#ffffff!important;color:#0f172a!important;border:1px solid #dbeafe!important;border-radius:18px!important;
}
#moveekPage .panel *,#moveekPage .card *,.moveek-card *,.schedule-card *,.manual-schedule-card *,.cache-box *,.manual-box *,
#schedulePanel *,#manualSchedulePanel *,#cacheBox *,#manualBox *{color:#0f172a!important;}
/* Layout buttons: same size, clear color */
.co-layout-tools,.co-layout-tools-host .co-layout-tools{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;}
.co-layout-tools button,#coSaveLayoutBtn,#coResetLayoutBtn{
  min-width:168px!important;height:50px!important;padding:0 22px!important;border-radius:14px!important;font-size:15px!important;font-weight:950!important;line-height:1!important;border:0!important;box-shadow:0 12px 28px rgba(37,99,235,.20)!important;opacity:1!important;cursor:pointer!important;
}
#coSaveLayoutBtn{background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;color:#ffffff!important;}
#coResetLayoutBtn{background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#ffffff!important;}
.co-layout-tools-host{background:rgba(255,255,255,.92)!important;border:1px solid #dbeafe!important;box-shadow:0 18px 45px rgba(15,23,42,.16)!important;}
.co-layout-tools-host .co-layout-tools button{color:#fff!important;}
/* Dangerous / export buttons in layout footer */
.co-layout-tools .danger,#coClearLayoutBtn,.btn-danger{background:linear-gradient(135deg,#ef4444,#e11d48)!important;color:#fff!important;}
.btn-export,.excel-btn{background:linear-gradient(135deg,#16a34a,#10b981)!important;color:#fff!important;}