/* Shared QRveo visual tokens, matched to the public Mexico homepage. */
:root{--qr-ink:#17211d;--qr-muted:#647169;--qr-green:#285d43;--qr-hover:#1d4933;--qr-paper:#fbfaf7;--qr-line:#dde4dc;--qr-soft:#edf3ed;--qr-red:#ce1126;--primary-color:#285d43;--el-color-primary:#285d43;--color-primary:#285d43;--plv-color-primary:#285d43}
html,body{background:var(--qr-paper)!important;color:var(--qr-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
body .app-container,body .main-container,body .app-main,body .main-content-shell,body .overview-page{background:transparent!important}
body .app-container{background:linear-gradient(100deg,#00684708,transparent 65%,#ce112605),var(--qr-paper)!important}
body .sidebar-container,body .app-nav-bar,body .app-nav-bar .logo-container,body .sidebar-logo-container,body .app-nav-bar .sidebar,body .app-nav-bar .pwc-menu__body,body .app-nav-bar .pwc-menu__content{background:var(--qr-paper)!important;border-color:var(--qr-line)!important}
body .sidebar-container{border-right:1px solid var(--qr-line)}
body .sidebar-logo-container{min-height:64px;border-bottom:1px solid var(--qr-line)}
body .sidebar-brand-wordmark{color:var(--qr-ink)!important;font-weight:800!important;font-size:19px!important}
body .sidebar-brand-link:before{content:"";display:block;flex-shrink:0;width:32px;height:32px;background:url('/brand-mark.svg') center/contain no-repeat}
body .sidebar-logo{color:var(--qr-green)!important}
body .sidebar-logo-hit:hover,body .sidebar-brand-link:hover{background:var(--qr-soft)!important}
body .app-nav-bar .pwc-menu-item__content,body .app-nav-bar .pwc-sub-menu__content{color:#56655b!important;border-radius:9px!important;transition:background .16s,color .16s}
body .app-nav-bar .pwc-menu-item__content:hover,body .app-nav-bar .pwc-sub-menu__content:hover{background:#e9efe8!important;color:var(--qr-green)!important}
body .app-nav-bar .pwc-menu-item.is-active>.pwc-menu-item__content{background:var(--qr-green)!important;color:white!important;box-shadow:0 4px 12px #285d431a}
body .app-nav-bar .pwc-menu-item.is-active .pwc-menu-item__title,body .app-nav-bar .pwc-menu-item.is-active .pwc-menu-item__icon{color:white!important}
body .app-nav-bar .pwc-sub-menu__title{font-size:12px!important;font-weight:700;letter-spacing:.03em;color:#6c7a70!important}
body .app-nav-bar .sidebar{scrollbar-color:#b5c6b9 transparent}
body .top-nav-bar{background:#fbfaf7f5!important;border-bottom:1px solid var(--qr-line)!important;box-shadow:none!important}
body .top-nav-bar .header-link,body .top-nav-bar .user-email{color:#4b5a53!important}
body .plv-button--primary,body .el-button--primary,body .pwc-button--primary{background:var(--qr-green)!important;border-color:var(--qr-green)!important;color:#fff!important;border-radius:8px!important;box-shadow:0 3px 9px #285d4312}
body .plv-button--primary:hover,body .el-button--primary:hover,body .pwc-button--primary:hover{background:var(--qr-hover)!important;border-color:var(--qr-hover)!important}
body .plv-button--operate,body .plv-button--default{color:var(--qr-green)!important;border-color:#b4c7b8!important;border-radius:8px!important}
body .plv-button--text,body .plv-button--link,body .el-link--primary{color:var(--qr-green)!important}
body .plv-input__inner,body .el-input__inner,body .plv-textarea__inner,body .pwc-input{border-color:var(--qr-line)!important;border-radius:8px!important}
body input:focus,body textarea:focus{outline-color:var(--qr-green)!important;border-color:var(--qr-green)!important;box-shadow:0 0 0 3px #285d4314}
body .plv-table th,body .el-table th{background:#f3f5ef!important;color:#526359!important}
body .plv-table,body .el-table{color:var(--qr-ink)!important}
body .plv-dialog,body .el-dialog{border-radius:18px!important;box-shadow:0 24px 80px #17211d26!important}
body .plv-dialog__header,body .el-dialog__header{border-bottom:1px solid #edf0e9}
body .overview-kpi-card,body .overview-video-trends-section,body .overview-watch,body .overview-account-panel,body .overview-video-ranking{background:#fff!important;border:1px solid var(--qr-line)!important;border-radius:16px!important;box-shadow:0 5px 20px #17211d05!important}
body .overview-kpi-card__value{color:var(--qr-ink)!important;font-weight:750!important;letter-spacing:-.04em}
body .overview-kpi-icon{color:var(--qr-green)!important;background:var(--qr-soft)!important;border-radius:12px!important}
body .overview-kpi-card__sparkline{color:var(--qr-green)!important}
body .overview-video-trends-section__tab--active,body .overview-video-trends-section__filter--active{color:var(--qr-green)!important;background:var(--qr-soft)!important;border-color:#c5d5c8!important}
body .overview-page h2,body .overview-page h3{color:var(--qr-ink)!important;letter-spacing:-.025em}
body .plv-pagination .active,body .plv-pager li.active,body .el-pager li.active{background:var(--qr-soft)!important;color:var(--qr-green)!important}
/* Authentication keeps the same warm canvas and white card as the homepage. */
body .g-layout.p-pc-page{background:linear-gradient(110deg,#0068470e,transparent 55%,#ce112609),var(--qr-paper)!important}
body .c-header{background:#fbfaf7!important;border-bottom:1px solid var(--qr-line)}
body .c-main__right{background:#fff!important;border:1px solid var(--qr-line)!important;border-radius:20px!important;box-shadow:0 20px 70px #17211d0d!important}
body .c-login__title{color:var(--qr-ink)!important;letter-spacing:-.035em}
body .c-login button[type=submit],body .c-login .el-button--primary{background:var(--qr-green)!important;border-color:var(--qr-green)!important;color:white!important}
/* Platform operations uses the same palette and components. */
body.qr-operations{background:linear-gradient(100deg,#00684708,transparent 65%,#ce112606),var(--qr-paper)!important}
.qr-operations header{background:#fbfaf7ed;color:var(--qr-ink);border-bottom:1px solid var(--qr-line);padding:16px 4%;min-height:73px}
.qr-operations header a{color:var(--qr-green);font-size:14px;font-weight:650;text-decoration:none}
.qr-operations .brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;color:var(--qr-ink)}
.qr-operations .brand img{width:40px;height:40px}
.qr-operations .area-label{font-size:12px;color:var(--qr-muted);font-weight:500;display:block;margin-top:2px}
.qr-operations main{max-width:1200px;margin:48px auto}
.qr-operations h1{font-size:36px;line-height:1.15;letter-spacing:-.045em;color:var(--qr-ink)}
.qr-operations h2{font-size:21px;letter-spacing:-.025em}
.qr-operations section{border-color:var(--qr-line);border-radius:18px;box-shadow:0 6px 24px #17211d04}
.qr-operations button{background:var(--qr-green);border-color:var(--qr-green);font-weight:650;border-radius:8px;transition:background .16s}
.qr-operations button:hover{background:var(--qr-hover)}
.qr-operations button:disabled{opacity:.45}
.qr-operations input{border-color:var(--qr-line);background:#fff}
.qr-operations .card{background:#f1f5ee;border:1px solid #dfe7dc;border-radius:14px;color:#526359}
.qr-operations .card strong{color:var(--qr-ink);font-size:38px;letter-spacing:-.04em;margin-top:8px}
.qr-operations th{background:#f3f5ef;color:#526359;font-weight:650}
.qr-operations td{border-color:#e7ece4}
.qr-operations #logout,.qr-operations #previous,.qr-operations #next{background:#fff;color:var(--qr-green);border-color:#bdcebf}
.qr-operations .toolbar a{color:var(--qr-green);font-size:14px}
.qr-operations #login{padding:32px;max-width:460px;margin:40px auto 70px}
.qr-operations #status:empty{display:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:650px){.qr-operations h1{font-size:28px}.qr-operations header{padding:14px 18px}.qr-operations main{margin:28px auto}.qr-operations #login{padding:24px}}
body .app-nav-bar .pwc-menu-item__content.is-active{background:var(--qr-green)!important;color:#fff!important;box-shadow:0 4px 12px #285d431a}
body .app-nav-bar .pwc-menu-item__content.is-active .pwc-menu-item__title{color:#fff!important}
body .plv-button--normal,body .cuplayer-button-new.plv-button--normal{background:var(--qr-green)!important;border-color:var(--qr-green)!important;color:#fff!important;border-radius:8px!important}
body .plv-button--normal:hover{background:var(--qr-hover)!important}
body .plv-table-header th,body .plv-table-header td{background:#f3f5ef!important;color:#526359!important}
body .plv-table-body td{border-color:#e7ece4!important}
.qr-language{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#526359;margin:0 16px 0 0;white-space:nowrap}
.qr-language select{font:600 13px/1.4 system-ui,sans-serif;background:#fff;color:#285d43;border:1px solid #bdcebf;border-radius:8px;padding:8px 28px 8px 10px;cursor:pointer;min-width:115px}
.qr-operations header .qr-language{order:2;margin-left:auto;margin-right:24px}.qr-operations header>a:last-child{order:3}
@media(max-width:650px){.qr-language{font-size:0;gap:0;margin-right:8px}.qr-language select{font-size:12px;min-width:100px}.qr-operations header{flex-wrap:wrap;gap:12px}.qr-operations header .qr-language{margin-right:0}}
/* The deployment locale picker is the sole language control on auth pages. */
.c-header__nav:has(#qr-language) .c-header__nav-lang{display:none!important}
/* Shared QRveo auth surface. */
.qr-auth-page .c-header{position:relative!important;height:76px!important;box-sizing:border-box}
.qr-auth-page .c-header__logo{top:18px!important}
.qr-auth-page .c-header__logo a{height:40px!important}
.qr-auth-page .c-login__main{min-width:0!important}
.qr-auth-page .c-header__logo a{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none;color:#17211d;font-size:22px;font-weight:800}
.qr-auth-page .c-header__logo img{width:40px!important;height:40px!important;object-fit:contain}
.qr-auth-page .c-login__main__submit,.qr-auth-page #button-register,.qr-auth-page #button-login{background:#006847!important;border-color:#006847!important;border-radius:10px!important;color:#fff!important;min-height:48px;box-shadow:0 6px 18px #00684720}
.qr-auth-page .c-login__main__submit:hover{background:#00543a!important}
.qr-auth-page .c-login__footer a,.qr-auth-page .c-footer a{color:#006847!important}
.qr-auth-page .qr-field-label{display:block;font:600 13px/1.4 system-ui;color:#34483c;margin:0 0 7px}
.qr-auth-page input{font-size:16px!important;min-height:46px;border-radius:9px!important}
.qr-auth-page input:focus-visible,.qr-auth-page button:focus-visible,.qr-auth-page a:focus-visible{outline:3px solid #d9a52f!important;outline-offset:3px}
.qr-auth-page #qr-auth-intro{font:400 14px/1.6 system-ui;color:#53645a;margin:-4px 0 22px}
.qr-auth-page #qr-auth-intro:empty{display:none}
.qr-auth-page #qr-auth-plan{background:#eff6ef;border:1px solid #d5e4d7;padding:12px;border-radius:10px;font:400 13px/1.5 system-ui;color:#285d43}
.qr-auth-page [hidden]{display:none!important}
.qr-auth-page .c-main-container{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:28px auto 64px!important;min-width:0!important;width:min(480px,calc(100% - 32px))!important}
.qr-auth-page .c-main{width:100%!important;min-width:0!important;box-sizing:border-box}
.qr-auth-page .c-main__right{width:100%!important;min-width:0!important;box-sizing:border-box}
.qr-auth-page .c-footer{position:static!important;margin:24px auto!important;padding:0 16px 24px;text-align:center}
@media(max-width:600px){.qr-auth-page .c-header{padding:16px!important}.qr-auth-page .c-header__logo{left:16px!important}.qr-auth-page .c-header__nav{right:8px!important}.qr-auth-page .c-main-container{margin-top:12px!important}.qr-auth-page .c-login__main{width:100%!important;padding:24px!important}.qr-auth-page .c-login__title{font-size:24px!important}}
