:root{
  --navy:#08182b;--navy-2:#10253e;--ink:#111b2d;--muted:#738098;--line:#e8edf4;--surface:#fff;--bg:#f5f7fb;
  --coral:#ff5948;--orange:#ff7b45;--pink:#ff245d;--wine:#8f174d;--teal:#13ae99;--danger:#ef2929;
  --gradient:linear-gradient(120deg,#ff274f 0%,#ff5d45 48%,#ff813f 100%);
  --gradient-deep:linear-gradient(135deg,#8c174c 0%,#e81d57 55%,#ff6545 100%);
  font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)
}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:25px 14px 18px;background:radial-gradient(circle at 20% 0,#183456 0,#0c2038 30%,#07172a 75%);color:#fff;display:flex;flex-direction:column;z-index:30;box-shadow:14px 0 34px #10213912}.brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 12px;text-decoration:none}.brand-mark{font-size:34px;font-weight:950;letter-spacing:-3px;background:var(--gradient);-webkit-background-clip:text;color:transparent}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:22px}.brand-copy small{font-size:8px;letter-spacing:2px;color:#9fb2c9;margin-top:5px}.side-nav{display:grid;gap:7px;margin-top:22px}.side-nav a{height:52px;border-radius:10px;display:flex;align-items:center;gap:14px;padding:0 16px;text-decoration:none;font-weight:650;color:#eef5ff;transition:.2s}.side-nav a span{font-size:22px;width:22px;text-align:center}.side-nav a:hover{background:#ffffff0d}.side-nav a.active{background:var(--gradient);box-shadow:0 12px 25px #f72b5350}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.store-card,.help-card{border:1px solid #ffffff18;background:#ffffff06;border-radius:14px;padding:14px}.store-card{display:grid;grid-template-columns:1fr auto}.store-card small{grid-column:1/-1;color:#92a8c1}.store-card strong{margin-top:5px}.help-card{display:flex;gap:12px;align-items:center}.help-card>b{width:34px;height:34px;border:1px solid #8aa0ba;border-radius:50%;display:grid;place-items:center}.help-card div{display:grid}.help-card small{color:#92a8c1;margin-top:4px}.workspace{margin-left:252px;width:calc(100% - 252px)}.topbar{height:72px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:26px;position:sticky;top:0;z-index:20}.menu-toggle{border:0;background:none;font-size:24px;color:#223249;padding:8px;cursor:pointer}.global-search{margin-left:auto;width:min(420px,40vw);height:44px;border:1px solid #dce3ec;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#8a95a7}.global-search span{flex:1}.global-search kbd{font:12px inherit;background:#f4f6f9;border:1px solid #e1e6ed;padding:3px 7px;border-radius:6px}.admin-area{display:flex;align-items:center;gap:9px;white-space:nowrap}.notification{position:relative;font-size:24px}.notification b{position:absolute;right:-8px;top:-7px;background:#ef2c2c;color:#fff;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--gradient);color:#fff;font-weight:800}.main-content{padding:30px 34px 55px;max-width:1650px;margin:0 auto;position:relative}.page-accent{height:4px;background:linear-gradient(90deg,var(--pink),var(--coral),var(--orange),var(--teal));position:absolute;left:34px;right:34px;top:0;border-radius:0 0 8px 8px;opacity:.9}h1{font-size:30px;margin:8px 0 6px;letter-spacing:-.7px}h2{letter-spacing:-.3px}.page-subtitle,h1+p{color:var(--muted);margin-top:0}.notice{background:#eafff8;border:1px solid #8ee2cf;color:#087363;padding:13px 16px;border-radius:12px;margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:24px}.card,.screen-card,.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 9px 28px #1e2d4410}.card{min-height:112px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;width:56px;height:56px;border-radius:17px;right:17px;top:17px;background:linear-gradient(135deg,#ffdad7,#fff0e7)}.card:after{content:"↗";position:absolute;right:34px;top:32px;color:var(--coral);font-size:20px}.card span{display:block;color:var(--muted);font-weight:600}.card b{font-size:34px;display:block;margin-top:8px}.panel{margin:20px 0}.panel:first-of-type{margin-top:24px}.filters,.panel form{display:flex;gap:12px;flex-wrap:wrap;align-items:center}input,select,button{font:inherit;padding:11px 13px;border:1px solid #d9e0e9;border-radius:9px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ff594818}button,.button{background:var(--gradient);color:#fff;border:0;text-decoration:none;padding:11px 16px;border-radius:9px;display:inline-block;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #fa3e4930}.secondary{background:#fff!important;color:#24334a!important;border:1px solid #dce3ec!important;box-shadow:none!important}.product-list{display:grid;gap:0;margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.product-row{background:#fff;display:grid;grid-template-columns:120px 1fr 110px 150px 80px 70px 80px 80px;gap:8px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--line)}.product-row:last-child{border-bottom:0}.product-row:hover{background:#fff9f8}.bulk-product{grid-template-columns:42px 120px minmax(260px,1fr) 110px 150px 80px 90px 72px}.name-static{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name-static small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.price{font-weight:850}.pick{text-align:center}.status-on{background:#daf9e8;color:#10804a;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850}.status-off{background:#eef1f5;color:#657185;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850}.bulk-bar{position:sticky;top:82px;z-index:8;background:linear-gradient(90deg,#fff4ef,#fff9f5);border:1px solid #ffd5c9;padding:12px;border-radius:12px;margin:16px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px}.pager a,.pager span{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:9px;text-decoration:none}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.media-card{background:#fff;padding:10px;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 25px #14243b0d}.media-card img,.media-card video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:11px;background:#101828}.media-card b,.media-card small{display:block;margin:10px 4px 0}.media-card small{color:var(--muted)}.screen-card{min-height:285px;display:flex;flex-direction:column;position:relative;overflow:hidden}.screen-card:before{content:"";height:135px;background:var(--gradient-deep);border-radius:12px;margin-bottom:17px}.screen-card:after{content:"TV";position:absolute;top:75px;left:50%;transform:translate(-50%,-50%);font-size:52px;font-weight:950;color:#fff8}.screen-card h2{margin:0}.screen-card p{color:var(--muted)}.screen-card .button{margin-top:auto;margin-right:8px}.playlist{display:grid;gap:8px}.playlist>div{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;background:#fff;padding:14px;border:1px solid var(--line);border-radius:10px}.playlist small{color:var(--muted)}.offer-row{grid-template-columns:110px minmax(230px,1.5fr) 150px 100px 130px 180px 180px 220px 90px}.offer-row label{display:flex;gap:6px;align-items:center}.edit-form{display:grid!important;grid-template-columns:repeat(2,minmax(220px,1fr));max-width:850px}.edit-form label,.setting-card label{display:grid;gap:7px}.edit-form button{align-self:end}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.setting-card{margin:16px 0}.setting-actions{display:flex;gap:10px;margin-top:15px}.switch-line{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important;margin-top:14px}.logo-placeholder{height:130px;border:1px dashed #ff9b8c;border-radius:13px;background:linear-gradient(135deg,#ff3657,#ff7546);color:#fff;display:grid;place-items:center;text-align:center;font-size:28px;font-weight:900}.logo-placeholder small{font-size:11px;font-weight:500}.sidebar-collapsed .sidebar{transform:translateX(-252px)}.sidebar-collapsed .workspace{margin-left:0;width:100%}@media(max-width:1100px){.offer-row{grid-template-columns:100px 1fr 120px 100px}.offer-row>*:nth-child(n+5){display:none}.bulk-product{grid-template-columns:42px 100px 1fr 100px}.bulk-product>div:nth-of-type(n+4){display:none}}@media(max-width:820px){.sidebar{transform:translateX(-252px)}.workspace{margin-left:0;width:100%}.sidebar-collapsed .sidebar{transform:none}.topbar{padding:0 16px}.global-search{display:none}.main-content{padding:24px 16px}.page-accent{left:16px;right:16px}.admin-area strong{display:none}.edit-form{grid-template-columns:1fr}.product-row{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}}

/* Ajustes de legibilidade e cadastro de telas */
:root{font-weight:400}
body,input,select,button{font-weight:400}
.side-nav a{font-weight:500}
.brand-mark{font-weight:800}.brand-copy strong{font-weight:650}
.admin-area strong{font-weight:600}
h1{font-weight:650}h2{font-weight:600}
.card span{font-weight:450}.card b{font-weight:650}
button,.button{font-weight:600}
.name-static{font-weight:600}.price{font-weight:650}
.status-on,.status-off{font-weight:650}
.screen-card:after{font-weight:700}

.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:8px 0 22px}
.page-heading h1{margin:0 0 6px}.page-heading .page-subtitle{margin:0}
.screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}
.screen-card{padding:0;min-height:0}
.screen-card:before,.screen-card:after{display:none}
.screen-preview{height:145px;margin:20px 20px 0;border-radius:14px;background:var(--gradient-deep);display:grid;place-items:center;overflow:hidden;position:relative}
.screen-preview:before{content:"";position:absolute;inset:-45% -20%;background:radial-gradient(circle at 75% 30%,#ff8a5a80,transparent 35%),radial-gradient(circle at 18% 80%,#7d174c90,transparent 42%);transform:rotate(-7deg)}
.screen-preview span{position:relative;color:#ffffffbb;font-size:46px;font-weight:700;letter-spacing:-2px}
.screen-card-content{padding:18px 20px 20px;display:flex;flex-direction:column;min-height:205px}
.screen-card-content h2{font-size:23px;margin:15px 0 7px}.screen-card-content p{margin:0 0 18px}
.screen-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.screen-status small{color:var(--muted)}
.screen-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:auto}.screen-actions .button{margin:0;text-align:center}
.screen-create[hidden]{display:none}
.screen-create{scroll-margin-top:92px;border-color:#ffd3cc;background:linear-gradient(180deg,#fff,#fffaf8)}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:0 0 5px}.section-heading p{margin:0;color:var(--muted)}
.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:none;padding:0;font-size:24px;line-height:1}
.screen-form{display:grid!important;grid-template-columns:repeat(3,minmax(190px,1fr));align-items:start!important}
.screen-form label{display:grid;gap:7px;color:#334155;font-size:14px;font-weight:500}.screen-form label small{color:var(--muted);font-size:12px;font-weight:400}
.screen-form .form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:5px}
@media(max-width:900px){.screen-form{grid-template-columns:1fr 1fr}.screen-grid{grid-template-columns:1fr}}
@media(max-width:620px){.page-heading{flex-direction:column}.page-heading .button{width:100%;text-align:center}.screen-form{grid-template-columns:1fr}.screen-actions{grid-template-columns:1fr}}

/* Ajuste de ícones e configuração rápida das TVs */
.ui-icon{display:block;flex:0 0 auto}
.side-nav a{gap:14px}
.side-nav a .ui-icon{width:20px;height:20px;opacity:.9}
.side-nav a.active .ui-icon{opacity:1}
.menu-toggle{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff;color:#26364d;box-shadow:0 8px 22px #19324d12}
.menu-toggle:hover{background:#fff6f5}
.global-search .ui-icon{color:#718096}
.notification{display:grid;place-items:center;width:34px;height:34px;color:#1e293b}
.notification .ui-icon{width:22px;height:22px}
.admin-chevron{font-size:15px;color:#475569}
.page-heading>.button{display:inline-flex;align-items:center;gap:8px}
.screen-preview span{display:grid;place-items:center}
.screen-preview .ui-icon{width:58px;height:58px;color:#ffffffd9;filter:drop-shadow(0 7px 14px #6c123c55)}
.screen-card-content{min-height:315px}
.screen-quick-settings{display:grid!important;grid-template-columns:1fr 1fr auto;gap:10px!important;align-items:end!important;margin:6px 0 18px}
.screen-quick-settings label{display:grid;gap:6px;color:#64748b;font-size:12px;font-weight:500}
.screen-quick-settings select{height:43px;width:100%;padding:8px 34px 8px 11px;background-color:#fff;font-size:14px}
.screen-quick-settings .save-screen-settings{height:43px;padding:0 16px;box-shadow:none}
.screen-actions .button{display:flex;align-items:center;justify-content:center;gap:8px}
.screen-status small{font-size:12px}
@media(max-width:1200px){.screen-quick-settings{grid-template-columns:1fr 1fr}.screen-quick-settings .save-screen-settings{grid-column:1/-1}}
@media(max-width:620px){.screen-quick-settings{grid-template-columns:1fr}.screen-quick-settings .save-screen-settings{grid-column:auto}}


/* Atualização visual com card do logo e refinamentos da programação */
.sidebar{padding-top:18px;overflow:auto}
.brand{height:auto;padding:0;text-decoration:none}
.brand-card{display:block;background:#fff;border-radius:18px;padding:16px 16px 14px;box-shadow:0 14px 30px rgba(4,23,43,.24), inset 0 0 0 1px rgba(255,255,255,.5);margin:2px 8px 18px}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.side-nav{margin-top:10px}
.side-nav a{min-height:54px;border-radius:14px;padding:0 18px;font-weight:600}
.side-nav a.active{box-shadow:0 16px 30px rgba(247,43,83,.28)}
.sidebar-bottom{padding-top:8px}
.store-card,.help-card{background:rgba(255,255,255,.045);backdrop-filter:blur(6px)}
.topbar{box-shadow:0 5px 18px rgba(20,36,59,.04)}
.menu-toggle{border:1px solid #edf1f6}
.admin-area{gap:12px}.admin-area strong{font-weight:650}
.playlist-builder form{display:grid!important;grid-template-columns:1.1fr 1.2fr .7fr auto;align-items:end!important}
.playlist-builder label{display:grid;gap:7px;color:#5d6b7f;font-size:13px;font-weight:500}
.playlist-builder label span{display:block}
.playlist-builder button{display:inline-flex;align-items:center;gap:8px;height:45px;justify-content:center}
.auto-offer-list{display:grid;gap:12px}
.auto-offer-item{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(180deg,#fff,#fff8f6);border:1px solid #ffe0d7;border-radius:16px;padding:18px 18px}
.auto-offer-main{display:grid;gap:6px}
.auto-offer-tag{display:inline-flex;align-items:center;gap:6px;background:#fff1ed;color:#e0543f;border:1px solid #ffd6cb;padding:5px 10px;border-radius:999px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;width:max-content}
.auto-offer-main h3{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}
.auto-offer-main p{margin:0;color:#6b7280}
.auto-offer-side{display:grid;justify-items:end;gap:10px;min-width:170px}
.auto-offer-side strong{font-size:30px;font-weight:750;color:#d9485f;letter-spacing:-.03em}
.playlist{gap:12px}
.playlist-item{display:grid!important;grid-template-columns:minmax(280px,1fr) auto auto;gap:16px!important;align-items:center!important;border-radius:14px!important;padding:16px 18px!important}
.playlist-info{display:grid;gap:4px}.playlist-info small{font-size:12px;color:#7b8798}.playlist-info b{font-size:18px;font-weight:650}.playlist-duration{font-weight:700;color:#1f2937;min-width:64px;text-align:center;background:#fff4ef;border:1px solid #ffdace;padding:10px 12px;border-radius:11px}
.logo-preview-card{min-height:132px;border-radius:16px;background:#fff;display:grid;place-items:center;padding:18px;border:1px solid #f1dfe8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.logo-preview-card img{width:100%;height:auto;object-fit:contain;max-height:96px}
.setting-card p{color:#667085;line-height:1.55}
@media(max-width:980px){.playlist-builder form{grid-template-columns:1fr 1fr}.playlist-builder button{grid-column:1/-1}.auto-offer-item{flex-direction:column;align-items:flex-start}.auto-offer-side{justify-items:start}.playlist-item{grid-template-columns:1fr}}
@media(max-width:620px){.brand-card{margin-left:2px;margin-right:2px;padding:12px}.side-nav a{padding:0 14px}.playlist-builder form{grid-template-columns:1fr}}


/* Configuração do template e banners */
.screen-actions{grid-template-columns:repeat(3,1fr)}
.design-preview{display:grid;grid-template-columns:minmax(360px,1.3fr) 1fr;gap:24px;align-items:center}
.design-preview-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#111;box-shadow:0 12px 30px #15243c20}
.design-preview-stage>img{width:100%;height:100%;object-fit:cover}.design-banner-preview{position:absolute;left:4.4%;top:5.9%;width:30.4%;height:88.9%;display:grid;place-items:center;background:#8d0000cc;color:#fff;font-weight:700}.design-lines-preview{position:absolute;left:36.2%;top:5.9%;width:58.5%;height:88.9%;display:grid;place-items:center;color:#ffc20a;font-size:30px;font-weight:750}
.screen-design-form{display:grid!important;grid-template-columns:repeat(3,minmax(180px,1fr));align-items:start!important}.screen-design-form>label{display:grid;gap:7px}.screen-design-form small{color:var(--muted)}.banner-picker{grid-column:1/-1}.banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.banner-choice{position:relative;display:grid;gap:8px;border:1px solid var(--line);border-radius:13px;padding:9px;background:#fff;cursor:pointer}.banner-choice input{position:absolute;top:14px;left:14px;width:20px;height:20px;z-index:2}.banner-choice img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:9px;background:#111}.banner-choice span{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-design-form .form-actions{grid-column:1/-1;display:flex;justify-content:flex-end}
@media(max-width:900px){.design-preview{grid-template-columns:1fr}.screen-design-form{grid-template-columns:1fr}.screen-actions{grid-template-columns:1fr}}