/* Player and TV presentation matched to the supplied applications. */
.cambista-auth-screen,.cambista-terminal{min-height:100vh;background:#fff;color:#555;font-family:Arial,Helvetica,sans-serif;}
html[data-cambista-native="true"] .cambista-auth-screen *,
html[data-cambista-native="true"] .cambista-terminal * {
  animation: none !important;
  transition: none !important;
}
.cambista-auth-header{height:88px;display:flex;align-items:center;padding:0 24px;background:#344c63;color:#f2f4f7;font-size:31px;font-weight:400;box-sizing:border-box;}
.cambista-auth-main{padding:38px max(24px,6.2vw) 48px;box-sizing:border-box;}
.cambista-auth-card{max-width:1400px;margin:0 auto;}
.cambista-auth-logo{height:300px;margin:0 0 30px;border:1px solid #b8b8b8;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;}
.cambista-auth-logo-image{max-width:72%;max-height:78%;object-fit:contain;}
.cambista-auth-logo .fa-bullseye{font-size:120px;color:#344c63;opacity:.9;}
#cambista-auth-form{display:grid;grid-template-columns:1fr;gap:14px;}
#cambista-auth-form>label:not(.cambista-remember){font-size:0;height:0;overflow:hidden;}
#cambista-auth-form input[type=text],#cambista-auth-form input[type=password]{height:54px;box-sizing:border-box;border:1px solid #bcbcbc;border-radius:6px;padding:0 16px;color:#555;background:#fff;font-size:24px;outline:none;}
#cambista-auth-form input[type=text]::placeholder,#cambista-auth-form input[type=password]::placeholder{color:#777;opacity:1;}
#cambista-auth-form input[type=text]:focus,#cambista-auth-form input[type=password]:focus{border-color:#2874e8;box-shadow:0 0 0 2px rgba(40,116,232,.15);}
.cambista-remember{display:flex!important;align-items:center;gap:12px;font-size:24px;color:#555;margin:2px 0 4px;}
.cambista-remember input{width:30px;height:30px;margin:0;accent-color:#2475e9;}
.cambista-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:2px;}
.cambista-auth-actions button{height:62px;border:0;border-radius:6px;color:#fff;font-size:24px;font-weight:700;box-shadow:0 5px 14px rgba(0,0,0,.14);cursor:pointer;}
.cambista-enter-button{background:#1767e8;}.cambista-exit-button{background:#f62f55;}
.cambista-auth-error{padding:10px 14px;border:1px solid #efb7c2;border-radius:5px;background:#fff0f3;color:#a11f39;font-size:16px;}
.cambista-auth-card footer{text-align:center;font-size:22px;margin-top:46px;color:#555;}
.cambista-terminal{background:#fff;}
.cambista-terminal-header{min-height:88px;background:#344c63;color:#f2f4f7;display:flex;align-items:center;padding:0 22px;gap:36px;box-sizing:border-box;}
.cambista-terminal-header>strong{font-size:31px;font-weight:400;white-space:nowrap;}
.cambista-terminal-header nav{display:flex;align-items:center;gap:27px;flex-wrap:wrap;}
.cambista-terminal-header nav a,.cambista-terminal-header nav button{border:0;background:none;color:#d8dde3;font:400 24px Arial;text-decoration:none;white-space:nowrap;cursor:pointer;padding:4px 0;}
.cambista-terminal-header nav a.is-active,.cambista-terminal-header nav a:hover,.cambista-terminal-header nav button:hover{color:#fff;}
.cambista-terminal-user{margin-left:auto;color:#d8dde3;font-size:16px;white-space:nowrap;}
.cambista-terminal-main{max-width:1440px;margin:0 auto;padding:0 0 46px;}
.cambista-terminal-draw{text-align:center;}
.cambista-draw-number{height:47px;line-height:47px;background:#4a80b3;color:#fff;font-size:27px;font-weight:700;}
.cambista-countdown{height:40px;line-height:40px;background:#f1f1f1;font-size:23px;font-style:italic;}
.cambista-prizes-grid{display:grid;grid-template-columns:1fr 1fr;}
.cambista-prize{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:86px;background:#4a80b3;color:#fff;font-size:24px;border-bottom:1px solid #fff;}
.cambista-prize:nth-child(odd){border-right:1px solid #fff;}
.cambista-prize strong{font-size:25px;}.cambista-prize span{background:#f1f1f1;color:#555;display:flex;align-items:center;justify-content:center;height:100%;font-size:25px;}
.cambista-draw-hour{display:grid;grid-template-columns:1fr;min-height:78px;background:#4a80b3;color:#fff;}
.cambista-draw-hour strong{font-size:26px;padding:10px 0 3px;}.cambista-draw-hour span{background:#f1f1f1;color:#555;font-size:24px;padding:10px 0;border-bottom:4px solid #4a80b3;}
.cambista-sale-card{max-width:1200px;margin:10px auto 0;padding:0 10px;box-sizing:border-box;}
.cambista-sale-numbers{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #c8c8c8;margin:0 0 8px;}
.cambista-sale-numbers button{height:62px;border:0;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;background:#fff;color:#111;font-size:24px;cursor:pointer;}
.cambista-sale-numbers button:nth-child(5n){border-right:0;}.cambista-sale-numbers button:nth-last-child(-n+5){border-bottom:0;}.cambista-sale-numbers button.is-selected{background:#e8f0ff;color:#1968e5;font-weight:700;}
.cambista-sale-grid>label{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.cambista-sale-grid>input{width:100%;height:55px;box-sizing:border-box;border:1px solid #bcbcbc;border-radius:5px;padding:0 16px;font-size:24px;color:#666;}
.cambista-sale-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px;}
.cambista-sale-actions button,.cambista-reprint{height:62px;border:0;border-radius:6px;color:#fff;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 11px rgba(0,0,0,.12);}
.cambista-sale-actions button:first-child{background:#04bb4c;}.cambista-sale-actions button:last-child,.cambista-reprint{background:#1767e8;}
.cambista-reprint{width:100%;margin-top:7px;}
.cambista-terminal-status{max-width:1200px;margin:17px auto 0;padding:14px 16px;background:#f1f1f1;border-left:5px solid #4a80b3;display:flex;justify-content:space-between;gap:16px;font-size:17px;}
.cambista-terminal-status strong{color:#344c63;}.cambista-terminal-status span{color:#666;}
html[data-cambista-mode="true"] body{background:#fff!important;}
html[data-cambista-mode="true"] .hub-purchase-gift-backdrop{z-index:1200;}
@media(max-width:900px){
  .cambista-terminal-header{gap:12px;padding:12px 16px;align-items:flex-start;flex-direction:column;}
  .cambista-terminal-header nav{gap:12px 16px;}.cambista-terminal-header nav a,.cambista-terminal-header nav button{font-size:16px;}.cambista-terminal-user{margin-left:0;}
  .cambista-terminal-main{padding-bottom:28px;}.cambista-prize{font-size:18px;min-height:68px;}.cambista-prize strong,.cambista-prize span{font-size:18px;}.cambista-draw-number{font-size:23px;}
  .cambista-auth-header{height:70px;font-size:26px;}.cambista-auth-main{padding:20px 14px;}.cambista-auth-logo{height:190px;margin-bottom:20px;}.cambista-auth-actions{gap:10px;}.cambista-auth-actions button{height:52px;font-size:18px;}.cambista-remember{font-size:18px!important;}.cambista-auth-card footer{font-size:17px;margin-top:28px;}
}
@media(max-width:520px){
  .cambista-sale-card{padding:0 6px;}.cambista-sale-numbers button{height:48px;font-size:18px;}.cambista-sale-actions button,.cambista-reprint{font-size:17px;height:52px;}.cambista-terminal-status{margin:10px 6px 0;display:block;font-size:14px;}.cambista-terminal-status span{display:block;margin-top:6px;}.cambista-prize{grid-template-columns:1fr 1fr;min-height:58px;}.cambista-draw-hour strong,.cambista-draw-hour span{font-size:18px;}
}
#hub-shell.cambista-app {background:#eef1f5!important;min-height:100vh;color:#18263b;font-family:Arial,sans-serif;}
#hub-shell.cambista-app .hub-topbar {background:#102544!important;color:#fff!important;padding:14px 18px;}
#hub-shell.cambista-app .hub-logo,#hub-shell.cambista-app .hub-logo strong {color:white!important;}
#hub-shell.cambista-app .hub-content {max-width:1000px;margin:auto;padding:18px 14px 95px!important;}
.cambista-heading span {font-size:11px;letter-spacing:1px;font-weight:bold;color:#62738b;}
.cambista-heading h1 {font-size:26px;margin:8px 0;color:#102544;}
.cambista-heading p {font-size:14px;color:#52627a;}
.cambista-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0;}
.cambista-actions a,.cambista-actions button {padding:14px 8px;border:1px solid #cad4df;border-radius:6px;background:white;color:#183354;font:bold 14px Arial;text-align:center;text-decoration:none;cursor:pointer;}
.cambista-actions a:first-child {background:#087a4b;color:white;border-color:#087a4b;}
#hub-shell.cambista-app .hub-daily-draws {background:white!important;border:1px solid #d3dce6!important;border-radius:8px;padding:14px!important;}
#hub-shell.cambista-app .hub-daily-draws h2 {font-size:19px;color:#18263b!important;}
#hub-shell.cambista-app .hub-daily-draws-heading>a {display:none;}
#hub-shell.cambista-app .hub-daily-draw-row {background:#fff!important;color:#18263b!important;}
#hub-shell.cambista-app .hub-wallet-float-trigger {background:#102544!important;color:white!important;border:0!important;}
html[data-cambista-mode="true"] .reference-tools,html[data-cambista-mode="true"] .hub-winners-gift {display:none!important;}
.cambista-print-card {display:none;}
html[data-cambista-native="true"] .cambista-print-card {display:block;width:100%;padding:12px;margin-top:8px;background:#08009c;color:#fff;border:1px solid #fff;border-radius:5px;font-weight:bold;}
body:has(#hub-shell), body:has(#player-shell), body.tv-broadcast-body {
  background: #4784e8 url('/public/reference/sky.jpg') center / cover fixed !important;
}
/* The seller terminal is a plain operational screen. Keep the game/TV skin
   from leaking into the cambista route. */
html[data-cambista-mode="true"] body,
html[data-cambista-mode="true"] body.hub-mode,
html[data-cambista-mode="true"] .content-wrapper,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal {
  background: #fff !important;
}
html[data-cambista-mode="true"] .content-wrapper { min-height: 100vh; margin-left: 0; }
html[data-cambista-mode="true"] .content { padding: 0 !important; }
html[data-cambista-mode="true"] #hub-shell.cambista-terminal { color: #555; }
#hub-shell, #player-shell { background: #4784e8 url('/public/reference/sky.jpg') center / cover fixed !important; color: #07177b; }
#hub-shell .hub-content, #player-shell .player-content { background: transparent; }
#hub-shell .hub-countdown-card { background:#09009d!important; border:3px solid #c9ddff!important; border-radius:8px; box-shadow:none!important; }
#hub-shell .hub-countdown span { background:#09009d!important; border:2px solid white!important; border-radius:12px; color:#ffff00!important; text-shadow:none!important; }
#hub-shell .hub-countdown b, #hub-shell .hub-live-label, #hub-shell .hub-countdown-card small {color:#ffff00!important;}
#hub-shell .hub-info-card { background:#fff!important; border:2px solid #100497!important; border-radius:6px; box-shadow:none!important; }
#hub-shell .hub-info-card small, #hub-shell .hub-info-card strong { color:#09009d!important; }
#hub-shell .hub-info-card>div:first-child strong {color:#f01828!important;}
#hub-shell .hub-prize-bar {background:#09009d!important;border:1px solid #b6d9ff!important;border-radius:6px;box-shadow:none!important;color:#ffff00!important;}
#hub-shell .hub-prize-bar strong, #hub-shell .hub-prize-bar span {color:#ffff00!important;}
#hub-shell .hub-prize-bar.hub-accumulated {background:#fa0010!important;color:white!important;}
#hub-shell .hub-accumulated strong, #hub-shell .hub-accumulated span {color:#fff!important;}
#hub-shell .hub-accumulated b {background:#fff000!important;color:#09009d!important;box-shadow:none!important;}
#hub-shell .hub-donation-card {background:#fff!important;border:2px solid #08009b!important;color:#08009b!important;box-shadow:none!important;}
#hub-shell .hub-donation-draw {background:#f1f7ff!important;border-color:#b2cced!important;color:#08009b!important;}
#hub-shell .hub-amount-button {background:#fffb00!important;color:#070707!important;border:1px solid #08009b!important;border-radius:2px!important;}
#hub-shell .hub-amount-button.is-active {background:#0a00a6!important;color:white!important;}
#hub-shell .hub-donation-row>button {background:#07009c!important;color:#fff!important;border-radius:2px!important;}
#hub-shell .hub-donation-row output, #hub-shell .hub-donation-row>strong {background:white!important;color:#151515!important;border:1px solid #bbc3cd!important;}
#hub-shell .hub-donation-row .hub-donate-button {background:#0bd000!important;color:#fff!important;}
#hub-shell .hub-ticket-button {background:#09009d!important;color:#fff!important;box-shadow:none!important;}
body:not(.hub-dark-mode) #hub-shell .hub-wallet-float-trigger,
body:not(.hub-dark-mode) #player-shell .player-own-tickets-float-trigger {background:#09009d!important;color:#fffb00!important;border:2px solid #fffb00!important;box-shadow:none!important;}
#player-shell .player-live-reference, #player-shell .player-reference-main, #player-shell .player-reference-info-balls, #player-shell .player-reference-ball-stage {background:transparent!important;box-shadow:none!important;}
#player-shell .player-reference-prizes>div {background:#16191d!important;border:3px dotted #909090!important;box-shadow:none!important;}
#player-shell .player-reference-prizes strong {color:#fff!important;}
#player-shell .player-reference-info-list>div {background:#f4fbff!important;color:#050505!important;border:0!important;}
#player-shell .player-reference-info-list small {color:#fff!important;background:#46545f;padding:5px;}
#player-shell .player-reference-info-list strong {color:#000!important;}
#player-shell .player-reference-number-board {background:#92b8fd!important;}
#player-shell .player-reference-number-board>span {background:#080808!important;color:#fff!important;}
#player-shell .player-reference-number-board>span.is-called {background:#46c92e!important;}
.reference-tools {display:flex;gap:6px;align-items:center;padding:5px 10px;background:transparent;}
.reference-tools button {background:#08009c;color:#ffff00;border:2px solid #ffff00;border-radius:50%;width:40px;height:40px;font-size:22px;cursor:pointer;}
/* The public Hub already has its own navigation; do not cover it with the
   extra floating quick-options button (the live player keeps its controls). */
body.hub-mode #hub-shell > .reference-tools {display:none!important;}
.reference-options {position:fixed;inset:0;z-index:100000;background:#0009;display:grid;place-items:center;}
.reference-options[hidden] {display:none;}
.reference-options-panel {background:#fff;border-radius:8px;width:min(90vw,360px);padding:20px;color:#121212;box-shadow:0 12px 50px #0008;}
.reference-options-panel header {display:flex;justify-content:space-between;align-items:center;font-size:22px;margin-bottom:12px;}
.reference-options-panel a,.reference-options-panel>button {display:block;width:100%;box-sizing:border-box;text-align:center;padding:13px;margin:7px 0;background:#08009c;border:0;border-radius:5px;color:white;font:700 17px Arial;text-decoration:none;cursor:pointer;}
.reference-options-panel header button {font-size:24px;border:0;background:transparent;cursor:pointer;}
body.hub-dark-mode .reference-options-panel {
  background: #0d172e !important;
  color: #f8fafc !important;
  border: 1px solid rgba(59, 130, 246, 0.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.7), 0 0 24px rgba(37, 99, 235, 0.15) !important;
}
body.hub-dark-mode .reference-options-panel header {
  color: #ffffff !important;
}
body.hub-dark-mode .reference-options-panel header button {
  color: #94a3b8 !important;
}
body.hub-dark-mode .reference-options-panel header button:hover {
  color: #ffffff !important;
}
body.hub-dark-mode .reference-options-panel a,
body.hub-dark-mode .reference-options-panel > button {
  background: linear-gradient(135deg, #1d4ed8, #2563eb) !important;
  color: #ffffff !important;
  border: 1px solid rgba(59, 130, 246, 0.4) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3) !important;
}
body.hub-dark-mode .reference-options-panel a:hover,
body.hub-dark-mode .reference-options-panel > button:hover {
  background: linear-gradient(135deg, #2563eb, #3b82f6) !important;
}

/* Match the original cambista sale layout: each prize name occupies its own
   blue row and the value sits directly below it. */
.cambista-prizes-grid { display:block; }
.cambista-prize-pair { display:grid; grid-template-columns:1fr 1fr; }
.cambista-prize-label { min-height:47px; padding:8px 12px; display:flex; align-items:center; justify-content:center; background:#4a80b3; color:#fff; font-size:24px; font-weight:700; border-right:1px solid #fff; box-sizing:border-box; }
.cambista-prize-label:nth-child(2) { border-right:0; }
.cambista-prize-value { min-height:47px; padding:7px 12px; display:flex; align-items:center; justify-content:center; background:#f1f1f1; color:#555; font-size:24px; border-right:1px solid #fff; box-sizing:border-box; }
.cambista-prize-value:nth-child(4) { border-right:0; }
.cambista-prize-single { display:grid; grid-template-columns:1fr; }
.cambista-prize-single .cambista-prize-label { border-right:0; }
.cambista-prize-single .cambista-prize-value { border-right:0; }
.cambista-terminal-main { width:min(100%, 1440px); }
.cambista-terminal-draw { width:100%; }
.cambista-sale-card { max-width:1200px; }
@media(max-width:900px){
  .cambista-prize-label,.cambista-prize-value { min-height:40px; font-size:18px; }
}
body.tv-broadcast-body .board {background:transparent;border:0;box-shadow:none;}
body.tv-broadcast-body .prize {container-type:inline-size;background:#17191c;border:3px dotted #929292;border-radius:10px;box-shadow:none;animation:none;min-width:0;}
body.tv-broadcast-body .prize-amount {color:white;text-shadow:none;font-size:clamp(16px,17cqw,60px);white-space:nowrap;letter-spacing:-.04em;}
body.tv-broadcast-body .prize-label {color:white;}
body.tv-broadcast-body .prize-acumulado {background:#d83c49;}
body.tv-broadcast-body .waiting-screen {background:#09009d;border:3px solid white;box-shadow:none;}
body.tv-broadcast-body .big-countdown span {background:#09009d;border:3px solid white;color:#ffff00;text-shadow:none;}
body.tv-broadcast-body .number-board>div {background:#080808;color:white;}
body.tv-broadcast-body .number-board .called {background:#43c735;}
body.tv-broadcast-body .live-strip {background:transparent;box-shadow:none;}
body.tv-broadcast-body .last-ball {width:clamp(100px,13vw,230px);height:clamp(100px,13vw,230px);}
body.tv-broadcast-body .number {color:white!important;}
body.tv-broadcast-body .number.called {color:#080808!important;}
body.tv-broadcast-body .next-round, body.tv-broadcast-body .statusbar {background:#09009d;color:white;}
body.tv-broadcast-body .schedule .room-tag {color:#071b75;}
@media(max-width:600px) {
  #hub-shell .hub-content {padding:8px 10px 90px!important;}
  #hub-shell .hub-layout {display:flex!important;flex-direction:column;gap:8px;}
  #hub-shell .hub-main-column {display:contents!important;}
  #hub-shell .hub-side-column {display:contents!important;}
  #hub-shell .hub-countdown-card {order:0;margin:0;padding:10px!important;}
  #hub-shell .hub-countdown {gap:7px!important;}
  #hub-shell .hub-countdown span {font-size:clamp(38px,13vw,68px)!important;min-width:0!important;width:38%;padding:3px!important;}
  #hub-shell .hub-info-card {order:1;margin:0;padding:4px!important;min-height:44px;}
  #hub-shell .hub-info-card small {font-size:12px!important;}
  #hub-shell .hub-info-card strong {font-size:15px!important;}
  #hub-shell .hub-prizes {order:2;gap:3px!important;margin:0!important;}
  #hub-shell .hub-prize-bar {min-height:32px!important;padding:5px 8px!important;font-size:19px!important;}
  #hub-shell .hub-prize-bar strong {font-size:20px!important;}
  #hub-shell .hub-donation-card {order:3;padding:6px!important;}
  #hub-shell .hub-promo {order:4;margin:0!important;}
  #hub-shell .hub-schedule-link {order:5;}
  #hub-shell .hub-feature-grid, #hub-shell .hub-summary {order:6;}
  #hub-shell .hub-bottom-grid {order:7!important;}
  #hub-shell .hub-history-card {order:8!important;}
  #hub-shell .hub-amounts {display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px!important;}
  #hub-shell .hub-amount-button {padding:4px 0!important;min-width:0!important;min-height:30px!important;font-size:13px!important;}
  #hub-shell .hub-donation-row {gap:3px!important;}
  #hub-shell .hub-nav-inner {gap:5px!important;flex-wrap:wrap;}
  #hub-shell .hub-nav-inner>a {padding:8px!important;}
}

/* Modern seller terminal skin. The operational controls stay the same while
   the layout gets a clearer hierarchy for desktop, tablet and POS screens. */
html[data-cambista-mode="true"] body,
html[data-cambista-mode="true"] body.hub-mode {
  background: #eef3f8 !important;
  color: #14263f !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
html[data-cambista-mode="true"] #hub-shell.cambista-terminal {
  min-height: 100vh;
  background: linear-gradient(150deg, #f7f9fc 0%, #edf2f8 55%, #e6edf6 100%) !important;
  color: #14263f !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html[data-cambista-mode="true"] .cambista-terminal-header {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 76px;
  padding: 12px clamp(16px, 3.5vw, 52px);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(16px, 2.5vw, 34px);
  background: #0b1b33;
  color: #f8fbff;
  border-bottom: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 8px 22px rgba(12, 31, 55, .14);
  box-sizing: border-box;
}
.cambista-terminal-brand { display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; min-width:185px; }
.cambista-terminal-brand-mark { width:39px; height:39px; display:grid; place-items:center; border-radius:13px; background:linear-gradient(145deg,#f6c657,#d99528); color:#15233a; font-size:23px; font-weight:900; box-shadow:0 5px 12px rgba(0,0,0,.2); }
.cambista-terminal-brand strong { display:block; font-size:16px; letter-spacing:.01em; line-height:1.15; }
.cambista-terminal-brand small { display:block; margin-top:3px; color:#9fb1c9; font-size:10px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
html[data-cambista-mode="true"] .cambista-terminal-header nav { min-width:0; display:flex; align-items:center; gap:4px; overflow-x:auto; scrollbar-width:none; }
html[data-cambista-mode="true"] .cambista-terminal-header nav::-webkit-scrollbar { display:none; }
html[data-cambista-mode="true"] .cambista-terminal-header nav a,
html[data-cambista-mode="true"] .cambista-terminal-header nav button { display:inline-flex; align-items:center; gap:7px; min-height:38px; padding:0 10px; border:1px solid transparent; border-radius:10px; color:#aebed2; background:transparent; font:600 12px/1 Inter,ui-sans-serif,system-ui,sans-serif; text-decoration:none; white-space:nowrap; cursor:pointer; transition:background .18s ease,color .18s ease,border-color .18s ease; }
html[data-cambista-mode="true"] .cambista-terminal-header nav a i,
html[data-cambista-mode="true"] .cambista-terminal-header nav button i { color:#7f95b0; font-size:13px; }
html[data-cambista-mode="true"] .cambista-terminal-header nav a:hover,
html[data-cambista-mode="true"] .cambista-terminal-header nav a.is-active { color:#fff; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.12); }
html[data-cambista-mode="true"] .cambista-terminal-header nav a.is-active i { color:#f8c853; }
.cambista-terminal-account { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.cambista-terminal-account>span { display:inline-flex; align-items:center; gap:5px; padding:6px 9px; border-radius:999px; color:#b7f5d2; background:rgba(41,193,112,.12); font-size:11px; font-weight:800; }
.cambista-terminal-account>span i { color:#43d982; font-size:8px; }
.cambista-terminal-account>strong { color:#e8eef7; font-size:12px; }
.cambista-terminal-account>button { display:inline-flex; align-items:center; gap:6px; padding:8px 10px; border:1px solid rgba(255,255,255,.17); border-radius:9px; color:#d5deeb; background:rgba(255,255,255,.06); font:700 11px Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.cambista-terminal-account>button:hover { color:#fff; background:rgba(255,255,255,.14); }
html[data-cambista-mode="true"] .cambista-terminal-main { width:min(1180px,calc(100% - 36px)); max-width:none; margin:0 auto; padding:24px 0 46px; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr); gap:20px; align-items:start; box-sizing:border-box; }
html[data-cambista-mode="true"] .cambista-terminal-draw,
html[data-cambista-mode="true"] .cambista-sale-card { width:auto; max-width:none; margin:0; border:1px solid #d9e2ed; border-radius:20px; background:rgba(255,255,255,.9); box-shadow:0 14px 34px rgba(33,61,94,.09); box-sizing:border-box; }
html[data-cambista-mode="true"] .cambista-terminal-draw { padding:24px; text-align:left; }
.cambista-draw-topline { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.cambista-section-kicker { color:#72839a; font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.cambista-draw-topline h1 { margin:6px 0 0; color:#14263f; font-size:clamp(24px,3vw,34px); line-height:1.1; letter-spacing:-.035em; }
.cambista-draw-date { display:inline-flex; align-items:center; gap:7px; padding:9px 11px; border:1px solid #e2c36e; border-radius:10px; color:#815f11; background:#fff8e6; font-size:12px; font-weight:800; white-space:nowrap; }
html[data-cambista-mode="true"] .cambista-countdown { height:auto; min-height:48px; margin:20px 0 16px; padding:0 16px; display:flex; align-items:center; gap:9px; border:1px solid #b9e6cd; border-radius:12px; background:#effbf4; color:#147143; font-size:15px; font-style:normal; font-weight:750; line-height:1.3; box-sizing:border-box; }
html[data-cambista-mode="true"] .cambista-countdown i { color:#16a663; }
html[data-cambista-mode="true"] .cambista-prizes-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.cambista-prize-card { min-height:92px; padding:15px 16px; display:flex; flex-direction:column; justify-content:space-between; gap:9px; border:1px solid #e0e7f0; border-radius:14px; background:#f8fafc; box-sizing:border-box; }
.cambista-prize-card-label { display:flex; align-items:center; gap:8px; color:#63758c; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.cambista-prize-card-label i { color:#5d82bf; font-size:15px; }
.cambista-prize-card strong { color:#14263f; font-size:24px; line-height:1; letter-spacing:-.035em; }
.cambista-prize-card.prize-tone-0 { background:#fff9eb; border-color:#f0ddaa; }.cambista-prize-card.prize-tone-0 .cambista-prize-card-label i { color:#d79418; }
.cambista-prize-card.prize-tone-1 { background:#f3f6ff; border-color:#d7e0fa; }.cambista-prize-card.prize-tone-1 .cambista-prize-card-label i { color:#476fc0; }
.cambista-prize-card.prize-tone-2 { background:#f4fbf8; border-color:#d4eee1; }.cambista-prize-card.prize-tone-2 .cambista-prize-card-label i { color:#159b62; }
.cambista-prize-card.prize-tone-3 { background:#f8f2ff; border-color:#e5d5fa; }.cambista-prize-card.prize-tone-3 .cambista-prize-card-label i { color:#8754c7; }
.cambista-prize-card.prize-tone-4 { grid-column:1/-1; background:linear-gradient(120deg,#fff2e7,#fff8e8); border-color:#f0d2a7; }.cambista-prize-card.prize-tone-4 .cambista-prize-card-label i { color:#e77824; }
.cambista-draw-meta { margin-top:16px; padding-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:10px; border-top:1px solid #e4eaf1; }
.cambista-draw-meta span { display:grid; grid-template-columns:24px 1fr; column-gap:8px; align-items:center; }
.cambista-draw-meta i { grid-row:1 / span 2; color:#6689bd; font-size:16px; }
.cambista-draw-meta small { color:#7c8b9f; font-size:10px; font-weight:700; }
.cambista-draw-meta strong { color:#253b58; font-size:14px; }
html[data-cambista-mode="true"] .cambista-sale-card { position:sticky; top:98px; padding:24px; }
.cambista-sale-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:20px; }
.cambista-sale-heading h2 { margin:6px 0 5px; color:#14263f; font-size:25px; letter-spacing:-.035em; }
.cambista-sale-heading p { max-width:270px; margin:0; color:#748399; font-size:12px; line-height:1.45; }
.cambista-sale-status { display:inline-flex; align-items:center; gap:6px; padding:7px 9px; border-radius:999px; color:#117346; background:#e9f8ef; font-size:10px; font-weight:900; white-space:nowrap; }
.cambista-sale-status i { color:#1bb66d; font-size:7px; }
.cambista-field-caption { display:block; margin-bottom:8px; color:#718197; font-size:11px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
html[data-cambista-mode="true"] .cambista-sale-numbers { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; border:0; margin:0; }
html[data-cambista-mode="true"] .cambista-sale-numbers button { height:43px; border:1px solid #dce4ef; border-radius:10px; color:#2a466a; background:#f7f9fc; font-size:14px; font-weight:800; transition:all .15s ease; }
html[data-cambista-mode="true"] .cambista-sale-numbers button:hover { border-color:#7ca4db; color:#205795; background:#eef5ff; transform:translateY(-1px); }
html[data-cambista-mode="true"] .cambista-sale-numbers button.is-selected { border-color:#386fb5; color:#fff; background:#3169ae; box-shadow:0 5px 12px rgba(49,105,174,.2); }
.cambista-quantity-wrap { position:relative; margin-top:16px; }
.cambista-quantity-wrap input { width:100%; height:49px; padding:0 66px 0 14px; border:1px solid #d8e1ec; border-radius:11px; outline:none; color:#1e3552; background:#fbfcfe; font:600 14px Inter,ui-sans-serif,system-ui,sans-serif; box-sizing:border-box; }
.cambista-quantity-wrap input:focus { border-color:#4f88c9; box-shadow:0 0 0 3px rgba(79,136,201,.15); }
.cambista-quantity-wrap span { position:absolute; top:50%; right:12px; transform:translateY(-50%); color:#8795a8; font-size:10px; font-weight:800; }
html[data-cambista-mode="true"] .cambista-sale-actions { display:grid; grid-template-columns:1fr; gap:8px; margin-top:12px; }
html[data-cambista-mode="true"] .cambista-sale-actions button,
html[data-cambista-mode="true"] .cambista-reprint { height:48px; display:flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:11px; font:800 13px Inter,ui-sans-serif,system-ui,sans-serif; box-shadow:none; transition:transform .15s ease,box-shadow .15s ease; }
html[data-cambista-mode="true"] .cambista-sale-actions button:hover,
html[data-cambista-mode="true"] .cambista-reprint:hover { transform:translateY(-1px); box-shadow:0 7px 16px rgba(30,64,103,.14); }
html[data-cambista-mode="true"] .cambista-sale-actions button:first-child { color:#fff; background:#14895a; }
html[data-cambista-mode="true"] .cambista-sale-actions button:last-child { color:#fff; background:#2f6fbb; }
html[data-cambista-mode="true"] .cambista-reprint { width:100%; margin-top:8px; color:#35516f; background:#edf3fa; }
@media(max-width:980px){
  html[data-cambista-mode="true"] .cambista-terminal-header { grid-template-columns:1fr auto; gap:10px 16px; }
  html[data-cambista-mode="true"] .cambista-terminal-header nav { grid-column:1/-1; grid-row:2; order:3; }
  html[data-cambista-mode="true"] .cambista-terminal-main { width:min(100% - 24px,720px); grid-template-columns:1fr; padding-top:14px; }
  html[data-cambista-mode="true"] .cambista-sale-card { position:static; }
}
@media(max-width:560px){
  html[data-cambista-mode="true"] .cambista-terminal-header { padding:11px 12px; }
  .cambista-terminal-brand { min-width:0; }.cambista-terminal-brand small { font-size:9px; }.cambista-terminal-account>strong { display:none; }
  html[data-cambista-mode="true"] .cambista-terminal-header nav a span { display:none; }
  html[data-cambista-mode="true"] .cambista-terminal-header nav a { min-width:38px; justify-content:center; padding:0 9px; }
  html[data-cambista-mode="true"] .cambista-terminal-main { width:100%; padding:10px 10px 28px; }
  html[data-cambista-mode="true"] .cambista-terminal-draw, html[data-cambista-mode="true"] .cambista-sale-card { padding:17px; border-radius:16px; }
  .cambista-draw-topline { display:block; }.cambista-draw-date { margin-top:10px; }
  .cambista-prize-card { min-height:78px; padding:12px; }.cambista-prize-card strong { font-size:20px; }.cambista-prize-card-label { font-size:9px; }
  .cambista-draw-meta { grid-template-columns:1fr; }.cambista-sale-heading { display:block; }.cambista-sale-status { margin-top:12px; }
}

/* Modern cambista sign-in screen. The terminal keeps the same form hooks, but
   presents the brand clearly on phones, POS devices and desktop screens. */
html[data-cambista-mode="true"] .cambista-auth-screen {
  position:relative; min-height:100vh; overflow:hidden; color:#e9eef8;
  background:radial-gradient(circle at 18% 8%,rgba(44,108,213,.34),transparent 34%),
    radial-gradient(circle at 90% 88%,rgba(242,177,48,.16),transparent 32%),
    linear-gradient(145deg,#061126 0%,#0b1d3a 54%,#102a4d 100%);
  font-family:Inter,Segoe UI,Arial,sans-serif;
}
html[data-cambista-mode="true"] .cambista-auth-screen:before,
html[data-cambista-mode="true"] .cambista-auth-screen:after { content:""; position:absolute; border-radius:50%; pointer-events:none; filter:blur(2px); opacity:.3; }
html[data-cambista-mode="true"] .cambista-auth-screen:before { width:420px; height:420px; right:-220px; top:-190px; background:#2875e8; box-shadow:0 0 90px 35px rgba(40,117,232,.38); }
html[data-cambista-mode="true"] .cambista-auth-screen:after { width:250px; height:250px; left:-150px; bottom:-110px; background:#e5aa2e; box-shadow:0 0 80px 25px rgba(229,170,46,.28); }
html[data-cambista-mode="true"] .cambista-auth-header { position:relative; z-index:1; height:78px; padding:0 clamp(18px,5vw,72px); background:rgba(3,13,30,.7); border-bottom:1px solid rgba(148,181,230,.2); box-shadow:0 8px 28px rgba(0,0,0,.16); color:#fff; display:flex; align-items:center; justify-content:space-between; }
html[data-cambista-mode="true"] .cambista-auth-brand-lockup { display:flex; align-items:center; gap:12px; }
html[data-cambista-mode="true"] .cambista-auth-brand-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; color:#11203a; background:linear-gradient(145deg,#ffe8a3,#d99b2c); font-size:27px; font-weight:900; box-shadow:0 5px 18px rgba(231,174,56,.28),inset 0 1px 0 rgba(255,255,255,.8); }
html[data-cambista-mode="true"] .cambista-auth-brand-copy { display:flex; flex-direction:column; line-height:1.05; }
html[data-cambista-mode="true"] .cambista-auth-brand-copy strong { color:#fff; font-size:20px; letter-spacing:.01em; }
html[data-cambista-mode="true"] .cambista-auth-brand-copy small { margin-top:5px; color:#9db0cc; font-size:9px; font-weight:800; letter-spacing:.19em; }
html[data-cambista-mode="true"] .cambista-auth-secure { color:#a9c8ef; font-size:12px; font-weight:700; letter-spacing:.03em; }
html[data-cambista-mode="true"] .cambista-auth-secure i { margin-right:7px; color:#62d7a3; }
html[data-cambista-mode="true"] .cambista-auth-main { position:relative; z-index:1; display:flex; justify-content:center; padding:clamp(26px,6vh,64px) 16px 44px; box-sizing:border-box; }
html[data-cambista-mode="true"] .cambista-auth-card { width:min(100%,520px); padding:clamp(24px,4vw,40px); border:1px solid rgba(168,198,239,.22); border-radius:26px; background:linear-gradient(145deg,rgba(20,43,78,.9),rgba(7,20,42,.92)); box-shadow:0 26px 70px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06); box-sizing:border-box; }
html[data-cambista-mode="true"] .cambista-auth-hero { display:grid; grid-template-columns:136px 1fr; gap:20px; align-items:center; margin-bottom:28px; }
html[data-cambista-mode="true"] .cambista-auth-logo { position:relative; display:grid; place-items:center; width:136px; height:136px; margin:0; border:0; border-radius:38px; overflow:hidden; background:radial-gradient(circle at 35% 25%,#fff5c8 0,#e6b13c 18%,#9e6712 58%,#3b2509 100%); box-shadow:0 12px 30px rgba(229,174,52,.26),inset 0 2px 8px rgba(255,255,255,.65); }
html[data-cambista-mode="true"] .cambista-auth-logo:after { content:""; position:absolute; inset:10px; border:1px solid rgba(255,255,255,.5); border-radius:30px; }
html[data-cambista-mode="true"] .cambista-auth-logo-image { position:relative; z-index:2; max-width:52%; max-height:52%; filter:brightness(0) invert(1); opacity:.95; }
html[data-cambista-mode="true"] .cambista-auth-logo .fa-bullseye { position:relative; z-index:2; color:#fff8dc; font-size:62px; text-shadow:0 3px 12px rgba(45,26,0,.45); }
html[data-cambista-mode="true"] .cambista-auth-logo-badge { position:absolute; z-index:2; display:grid; place-items:center; width:62px; height:62px; border:3px solid rgba(255,248,211,.8); border-radius:50%; color:#fff7d6; font-size:40px; font-weight:900; text-shadow:0 3px 10px rgba(45,26,0,.45); opacity:.96; }
html[data-cambista-mode="true"] .cambista-auth-logo-name { position:absolute; z-index:3; bottom:12px; color:#fff3bb; font-size:9px; font-weight:900; letter-spacing:.11em; text-shadow:0 1px 4px #422a06; }
html[data-cambista-mode="true"] .cambista-auth-logo-name b { color:#fff; }
html[data-cambista-mode="true"] .cambista-auth-orbit { position:absolute; border:1px solid rgba(255,244,190,.55); border-radius:50%; animation:cambistaAuthSpin 8s linear infinite; }
html[data-cambista-mode="true"] .cambista-auth-orbit-one { width:160px; height:48px; transform:rotate(36deg); }
html[data-cambista-mode="true"] .cambista-auth-orbit-two { width:48px; height:160px; transform:rotate(36deg); animation-direction:reverse; animation-duration:11s; }
html[data-cambista-mode="true"] .cambista-auth-intro { min-width:0; }
html[data-cambista-mode="true"] .cambista-auth-kicker { color:#f0c85e; font-size:10px; font-weight:900; letter-spacing:.2em; }
html[data-cambista-mode="true"] .cambista-auth-intro h1 { margin:8px 0 8px; color:#fff; font-size:clamp(25px,4vw,32px); line-height:1.08; letter-spacing:-.03em; }
html[data-cambista-mode="true"] .cambista-auth-intro p { margin:0; color:#aebed4; font-size:13px; line-height:1.55; }
html[data-cambista-mode="true"] #cambista-auth-form { gap:16px; }
html[data-cambista-mode="true"] #cambista-auth-form>label:not(.cambista-remember) { height:auto; overflow:visible; font-size:inherit; }
html[data-cambista-mode="true"] .cambista-auth-field { display:grid; gap:8px; color:#b9c9df; font-size:12px; font-weight:800; letter-spacing:.04em; }
html[data-cambista-mode="true"] .cambista-auth-input-wrap { position:relative; display:flex; align-items:center; }
html[data-cambista-mode="true"] .cambista-auth-input-wrap>i { position:absolute; left:16px; z-index:1; color:#7793b8; font-size:14px; pointer-events:none; }
html[data-cambista-mode="true"] #cambista-auth-form input[type=text],
html[data-cambista-mode="true"] #cambista-auth-form input[type=password] { width:100%; height:54px; padding:0 16px 0 45px; border:1px solid rgba(144,175,218,.27); border-radius:13px; color:#f3f7ff; background:rgba(3,14,32,.58); font:500 16px Inter,Segoe UI,Arial,sans-serif; outline:none; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease; }
html[data-cambista-mode="true"] #cambista-auth-form input[type=text]::placeholder,html[data-cambista-mode="true"] #cambista-auth-form input[type=password]::placeholder { color:#6e87a8; opacity:1; }
html[data-cambista-mode="true"] #cambista-auth-form input[type=text]:focus,html[data-cambista-mode="true"] #cambista-auth-form input[type=password]:focus { border-color:#e7b849; background:rgba(7,24,52,.9); box-shadow:0 0 0 4px rgba(231,184,73,.12),0 8px 22px rgba(0,0,0,.18); transform:translateY(-1px); }
html[data-cambista-mode="true"] .cambista-remember { display:flex!important; align-items:center; gap:10px; margin:0; color:#aebed4; font-size:13px!important; font-weight:600; cursor:pointer; }
html[data-cambista-mode="true"] .cambista-remember input { position:absolute; opacity:0; pointer-events:none; }
html[data-cambista-mode="true"] .cambista-remember-box { width:19px; height:19px; border:1px solid rgba(144,175,218,.45); border-radius:6px; background:rgba(3,14,32,.55); transition:.2s ease; }
html[data-cambista-mode="true"] .cambista-remember input:checked + .cambista-remember-box { background:#e7b849; border-color:#e7b849; box-shadow:0 0 0 4px rgba(231,184,73,.12); }
html[data-cambista-mode="true"] .cambista-remember input:checked + .cambista-remember-box:after { content:"✓"; display:block; color:#192946; font-size:14px; line-height:18px; text-align:center; font-weight:900; }
html[data-cambista-mode="true"] .cambista-auth-error { padding:11px 13px; border:1px solid rgba(255,119,138,.45); border-radius:11px; background:rgba(128,28,54,.28); color:#ffb8c3; font-size:13px; }
html[data-cambista-mode="true"] .cambista-auth-actions { grid-template-columns:1.3fr .7fr; gap:10px; margin-top:2px; }
html[data-cambista-mode="true"] .cambista-auth-actions button { height:54px; border-radius:13px; font:800 14px Inter,Segoe UI,Arial,sans-serif; letter-spacing:.08em; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
html[data-cambista-mode="true"] .cambista-auth-actions button i { margin-right:6px; }
html[data-cambista-mode="true"] .cambista-auth-actions button:hover { transform:translateY(-2px); filter:brightness(1.07); }
html[data-cambista-mode="true"] .cambista-enter-button { background:linear-gradient(120deg,#e9bd4c,#c98518); color:#18243b; box-shadow:0 10px 24px rgba(205,139,28,.24); }
html[data-cambista-mode="true"] .cambista-exit-button { background:rgba(255,255,255,.06); color:#c4d2e6; border:1px solid rgba(156,185,225,.27)!important; box-shadow:none!important; }
html[data-cambista-mode="true"] .cambista-auth-card footer { display:flex; justify-content:space-between; gap:10px; margin-top:25px; color:#7890b2; font-size:11px; }
html[data-cambista-mode="true"] .cambista-auth-card footer span:last-child { color:#71d4a3; }
html[data-cambista-mode="true"] .cambista-auth-card footer i { margin-right:4px; }
@keyframes cambistaAuthSpin { from { transform:rotate(36deg); } to { transform:rotate(396deg); } }
@media(max-width:560px){
  html[data-cambista-mode="true"] .cambista-auth-header { height:68px; padding:0 16px; }
  html[data-cambista-mode="true"] .cambista-auth-brand-mark { width:36px; height:36px; border-radius:12px; font-size:23px; }
  html[data-cambista-mode="true"] .cambista-auth-brand-copy strong { font-size:17px; }
  html[data-cambista-mode="true"] .cambista-auth-brand-copy small { font-size:8px; }
  html[data-cambista-mode="true"] .cambista-auth-secure { font-size:0; }
  html[data-cambista-mode="true"] .cambista-auth-secure i { margin:0; font-size:17px; }
  html[data-cambista-mode="true"] .cambista-auth-main { padding:24px 12px 34px; }
  html[data-cambista-mode="true"] .cambista-auth-card { padding:22px 18px 20px; border-radius:21px; }
  html[data-cambista-mode="true"] .cambista-auth-hero { grid-template-columns:92px 1fr; gap:15px; margin-bottom:22px; }
  html[data-cambista-mode="true"] .cambista-auth-logo { width:92px; height:92px; border-radius:27px; }
  html[data-cambista-mode="true"] .cambista-auth-logo:after { inset:7px; border-radius:21px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-badge { width:47px; height:47px; font-size:30px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-name { bottom:7px; font-size:6px; }
  html[data-cambista-mode="true"] .cambista-auth-logo .fa-bullseye { font-size:44px; }
  html[data-cambista-mode="true"] .cambista-auth-intro h1 { font-size:23px; }
  html[data-cambista-mode="true"] .cambista-auth-intro p { font-size:12px; }
  html[data-cambista-mode="true"] .cambista-auth-actions { grid-template-columns:1fr 1fr; }
  html[data-cambista-mode="true"] .cambista-auth-card footer { font-size:10px; }
}

/* Keep every operational page inside the device viewport. Tables retain a
   deliberate internal scroll area, while cards, forms and controls shrink
   with the available width instead of pushing the whole app sideways. */
html[data-cambista-mode="true"],
html[data-cambista-mode="true"] body,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal,
html[data-cambista-mode="true"] .cambista-terminal-main,
html[data-cambista-mode="true"] .cambista-terminal-page { width:100%; max-width:100vw; min-width:0; }
html[data-cambista-mode="true"] body { margin:0; overflow-x:hidden; }
html[data-cambista-mode="true"] .cambista-terminal * { box-sizing:border-box; min-width:0; }
html[data-cambista-mode="true"] .cambista-terminal-header,
html[data-cambista-mode="true"] .cambista-terminal-header nav { max-width:100%; }
html[data-cambista-mode="true"] .cambista-terminal-header nav { overscroll-behavior-x:contain; }
html[data-cambista-mode="true"] .cambista-terminal-main { overflow:visible; }
html[data-cambista-mode="true"] .cambista-legacy-page,
html[data-cambista-mode="true"] .cambista-terminal-draw,
html[data-cambista-mode="true"] .cambista-sale-card { width:100%; max-width:100%; min-width:0; }
html[data-cambista-mode="true"] .cambista-legacy-heading h1,
html[data-cambista-mode="true"] .cambista-legacy-heading p,
html[data-cambista-mode="true"] .cambista-sale-heading h2,
html[data-cambista-mode="true"] .cambista-sale-heading p { overflow-wrap:anywhere; }
html[data-cambista-mode="true"] .cambista-legacy-table-wrap { width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
html[data-cambista-mode="true"] .cambista-legacy-table { max-width:none; }
html[data-cambista-mode="true"] .cambista-receive-fields,
html[data-cambista-mode="true"] .cambista-settings-grid,
html[data-cambista-mode="true"] .cambista-cash-summary,
html[data-cambista-mode="true"] .cambista-legacy-draw-row dl { min-width:0; }
html[data-cambista-mode="true"] .cambista-receive-fields input,
html[data-cambista-mode="true"] .cambista-settings-grid input,
html[data-cambista-mode="true"] .cambista-settings-grid select,
html[data-cambista-mode="true"] .cambista-legacy-form input,
html[data-cambista-mode="true"] .cambista-date-field input { max-width:100%; }
@media(max-width:560px){
  html[data-cambista-mode="true"] .cambista-terminal-header { width:100%; overflow:hidden; }
  html[data-cambista-mode="true"] .cambista-terminal-header nav { width:100%; padding-bottom:1px; }
  html[data-cambista-mode="true"] .cambista-terminal-main { padding-left:10px; padding-right:10px; }
  html[data-cambista-mode="true"] .cambista-legacy-page { padding:16px; }
  html[data-cambista-mode="true"] .cambista-legacy-heading { margin-bottom:18px; padding-bottom:13px; }
  html[data-cambista-mode="true"] .cambista-legacy-heading h1 { font-size:clamp(21px,6vw,25px); }
  html[data-cambista-mode="true"] .cambista-legacy-draw-row { padding:14px; gap:10px; }
  html[data-cambista-mode="true"] .cambista-legacy-draw-row dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-cambista-mode="true"] .cambista-legacy-draw-row dl span { padding:9px; }
  html[data-cambista-mode="true"] .cambista-legacy-form-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-cambista-mode="true"] .cambista-receive-page { padding:16px; }
  html[data-cambista-mode="true"] .cambista-receive-fields { gap:11px; }
  html[data-cambista-mode="true"] .cambista-receive-fields input { min-height:48px; padding-left:12px; padding-right:12px; font-size:15px; }
  html[data-cambista-mode="true"] .cambista-receive-summary span { overflow-wrap:anywhere; }
}
@media(max-width:380px){
  html[data-cambista-mode="true"] .cambista-terminal-header { padding-left:8px; padding-right:8px; }
  html[data-cambista-mode="true"] .cambista-terminal-brand strong { font-size:14px; }
  html[data-cambista-mode="true"] .cambista-terminal-brand small { font-size:8px; letter-spacing:.08em; }
  html[data-cambista-mode="true"] .cambista-terminal-header nav a { min-width:34px; padding-left:7px; padding-right:7px; }
  html[data-cambista-mode="true"] .cambista-terminal-main { padding-left:7px; padding-right:7px; }
  html[data-cambista-mode="true"] .cambista-legacy-page,
  html[data-cambista-mode="true"] .cambista-terminal-draw,
  html[data-cambista-mode="true"] .cambista-sale-card { padding-left:12px; padding-right:12px; }
  html[data-cambista-mode="true"] .cambista-receive-fields { grid-template-columns:1fr; }
  html[data-cambista-mode="true"] .cambista-receive-fields label:first-child,
  html[data-cambista-mode="true"] .cambista-receive-fields label:last-child { grid-column:auto; }
  html[data-cambista-mode="true"] .cambista-receive-fields label.cambista-expense-toggle { min-height:50px; }
  html[data-cambista-mode="true"] .cambista-receive-summary { grid-template-columns:1fr; }
  html[data-cambista-mode="true"] .cambista-receive-summary span:first-child { grid-column:auto; }
}

/* Final viewport guard (kept last so no legacy rule can reintroduce a fixed
   width on the terminal pages). */
html[data-cambista-mode="true"] body,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-main,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-page { max-width:100vw; min-width:0; overflow-x:hidden; }
@media(max-width:560px){
  html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-main { width:100%; padding-left:10px; padding-right:10px; }
  html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-page { width:100%; }
  html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-legacy-table-wrap { overflow-x:auto; }
}

/* Cambista operational pages mirror the legacy terminal screens while keeping
   the new home/venda layout as the default landing page. */
html[data-cambista-mode="true"] .cambista-terminal-main { display:block; width:min(1180px,calc(100% - 36px)); max-width:none; margin:0 auto; padding:24px 0 46px; box-sizing:border-box; }
html[data-cambista-mode="true"] .cambista-terminal-page { display:none; }
html[data-cambista-mode="true"] .cambista-terminal-page.is-current { display:block; }
html[data-cambista-mode="true"] .cambista-home-page.is-current { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr); gap:20px; align-items:start; }
html[data-cambista-mode="true"] .cambista-home-upcoming { grid-column:1/-1; width:100%; min-width:0; padding:20px; border:1px solid #d7e0eb; border-radius:18px; background:#fff; box-shadow:0 14px 34px rgba(33,61,94,.08); box-sizing:border-box; }
html[data-cambista-mode="true"] .cambista-home-upcoming-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
html[data-cambista-mode="true"] .cambista-home-upcoming-heading h2 { margin:5px 0 0; color:#172b45; font-size:22px; letter-spacing:-.03em; }
html[data-cambista-mode="true"] .cambista-home-upcoming-heading button { min-height:36px; padding:0 12px; border:1px solid #cddbeb; border-radius:9px; color:#2f6fbb; background:#f1f6fc; font:800 11px Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
html[data-cambista-mode="true"] .cambista-home-upcoming-list { display:grid; gap:10px; max-height:440px; overflow-y:auto; overscroll-behavior:contain; }
html[data-cambista-mode="true"] .cambista-home-upcoming-list .cambista-legacy-draw-row { padding:14px; }
.cambista-legacy-page { padding:28px; border:1px solid #d7e0eb; border-radius:18px; background:#fff; box-shadow:0 14px 34px rgba(33,61,94,.08); color:#263b55; }
.cambista-legacy-heading { margin-bottom:22px; padding-bottom:16px; border-bottom:1px solid #e2e8f0; }
.cambista-legacy-heading>span { color:#6681a3; font-size:10px; font-weight:900; letter-spacing:.16em; }
.cambista-legacy-heading h1 { margin:6px 0 6px; color:#172b45; font-size:28px; letter-spacing:-.03em; }
.cambista-legacy-heading p { margin:0; color:#718198; font-size:13px; }
.cambista-legacy-draw-list { display:grid; gap:12px; }
.cambista-legacy-draw-row { display:grid; grid-template-columns:1.15fr auto; gap:12px 18px; padding:18px; border:1px solid #d9e2ec; border-radius:14px; background:#f7f9fc; }
.cambista-legacy-draw-row>div { display:grid; gap:4px; }
.cambista-legacy-draw-row strong { color:#1c3c62; font-size:18px; }
.cambista-legacy-draw-row small { color:#7a899c; font-size:12px; }
.cambista-legacy-draw-row dl { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:0; }
.cambista-legacy-draw-row dl span { display:grid; gap:4px; padding:10px; border-radius:9px; background:#fff; border:1px solid #e2e8f0; color:#223b5b; font-weight:800; }
.cambista-legacy-draw-row dl b { color:#7b8ca1; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.cambista-legacy-draw-row button { justify-self:end; align-self:center; min-height:38px; padding:0 14px; border:0; border-radius:9px; color:#fff; background:#2f6fbb; font:800 12px Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.cambista-legacy-state { align-self:center; padding:7px 10px; border-radius:999px; font-size:11px; font-weight:900; }
.cambista-legacy-state.is-open { color:#087242; background:#ddf7e9; }.cambista-legacy-state.is-live { color:#7c5d02; background:#fff0bd; }.cambista-legacy-state.is-closed { color:#8b3b45; background:#ffe4e6; }
.cambista-legacy-empty { margin:0; padding:24px; color:#7a899c; text-align:center; border:1px dashed #ccd7e4; border-radius:12px; }
.cambista-legacy-form { display:grid; gap:14px; }
.cambista-legacy-form.compact { margin-bottom:18px; }
.cambista-legacy-form label,.cambista-date-field,.cambista-settings-grid label { display:grid; gap:7px; color:#526b88; font-size:12px; font-weight:850; }
.cambista-legacy-form input,.cambista-date-field input,.cambista-settings-grid input,.cambista-settings-grid select { width:100%; min-height:48px; padding:0 14px; border:1px solid #ccd8e6; border-radius:9px; color:#213b5c; background:#fbfcfe; font:600 14px Inter,ui-sans-serif,system-ui,sans-serif; box-sizing:border-box; outline:none; }
.cambista-legacy-form input:focus,.cambista-date-field input:focus,.cambista-settings-grid input:focus,.cambista-settings-grid select:focus { border-color:#4e86c4; box-shadow:0 0 0 3px rgba(78,134,196,.14); }
.cambista-legacy-form-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cambista-legacy-form-actions button,.cambista-legacy-wide { min-height:50px; border:0; border-radius:10px; color:#fff; font:850 14px Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.cambista-legacy-form-actions .is-green,.cambista-legacy-wide.is-green { background:#0f9d5a; }.cambista-legacy-form-actions .is-yellow { color:#4a3b14; background:#f5c75c; }.cambista-legacy-form-actions .is-red { background:#c84855; }
.cambista-legacy-result { min-height:20px; color:#58718f; font-size:13px; }
.cambista-cash-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:18px; }
.cambista-cash-summary article { padding:18px; border-radius:12px; background:#edf4fc; border:1px solid #d5e0ed; }.cambista-cash-summary small { display:block; color:#71839a; font-size:11px; font-weight:800; }.cambista-cash-summary strong { display:block; margin-top:8px; color:#1c4777; font-size:22px; }
.cambista-legacy-table-wrap { overflow:auto; border:1px solid #d8e1ec; border-radius:12px; }
.cambista-legacy-table { width:100%; border-collapse:collapse; min-width:620px; font-size:13px; }
.cambista-legacy-table th { padding:13px 14px; color:#fff; background:#4a80b3; text-align:left; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.cambista-legacy-table td { padding:14px; color:#3d5876; border-top:1px solid #e4eaf1; background:#fff; }.cambista-legacy-table tbody tr:nth-child(even) td { background:#f6f8fb; }
.cambista-date-field { margin-bottom:18px; }.cambista-date-field input { max-width:320px; }
.cambista-legacy-wide { width:100%; margin-top:18px; background:#2f6fbb; }.cambista-legacy-wide i { margin-right:7px; }
.cambista-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.cambista-receive-page { padding:28px 38px 34px; }
.cambista-receive-fields { display:grid; grid-template-columns:minmax(0,2fr) minmax(150px,.7fr) repeat(3,minmax(0,1fr)); gap:14px; align-items:end; }
.cambista-receive-fields label { display:grid; gap:7px; color:#5a5a5a; font-size:15px; font-weight:700; }
.cambista-receive-fields input[type="text"],.cambista-receive-fields input[type="number"],.cambista-receive-fields input[type="password"] { width:100%; min-height:52px; padding:0 16px; border:1px solid #c7c7c7; border-radius:6px; color:#555; background:#fff; font:500 18px Arial,Helvetica,sans-serif; box-sizing:border-box; outline:none; }
.cambista-receive-fields input:focus { border-color:#2d74df; box-shadow:0 0 0 2px rgba(45,116,223,.14); }
.cambista-expense-toggle { min-height:74px; display:flex!important; align-items:center; gap:12px; position:relative; }
.cambista-expense-toggle span { order:2; font-size:20px; font-weight:500; }
.cambista-expense-toggle input { position:absolute; opacity:0; pointer-events:none; }
.cambista-expense-toggle i { order:1; width:54px; height:30px; border-radius:999px; background:#a7a7a7; position:relative; display:block; }
.cambista-expense-toggle i:after { content:""; position:absolute; top:2px; left:2px; width:26px; height:26px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.2); transition:transform .18s ease; }
.cambista-expense-toggle input:checked + i { background:#2875e8; }.cambista-expense-toggle input:checked + i:after { transform:translateX(24px); }
.cambista-receive-balance { margin-top:16px; min-height:100px; display:flex; align-items:center; justify-content:center; background:#ededed; color:#555; font:600 30px Arial,Helvetica,sans-serif; }
.cambista-receive-balance strong { margin-left:8px; font-weight:700; }
.cambista-receive-summary { margin-top:38px; display:grid; grid-template-columns:1.25fr repeat(4,1fr); min-height:108px; background:#ededed; color:#555; }
.cambista-receive-summary span { display:flex; flex-direction:column; justify-content:center; gap:12px; padding:16px 22px; font:700 17px Arial,Helvetica,sans-serif; }
.cambista-receive-summary span+span { border-left:1px solid #e2e2e2; }.cambista-receive-summary b { font-size:17px; }.cambista-receive-summary strong { font-size:17px; }
.cambista-receive-submit { min-height:62px; margin-top:74px; border-radius:6px; background:#216ee8; font-size:21px; letter-spacing:.01em; }
.cambista-receive-submit:hover { background:#185fcf; }.cambista-receive-page .cambista-legacy-result { margin-top:14px; text-align:center; font-size:15px; }
@media(max-width:980px){
  html[data-cambista-mode="true"] .cambista-terminal-main { width:min(100% - 24px,720px); padding-top:14px; }
  html[data-cambista-mode="true"] .cambista-home-page.is-current { grid-template-columns:1fr; }
  html[data-cambista-mode="true"] .cambista-home-upcoming { grid-column:auto; }
  html[data-cambista-mode="true"] .cambista-sale-card { position:static; }
}
@media(max-width:560px){
  html[data-cambista-mode="true"] .cambista-terminal-main { width:100%; padding:10px 10px 28px; }
  .cambista-legacy-page { padding:17px; border-radius:16px; }.cambista-legacy-heading h1 { font-size:23px; }
  .cambista-legacy-draw-row { grid-template-columns:1fr; }.cambista-legacy-draw-row dl { grid-template-columns:1fr 1fr; }.cambista-legacy-draw-row button { justify-self:stretch; }
  .cambista-cash-summary { grid-template-columns:1fr; }.cambista-legacy-form-actions,.cambista-settings-grid { grid-template-columns:1fr; }
  .cambista-receive-page { padding:20px 16px 24px; }.cambista-receive-fields { grid-template-columns:1fr 1fr; }.cambista-receive-fields label:first-child { grid-column:1/-1; }.cambista-receive-fields label:last-child { grid-column:1/-1; }.cambista-receive-balance { min-height:82px; font-size:24px; }.cambista-receive-summary { margin-top:22px; grid-template-columns:1fr 1fr; }.cambista-receive-summary span { padding:13px 14px; }.cambista-receive-summary span:first-child { grid-column:1/-1; }.cambista-receive-summary span+span { border-left:0; }.cambista-receive-summary span:nth-child(odd) { border-left:0; }.cambista-receive-submit { margin-top:30px; }
}

/* Final viewport guard: every terminal screen uses the device width and any
   wide data table scrolls inside its own frame. */
html[data-cambista-mode="true"] body,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-main,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-page { max-width:100vw; min-width:0; }
html[data-cambista-mode="true"] body { margin:0; overflow-x:hidden; }
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-main { width:min(1180px,calc(100% - 36px)); box-sizing:border-box; }
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-legacy-page,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-draw,
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-sale-card { width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal * { box-sizing:border-box; min-width:0; }
html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-legacy-table-wrap { width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
@media(max-width:560px){
  html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-main { width:100%; padding-left:10px; padding-right:10px; }
  html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-page { width:100%; }
  html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-header { width:100%; max-width:100%; overflow:hidden; }
  html[data-cambista-mode="true"] #hub-shell.cambista-terminal .cambista-terminal-header nav { width:100%; max-width:100%; overflow-x:auto; }
}

/* Financial summary cards for the cambista receive screen. */
html[data-cambista-mode="true"] .cambista-receive-summary {
  margin-top:24px; padding:18px; border:1px solid #dbe4ef; border-radius:16px;
  background:linear-gradient(145deg,#f9fbfe,#eef4fa); color:#213b5b;
  box-shadow:0 10px 22px rgba(37,70,104,.07); box-sizing:border-box;
}
html[data-cambista-mode="true"] .cambista-receive-balance {
  min-height:86px; margin-top:18px; padding:18px 22px; justify-content:space-between;
  border:1px solid rgba(255,255,255,.12); border-radius:16px;
  background:linear-gradient(135deg,#0b2745 0%,#153f65 58%,#1b5875 100%);
  color:#bcd8f3; font-size:0; font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.08em; text-transform:uppercase; box-shadow:0 12px 24px rgba(14,45,76,.18), inset 0 1px 0 rgba(255,255,255,.12);
}
html[data-cambista-mode="true"] .cambista-receive-balance:before { content:'SALDO ATUAL · CAIXA DO PONTO'; color:#75e1b1; font-size:10px; font-weight:900; letter-spacing:.12em; }
html[data-cambista-mode="true"] .cambista-receive-balance strong { margin-left:auto; color:#ffe39a; font:900 clamp(22px,3vw,30px) Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:-.03em; text-transform:none; text-shadow:0 2px 12px rgba(255,209,102,.2); }
html[data-cambista-mode="true"] .cambista-receive-summary-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:14px; border-bottom:1px solid #dfe7f0; }
html[data-cambista-mode="true"] .cambista-receive-summary-head span { display:inline-flex; align-items:center; gap:7px; color:#5d7897; font-size:10px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
html[data-cambista-mode="true"] .cambista-receive-summary-head span i { color:#3677b7; font-size:13px; }
html[data-cambista-mode="true"] .cambista-receive-summary-head strong { color:#2b4c70; font-size:12px; font-weight:800; }
html[data-cambista-mode="true"] .cambista-receive-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding-top:14px; }
html[data-cambista-mode="true"] .cambista-receive-summary-card { display:flex; align-items:center; gap:10px; min-width:0; padding:12px; border:1px solid #e0e8f1; border-radius:12px; background:#fff; box-shadow:0 3px 8px rgba(40,71,105,.04); }
html[data-cambista-mode="true"] .cambista-receive-summary-icon { flex:0 0 32px; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; color:#1e7d55; background:#e2f6ec; font-size:13px; }
html[data-cambista-mode="true"] .cambista-receive-summary-card>span:last-child { display:grid; gap:3px; min-width:0; }
html[data-cambista-mode="true"] .cambista-receive-summary-card small { color:#71849b; font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
html[data-cambista-mode="true"] .cambista-receive-summary-card strong { color:#203c5e; font-size:17px; line-height:1.1; white-space:nowrap; }
html[data-cambista-mode="true"] .cambista-receive-summary-card em { color:#91a0b1; font-size:9px; font-style:normal; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html[data-cambista-mode="true"] .cambista-receive-summary-card.summary-prize .cambista-receive-summary-icon { color:#a05b16; background:#fff0d8; }
html[data-cambista-mode="true"] .cambista-receive-summary-card.summary-commission .cambista-receive-summary-icon { color:#6b4fa4; background:#efe6ff; }
html[data-cambista-mode="true"] .cambista-receive-summary-card.summary-net .cambista-receive-summary-icon { color:#2671a7; background:#e2f0ff; }
@media(max-width:760px){
  html[data-cambista-mode="true"] .cambista-receive-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px){
  html[data-cambista-mode="true"] .cambista-receive-summary { margin-top:22px; padding:14px; }
  html[data-cambista-mode="true"] .cambista-receive-summary-head { align-items:flex-start; flex-direction:column; gap:5px; padding-bottom:11px; }
  html[data-cambista-mode="true"] .cambista-receive-summary-grid { gap:8px; padding-top:11px; }
  html[data-cambista-mode="true"] .cambista-receive-summary-card { gap:8px; padding:10px 9px; }
  html[data-cambista-mode="true"] .cambista-receive-summary-icon { flex-basis:28px; width:28px; height:28px; border-radius:8px; font-size:11px; }
  html[data-cambista-mode="true"] .cambista-receive-summary-card strong { font-size:14px; }
  html[data-cambista-mode="true"] .cambista-receive-summary-card em { font-size:8px; }
}
@media(max-width:360px){
  html[data-cambista-mode="true"] .cambista-receive-summary-grid { grid-template-columns:1fr; }
}

/* Native Moderninha portrait pass. The A930 has a narrow CSS viewport and an
   older WebView, so keep the sale controls readable without forcing a
   horizontal page scroll. This is deliberately limited to the APK marker so
   the browser terminal keeps its desktop/tablet layout. */
@media (orientation:portrait), (max-width:700px){
  html[data-cambista-native="true"] .cambista-terminal-header {
    width:100%;
    min-height:0;
    padding:10px;
    gap:8px;
    overflow:hidden;
  }
  html[data-cambista-native="true"] .cambista-terminal-brand { min-width:0; gap:8px; }
  html[data-cambista-native="true"] .cambista-terminal-brand-mark { width:34px; height:34px; border-radius:10px; font-size:20px; }
  html[data-cambista-native="true"] .cambista-terminal-brand strong { font-size:14px; }
  html[data-cambista-native="true"] .cambista-terminal-brand small { margin-top:2px; font-size:8px; letter-spacing:.08em; }
  html[data-cambista-native="true"] .cambista-terminal-account { gap:5px; }
  html[data-cambista-native="true"] .cambista-terminal-account>span { padding:5px 7px; font-size:9px; }
  html[data-cambista-native="true"] .cambista-terminal-account>button { padding:7px 8px; font-size:10px; }
  html[data-cambista-native="true"] .cambista-terminal-header nav {
    width:100%;
    max-width:100%;
    gap:3px;
    padding-bottom:2px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
  }
  /* Keep the labels on a terminal: they are more useful than icon-only
     controls. The row scrolls horizontally instead of shrinking the text. */
  html[data-cambista-native="true"] .cambista-terminal-header nav a span { display:inline; }
  html[data-cambista-native="true"] .cambista-terminal-header nav a {
    min-width:auto;
    min-height:36px;
    padding:0 8px;
    gap:5px;
    font-size:10px;
  }
  html[data-cambista-native="true"] .cambista-terminal-header nav a i { font-size:11px; }
  html[data-cambista-native="true"] .cambista-terminal-main {
    width:100%;
    display:block;
    padding:10px 8px 24px;
  }
  html[data-cambista-native="true"] .cambista-home-page.is-current { display:block; }
  html[data-cambista-native="true"] .cambista-terminal-draw,
  html[data-cambista-native="true"] .cambista-sale-card {
    width:100%;
    margin:0 0 12px;
    padding:14px;
    border-radius:14px;
  }
  html[data-cambista-native="true"] .cambista-draw-topline { display:block; }
  html[data-cambista-native="true"] .cambista-draw-topline h1 { font-size:26px; }
  html[data-cambista-native="true"] .cambista-draw-date {
    width:100%;
    justify-content:flex-start;
    margin-top:8px;
    padding:8px 9px;
    white-space:normal;
    line-height:1.35;
    font-size:11px;
    box-sizing:border-box;
  }
  html[data-cambista-native="true"] .cambista-countdown { margin:14px 0 12px; min-height:42px; padding:0 11px; font-size:13px; }
  html[data-cambista-native="true"] .cambista-prizes-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  html[data-cambista-native="true"] .cambista-prize-card { min-height:70px; padding:10px; border-radius:10px; gap:6px; }
  html[data-cambista-native="true"] .cambista-prize-card-label { gap:5px; font-size:8px; letter-spacing:.04em; }
  html[data-cambista-native="true"] .cambista-prize-card-label i { font-size:12px; }
  html[data-cambista-native="true"] .cambista-prize-card strong { font-size:19px; }
  html[data-cambista-native="true"] .cambista-draw-meta { grid-template-columns:1fr; gap:8px; margin-top:12px; padding-top:11px; }
  html[data-cambista-native="true"] .cambista-draw-meta span { grid-template-columns:21px 1fr; }
  html[data-cambista-native="true"] .cambista-draw-meta strong { font-size:13px; overflow-wrap:anywhere; }
  html[data-cambista-native="true"] .cambista-sale-card { position:static; }
  html[data-cambista-native="true"] .cambista-sale-heading { display:block; margin-bottom:12px; }
  html[data-cambista-native="true"] .cambista-sale-heading h2 { margin-top:5px; font-size:22px; }
  html[data-cambista-native="true"] .cambista-sale-heading p { max-width:none; font-size:12px; }
  html[data-cambista-native="true"] .cambista-sale-status { margin-top:9px; }
  html[data-cambista-native="true"] .cambista-sale-numbers { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
  html[data-cambista-native="true"] .cambista-sale-numbers button { height:44px; border-radius:9px; font-size:16px; }
  html[data-cambista-native="true"] .cambista-quantity-wrap { margin-top:13px; }
  html[data-cambista-native="true"] .cambista-quantity-wrap input { height:52px; font-size:16px; }
  html[data-cambista-native="true"] .cambista-sale-actions { gap:8px; }
  html[data-cambista-native="true"] .cambista-sale-actions button,
  html[data-cambista-native="true"] .cambista-reprint { height:50px; font-size:14px; }
  html[data-cambista-native="true"] .cambista-reprint { margin-top:8px; }
}

/* Toasts should never cover the reprint and sale controls on the short POS
   viewport. Leave a narrow, full-width message area above the bottom edge. */
html[data-cambista-native="true"] .toast {
  right:10px;
  bottom:10px;
  left:10px;
  max-width:none;
  padding:11px 13px;
  border-radius:10px;
  font-size:13px;
  line-height:1.3;
  text-align:center;
}

/* Android WebView does not have Inter installed. Use the device's native
   Roboto face instead of asking the old engine to synthesize very heavy
   800/900 weights, which makes small labels look blurry and uneven. */
html[data-cambista-native="true"] .cambista-terminal,
html[data-cambista-native="true"] .cambista-terminal input,
html[data-cambista-native="true"] .cambista-terminal button {
  font-family:Roboto,Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html[data-cambista-native="true"] .cambista-terminal-brand strong,
html[data-cambista-native="true"] .cambista-draw-topline h1,
html[data-cambista-native="true"] .cambista-sale-heading h2 { font-weight:700; letter-spacing:-.02em; }
html[data-cambista-native="true"] .cambista-terminal-brand small,
html[data-cambista-native="true"] .cambista-section-kicker,
html[data-cambista-native="true"] .cambista-field-caption { font-weight:700; letter-spacing:.08em; }
html[data-cambista-native="true"] .cambista-terminal-header nav a,
html[data-cambista-native="true"] .cambista-terminal-account>button { font-weight:600; }
html[data-cambista-native="true"] .cambista-draw-date,
html[data-cambista-native="true"] .cambista-sale-status { font-weight:600; }
html[data-cambista-native="true"] .cambista-countdown { font-weight:600; }
html[data-cambista-native="true"] .cambista-prize-card-label { font-weight:700; }
html[data-cambista-native="true"] .cambista-prize-card strong { font-weight:700; letter-spacing:-.025em; }
html[data-cambista-native="true"] .cambista-draw-meta small { font-weight:600; }
html[data-cambista-native="true"] .cambista-draw-meta strong { font-weight:600; }
html[data-cambista-native="true"] .cambista-sale-numbers button { font-weight:600; }
html[data-cambista-native="true"] .cambista-sale-actions button,
html[data-cambista-native="true"] .cambista-reprint { font-weight:700; letter-spacing:.01em; }

/* Refined public navigation. The single floating control keeps the player
   uncluttered, while the opened panel presents clear, touch-friendly actions. */
.reference-tools button {
  position:relative;
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.reference-tools button:hover,
.reference-tools button:focus-visible { transform:translateY(-2px) scale(1.03); filter:brightness(1.08); outline:none; }
#player-shell > .reference-tools button,
#hub-shell > .reference-tools button {
  border-radius:16px;
  background:linear-gradient(145deg,#172f57 0%,#0a1733 68%,#071126 100%);
  border:2px solid rgba(255,255,255,.9);
  color:#ffe748;
  box-shadow:0 0 0 2px #f7d928,0 10px 24px rgba(2,14,36,.42),inset 0 1px 0 rgba(255,255,255,.3);
  animation:reference-menu-pulse 4s ease-in-out infinite;
}
#player-shell > .reference-tools button::after,
#hub-shell > .reference-tools button::after {
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  pointer-events:none;
}
@keyframes reference-menu-pulse { 0%,100%{box-shadow:0 0 0 2px #f7d928,0 10px 24px rgba(2,14,36,.42),inset 0 1px 0 rgba(255,255,255,.3)} 50%{box-shadow:0 0 0 2px #f7d928,0 12px 30px rgba(28,105,219,.48),inset 0 1px 0 rgba(255,255,255,.36)} }

.reference-options {
  padding:18px;
  background:rgba(2,12,31,.68);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}
.reference-options-panel {
  width:min(92vw,430px);
  box-sizing:border-box;
  padding:22px;
  border:1px solid rgba(161,205,255,.3);
  border-radius:24px;
  color:#f7fbff;
  background:linear-gradient(150deg,#0b2345 0%,#07152e 100%);
  box-shadow:0 26px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.16);
  animation:reference-options-in .22s ease-out both;
}
.reference-options-panel header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 17px;
  padding:0 0 15px;
  border-bottom:1px solid rgba(180,216,255,.18);
  font-size:22px;
}
.reference-options-panel header>div { display:grid; gap:4px; }
.reference-options-kicker { color:#ffd84a; font-size:10px; font-weight:900; letter-spacing:.16em; }
.reference-options-panel header strong { color:#fff; font-size:24px; letter-spacing:-.02em; }
.reference-options-panel header button {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:25px;
  line-height:1;
}
.reference-options-list { display:grid; gap:9px; }
.reference-options-panel a,
.reference-options-panel>button {
  width:100%;
  min-height:63px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:11px 13px;
  border:1px solid rgba(150,201,255,.2);
  border-radius:15px;
  background:rgba(255,255,255,.075);
  color:#fff;
  text-align:left;
  font:inherit;
  text-decoration:none;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}
.reference-options-panel a:hover,
.reference-options-panel a:focus-visible,
.reference-options-panel>button:hover,
.reference-options-panel>button:focus-visible {
  border-color:rgba(255,218,74,.75);
  background:rgba(255,207,59,.13);
  transform:translateX(3px);
  outline:none;
}
.reference-options-panel a>i,
.reference-options-panel>button>i {
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#ffe15a;
  background:rgba(255,215,70,.14);
  font-size:16px;
}
.reference-options-panel a>span,
.reference-options-panel>button>span { min-width:0; display:grid; gap:3px; flex:1; }
.reference-options-panel a b,
.reference-options-panel>button b { color:#fff; font-size:15px; font-weight:850; }
.reference-options-panel a small,
.reference-options-panel>button small { overflow:hidden; color:#a9c0dd; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.reference-options-panel a>em,
.reference-options-panel>button>em { color:#ffe15a; font-size:26px; font-style:normal; line-height:1; }
.reference-options-panel .reference-options-list>button {
  width:100%;
  min-height:63px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:11px 13px;
  border:1px solid rgba(150,201,255,.2);
  border-radius:15px;
  background:rgba(255,255,255,.075);
  color:#fff;
  text-align:left;
  font:inherit;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}
.reference-options-panel .reference-options-list>button:hover,
.reference-options-panel .reference-options-list>button:focus-visible {
  border-color:rgba(255,218,74,.75);
  background:rgba(255,207,59,.13);
  transform:translateX(3px);
  outline:none;
}
.reference-options-panel .reference-options-list>button>i {
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#ffe15a;
  background:rgba(255,215,70,.14);
  font-size:16px;
}
.reference-options-panel .reference-options-list>button>span { min-width:0; display:grid; gap:3px; flex:1; }
.reference-options-panel .reference-options-list>button b { color:#fff; font-size:15px; font-weight:850; }
.reference-options-panel .reference-options-list>button small { overflow:hidden; color:#a9c0dd; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.reference-options-panel .reference-options-list>button>em { color:#ffe15a; font-size:26px; font-style:normal; line-height:1; }
@keyframes reference-options-in { from{opacity:0;transform:translateY(12px) scale(.97)} to{opacity:1;transform:none} }
@media(prefers-reduced-motion:reduce){
  #player-shell > .reference-tools button,
  #hub-shell > .reference-tools button { animation:none; }
  .reference-options-panel { animation:none; }
}

/* The public player keeps the menu reachable without covering the header.
   Narration stays available from Opções and is not shown as a second button. */
body:not(.hub-mode):not(.player-mode) #player-shell > .reference-tools,
body:not(.hub-mode):not(.player-mode) #hub-shell > .reference-tools {
  position:fixed;
  left:18px;
  bottom:92px;
  z-index:1250;
  display:flex;
  padding:0;
  filter:drop-shadow(0 8px 14px rgba(22,35,100,.25));
}
body:not(.hub-mode):not(.player-mode) #player-shell > .reference-tools button,
body:not(.hub-mode):not(.player-mode) #hub-shell > .reference-tools button {
  width:48px;
  height:48px;
  border:2px solid #fff;
  background:linear-gradient(145deg,#1727ae,#08008f);
  box-shadow:0 0 0 2px #ffeb00,0 8px 18px rgba(9,0,114,.3);
  color:#fffb00;
  font-size:24px;
  line-height:1;
}
body:not(.hub-mode):not(.player-mode) #player-shell > .reference-tools button:hover,
body:not(.hub-mode):not(.player-mode) #hub-shell > .reference-tools button:hover { transform:translateY(-2px); }

/* A calmer, card-based form makes the receive operation easier to scan on
   both a phone and a desktop terminal. */
html[data-cambista-mode="true"] .cambista-receive-fields {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:16px;
  border:1px solid #d9e5f2;
  border-radius:16px;
  background:linear-gradient(145deg,#f8fbff,#eef4fa);
  box-shadow:0 8px 18px rgba(30,66,105,.06);
}
html[data-cambista-mode="true"] .cambista-receive-fields label {
  min-width:0;
  gap:6px;
  padding:11px;
  border:1px solid #e0e8f1;
  border-radius:12px;
  background:#fff;
  color:#55718f;
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
html[data-cambista-mode="true"] .cambista-receive-fields label:first-child,
html[data-cambista-mode="true"] .cambista-receive-fields label:last-child { grid-column:1/-1; }
html[data-cambista-mode="true"] .cambista-receive-fields input[type="text"],
html[data-cambista-mode="true"] .cambista-receive-fields input[type="number"],
html[data-cambista-mode="true"] .cambista-receive-fields input[type="password"] {
  min-height:46px;
  padding:0 12px;
  border:1px solid #d5e0ec;
  border-radius:9px;
  background:#f8fbff;
  color:#193858;
  font-size:16px;
  letter-spacing:0;
  text-transform:none;
}
html[data-cambista-mode="true"] .cambista-receive-fields input:focus {
  border-color:#4b8bd8;
  background:#fff;
  box-shadow:0 0 0 3px rgba(75,139,216,.14);
}
html[data-cambista-mode="true"] .cambista-receive-security-note {
  margin:10px 0 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#55718f;
  font-size:12px;
  font-weight:700;
  text-align:center;
}
html[data-cambista-mode="true"] .cambista-receive-security-note i { color:#2d74df; }
html[data-cambista-mode="true"] .cambista-receive-fields .cambista-expense-toggle {
  min-height:74px;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:11px;
  color:#55718f;
  text-transform:none;
  letter-spacing:0;
}
html[data-cambista-mode="true"] .cambista-receive-fields .cambista-expense-toggle span {
  order:2;
  color:#294866;
  font-size:15px;
  font-weight:800;
}
html[data-cambista-mode="true"] .cambista-receive-fields .cambista-expense-toggle i {
  order:1;
  flex:0 0 52px;
  width:52px;
  height:28px;
  background:#aeb8c5;
}
html[data-cambista-mode="true"] .cambista-receive-fields .cambista-expense-toggle i:after { width:24px; height:24px; }

/* The TV board uses a clear six-by-fifteen matrix so every official number
   stays legible over the sky background. */
body.tv-broadcast-body .number-board {
  grid-template-columns:repeat(15,minmax(0,1fr));
  grid-template-rows:repeat(6,minmax(0,1fr));
  gap:7px;
  padding:10px;
  border:1px solid rgba(170,211,255,.7);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(5,25,62,.92),rgba(8,45,98,.8));
  box-shadow:0 12px 28px rgba(1,18,52,.28),inset 0 1px 0 rgba(255,255,255,.16);
}
body.tv-broadcast-body .number-board .number {
  min-width:0;
  min-height:0;
  border:1px solid rgba(156,196,239,.22);
  border-radius:8px;
  background:linear-gradient(145deg,#102545,#0a172c);
  color:#f7fbff!important;
  font-size:clamp(13px,1.45vw,23px);
  text-shadow:0 1px 3px rgba(0,0,0,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 3px 8px rgba(0,0,0,.2);
}
body.tv-broadcast-body .number-board .number.called {
  border-color:#9af4bb;
  background:linear-gradient(145deg,#51df78,#1aa65a);
  color:#062014!important;
  text-shadow:none;
  box-shadow:0 0 14px rgba(52,224,121,.45),inset 0 1px 0 rgba(255,255,255,.55);
}
body.tv-broadcast-body .number-board .number.latest {
  border-color:#fff;
  background:linear-gradient(145deg,#fff,#dceeff);
  color:#091a32!important;
  box-shadow:0 0 0 2px #fff,0 0 24px rgba(255,255,255,.9),0 0 42px rgba(119,196,255,.85);
}

/* Make the active ball feel live without changing its official value. */
body.tv-broadcast-body #live-strip .last-ball {
  animation:tv-ball-float 3s ease-in-out infinite, tv-ball-glow 2.2s ease-in-out infinite;
}
body.tv-broadcast-body #live-strip .recent span {
  animation:tv-recent-ball-in .55s ease both, tv-recent-ball-glow 2.8s ease-in-out infinite;
}
body.tv-broadcast-body #live-strip .recent span:nth-child(2) { animation-delay:.08s,.35s; }
body.tv-broadcast-body #live-strip .recent span:nth-child(3) { animation-delay:.16s,.7s; }
body.tv-broadcast-body #live-strip .recent span:nth-child(4) { animation-delay:.24s,1.05s; }
body.tv-broadcast-body #live-strip .recent span:nth-child(5) { animation-delay:.32s,1.4s; }
@keyframes tv-ball-float { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-7px) rotate(1deg)} }
@keyframes tv-ball-glow { 0%,100%{filter:brightness(1) drop-shadow(0 0 8px rgba(255,255,255,.12))} 50%{filter:brightness(1.12) drop-shadow(0 0 20px rgba(134,215,255,.5))} }
@keyframes tv-recent-ball-in { from{opacity:0;transform:scale(.6) translateY(8px)} to{opacity:1;transform:scale(1) translateY(0)} }
@keyframes tv-recent-ball-glow { 0%,100%{box-shadow:0 4px 12px rgba(0,0,0,.5),inset 0 1px 2px rgba(255,255,255,.8)} 50%{box-shadow:0 0 18px rgba(109,211,255,.65),inset 0 1px 2px rgba(255,255,255,.9)} }
@media(prefers-reduced-motion:reduce){
  body.tv-broadcast-body #live-strip .last-ball,
  body.tv-broadcast-body #live-strip .recent span { animation:none; }
}
@media(max-width:560px){
  html[data-cambista-mode="true"] .cambista-receive-fields { grid-template-columns:1fr; padding:12px; }
  html[data-cambista-mode="true"] .cambista-receive-fields label:first-child,
  html[data-cambista-mode="true"] .cambista-receive-fields label:last-child { grid-column:auto; }
}

/* Each public TV card remains recognizable, while the exact numbers needed
   for the active prize are called out below it. */
body.tv-broadcast-body .ticket-grid .missing {
  color:#ffe48b;
  border:1px solid rgba(255,220,116,.8);
  background:rgba(112,78,17,.72);
  box-shadow:0 0 7px rgba(255,206,83,.3);
}
body.tv-broadcast-body .ticket-missing-numbers {
  grid-column:1/-1;
  min-width:0;
  margin-top:2px;
  padding:4px 6px;
  overflow:hidden;
  color:#ffe48b;
  border:1px solid rgba(255,220,116,.28);
  border-radius:6px;
  background:rgba(94,68,20,.3);
  font-size:9px;
  font-weight:800;
  letter-spacing:.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.tv-broadcast-body .ticket-progress strong { color:#fff0ae; }
body.tv-broadcast-body .participants { scrollbar-color:#5ca2ff rgba(7,19,38,.6); scrollbar-width:thin; }
body.tv-broadcast-body .participants::-webkit-scrollbar { width:8px; }
body.tv-broadcast-body .participants::-webkit-scrollbar-thumb { border-radius:8px; background:#5ca2ff; }

/* Branded logo used by the cambista sign-in screen. It is drawn with HTML/CSS
   so it remains crisp and self-contained on Android WebView and POS devices. */
html[data-cambista-mode="true"] .cambista-auth-hero { grid-template-columns:minmax(174px,190px) minmax(0,1fr); }
html[data-cambista-mode="true"] .cambista-auth-logo { width:190px; height:136px; display:flex; align-items:center; justify-content:flex-start; gap:12px; padding:13px; box-sizing:border-box; }
html[data-cambista-mode="true"] .cambista-auth-logo:after { inset:8px; border-radius:30px; }
html[data-cambista-mode="true"] .cambista-auth-logo-shine { position:absolute; inset:0; z-index:1; background:linear-gradient(120deg,rgba(255,255,255,.3),transparent 34%,transparent 67%,rgba(255,235,152,.12)); pointer-events:none; }
html[data-cambista-mode="true"] .cambista-auth-logo-mark { position:relative; z-index:3; flex:0 0 76px; width:76px; height:76px; display:grid; place-items:center; border:3px solid rgba(255,249,216,.9); border-radius:50%; color:#15243c; background:radial-gradient(circle at 35% 28%,#fff4bd 0,#f0c34f 33%,#bd7a17 72%,#744308 100%); box-shadow:0 4px 13px rgba(64,34,4,.42),inset 0 2px 5px rgba(255,255,255,.8); }
html[data-cambista-mode="true"] .cambista-auth-logo-mark:before { content:""; position:absolute; inset:7px; border:1px solid rgba(115,67,8,.42); border-radius:50%; }
html[data-cambista-mode="true"] .cambista-auth-logo-mark b { position:relative; z-index:2; font-size:48px; line-height:1; font-weight:950; text-shadow:0 2px 2px rgba(255,250,213,.55); }
html[data-cambista-mode="true"] .cambista-auth-logo-ball { position:absolute; z-index:4; width:10px; height:10px; border-radius:50%; background:#fff7d0; box-shadow:0 1px 4px rgba(84,48,3,.5); }
html[data-cambista-mode="true"] .cambista-auth-logo-ball.ball-one { top:7px; left:30px; }.cambista-auth-logo-ball.ball-two { right:8px; top:29px; }.cambista-auth-logo-ball.ball-three { left:10px; bottom:15px; }
html[data-cambista-mode="true"] .cambista-auth-logo-wordmark { position:relative; z-index:3; display:flex; flex-direction:column; line-height:.92; letter-spacing:.05em; text-shadow:0 2px 6px rgba(55,29,2,.58); }
html[data-cambista-mode="true"] .cambista-auth-logo-wordmark strong { font-size:19px; font-weight:950; color:#fff8d7; }
html[data-cambista-mode="true"] .cambista-auth-logo-wordmark strong+strong { color:#fff; font-size:22px; letter-spacing:.1em; }
html[data-cambista-mode="true"] .cambista-auth-logo-wordmark small { margin-top:9px; color:#ffe79a; font-size:7px; font-weight:900; letter-spacing:.13em; white-space:nowrap; }
@media(max-width:560px){
  html[data-cambista-mode="true"] .cambista-auth-hero { grid-template-columns:1fr; gap:16px; }
  html[data-cambista-mode="true"] .cambista-auth-logo { width:100%; height:112px; border-radius:22px; padding:13px 18px; gap:16px; }
  html[data-cambista-mode="true"] .cambista-auth-logo:after { inset:7px; border-radius:17px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-mark { flex-basis:80px; width:80px; height:80px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-wordmark strong { font-size:23px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-wordmark strong+strong { font-size:27px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-wordmark small { margin-top:8px; font-size:8px; }
}
@media(max-width:360px){
  html[data-cambista-mode="true"] .cambista-auth-logo { padding-left:13px; padding-right:13px; gap:12px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-mark { flex-basis:70px; width:70px; height:70px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-mark b { font-size:42px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-wordmark strong { font-size:20px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-wordmark strong+strong { font-size:24px; }
}

@media(min-width:561px){
  /* Give the desktop wordmark a little more breathing room so the complete
     “TERMINAL DE VENDAS” line remains inside the gold logo tile. */
  html[data-cambista-mode="true"] .cambista-auth-hero { grid-template-columns:minmax(190px,210px) minmax(0,1fr); }
  html[data-cambista-mode="true"] .cambista-auth-logo { width:210px; padding-left:14px; padding-right:14px; gap:11px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-mark { flex-basis:76px; width:76px; height:76px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-wordmark strong { font-size:18px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-wordmark strong+strong { font-size:21px; }
  html[data-cambista-mode="true"] .cambista-auth-logo-wordmark small { font-size:6px; letter-spacing:.055em; }
}

/* Override the former five-column summary rules that also matched nested
   spans in the new cards. */
html[data-cambista-mode="true"] .cambista-receive-summary { display:block; grid-template-columns:none; min-height:0; }
html[data-cambista-mode="true"] .cambista-receive-summary span { padding:0; border:0; font:inherit; }
html[data-cambista-mode="true"] .cambista-receive-summary-head span { display:inline-flex; grid-column:auto; }
html[data-cambista-mode="true"] .cambista-receive-summary-grid { width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
html[data-cambista-mode="true"] .cambista-receive-summary-card { display:flex; grid-column:auto; }
html[data-cambista-mode="true"] .cambista-receive-summary-card>span:first-child { display:grid; grid-column:auto; padding:0; }
html[data-cambista-mode="true"] .cambista-receive-summary-card>span:last-child { display:grid; grid-column:auto; padding:0; }
@media(max-width:760px){
  html[data-cambista-mode="true"] .cambista-receive-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:360px){
  html[data-cambista-mode="true"] .cambista-receive-summary-grid { grid-template-columns:1fr; }
}
.cambista-stock-label{grid-column:1 / -1;display:block;color:#168f6e;font-size:12px;font-weight:700;text-align:left}
.cambista-stock-help{grid-column:1 / -1;display:block;color:#71839a;font-size:11px;font-weight:600;margin:-2px 0 4px;text-align:left}
.cambista-quantity-summary{display:block;margin-top:7px;color:#168f6e;font-size:12px;font-weight:800;text-align:right}

/* Keep the active prize unmistakable after the TV skin overrides the base
   cards, and give the last ball the wider Moderninha style from the reference
   screen. */
body.tv-broadcast-body .prize.prize-active {
  animation: prize-active-pulse 1.05s ease-in-out infinite !important;
  border-color: #ffe58b !important;
  box-shadow: 0 0 0 2px rgba(255,235,142,.72), 0 0 24px rgba(255,205,72,.72), inset 0 0 18px rgba(255,226,119,.24) !important;
}
body.tv-broadcast-body #live-strip .last-ball {
  width: clamp(150px, 16vw, 280px);
  height: clamp(125px, 13vw, 230px);
  aspect-ratio: 1.12;
}

#hub-shell.cambista-app .cambista-payment-mode,
#hub-shell.cambista-app .cambista-wallet-buyer,
#hub-shell.cambista-app .cambista-last-sale-controls { margin:8px 0; padding:10px; border:1px solid #b6d2ec; border-radius:10px; background:#fff; }
#hub-shell.cambista-app .cambista-payment-mode>strong { display:block; color:#164d91; font-size:11px; letter-spacing:.55px; }
#hub-shell.cambista-app .cambista-payment-mode-options { display:flex; flex-wrap:wrap; margin:5px -3px 0; }
#hub-shell.cambista-app .cambista-payment-mode-options button { flex:1 1 150px; min-height:42px; margin:3px; padding:7px; border:1px solid #8db9e8; border-radius:7px; background:#f4f9ff; color:#145dab; font-size:12px; font-weight:800; }
#hub-shell.cambista-app .cambista-payment-mode-options button.is-selected { border-color:#087847; background:#138755; color:#fff; }
#hub-shell.cambista-app .cambista-payment-mode p,
#hub-shell.cambista-app .cambista-wallet-selected { margin:5px 0 0; color:#4e6d88; font-size:11px; line-height:1.4; }
#hub-shell.cambista-app .cambista-wallet-buyer[hidden] { display:none!important; }
#hub-shell.cambista-app .cambista-wallet-buyer label { display:block; margin:0 0 5px; color:#164d91; font-size:12px; font-weight:800; }
#hub-shell.cambista-app .cambista-wallet-search { display:flex; }
#hub-shell.cambista-app .cambista-wallet-search input { box-sizing:border-box; flex:1; min-width:0; min-height:42px; padding:8px 10px; border:1px solid #8db9e8; border-radius:7px 0 0 7px; color:#163b66; }
#hub-shell.cambista-app .cambista-wallet-search button { min-width:78px; min-height:42px; border:1px solid #377fc8; border-radius:0 7px 7px 0; background:#1455b8; color:#fff; font-weight:800; }
#hub-shell.cambista-app .cambista-wallet-player-results { max-height:220px; margin-top:6px; overflow:auto; }
#hub-shell.cambista-app .cambista-wallet-player-option { display:flex; justify-content:space-between; align-items:center; width:100%; min-height:42px; margin:4px 0; padding:7px 9px; border:1px solid #c5d9ed; border-radius:7px; background:#f6faff; color:#204565; text-align:left; }
#hub-shell.cambista-app .cambista-wallet-player-option span { margin-left:8px; color:#087847; font-size:11px; font-weight:800; }
#hub-shell.cambista-app .cambista-wallet-player-option.is-selected { border-color:#118650; background:#e6f7ee; }
#hub-shell.cambista-app .cambista-wallet-search-empty { margin:7px 2px; color:#68819a; font-size:11px; }
#hub-shell.cambista-app .cambista-last-sale-controls p { margin:0 0 7px; color:#4b6883; font-size:11px; }
#hub-shell.cambista-app .cambista-last-sale-controls button { width:100%; min-height:44px; border:0; border-radius:7px; background:#b94c32; color:#fff; font-size:13px; font-weight:900; }
#hub-shell.cambista-app .cambista-last-sale-controls button:disabled { opacity:.55; }