/* Listinha+ V3-Web HML — additive styling over the approved functional Web app. */
:root {
  --bg:#0e0a14; --bg2:#110c19; --panel:#1d1a24; --card:#23202b;
  --stroke:#4a3a5e; --text:#f4f0fa; --muted:#c5b4d3;
  --purple:#6d28d9; --violet:#d8c4ff; --soft:#311e54;
  --lp-focus:#efe7ff;
}
body {background:radial-gradient(ellipse at 18% -20%,#55307048,transparent 55%),radial-gradient(ellipse at 86% 105%,#47205e35,transparent 55%),linear-gradient(145deg,#0e0a14,#110c19 72%,#0b0910);}
.btn.primary {background:#6d28d9;color:white;border:1px solid #9f6bea;box-shadow:0 10px 26px #6723a14d;}
.btn.primary:hover {background:#7c3aed;}
.btn.outline {border-color:#604a76;background:#292036;color:#f7f5fc;}
.brand {color:#d7bfff;}
.sidebar {background:#130e1cee;border-color:#4b3b5a55;}
.sidebar-nav .nav-btn.active,.desktop-platform-nav .nav-btn.active,.mobile-bottom button.active {background:#6d28d9;color:#fff;border-color:#efe7ff;outline:2px solid #efe7ff;outline-offset:-2px;}
.topbar {background:#0d0b14eb;border-bottom:1px solid #ffffff10;backdrop-filter:blur(15px);}
.drawer-panel.drawer-app-style {background:linear-gradient(160deg,#4e2a77ed,#26163cf5 60%,#110d1df5);}
.settings-content {background:#1d1a24;border:1px solid #4e3d60;border-radius:18px;}
.settings-tabs .nav-btn.active {background:#4e267c;color:#fff;}
.platform-hero {background:#1b1228;border:1px solid #5b3d7e;border-radius:23px;}
.platform-page-head h1,.page-head h1 {letter-spacing:-.04em;}
.platform-card-name {overflow-wrap:anywhere;}
.platform-poster,.platform-channel-list,.platform-live-stage {border-color:#4a365e;}
.platform-channel.selected {background:#4c2385;border-color:#8851c8;}
.platform-epg>article {border-color:#7646bb;}
.v3-live-layout {display:grid;grid-template-columns:minmax(145px,180px) minmax(245px,.95fr) minmax(300px,1.1fr);align-items:start;gap:12px;}
.v3-live-categories,.v3-live-layout .platform-channel-list,.v3-live-layout .platform-live-stage {border:1px solid #4a365e;border-radius:17px;background:#17121f;min-width:0;}
.v3-live-categories {padding:15px;display:grid;gap:7px;max-height:650px;overflow:auto;}
.v3-live-categories h3 {margin:0 0 7px;color:#c6a2e3;text-transform:uppercase;letter-spacing:.1em;font-size:12px;}
.v3-live-category {display:flex;gap:9px;align-items:center;text-align:left;border:0;background:none;color:#cec0dd;min-height:42px;border-radius:10px;padding:9px;font-size:12px;overflow-wrap:anywhere;}
.v3-live-category .icon {width:18px;height:18px;}
.v3-live-category.active,.v3-live-category:hover {background:#4d2580;color:#fff;}
.v3-live-layout .platform-channel-list {padding:10px;max-height:650px;overflow-y:auto;gap:6px;}
.v3-live-layout .platform-channel {min-width:0;padding:9px;gap:10px;min-height:66px;}
.v3-live-layout .platform-channel>span:not(.v3-live-channel-logo) {min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.4;font-weight:750;}
.v3-live-channel-logo {display:grid;place-items:center;flex:none;width:48px;height:48px;border:1px solid #ffffff19;border-radius:10px;background:#251d2e;position:relative;overflow:hidden;}
.v3-live-channel-logo>.icon {width:23px;height:23px;color:#aa8cce;}
.v3-live-channel-logo img {position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;}
.v3-live-layout .platform-live-stage {padding:15px;}
.v3-live-layout .live-channel-identity {border-radius:13px;}
.v3-live-layout .live-channel-identity .v3-live-channel-logo {width:70px;height:70px;}
.v3-live-empty {padding:15px;color:#c8b8d5;font-size:13px;line-height:1.5;}

/* Login C: both actions use the existing Cloud/phone-pairing handlers. */
.cloud-v3-login-page {max-width:1380px;margin:0 auto;min-height:100dvh;padding:34px clamp(18px,4vw,52px);}
.cloud-v3-login-page>.brand {margin:3px 0 38px;}
.cloud-v3-login-grid {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:24px;max-width:1150px;margin:0 auto;align-items:stretch;}
.cloud-v3-login-card.cloud-account-panel {max-width:none;margin:0;padding:clamp(24px,3.5vw,42px);border:1px solid #69527a;border-radius:23px;background:linear-gradient(145deg,#24172f,#1b1427);box-shadow:0 20px 70px #0006;}
.cloud-v3-login-card h1 {font-size:clamp(29px,3vw,42px);line-height:1.13;letter-spacing:-.045em;margin:10px 0 8px;}
.cloud-v3-login-card>p:first-of-type {color:#d7c6e7;margin:0 0 25px;}
.cloud-v3-login-modes {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:19px 0 24px;}
.cloud-v3-login-mode {min-width:0;display:grid;place-items:center;min-height:54px;padding:10px;border:1px solid #5c4671;background:#20172d;border-radius:12px;color:#e9d8f5;font-size:13px;font-weight:780;text-align:center;}
.cloud-v3-login-mode.active {background:#41216e;border:2px solid #c59df0;}
.cloud-v3-login-mode.phone-entry {width:auto;justify-content:center;}
.cloud-v3-login-card .cloud-login-form {max-width:none;gap:16px;}
.cloud-v3-login-card .cloud-login-form input {border-color:#755c87;background:#110c1b;}
.cloud-v3-login-card .cloud-login-form select {border-color:#755c87;background:#110c1b;}
.cloud-v3-login-card .cloud-login-form button {width:100%;min-height:51px;}
.cloud-r8h-provider-field {padding:14px;border:1px solid #9b6bcb;border-radius:13px;background:#31213f;}
.cloud-r8h-provider-field small {font-weight:400;font-size:12px;line-height:1.5;color:#d8c4e6;}
.cloud-v3-login-card .cloud-footnote {max-width:none;}
.cloud-v3-login-card>[data-cloud-action="capability"] {margin-top:6px;}
.cloud-v3-login-aside {border:1px solid #584071;background:linear-gradient(140deg,#251a39,#17111f);border-radius:23px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:35px;box-shadow:0 20px 60px #0004;}
.cloud-v3-login-aside h2 {font-size:clamp(24px,2.4vw,32px);line-height:1.16;letter-spacing:-.04em;margin:10px 0 12px;}
.cloud-v3-login-aside p {color:#d5c5e4;font-size:14px;line-height:1.65;}
.cloud-v3-promo-art {height:165px;border-radius:16px;display:grid;place-items:center;margin-top:24px;background:radial-gradient(circle at 45% 45%,#743ca4a1,transparent 55%),linear-gradient(125deg,#37204e,#120c1c);border:1px solid #65447f;position:relative;overflow:hidden;}
.cloud-v3-promo-art::after {content:'+';font-size:120px;color:#d7b7fb5c;font-weight:900;line-height:1;transform:rotate(15deg);}
.cloud-v3-benefit {border-top:1px solid #ffffff22;padding:16px 0;font-size:13px;color:#e0d3ed;}
.cloud-v3-benefit:first-child {border-top:0;}
.cloud-v3-benefit::before {content:'✓';color:#d0a8ff;font-weight:900;padding-right:12px;}

/* Accounts B: real session summary and the existing Cloud controls. */
.cloud-v3-accounts-hero {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:20px;align-items:center;margin:0 0 23px;padding:30px;border:1px solid #584071;border-radius:22px;background:linear-gradient(135deg,#251a39,#181120);}
.cloud-v3-accounts-hero h2 {font-size:clamp(24px,3vw,37px);line-height:1.2;letter-spacing:-.04em;max-width:550px;margin:10px 0;}
.cloud-v3-accounts-hero p {max-width:590px;line-height:1.6;color:#d0c2df;}
.cloud-v3-accounts-mark {height:190px;display:grid;place-items:center;border-radius:19px;background:radial-gradient(circle at center,#6c35a166,transparent 60%);border:1px solid #6b44884f;position:relative;}
.cloud-v3-accounts-mark .brand {font-size:34px;transform:rotate(-5deg);filter:drop-shadow(0 18px 22px #0008);}
.cloud-v3-accounts .cloud-account-panel {max-width:none;margin:0;}
.cloud-v3-accounts .cloud-connected {border-radius:15px;}

/* R8h approved Windows accounts layout, adapted to one real transient Web session. */
.cloud-r8h-accounts-layout {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:clamp(18px,3vw,44px);align-items:start;max-width:1270px;}
.cloud-r8h-section-head {display:flex;align-items:end;justify-content:space-between;gap:10px;padding:16px 0;margin-bottom:17px;border-bottom:1px solid #5a3b705e;}
.cloud-r8h-section-head h2 {font-size:23px;margin:5px 0 0;letter-spacing:-.035em;}
.cloud-r8h-section-head small {color:#baa7ca;text-align:right;font-size:12px;}
.cloud-r8h-account-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.cloud-r8h-account-card {box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:222px;padding:23px;border:1px solid #9c70c985;border-radius:21px;text-align:left;color:#fff;background:radial-gradient(circle at 110% -10%,#af6cff48,transparent 60%),linear-gradient(125deg,#59309b,#311e54 68%);}
.cloud-r8h-account-tag {font-size:11px;letter-spacing:.1em;font-weight:800;color:#e9d7fa;}
.cloud-r8h-account-card strong {font-size:clamp(20px,2.2vw,27px);letter-spacing:-.03em;overflow-wrap:anywhere;margin:22px 0 4px;line-height:1.15;}
.cloud-r8h-account-card>span:not(.cloud-r8h-account-tag):not(.cloud-r8h-plus) {font-size:13px;color:#e4d6ef;line-height:1.4;overflow-wrap:anywhere;}
.cloud-r8h-account-card>button {border:0;background:none;color:#f7e8ff;font-size:12px;font-weight:850;padding:9px 0 0;margin-top:auto;cursor:pointer;}
.cloud-r8h-account-card>button:focus-visible {outline:2px solid #efe7ff;outline-offset:4px;border-radius:4px;}
.cloud-r8h-account-card.add {background:#1b1325d1;border:1.5px dashed #865db3;cursor:pointer;}
.cloud-r8h-account-card.add:hover {background:#291b39;}
.cloud-r8h-account-card.add strong {font-size:21px;margin:16px 0 7px;}
.cloud-r8h-plus {height:58px;width:58px;border-radius:17px;background:#7135ac;display:grid;place-items:center;font-size:33px;font-weight:500;}
.cloud-r8h-accounts-main>.cloud-account-panel {max-width:none;margin:24px 0 0;background:#1d1a24;border-color:#453753;}
.cloud-r8h-contact {box-sizing:border-box;border:1px solid #69527a99;border-radius:23px;background:linear-gradient(145deg,#24172f,#1b1427);padding:clamp(20px,3vw,28px);box-shadow:0 18px 45px #0004;}
.cloud-r8h-contact-chip {display:inline-block;padding:5px 12px;border-radius:99px;background:#3b1d58;color:#ead3ff;font-size:11px;font-weight:900;letter-spacing:.1em;}
.cloud-r8h-contact h2 {font-size:22px;line-height:1.2;margin:18px 0 8px;}
.cloud-r8h-contact p {font-size:13px;line-height:1.5;color:#c5b4d3;margin:0 0 15px;}
.cloud-r8h-contact-qr {box-sizing:border-box;display:block;width:160px;height:160px;padding:5px;margin:17px auto;background:#f7f2fa;border-radius:15px;}
.cloud-r8h-contact-qr svg {display:block;width:100%;height:100%;border-radius:9px;}
.cloud-r8h-contact-link.btn {display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:16px;text-decoration:none;font-weight:800;}
.cloud-r8h-contact small {display:block;text-align:center;color:#bfaace;line-height:1.5;font-size:11px;margin-top:13px;}

/* Meus Times: dedicated image and star columns even for long names. */
.ls-teams-dialog {width:min(750px,100%);border-color:#73538d;background:#181220;}
.ls-teams-list {scrollbar-gutter:stable;}
.ls-team-row {display:grid;grid-template-columns:54px minmax(0,1fr) 38px;gap:13px;align-items:center;min-height:69px;padding:9px 12px;border-bottom:1px solid #ffffff12;border-radius:10px;}
.ls-team-row b {min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.3;font-size:14px;max-height:none;}
.ls-team-crest {width:50px;height:50px;display:grid;place-items:center;border-radius:11px;background:#e5dce9;padding:4px;overflow:hidden;}
.ls-team-crest img {max-width:100%;max-height:100%;object-fit:contain;}
.ls-team-crest .ls-team-crest-fallback {display:none;width:26px;height:26px;border-radius:50%;background:var(--team-color,#777);}
.ls-team-crest.missing img {display:none;}
.ls-team-crest.missing .ls-team-crest-fallback {display:block;}
.ls-team-star {width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:24px;color:#dfd0ec;background:#423054;text-align:center;}
.ls-team-row[aria-pressed="true"] {background:#45236ca8;border-color:#9a6ae0;}
.ls-team-row[aria-pressed="true"] .ls-team-star {color:#ffe39a;}

/* Help C: topic grid and story with manual navigation and optional autoplay. */
.cloud-v3-help>p {line-height:1.6;color:#c9b9d8;}
.cloud-v3-help-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:19px;}
.cloud-v3-help-topic {display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:17px;min-height:110px;background:#21182d;border:1px solid #5b416c;border-radius:15px;color:#f4eafa;font-weight:750;text-align:left;}
.cloud-v3-help-topic:hover,.cloud-v3-help-topic[aria-pressed="true"] {background:#4c2874;border-color:#b287f0;}
.cloud-v3-help-icon {color:#cdaaff;font-size:23px;}
.cloud-v3-help-story {margin-top:20px;padding:24px;background:#291b3d;border:1px solid #76509a;border-radius:18px;}
.cloud-v3-help-story[hidden] {display:none;}
.cloud-v3-help-step {min-height:150px;display:grid;place-content:center;text-align:center;border-radius:14px;background:radial-gradient(circle,#61358b,#1d1329 73%);padding:20px;}
.cloud-v3-help-step h3 {font-size:24px;margin:0 0 10px;}
.cloud-v3-help-step p {max-width:490px;line-height:1.6;color:#efe2ff;margin:0 auto;}
.cloud-v3-help-progress {display:flex;gap:6px;margin-bottom:17px;}
.cloud-v3-help-progress>span {height:4px;flex:1;background:#62447b;border-radius:5px;}
.cloud-v3-help-progress>.active {background:#c4b5fd;}
.cloud-v3-help-controls {display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;margin-top:17px;}
.cloud-v3-help-controls .btn {font-size:12px;padding:9px 13px;min-height:39px;}
.dialog:has(.cloud-v3-help) {width:min(790px,96vw);max-height:88dvh;overflow-y:auto;}

@media(max-width:900px) {
  .cloud-r8h-accounts-layout {grid-template-columns:1fr;}
  .cloud-r8h-contact {max-width:570px;}
  .v3-live-layout {grid-template-columns:minmax(120px,170px) minmax(210px,1fr);}
  .v3-live-layout .platform-live-stage {grid-column:1/-1;}
  .cloud-v3-login-grid {grid-template-columns:minmax(0,1fr);}
  .cloud-v3-login-aside {gap:12px;}
  .cloud-v3-promo-art {height:108px;}
  .cloud-v3-help-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:750px) {
  .cloud-r8h-account-grid {grid-template-columns:1fr;}
  .cloud-r8h-account-card {min-height:180px;}
  .cloud-r8h-section-head {align-items:start;flex-direction:column;}
  .cloud-r8h-section-head small {text-align:left;}
  .v3-live-layout {display:flex;flex-direction:column;gap:12px;}
  .v3-live-layout>* {width:100%;}
  .v3-live-categories {display:flex;overflow-x:auto;max-height:none;gap:6px;padding:9px;scrollbar-width:thin;}
  .v3-live-categories h3 {display:none;}
  .v3-live-category {flex:none;white-space:nowrap;padding:9px 12px;}
  .v3-live-layout .platform-channel-list {order:0;max-height:310px;}
  .v3-live-layout .platform-live-stage {order:1;}
  .cloud-v3-login-page {padding:18px max(16px,env(safe-area-inset-right)) 30px;}
  .cloud-v3-login-page>.brand {margin-bottom:22px;}
  .cloud-v3-login-card.cloud-account-panel {padding:24px 18px;}
  .cloud-v3-login-modes {gap:7px;}
  .cloud-v3-login-mode {font-size:11px;}
  .cloud-v3-login-aside {padding:23px;}
  .cloud-v3-accounts-hero {grid-template-columns:minmax(0,1fr);padding:23px;}
  .cloud-v3-accounts-mark {height:105px;}
  .ls-team-row {grid-template-columns:47px minmax(0,1fr) 36px;gap:9px;padding:9px 6px;}
  .ls-team-crest {width:44px;height:44px;}
  .cloud-v3-help-topic {padding:12px;min-height:100px;font-size:12px;}
  .cloud-v3-help-story {padding:14px;}
}
@media(max-width:375px) {
  .cloud-v3-help-grid {grid-template-columns:1fr 1fr;gap:7px;}
  .ls-team-row b {font-size:12px;}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto;}
  .cloud-v3-help * {animation:none!important;transition:none!important;}
}