/* ConectaPro Experience Layer — 2026-08-10 */
:root{
  --xp-cyan:#65dcff;--xp-cyan-2:#9df1ff;--xp-blue:#1688d4;--xp-purple:#8b5cf6;
  --xp-panel:rgba(7,20,35,.88);--xp-line:rgba(100,208,255,.25);--xp-soft:rgba(87,199,255,.08);
  --xp-media-volume:1;--xp-attendant-width:560px
}
body{transition:background .35s ease}
body.experience-intro-active .admin-app,body.experience-intro-active .attendant-app{filter:blur(7px) brightness(.55) saturate(.65);opacity:.68;transform:scale(.995);pointer-events:none;transition:filter .4s ease,opacity .4s ease,transform .4s ease}
.experience-intro{position:fixed;inset:0;z-index:9900;display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.45fr) minmax(220px,1fr);align-items:center;gap:24px;padding:34px;background:radial-gradient(circle at 50% 47%,rgba(27,156,221,.14),rgba(2,10,18,.18) 35%,rgba(1,8,15,.34));backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.experience-intro.active{opacity:1;visibility:visible}
.experience-intro.leaving{opacity:0;visibility:hidden}
.experience-scan-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(98,203,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(98,203,255,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,#000 35%,rgba(0,0,0,.75) 72%,transparent 100%)}
.experience-scan-grid:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(143,238,255,.86),transparent);box-shadow:0 0 22px rgba(101,220,255,.7);animation:xpScan 3.4s linear infinite}
.experience-intro-hud{position:relative;z-index:2;border:1px solid var(--xp-line);border-radius:18px;padding:18px;background:linear-gradient(145deg,rgba(7,23,40,.72),rgba(4,14,26,.45));box-shadow:inset 0 0 35px rgba(57,185,255,.04),0 18px 50px rgba(0,0,0,.24);min-height:210px}
.experience-intro-hud:before,.experience-intro-hud:after{content:"";position:absolute;width:34px;height:34px;border-color:rgba(111,221,255,.65);pointer-events:none}.experience-intro-hud:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid;border-radius:18px 0 0 0}.experience-intro-hud:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid;border-radius:0 0 18px 0}
.experience-intro-hud>span{display:block;color:#83bdd5;font-size:.68rem;letter-spacing:.22em;margin-bottom:10px}.experience-intro-hud>strong{display:block;font-size:1.3rem}.experience-intro-hud>small{color:#9eb9c7}.experience-console{display:grid;gap:6px;margin-top:18px;font:11px/1.35 Consolas,monospace;color:#86dfff;max-height:110px;overflow:hidden}.experience-console i{font-style:normal;opacity:.78}.experience-console i.ok{color:#78ffd4}.experience-meter{height:10px;margin:20px 0 10px;border:1px solid var(--xp-line);background:rgba(0,0,0,.28);border-radius:99px;overflow:hidden}.experience-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#167fb9,#59dfff,#e3fdff);box-shadow:0 0 22px rgba(101,220,255,.72);transition:width .45s ease}.hud-right{text-align:right}.hud-right>strong{font-size:2.5rem;color:#c9f8ff;text-shadow:0 0 16px rgba(101,220,255,.45)}.hud-right button{margin-top:14px;border:1px solid var(--xp-line);background:rgba(2,14,25,.5);color:#c9ecf8;border-radius:999px;padding:9px 13px;cursor:pointer}.hud-right button:hover{background:rgba(80,201,255,.12)}
.experience-reactor-wrap{position:relative;z-index:2;display:grid;place-items:center;gap:12px}.experience-reactor{position:relative;width:min(48vw,500px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 18px rgba(80,205,255,.24))}.xr-ring,.xr-dashes,.xr-sweep,.xr-triangle{position:absolute;border-radius:50%}.xr-ring{border:2px solid rgba(113,220,255,.28)}.xr-1{inset:1%;box-shadow:inset 0 0 28px rgba(76,190,255,.08),0 0 30px rgba(76,190,255,.08);animation:xpSpin 18s linear infinite}.xr-2{inset:11%;border-style:dashed;animation:xpSpinR 10s linear infinite}.xr-3{inset:22%;border-color:rgba(140,240,255,.46);animation:xpPulseRing 2s ease-in-out infinite}.xr-dashes{inset:6%;border:10px dotted rgba(111,221,255,.18);animation:xpSpin 24s linear infinite}.xr-sweep{inset:5%;border:9px solid transparent;border-top-color:rgba(112,233,255,.88);border-right-color:rgba(112,233,255,.18);animation:xpSpin 5s linear infinite}.xr-triangle{width:43%;aspect-ratio:1;display:grid;place-items:center}.xr-triangle:before{content:"";position:absolute;inset:0;clip-path:polygon(50% 2%,96% 88%,4% 88%);background:radial-gradient(circle at 50% 46%,rgba(222,252,255,.95) 0 9%,rgba(90,223,255,.9) 10% 24%,rgba(17,98,149,.62) 40% 61%,rgba(3,25,44,.3) 72%);filter:drop-shadow(0 0 20px rgba(101,220,255,.62));animation:xpCore 1.8s ease-in-out infinite}.xr-triangle i{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff,#8beeff 35%,#0b4f77 75%);box-shadow:0 0 20px #7ce8ff,0 0 48px rgba(85,220,255,.72)}.xr-triangle b{position:absolute;inset:-18%;border:1px solid rgba(136,237,255,.28);border-radius:50%;animation:xpSpinR 7s linear infinite}
.xr-wave{position:absolute;inset:8%;display:flex;align-items:center;justify-content:center;gap:3px;pointer-events:none;transform:rotate(90deg);opacity:.85}.xr-wave span{width:3px;height:10px;border-radius:99px;background:linear-gradient(#d8fbff,#51d8ff);box-shadow:0 0 8px rgba(88,219,255,.6);transform-origin:center;transition:height .06s linear,opacity .06s linear}
.experience-intro-copy{text-align:center;max-width:620px}.experience-intro-copy>span{font-size:.68rem;letter-spacing:.25em;color:#9bdff1}.experience-intro-copy h1{margin:7px 0 5px;font-size:clamp(1.7rem,3vw,3rem);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 25px rgba(100,220,255,.18)}.experience-intro-copy p{margin:0;color:#9ebdcc}

.experience-control-dock{position:fixed;right:16px;bottom:16px;z-index:3500;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid rgba(102,213,255,.22);background:rgba(5,16,28,.82);backdrop-filter:blur(14px);border-radius:16px;box-shadow:0 15px 50px rgba(0,0,0,.35)}.experience-control-dock>button,.experience-zoom-controls button,.experience-icon-button{width:38px;height:38px;border:1px solid rgba(116,216,255,.18);border-radius:11px;background:rgba(14,34,55,.78);color:#d7f7ff;cursor:pointer}.experience-control-dock>button:hover,.experience-zoom-controls button:hover{background:rgba(60,173,231,.18);box-shadow:0 0 18px rgba(85,206,255,.12)}.experience-control-dock>button.muted{color:#ff8d9d;border-color:rgba(255,83,108,.32)}.experience-zoom-controls{display:flex;align-items:center;gap:5px;padding:0 5px}.experience-zoom-controls button{width:30px;height:30px}.experience-zoom-controls b{min-width:40px;text-align:center;font-size:11px;color:#afd8e8}

.experience-media-rail{position:fixed;z-index:2800;top:14px;bottom:74px;right:14px;width:min(390px,calc(100vw - 28px));background:linear-gradient(180deg,rgba(8,23,40,.96),rgba(3,14,25,.96));border:1px solid rgba(91,205,255,.26);border-radius:20px;box-shadow:0 24px 75px rgba(0,0,0,.48),0 0 32px rgba(46,185,255,.12);overflow:hidden;backdrop-filter:blur(18px);display:flex;flex-direction:column}.experience-media-rail[hidden]{display:none!important}.experience-media-rail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid rgba(101,201,255,.15)}.experience-media-rail header strong{display:block}.experience-media-rail header small{display:block;margin-top:3px;color:#8eafbf;font-size:10px}.experience-media-volume{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(101,201,255,.1);font-size:10px;color:#a4c6d5}.experience-media-volume input{min-width:0}.experience-media-volume b{width:36px;text-align:right}.experience-media-list{padding:11px;overflow:auto;display:grid;gap:11px}.experience-media-card{position:relative;border:1px solid rgba(104,206,255,.18);background:linear-gradient(145deg,rgba(13,32,52,.88),rgba(5,18,31,.88));border-radius:15px;overflow:hidden}.experience-media-card header{display:flex;align-items:center;gap:8px;padding:10px}.experience-media-card header .avatar{width:32px;height:32px;flex:0 0 32px}.experience-media-card header>div{min-width:0;flex:1}.experience-media-card header strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience-media-card header small{display:block;color:#779aad;font-size:9px}.experience-media-hide{border:0;background:transparent;color:#8db4c4;font-size:18px;cursor:pointer}.experience-media-card img,.experience-media-card video{display:block;width:100%;max-height:360px;object-fit:contain;background:#020812}.experience-media-card video{background:#000}.experience-media-card audio{width:calc(100% - 20px);margin:8px 10px 12px}.experience-media-caption{padding:9px 11px 11px;margin:0;color:#d3edf6;font-size:11px;line-height:1.45}.experience-media-expiry{padding:0 11px 10px;color:#7699aa;font-size:9px}.media-eq{height:70px;display:flex;align-items:center;justify-content:center;gap:3px;padding:8px 12px;background:radial-gradient(circle at center,rgba(67,207,255,.12),transparent 65%)}.media-eq span{display:block;width:4px;height:8px;border-radius:99px;background:linear-gradient(180deg,#d8fbff,#5ddfff,#4f69ff);box-shadow:0 0 10px rgba(91,221,255,.3);transition:height .05s linear}.experience-media-placeholder{padding:32px 18px;text-align:center;color:#7f9eae}.experience-media-placeholder strong{display:block;color:#d6f4ff;margin-bottom:5px}

.experience-modal{position:fixed;inset:0;z-index:9300;display:grid;place-items:center;padding:18px;background:rgba(0,6,12,.72);backdrop-filter:blur(10px)}.experience-modal[hidden]{display:none!important}.experience-modal-card{width:min(720px,96vw);max-height:92vh;overflow:auto;border:1px solid rgba(97,211,255,.25);border-radius:22px;background:linear-gradient(145deg,#0b1d30,#061321);box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 45px rgba(61,192,255,.1);padding-bottom:18px}.experience-modal-card.compact{width:min(480px,96vw)}.experience-modal-card>header{display:flex;justify-content:space-between;gap:12px;padding:18px;border-bottom:1px solid rgba(93,200,255,.16)}.experience-modal-card h2{margin:0}.experience-modal-card header p{margin:4px 0 0;color:#89aabb;font-size:11px}.experience-modal-card header button{border:0;background:transparent;color:#bddfea;font-size:22px}.experience-modal-card form{padding:16px;display:grid;gap:14px}.experience-drop-zone{min-height:170px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px;border:1px dashed rgba(101,217,255,.42);border-radius:17px;background:radial-gradient(circle at center,rgba(65,194,255,.08),transparent 70%);cursor:pointer}.experience-drop-zone.dragging{border-color:#8eebff;background:rgba(63,196,255,.12);box-shadow:inset 0 0 30px rgba(71,207,255,.08)}.experience-drop-zone span,.experience-drop-zone small{color:#87aabb}.experience-recipient-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.experience-recipient-head button{border:0;background:transparent;color:#75d9ff;cursor:pointer}.experience-recipient-list,.experience-alert-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.experience-recipient-list label,.experience-alert-list button{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid rgba(96,194,245,.16);border-radius:12px;background:rgba(10,29,47,.7);color:#e5f7ff;text-align:left}.experience-recipient-list .avatar,.experience-alert-list .avatar{width:34px;height:34px;flex:0 0 34px}.experience-alert-list{padding:15px}.experience-alert-list button{cursor:pointer}.experience-alert-list button:hover{border-color:rgba(101,217,255,.5);background:rgba(44,134,183,.16)}

.experience-idle{position:fixed;inset:0;z-index:9700;background:#02070c;display:grid;place-items:center;overflow:hidden}.experience-idle[hidden]{display:none!important}.experience-idle-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(41,125,165,.18),rgba(0,0,0,.78));z-index:1}.experience-idle video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;filter:brightness(.55) saturate(.65)}.experience-idle-copy{position:relative;z-index:2;text-align:center;max-width:650px;padding:28px}.experience-idle-copy span{font-size:.72rem;letter-spacing:.28em;color:#8ce8ff}.experience-idle-copy h2{font-size:clamp(2rem,5vw,4.5rem);margin:10px 0}.experience-idle-copy p{color:#c0d7e1}.experience-idle-copy small{color:#7894a3}

.experience-profile-required{position:fixed;inset:0;z-index:9800;display:grid;place-items:center;background:rgba(1,8,15,.94);backdrop-filter:blur(16px)}.experience-profile-required form{width:min(460px,92vw);text-align:center;padding:30px;border:1px solid rgba(101,217,255,.25);border-radius:24px;background:linear-gradient(145deg,#0a1d31,#06121e);box-shadow:0 30px 90px rgba(0,0,0,.55);display:grid;gap:14px}.experience-profile-required h2{margin:0}.experience-profile-required p{margin:0;color:#96b4c2;line-height:1.55}.experience-photo-orbit{width:110px;height:110px;border-radius:50%;margin:auto;border:2px dashed rgba(104,223,255,.5);display:grid;place-items:center;animation:xpSpin 8s linear infinite}.experience-photo-orbit span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:rgba(75,195,255,.12);font-size:2rem;color:#aeefff;animation:xpSpinR 8s linear infinite}

/* Painel do atendente sempre em formato mobile/console à esquerda. */
@media(min-width:760px){
  body.attendant-body{background:linear-gradient(90deg,#061321 0,var(--xp-attendant-width),#020b13 var(--xp-attendant-width),#020b13 100%);overflow-x:auto}
  body.attendant-body .attendant-app{width:var(--xp-attendant-width)!important;max-width:var(--xp-attendant-width)!important;margin:0!important;border-right:1px solid rgba(112,205,255,.12);box-shadow:24px 0 70px rgba(0,0,0,.24);transform-origin:top left}
  body.attendant-body .bottom-nav{left:0!important;transform:none!important;width:var(--xp-attendant-width)!important;max-width:var(--xp-attendant-width)!important}
  body.attendant-body.has-media-rail .experience-media-rail{left:calc(var(--xp-attendant-width) + 22px);right:auto;width:min(430px,calc(100vw - var(--xp-attendant-width) - 44px))}
  body.attendant-body.has-media-rail .experience-control-dock{left:calc(var(--xp-attendant-width) + 24px);right:auto}
}
.welcome-person{display:flex;align-items:center;gap:12px}.welcome-avatar{width:54px!important;height:54px!important;flex:0 0 54px}.welcome-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-avatar-wrap small{color:var(--muted);font-size:10px}.profile-logout{margin:0 0 14px;width:100%}

/* Financeiro atendente */
.attendant-finance-card{padding:15px;margin-bottom:15px;background:linear-gradient(145deg,rgba(11,27,46,.96),rgba(8,19,33,.96));border-color:rgba(111,217,255,.18)}.attendant-finance-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.attendant-finance-head>div:first-child{display:flex;gap:10px}.finance-dollar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#0d5d7e,#6c3be8);font-size:1.25rem;font-weight:900;box-shadow:0 0 20px rgba(93,192,255,.14)}.attendant-finance-head h2{margin:0;font-size:1rem}.attendant-finance-head p{margin:4px 0 0;color:var(--muted);font-size:10px;max-width:280px}.attendant-profit-mini{text-align:right;display:grid}.attendant-profit-mini small{color:var(--muted);font-size:9px}.attendant-profit-mini strong{font-size:1.2rem;color:#7dffd1}.attendant-profit-mini span{font-size:9px;color:#9cb8c6}.attendant-finance-card form{display:grid;grid-template-columns:1fr;gap:8px}.attendant-finance-card form label{font-size:9px;gap:4px}.attendant-finance-card form .finance-note{grid-column:1/-1}.attendant-finance-card form button{grid-column:1/-1}.finance-methods{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:6px}.finance-methods legend{font-size:9px;color:var(--muted);margin-bottom:5px}.finance-methods label{position:relative;display:inline-flex!important;cursor:pointer}.finance-methods input{position:absolute;opacity:0;pointer-events:none}.finance-methods span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#a9c5d3;transition:.18s}.finance-methods input:checked+span{border-color:rgba(128,92,246,.72);background:linear-gradient(135deg,rgba(94,43,196,.35),rgba(49,186,235,.18));color:#fff;box-shadow:0 0 16px rgba(124,58,237,.15)}.attendant-recent-payouts{display:grid;gap:6px;margin-top:10px}.attendant-payout-row{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(57,190,125,.07);border:1px solid rgba(75,221,159,.12);font-size:10px}.attendant-payout-row small{color:#8eafbe}.attendant-payout-row strong{color:#7fffcf}

/* Financeiro ADM */
.finance-page{background:radial-gradient(circle at 85% 8%,rgba(50,196,255,.08),transparent 32%)}.finance-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.finance-summary-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#0b1828,#09131f);display:grid;gap:5px}.finance-summary-card small{color:var(--muted)}.finance-summary-card strong{font-size:1.45rem}.finance-layout{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:12px}.finance-pending-panel,.finance-builder-panel,.finance-history-panel{padding:15px}.finance-entry-list{display:grid;gap:8px;max-height:610px;overflow:auto}.finance-entry{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.finance-entry input{width:18px;height:18px}.finance-entry strong{display:block}.finance-entry small{display:block;color:var(--muted);font-size:9px}.finance-entry b{color:#a9f0ff}.finance-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settlement-progress{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0}.settlement-progress>div{padding:12px;border:1px solid rgba(92,207,255,.18);border-radius:12px;background:rgba(34,129,173,.07)}.settlement-progress small{display:block;color:var(--muted)}.settlement-progress strong{font-size:1.3rem}.settlement-rules{display:grid;gap:8px}.settlement-rule{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(145px,1fr) 90px 110px 32px;gap:7px;align-items:end;padding:9px;border:1px solid var(--line);border-radius:12px;background:rgba(7,19,33,.7)}.settlement-rule label{font-size:9px;gap:4px}.settlement-rule .rule-preview{display:grid;gap:2px}.settlement-rule .rule-preview small{color:var(--muted);font-size:8px}.settlement-rule .rule-preview strong{font-size:10px}.settlement-rule .remove-rule{width:32px;height:38px;border:1px solid rgba(255,82,106,.2);background:rgba(255,62,88,.07);color:#ff8b9d;border-radius:9px}.finance-template-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:12px}.finance-settlement-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settlement-history-card{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}.settlement-history-card header{display:flex;justify-content:space-between;gap:10px}.settlement-history-card header small{color:var(--muted)}.settlement-history-card .history-values{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}.settlement-history-card .history-values span{padding:7px;border-radius:8px;background:rgba(255,255,255,.025)}.settlement-history-card .history-values small{display:block;color:var(--muted);font-size:8px}.settlement-history-card .history-values b{font-size:10px}.settlement-history-card ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}.settlement-history-card li{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#aac7d4}.settlement-history-card li b{color:#dff8ff}.financial-report-panel{padding:15px;margin-top:12px}.financial-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.financial-report-grid h4{margin:0 0 10px}.financial-bars{display:grid;gap:8px}.financial-bar{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:10px}.financial-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.financial-bar i{height:8px;border-radius:99px;background:rgba(88,193,255,.09);overflow:hidden}.financial-bar i b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6b36df,#4ccdf4)}.financial-bar>strong{font-size:9px}.experience-assets-card form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.experience-assets-card form button{grid-column:1/-1}.experience-asset-library{margin-top:12px;display:grid;gap:7px}.asset-group{padding:9px;border:1px solid var(--line);border-radius:11px}.asset-group>header{display:flex;justify-content:space-between}.asset-group>header small{color:var(--muted)}.asset-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.asset-chip{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(80,190,255,.06);border:1px solid rgba(80,190,255,.13);font-size:9px}.asset-chip button{border:0;background:transparent;color:#ff8ba0;cursor:pointer}.danger-zone{border-color:rgba(255,76,101,.22)!important}.danger-zone p{color:var(--muted);font-size:11px}.danger-zone input{margin:8px 0}.danger-zone .danger-button{width:100%}

/* efeitos globais de interface */
.primary-button,.ghost-button,.danger-button,.nav-item,.metric-card,.panel,.mobile-record-card,.attendant-card,.management-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.primary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.metric-card:hover,.attendant-card:hover,.management-card:hover{box-shadow:0 16px 42px rgba(0,0,0,.22),0 0 24px rgba(124,58,237,.06)}.qualification-button{position:relative;overflow:hidden}.qualification-button:after{content:"";position:absolute;inset:auto -30% -55% -30%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.11),transparent 65%);opacity:0;transition:.2s}.qualification-button:hover:after{opacity:1}.qualification-button:active{transform:scale(.97)}

@keyframes xpSpin{to{transform:rotate(360deg)}}@keyframes xpSpinR{to{transform:rotate(-360deg)}}@keyframes xpCore{50%{transform:scale(1.055);filter:brightness(1.18)}}@keyframes xpPulseRing{50%{box-shadow:0 0 28px rgba(95,225,255,.25),inset 0 0 20px rgba(95,225,255,.12);transform:scale(1.02)}}@keyframes xpScan{from{top:-10%}to{top:110%}}

@media(max-width:1200px){.experience-intro{grid-template-columns:1fr;padding:20px;overflow:auto}.experience-intro-hud{display:none}.experience-reactor{width:min(76vw,460px)}.finance-layout{grid-template-columns:1fr}.finance-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.experience-control-dock{right:8px;bottom:88px}.experience-control-dock .experience-zoom-controls{display:none}.experience-media-rail{top:8px;right:8px;bottom:86px;width:calc(100vw - 16px)}.experience-recipient-list{grid-template-columns:1fr}.finance-summary-grid{grid-template-columns:1fr 1fr}.finance-builder-grid,.financial-report-grid{grid-template-columns:1fr}.settlement-rule{grid-template-columns:1fr 1fr}.settlement-rule .rule-preview{grid-column:1/-1}.finance-template-actions{grid-template-columns:1fr}.finance-settlement-history{grid-template-columns:1fr}.attendant-finance-head{flex-direction:column}.attendant-profit-mini{text-align:left}.experience-reactor{width:min(92vw,420px)}}

/* microinterações — feedback visual sem transformar cada clique em ruído sonoro */
.xp-click-ripple{position:fixed;z-index:12000;width:14px;height:14px;border:2px solid rgba(135,235,255,.75);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.2);box-shadow:0 0 14px rgba(89,215,255,.45);animation:xpClickRipple .48s ease-out forwards}
@keyframes xpClickRipple{to{opacity:0;transform:translate(-50%,-50%) scale(3.4)}}

.sidebar-logout-button{margin:8px 12px 14px;padding:10px 12px;border:1px solid rgba(255,88,110,.22);border-radius:11px;background:rgba(255,65,92,.055);color:#ff9aaa;cursor:pointer}.sidebar-logout-button:hover{background:rgba(255,65,92,.12);box-shadow:0 0 18px rgba(255,65,92,.08)}

/* ===== STARK EXPERIENCE V3 — acabamento, histórico e gestão ===== */
/* Intro: o CRM permanece visível ao fundo, mas a abertura domina a cena até o áudio terminar. */
body.experience-intro-active{overflow:hidden}
body.experience-intro-active .admin-app,body.experience-intro-active .attendant-app{
  filter:blur(10px) brightness(.42) saturate(.78) contrast(1.06);opacity:.72;transform:scale(.988);
}
.experience-intro{
  background:
    radial-gradient(circle at 50% 45%,rgba(34,188,255,.18),transparent 22%),
    radial-gradient(circle at 50% 50%,rgba(7,31,53,.22),rgba(1,8,15,.36) 46%,rgba(0,5,11,.68) 100%);
  overflow:hidden;isolation:isolate;
}
.experience-intro:before,.experience-intro:after{content:"";position:absolute;pointer-events:none;z-index:1}
.experience-intro:before{inset:-30%;background:conic-gradient(from 0deg at 50% 50%,transparent 0 20deg,rgba(87,216,255,.04) 21deg 24deg,transparent 25deg 50deg);animation:xpSpin 44s linear infinite;mix-blend-mode:screen}
.experience-intro:after{left:50%;top:50%;width:min(82vw,920px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(118,225,255,.12);box-shadow:0 0 0 38px rgba(91,216,255,.018),0 0 0 80px rgba(91,216,255,.012),0 0 90px rgba(54,196,255,.12)}
.experience-reactor-wrap{z-index:3}
.experience-reactor{--audio-amp:.18;transform:scale(calc(.99 + var(--audio-amp)*.055));transition:transform .05s linear}
.xr-radar{position:absolute;inset:13%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(96,220,255,.18) 0 1deg,transparent 1deg 12deg);mask:radial-gradient(circle,transparent 0 48%,#000 49% 51%,transparent 52% 61%,#000 62% 63%,transparent 64%);animation:xpSpinR 16s linear infinite;opacity:.6}
.xr-spectrum{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 5px rgba(98,220,255,.58))}
.xr-spectrum span{position:absolute;left:50%;top:50%;width:2px;height:46%;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(calc((360deg / var(--n)) * var(--i)));opacity:calc(.18 + var(--amp,.2)*.72)}
.xr-spectrum span:after{content:"";position:absolute;left:0;top:0;width:100%;height:calc(5px + var(--amp,.2)*32px);border-radius:99px;background:linear-gradient(180deg,rgba(222,253,255,.95),rgba(75,205,255,.42),transparent);box-shadow:0 0 calc(3px + var(--amp,.2)*10px) rgba(89,222,255,.7)}
.xr-wave{inset:16%;gap:2px;opacity:.92;mix-blend-mode:screen}
.xr-wave span{width:2px;background:linear-gradient(#fff,#71e7ff 42%,rgba(29,137,201,.22));box-shadow:0 0 10px rgba(101,220,255,.8)}
.experience-intro-copy{position:relative;text-align:center;text-shadow:0 0 20px rgba(75,210,255,.12)}
.experience-intro-copy:before{content:"";position:absolute;left:50%;top:-14px;width:130px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#80e8ff,transparent);box-shadow:0 0 12px #5ad8ff}
.experience-intro-copy h1{letter-spacing:.11em;text-transform:uppercase}
.experience-intro-lock{margin-top:14px;padding:9px 10px;border-radius:9px;border:1px solid rgba(110,225,255,.17);background:rgba(55,192,255,.045);color:#91dced;font:700 9px/1.4 Consolas,monospace;letter-spacing:.11em;text-align:center}
.experience-intro.active .experience-intro-hud{animation:xpHudEnter .8s ease both}
.experience-intro.active .experience-reactor-wrap{animation:xpReactorEnter 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes xpHudEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes xpReactorEnter{from{opacity:0;transform:scale(.76);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:none}}

/* Compartilhar no cabeçalho, não escondido no dock. */
.experience-header-share,.share-head-button{border-color:rgba(104,218,255,.25)!important;background:linear-gradient(135deg,rgba(32,143,202,.11),rgba(124,58,237,.08))!important;box-shadow:inset 0 0 18px rgba(79,205,255,.025)}
.attendant-header-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.share-head-button{font-weight:900;color:#9cecff!important}

/* Painel do atendente: cinco cartões compactos e o financeiro vira um lançador. */
.mini-stats-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.mini-stats-five article{min-width:0;min-height:116px!important;padding:12px 9px!important}
.finance-mini-launch{cursor:pointer;border-color:rgba(80,218,255,.22)!important;background:radial-gradient(circle at 15% 15%,rgba(77,215,255,.10),transparent 46%),linear-gradient(145deg,var(--panel),var(--bg-2))!important}
.finance-mini-launch:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,176,230,.10),inset 0 0 0 1px rgba(92,224,255,.12)}
.finance-mini-launch .mini-icon.finance{background:linear-gradient(145deg,#0b6589,#7138da);color:white}.finance-mini-launch strong{font-size:1.12rem!important;white-space:nowrap}

/* Modal financeiro compacto e independente das fichas. */
#attendantFinanceModal .experience-modal-card{width:min(620px,94vw)}
.attendant-finance-modal-body{display:grid;gap:13px}.attendant-finance-modal-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.attendant-finance-modal-summary>div{padding:13px;border:1px solid var(--xp-line);border-radius:13px;background:rgba(49,173,223,.055);display:grid;gap:4px}.attendant-finance-modal-summary small{color:var(--muted)}.attendant-finance-modal-summary strong{font-size:1.25rem}.attendant-finance-modal-summary .paid strong{color:#78ffd0}
#attendantFinanceForm{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(5,17,30,.52)}
#attendantFinanceForm label{display:grid;gap:6px}.attendant-recent-payouts{max-height:230px;overflow:auto}

/* Histórico do atendente no mesmo nível visual do relatório ADM. */
.attendant-report-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.attendant-report-kpis article{padding:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#0b1828,#09131f);display:grid;gap:4px}.attendant-report-kpis small{color:var(--muted);font-size:9px}.attendant-report-kpis strong{font-size:1.15rem}.attendant-report-kpis span{font-size:8px;color:#7798a9}
.attendant-history-main{margin-top:10px}.attendant-history-main .chart-canvas-wrap{height:280px}
.attendant-category-legend,.attendant-final-legend{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.attendant-category-legend span,.attendant-final-legend span{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;font-size:8px;color:#a9c6d5;background:rgba(255,255,255,.018)}.attendant-category-legend i,.attendant-final-legend i{width:7px;height:7px;border-radius:50%}
.attendant-final-layout{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr;gap:14px;align-items:center}.attendant-final-layout .chart-canvas-wrap{height:220px}

/* Cartões de desempenho do ADM agora indicam claramente que são expansíveis. */
.rich-attendant-card[data-report-attendant-id]{cursor:pointer;position:relative}.rich-attendant-card[data-report-attendant-id]:after{content:"Clique para ampliar";position:absolute;right:12px;top:12px;font-size:8px;color:#73cbe8;opacity:.65}.rich-attendant-card[data-report-attendant-id]:hover{border-color:rgba(94,216,255,.30);box-shadow:0 18px 38px rgba(0,0,0,.24),0 0 24px rgba(76,201,255,.055)}
.attendant-report-expanded{display:grid;gap:16px}.attendant-expanded-head{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line)}.attendant-expanded-head h3{margin:0}.attendant-expanded-head p{margin:4px 0 0;color:var(--muted)}.attendant-expanded-head b{color:#a970ff}
.attendant-detail-bars{display:grid;gap:9px}.attendant-detail-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 46px;gap:10px;align-items:center;font-size:10px}.attendant-detail-bar span{color:#a9c3d1}.attendant-detail-bar i{height:7px;border-radius:999px;background:rgba(148,163,184,.12);overflow:hidden}.attendant-detail-bar i b{display:block;height:100%;background:linear-gradient(90deg,#7138df,#a855f7,#4fd7ef);border-radius:999px}.attendant-detail-bar strong{text-align:right}
.attendant-expanded-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.attendant-expanded-stats span{padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);display:grid;gap:3px}.attendant-expanded-stats small{font-size:8px;color:var(--muted)}.attendant-expanded-stats b{font-size:11px}.attendant-expanded-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:4px}

/* Central de limpeza clara para quem não é técnico. */
.cleanup-center{grid-column:1/-1}.cleanup-center>p{margin:0;color:var(--muted);line-height:1.55}.cleanup-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cleanup-overview article{padding:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(13,31,50,.82),rgba(7,17,29,.82));display:grid;gap:3px}.cleanup-overview article strong{font-size:1.28rem}.cleanup-overview article span{font-size:10px;font-weight:700}.cleanup-overview article small{font-size:8px;color:var(--muted)}.cleanup-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.danger-explainer{padding:12px;border:1px solid rgba(255,86,108,.15);border-radius:11px;background:rgba(255,70,95,.035)}.danger-explainer strong{display:block;margin-bottom:5px}.danger-explainer ul{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:10px;line-height:1.55}

/* Biblioteca: X realmente significa remover o arquivo personalizado. */
.asset-chip button{width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.asset-chip button:hover{background:rgba(255,80,105,.14);color:#fff}

/* Ações em massa. */
.bulk-archive-buttons{align-items:center}.bulk-archive-buttons .primary-button{box-shadow:0 0 18px rgba(124,58,237,.07)}

@media(max-width:980px){.mini-stats-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cleanup-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.attendant-expanded-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.mini-stats-five{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mini-stats-five .finance-mini-launch{grid-column:1/-1;min-height:84px!important}.attendant-report-kpis{grid-template-columns:1fr 1fr}.attendant-final-layout{grid-template-columns:1fr}.cleanup-overview{grid-template-columns:1fr 1fr}.attendant-detail-bar{grid-template-columns:92px minmax(0,1fr) 38px}.experience-header-share{font-size:0}.experience-header-share:before{content:"⇧";font-size:16px}}
.attendant-finance-modal-card{width:min(610px,94vw)!important}.attendant-profit-modal{margin:0 0 12px;padding:14px;border:1px solid rgba(89,218,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(19,91,123,.12),rgba(103,54,210,.10));display:grid;gap:4px}.attendant-profit-modal small{color:var(--muted)}.attendant-profit-modal strong{font-size:1.55rem;color:#79ffd1}.attendant-profit-modal span{font-size:10px;color:#a3c2d1}
.report-summary-grid-eight{grid-template-columns:repeat(5,minmax(130px,1fr))!important}
@media(max-width:1400px){.report-summary-grid-eight{grid-template-columns:repeat(3,minmax(130px,1fr))!important}}
@media(max-width:760px){.report-summary-grid-eight{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* ===== STARK EXPERIENCE V4 — layout, financeiro em escadinha e comunicação ===== */
:root{--xp-attendant-width:640px}

/* ADM: identidade e comandos no topo; a lateral vira navegação pura. */
.stark-admin-header{min-height:88px;height:auto;padding:12px 24px;gap:14px}
.admin-header-identity{display:flex;align-items:center;gap:16px;min-width:220px}.admin-header-logo{width:150px;max-height:54px;object-fit:contain;object-position:left center}.admin-header-identity>div{display:grid;gap:2px;border-left:1px solid var(--line);padding-left:14px}.admin-header-identity strong{font-size:1.05rem;line-height:1.1}.admin-header-identity small{font-size:.72rem;color:var(--muted)}
.stark-header-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.stark-head-icon,.stark-head-zoom button{border:1px solid rgba(95,205,255,.2);background:rgba(12,29,48,.78);color:#d9f8ff;border-radius:10px;min-width:38px;height:38px;cursor:pointer}.stark-head-icon:hover,.stark-head-zoom button:hover{background:rgba(64,190,235,.13);box-shadow:0 0 16px rgba(77,201,255,.08)}.stark-head-icon.muted{color:#ff8fa2;border-color:rgba(255,86,108,.3)}.stark-head-zoom{display:flex;align-items:center;gap:4px;border:1px solid rgba(95,205,255,.12);border-radius:11px;padding:3px;background:rgba(5,16,28,.42)}.stark-head-zoom button{min-width:29px;width:29px;height:30px}.stark-head-zoom b{min-width:38px;text-align:center;font-size:10px;color:#b6dfeb}.stark-logout{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 13px;border:1px solid rgba(255,91,113,.28);border-radius:11px;background:linear-gradient(145deg,rgba(133,26,52,.18),rgba(54,13,28,.28));color:#ffadba;font-weight:800;cursor:pointer}.stark-logout:hover{background:rgba(188,38,65,.18);box-shadow:0 0 18px rgba(255,78,104,.08)}
.admin-photo-slot{height:116px!important;display:flex!important;flex-direction:column;gap:6px;align-items:center;justify-content:center!important;cursor:pointer;border-bottom:1px solid var(--line-soft);padding:13px!important}.admin-photo-slot small{font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.admin-side-photo{width:66px!important;height:66px!important;border-radius:19px!important;object-fit:cover!important;border:1px solid rgba(132,221,255,.26);box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 20px rgba(83,205,255,.08)}.admin-side-photo.fallback{display:grid;place-items:center;background:linear-gradient(145deg,#5b28be,#1486b8);font-size:1.55rem;font-weight:900;color:white}.admin-photo-slot:hover .admin-side-photo{border-color:rgba(142,226,255,.48);transform:translateY(-1px)}

/* Configurações: cada assunto ocupa só o espaço que precisa, sem grandes vazios. */
.settings-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:7px;border:1px solid var(--line);border-radius:14px;background:rgba(6,18,31,.64);position:sticky;top:calc(var(--header-height) + 4px);z-index:15;backdrop-filter:blur(14px)}.settings-tabs button{border:1px solid transparent;background:transparent;color:var(--muted);padding:9px 12px;border-radius:10px;font-weight:750;cursor:pointer}.settings-tabs button:hover{color:var(--text);background:rgba(255,255,255,.025)}.settings-tabs button.active{color:#fff;border-color:rgba(128,85,246,.34);background:linear-gradient(135deg,rgba(90,35,194,.55),rgba(25,105,153,.2));box-shadow:0 8px 22px rgba(44,17,97,.2)}.settings-tab-panel{display:none}.settings-tab-panel.active{display:block}.settings-grid-v4{grid-template-columns:minmax(300px,.65fr) minmax(520px,1.35fr)!important;align-items:start}.settings-grid-v4>.settings-card{height:auto!important;min-height:0!important}.settings-categories-card{grid-column:auto!important}.settings-card{align-content:start}.settings-card>h3{margin-top:0}.settings-card label{min-width:0}.admin-profile-settings form{display:grid;grid-template-columns:110px 1fr 1fr;gap:10px;align-items:end}.admin-profile-settings form>label{min-width:0}.admin-profile-settings form>label:nth-of-type(3){grid-column:2/4}.admin-profile-settings form>button{grid-column:2/4}.admin-profile-preview{grid-row:1/4;width:94px;height:94px;border-radius:24px;border:1px solid rgba(104,215,255,.27);overflow:hidden;background:linear-gradient(145deg,#4d20a3,#0a769c);display:grid;place-items:center;box-shadow:0 10px 32px rgba(0,0,0,.22)}.admin-profile-preview img{width:100%;height:100%;object-fit:cover}.admin-profile-preview span{font-size:2rem;font-weight:900}.access-management-card{display:grid;gap:12px}.access-management-card p{color:var(--muted);line-height:1.6;margin:0}.access-management-card>a{width:max-content;text-decoration:none}.access-tip{display:grid;gap:4px;padding:12px;border:1px dashed rgba(102,210,255,.2);border-radius:12px;background:rgba(61,185,233,.035)}.access-tip span{font-size:10px;color:var(--muted)}.whatsapp-settings-card{max-width:980px}.whatsapp-checker-badge{padding:6px 9px;border-radius:999px;border:1px solid rgba(148,163,184,.2);font-size:9px;color:#abc2cd}.whatsapp-checker-badge.online{color:#79ffd1;border-color:rgba(56,214,143,.3);background:rgba(45,196,126,.08)}.whatsapp-checker-badge.offline{color:#ff9bab;border-color:rgba(255,85,108,.28);background:rgba(255,73,98,.06)}.whatsapp-setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.whatsapp-setup-steps article{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}.whatsapp-setup-steps article>b{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(70,202,247,.12);color:#8feaff}.whatsapp-setup-steps article span{font-size:10px;line-height:1.5;color:#b8d2dc}.whatsapp-warning{padding:11px;border-radius:11px;background:rgba(245,158,11,.055);border:1px solid rgba(245,158,11,.16);color:#c8b990;font-size:10px!important}

/* Financeiro: cada porcentagem usa o saldo que sobrou da etapa anterior. */
.finance-builder-panel{overflow:hidden}.finance-builder-intro{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;margin-bottom:11px;border:1px solid rgba(95,212,255,.16);border-radius:12px;background:linear-gradient(135deg,rgba(25,121,160,.07),rgba(104,54,190,.045));color:#bcd6e0}.finance-builder-intro b{color:#9deaff}.finance-builder-intro small{display:block;margin-top:3px;color:var(--muted);line-height:1.45}.finance-builder-grid{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr)}.finance-people-builder{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(180px,1fr);gap:8px;align-items:end;margin:9px 0 12px}.finance-people-builder small{align-self:center;color:var(--muted);font-size:9px;line-height:1.45}.settlement-progress>div:last-child{border-color:rgba(55,218,153,.2);background:rgba(39,197,132,.055)}.settlement-progress>div:last-child strong{color:#83ffd2}.settlement-rules{counter-reset:steps}.settlement-rule{position:relative;grid-template-columns:34px minmax(120px,1.05fr) minmax(150px,1.1fr) 92px minmax(180px,1fr) 34px;align-items:end;background:linear-gradient(145deg,rgba(8,24,40,.92),rgba(5,17,29,.83));overflow:hidden}.settlement-rule:after{content:"";position:absolute;left:16px;top:43px;bottom:-13px;width:1px;background:linear-gradient(rgba(99,223,255,.3),transparent);pointer-events:none}.settlement-rule:last-child:after{display:none}.rule-step-badge{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;align-self:center;background:radial-gradient(circle,#9ef2ff 0 8%,#1689bb 10% 42%,#08243d 48%);border:1px solid rgba(130,231,255,.35);box-shadow:0 0 16px rgba(78,207,255,.14);font-weight:900;font-size:10px}.settlement-rule .rule-preview{min-width:0;padding:8px 9px;border-radius:9px;border:1px solid rgba(88,205,255,.11);background:rgba(44,166,217,.035)}.settlement-rule .rule-preview strong{white-space:normal;line-height:1.4;color:#d8f5fc}.settlement-owner-note{display:flex;gap:10px;align-items:center;margin-top:9px;padding:11px;border:1px solid rgba(49,214,143,.17);border-radius:12px;background:rgba(40,184,128,.045)}.settlement-owner-note>span{font-size:1.25rem}.settlement-owner-note strong{display:block;color:#88ffd4}.settlement-owner-note small{display:block;color:var(--muted);margin-top:3px}.finance-template-actions{grid-template-columns:minmax(170px,1fr) auto auto}.settlement-history-card .history-values{grid-template-columns:1fr 1fr}.settlement-history-card .history-values span:nth-child(3){display:none}

/* Ligador: largura mínima segura e cinco KPIs realmente compactos. */
@media(min-width:900px){body.attendant-body{overflow-x:auto}body.attendant-body .attendant-app{min-width:620px!important;width:var(--xp-attendant-width)!important;max-width:var(--xp-attendant-width)!important}.bottom-nav{width:var(--xp-attendant-width)!important;left:0!important;transform:none!important}.mobile-notification-sheet{left:calc(var(--xp-attendant-width)/2)!important}.mini-stats-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}.mini-stats-five article{grid-template-columns:36px minmax(0,1fr)!important;gap:6px!important;padding:10px 7px!important;min-height:106px!important}.mini-stats-five .mini-icon{width:34px!important;height:34px!important;border-radius:10px!important}.mini-stats-five .mini-icon img{max-width:31px!important;max-height:31px!important}.mini-stats-five article>div{min-width:0!important}.mini-stats-five small{font-size:9px!important;white-space:normal!important;line-height:1.25!important;overflow-wrap:anywhere}.mini-stats-five strong{font-size:1.15rem!important;line-height:1.15!important;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}.mini-stats-five em{font-size:7px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere}.finance-mini-launch strong{font-size:1rem!important}.attendant-main{min-width:0}}

/* Compartilhamento lateral abre ao lado do CRM sem esmagar o conteúdo. */
@media(min-width:900px){body.attendant-body.has-media-rail{min-width:calc(var(--xp-attendant-width) + 480px)}body.attendant-body.has-media-rail .attendant-app{margin-left:0!important}body.attendant-body.has-media-rail .experience-media-rail{left:calc(var(--xp-attendant-width) + 14px)!important;right:auto!important;width:440px!important;top:8px!important;bottom:8px!important}.experience-control-dock{left:calc(var(--xp-attendant-width) - 194px)!important;right:auto!important;bottom:12px!important}}
.experience-share-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;border:0;margin:0}.experience-share-mode legend{grid-column:1/-1;color:var(--muted);font-size:10px;margin-bottom:3px}.experience-share-mode label{position:relative}.experience-share-mode input{position:absolute;opacity:0}.experience-share-mode span{height:100%;display:grid;gap:4px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer}.experience-share-mode b{font-size:11px}.experience-share-mode small{font-size:9px;color:var(--muted);line-height:1.4}.experience-share-mode input:checked+span{border-color:rgba(112,83,246,.65);background:linear-gradient(135deg,rgba(105,50,213,.22),rgba(42,174,216,.08));box-shadow:inset 0 0 0 1px rgba(142,107,255,.14)}
.experience-share-overlay{position:fixed;inset:0;z-index:9400;display:grid;place-items:center;padding:20px;isolation:isolate}.experience-share-overlay[hidden]{display:none!important}.experience-share-overlay-shade{position:absolute;inset:0;background:rgba(1,8,16,.48);backdrop-filter:blur(4px) saturate(.8)}.experience-share-overlay-content{position:relative;z-index:2;width:min(94vw,1100px);height:min(86vh,760px);display:grid;place-items:center;border:1px solid rgba(105,219,255,.2);border-radius:26px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(48,169,221,.09),rgba(4,15,27,.6));box-shadow:0 30px 100px rgba(0,0,0,.45),0 0 50px rgba(65,200,255,.08)}.experience-share-overlay-content img,.experience-share-overlay-content video{width:100%;height:100%;object-fit:contain;opacity:.88}.experience-share-overlay-content audio{width:min(680px,80%)}.experience-share-overlay-content .overlay-audio-stage{width:min(760px,90%);display:grid;gap:18px;text-align:center}.experience-share-overlay-content .media-eq{height:180px;border-radius:22px}.experience-share-overlay-content .media-eq span{width:7px}.experience-share-overlay-content .overlay-caption{font-size:1.15rem;color:#dff9ff;text-shadow:0 0 18px rgba(90,219,255,.2)}#experienceShareOverlayClose{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);border:1px solid rgba(130,231,255,.25);background:rgba(4,19,33,.78);color:#ddfaff;border-radius:999px;padding:10px 18px;cursor:pointer;backdrop-filter:blur(12px)}

/* Telefones/WhatsApp */
.phone-list,.record-phone-list,.admin-phone-list{display:flex;gap:7px;flex-wrap:wrap;align-items:center}

/* Criar acesso */
.access-body{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(105,60,220,.16),transparent 36%),radial-gradient(circle at 85% 20%,rgba(48,190,235,.1),transparent 30%),#06111d;color:#ecf8ff;display:grid;place-items:center;padding:20px}.access-shell{width:min(760px,96vw);display:grid;gap:14px}.access-brand{display:flex;align-items:center;justify-content:center;gap:12px}.access-brand img{width:170px}.access-card{border:1px solid rgba(103,201,255,.2);border-radius:22px;background:linear-gradient(145deg,rgba(12,29,48,.97),rgba(6,17,30,.97));padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.access-card h1{margin:0 0 6px}.access-card>p{margin:0 0 18px;color:#91adbc}.access-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.access-role-grid label{position:relative}.access-role-grid input{position:absolute;opacity:0}.access-role-grid span{display:grid;gap:4px;border:1px solid rgba(115,199,240,.15);padding:12px;border-radius:13px;background:rgba(255,255,255,.018);cursor:pointer}.access-role-grid input:checked+span{border-color:rgba(126,77,244,.6);background:rgba(112,49,222,.14)}.access-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.access-form label{display:grid;gap:5px}.access-form label.full,.access-form button,.access-code-help{grid-column:1/-1}.access-code-help{padding:10px;border:1px dashed rgba(98,207,251,.2);border-radius:11px;color:#9bbac8;font-size:10px;line-height:1.5}.access-back{text-align:center;color:#9dcad9;text-decoration:none;font-size:11px}

@media(max-width:1180px){.stark-admin-header{align-items:flex-start}.stark-header-actions{max-width:65%}.admin-header-identity>div{display:none}.settings-grid-v4{grid-template-columns:1fr!important}.whatsapp-setup-steps{grid-template-columns:1fr}.settlement-rule{grid-template-columns:34px 1fr 1fr}.settlement-rule .rule-preview{grid-column:2/4}.settlement-rule .remove-rule{grid-column:3;justify-self:end}.finance-people-builder{grid-template-columns:1fr auto}.finance-people-builder small{grid-column:1/-1}}
@media(max-width:760px){:root{--xp-attendant-width:100vw}.stark-admin-header{padding:10px 12px}.admin-header-logo{width:130px}.stark-header-actions{max-width:none;width:100%;justify-content:flex-start}.stark-head-zoom{display:none}.settings-tabs{position:static}.settings-grid-v4{display:grid!important;grid-template-columns:1fr!important}.admin-profile-settings form{grid-template-columns:1fr}.admin-profile-preview{grid-row:auto}.admin-profile-settings form>label:nth-of-type(3),.admin-profile-settings form>button{grid-column:auto}.experience-share-mode{grid-template-columns:1fr}.access-form,.access-role-grid{grid-template-columns:1fr}.settlement-rule{grid-template-columns:30px 1fr}.settlement-rule>label,.settlement-rule .rule-preview{grid-column:2}.settlement-rule .remove-rule{grid-column:2;justify-self:end}.finance-people-builder{grid-template-columns:1fr}.experience-share-overlay-content{height:78vh}}
.rule-split-picker{grid-column:2/-2;margin-top:1px;padding:9px;border:1px dashed rgba(106,214,255,.16);border-radius:10px;background:rgba(58,180,225,.028)}.rule-split-picker[hidden]{display:none!important}.rule-split-picker>small{display:block;color:var(--muted);font-size:8px;margin-bottom:7px}.rule-split-users{display:flex;gap:6px;flex-wrap:wrap}.rule-split-chip{position:relative}.rule-split-chip>input{position:absolute;opacity:0}.rule-split-chip>span{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.018);cursor:pointer}.rule-split-chip .avatar{width:22px;height:22px;font-size:8px}.rule-split-chip b{font-size:8px}.rule-split-chip small{font-size:7px;color:var(--muted)}.rule-split-chip>input:checked+span{border-color:rgba(101,222,177,.45);background:rgba(48,197,133,.09);box-shadow:0 0 14px rgba(55,211,151,.06)}
/* Tela de criação de acesso — reaproveita o visual do login. */
.access-create-shell{width:min(720px,100%);margin:auto;padding:28px 18px}.access-create-card{width:min(640px,100%);margin:auto}.access-create-card .form-logo{width:190px;max-height:70px;object-fit:contain;margin:0 auto 12px}.access-role-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8px 0 12px}.access-role-choice label{position:relative}.access-role-choice input{position:absolute;opacity:0;pointer-events:none}.access-role-choice span{display:grid;gap:3px;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer}.access-role-choice span b{font-size:11px}.access-role-choice span small{font-size:9px;color:var(--muted)}.access-role-choice input:checked+span{border-color:rgba(124,77,246,.62);background:linear-gradient(135deg,rgba(103,43,213,.22),rgba(42,170,213,.06));box-shadow:inset 0 0 0 1px rgba(144,104,255,.1)}.access-code-input{text-align:center!important;font-size:2rem!important;font-weight:900!important;letter-spacing:.32em!important}.access-back-login{display:flex!important;justify-content:center;text-decoration:none;margin-top:7px}.success-state{text-align:center;display:grid;gap:12px}.success-check{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:auto;background:rgba(40,204,133,.12);border:1px solid rgba(72,229,161,.3);color:#75ffd0;font-size:2rem}.success-state .primary-button{text-decoration:none;display:flex;justify-content:center}
@media(max-width:620px){.access-role-choice{grid-template-columns:1fr}}
.settlement-people-builder{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(180px,1fr);gap:8px;align-items:end;margin:9px 0 12px}.settlement-people-builder small{align-self:center;color:var(--muted);font-size:9px;line-height:1.45}
@media(max-width:1180px){.settlement-people-builder{grid-template-columns:1fr auto}.settlement-people-builder small{grid-column:1/-1}}
@media(max-width:760px){.settlement-people-builder{grid-template-columns:1fr}}

/* ==========================================================
   STARK EXPERIENCE V5 — navegação, privacidade e comunicação
   ========================================================== */
/* Menu principal do atendente voltou para o rodapé. */
body.attendant-body .attendant-app{padding-bottom:92px!important;min-width:620px}
body.attendant-body .attendant-main{padding-bottom:96px!important}
body.attendant-body .welcome-avatar{width:92px!important;height:92px!important;flex:0 0 92px!important;font-size:1.35rem;box-shadow:0 0 0 2px rgba(124,58,237,.34),0 10px 30px rgba(0,0,0,.3)}
body.attendant-body .welcome-card{align-items:center;min-height:112px}
body.attendant-body .welcome-person{align-items:center}

/* Financeiro: recusar/duplicado e apagar histórico sem deixar a linha gigante. */
.finance-entry{grid-template-columns:20px minmax(0,1fr) auto auto!important;align-items:center!important}
.finance-entry-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end}
.finance-entry-actions button,.settlement-history-head-actions button{border:1px solid rgba(255,91,112,.24);background:rgba(255,74,98,.07);color:#ff9aaa;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800}
.finance-entry-actions button:first-child,.settlement-history-head-actions button{width:28px;height:28px;padding:0;font-size:15px}
.settlement-history-head-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.attendant-payout-row.rejected{border-color:rgba(255,86,106,.16);background:rgba(255,70,93,.035)}
.attendant-payout-row.rejected b{color:#ff8fa2}

/* Mensagens compartilhadas com cinco estilos visuais. */
.experience-message-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.experience-shared-message{margin:10px 0 3px;padding:12px 13px;border-radius:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;position:relative;isolation:isolate}
.xp-message-size-small{font-size:.78rem}.xp-message-size-medium{font-size:1rem}.xp-message-size-large{font-size:1.35rem}.xp-message-size-xl{font-size:clamp(1.7rem,5vw,3rem);font-weight:900}
.xp-message-neon{color:#c8f8ff;border:1px solid rgba(88,220,255,.3);background:rgba(25,145,196,.08);text-shadow:0 0 8px #43cfff,0 0 20px rgba(67,207,255,.5);box-shadow:inset 0 0 22px rgba(49,202,255,.06)}
.xp-message-typewriter{font-family:Consolas,"Courier New",monospace;color:#d8ffe9;background:rgba(18,60,45,.18);border:1px dashed rgba(88,255,174,.3);animation:xpTypeBlink 1s steps(2,end) infinite}
.xp-message-glitch{font-weight:900;letter-spacing:.05em;color:#fff;background:rgba(91,33,182,.18);text-shadow:2px 0 #35dbff,-2px 0 #ff4f91;animation:xpGlitch .8s steps(2,end) infinite}
.xp-message-impact{font-weight:950;text-transform:uppercase;letter-spacing:.035em;color:#fff;background:linear-gradient(135deg,rgba(124,58,237,.65),rgba(17,133,180,.42));box-shadow:0 12px 36px rgba(90,41,190,.22);animation:xpImpact 1.35s ease-in-out infinite}
.xp-message-float{color:#f0eaff;background:rgba(85,48,153,.11);border:1px solid rgba(179,139,255,.25);animation:xpFloatMsg 2.4s ease-in-out infinite}
.overlay-message{max-width:min(900px,88vw);margin:22px auto 0;padding:20px 24px;background-color:rgba(4,13,24,.58);backdrop-filter:blur(8px)}
.shared-text-only-badge{width:max-content;margin:8px auto 0;padding:5px 9px;border-radius:999px;border:1px solid rgba(100,220,255,.22);color:#95e8ff;font-size:8px;letter-spacing:.15em}
.overlay-text-reactor{display:grid;place-items:center;font-size:4rem;color:#8eeaff;text-shadow:0 0 30px #58d9ff;animation:xpImpact 1.4s ease-in-out infinite}
@keyframes xpTypeBlink{50%{border-color:rgba(88,255,174,.65)}}
@keyframes xpGlitch{0%,100%{transform:none}25%{transform:translateX(1px)}50%{transform:translateX(-1px)}75%{transform:skewX(-1deg)}}
@keyframes xpImpact{50%{transform:scale(1.035);filter:brightness(1.16)}}
@keyframes xpFloatMsg{50%{transform:translateY(-5px);box-shadow:0 14px 32px rgba(90,45,177,.12)}}

/* Configurações ocupam o espaço disponível por conteúdo, sem cartões esticados. */
.settings-tab-panel.active{max-width:1220px}
.settings-grid-v4{grid-auto-flow:row dense;gap:12px!important}.settings-grid-v4>.settings-card{align-self:start!important}
.settings-categories-card{min-height:0!important}.experience-assets-card,.whatsapp-settings-card{width:min(100%,1080px)}

@media(max-width:760px){
  body.attendant-body .attendant-app{min-width:100%!important}
  body.attendant-body .welcome-avatar{width:76px!important;height:76px!important;flex-basis:76px!important}
  .experience-message-options{grid-template-columns:1fr}
  .finance-entry{grid-template-columns:20px minmax(0,1fr) auto!important}.finance-entry-actions{grid-column:2/-1;justify-content:flex-start}
}

/* Controles de som/alerta/zoom/desligar ficam no alto; a navegação permanece no rodapé. */
body.attendant-body .experience-control-dock{
  top:70px!important;bottom:auto!important;left:calc(var(--xp-attendant-width) - 198px)!important;right:auto!important;
  z-index:45!important;padding:4px!important;border-radius:13px!important;background:rgba(5,16,28,.9)!important;
}
body.attendant-body.has-media-rail .experience-control-dock{left:calc(var(--xp-attendant-width) - 198px)!important;right:auto!important}
body.attendant-body .experience-control-dock>button{width:32px;height:32px}.experience-zoom-controls button{width:25px;height:25px}.experience-zoom-controls b{min-width:34px;font-size:9px}
@media(max-width:760px){body.attendant-body .experience-control-dock{top:65px!important;right:8px!important;left:auto!important}.experience-control-dock .experience-zoom-controls{display:none!important}}

/* V5.1: o mini painel superior do atendente mantém também o zoom visível. */
@media(max-width:760px){body.attendant-body .experience-control-dock .experience-zoom-controls{display:flex!important}}

/* V5.2 — ajustes finos solicitados */
body.attendant-body .experience-control-dock{
  top:40px!important;
  left:260px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:46!important;
}
body.attendant-body.has-media-rail .experience-control-dock{left:260px!important;right:auto!important}
@media(max-width:760px){body.attendant-body .experience-control-dock{top:44px!important;right:10px!important;left:auto!important}}

.admin-photo-slot{height:142px!important;padding:16px 10px!important;gap:8px!important}
.admin-side-photo{width:92px!important;height:92px!important;border-radius:50%!important}
.admin-side-photo.fallback{font-size:2rem!important}
.admin-header-copy{display:none!important}
.stark-admin-header{padding:10px 20px!important;gap:10px!important}
.admin-header-logo{width:136px!important;max-height:46px!important}
.stark-header-actions{gap:6px!important}
.stark-head-icon.compact,.stark-head-calendar{height:36px!important;min-width:36px!important;padding:0 10px!important;border:1px solid rgba(95,205,255,.18);background:rgba(12,29,48,.78);color:#d9f8ff;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}
.stark-head-icon.compact{font-size:1rem!important;font-weight:800!important}
.stark-head-calendar img{width:18px!important;height:18px!important;object-fit:contain}
.stark-head-calendar span{font-size:.78rem!important;font-weight:700;color:#cfe9f1;white-space:nowrap}
@media(max-width:1180px){.stark-head-calendar span{display:none!important}.stark-head-calendar{padding:0 9px!important}}

/* OPERACIONAL V6 — controles de áudio, energia e biblioteca */
.experience-control-dock{position:fixed}.experience-power-button{width:34px!important;height:34px!important;border-radius:50%!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,73,73,.42)!important;background:radial-gradient(circle at 38% 32%,#ff5656,#d71f2d 52%,#7b0e17 100%)!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,64,64,.05),0 0 18px rgba(255,45,61,.18),inset 0 1px rgba(255,255,255,.22)!important;cursor:pointer;transition:.18s ease}.experience-power-button:hover{transform:scale(1.07);box-shadow:0 0 24px rgba(255,54,70,.32)!important}.experience-power-button svg{width:18px;height:18px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.experience-volume-popover{position:absolute;top:44px;right:0;width:230px;padding:10px 11px;border:1px solid rgba(97,209,255,.2);border-radius:12px;background:rgba(4,16,29,.96);box-shadow:0 14px 34px rgba(0,0,0,.32);backdrop-filter:blur(14px);z-index:70}.experience-volume-popover strong{display:block;font-size:10px;margin-bottom:7px}.experience-volume-popover input{width:160px;vertical-align:middle}.experience-volume-popover span{float:right;font-size:9px;color:#93dfff}.experience-volume-flash{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:10px;width:min(420px,88vw);padding:10px 14px;border:1px solid rgba(99,215,255,.25);border-radius:999px;background:rgba(3,14,26,.92);box-shadow:0 12px 38px rgba(0,0,0,.36),0 0 22px rgba(69,202,255,.08);backdrop-filter:blur(16px);animation:xpVolumeBlink .48s ease-in-out 4}.experience-volume-flash[hidden]{display:none}.experience-volume-flash span{font-size:10px;color:#bdefff;white-space:nowrap}.experience-volume-flash input{flex:1}.experience-volume-flash b{font-size:10px;color:#fff;min-width:34px;text-align:right}@keyframes xpVolumeBlink{50%{border-color:rgba(119,225,255,.6);box-shadow:0 0 24px rgba(82,216,255,.18)}}
.experience-music-library{padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.012)}.experience-music-library .experience-recipient-head{align-items:flex-start}.experience-music-library .experience-recipient-head small{display:block;color:var(--muted);font-size:8px}.experience-music-library-list{display:grid;gap:6px;max-height:210px;overflow:auto;margin-top:8px}.experience-music-track{display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;gap:6px;align-items:center;padding:8px;border:1px solid var(--line-soft);border-radius:9px;background:rgba(4,18,31,.5)}.experience-music-track strong,.experience-music-track small{display:block}.experience-music-track strong{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.experience-music-track small{font-size:7px;color:var(--muted);margin-top:2px}.experience-music-track button{width:30px;height:30px;border-radius:8px;border:1px solid rgba(89,209,255,.15);background:rgba(46,180,226,.06);color:#a8ecff;cursor:pointer}.pig-prank-button{width:100%;border:1px solid rgba(255,156,53,.22);border-radius:11px;padding:10px;background:rgba(255,139,31,.055);color:#ffd198;font-weight:800;cursor:pointer}.pig-prank-button:hover{background:rgba(255,139,31,.1)}
.admin-volume-control{position:relative;display:inline-flex}.admin-volume-popover{top:44px;right:0}.admin-power-button{width:38px!important;height:38px!important;flex:0 0 38px}.admin-power-button svg{width:20px;height:20px}

/* ===== Operacional V6.2 — refinamentos funcionais ===== */
:root{--finance-scale:1.15}

/* telefones conferidos: verde discreto, sem legenda ocupando espaço */
.admin-phone-item,.attendant-phone-item{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.admin-phone-item .phone-copy,.attendant-phone-item>button[data-copy-field="phone"]{min-width:0}
.admin-phone-item.verified .phone-copy,.attendant-phone-item.verified>button[data-copy-field="phone"]{border-color:rgba(51,190,119,.38)!important;background:rgba(37,135,88,.07)!important;box-shadow:none!important}
.phone-verified-mark{width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-style:normal;font-size:10px;font-weight:900;color:#8ce7b1;background:rgba(43,150,95,.12);border:1px solid rgba(79,198,126,.28);flex:0 0 auto}
.verify-phone-button{width:28px!important;min-width:28px!important;height:28px!important;padding:0!important;border-radius:8px!important}
.phone-copy-hint{font-size:10px!important;color:var(--muted)!important;margin:5px 0 0!important}

/* espelho operacional do atendente no ADM */
.attendant-live-mirror-section{margin-top:12px;padding:14px;border:1px solid rgba(93,199,255,.14);border-radius:14px;background:rgba(7,18,31,.38)}
.attendant-live-mirror-section .panel-heading{align-items:center}
.attendant-live-open-banner{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:8px 0;border:1px solid rgba(52,208,145,.24);border-radius:12px;background:rgba(35,158,103,.07)}
.attendant-live-open-banner>span{color:#66efae;font-size:18px}.attendant-live-open-banner strong,.attendant-live-open-banner small{display:block}.attendant-live-open-banner small{color:var(--muted);margin-top:2px}
.attendant-live-open-banner.idle{border-color:rgba(120,160,190,.16);background:rgba(80,110,135,.04)}.attendant-live-open-banner.idle>span{color:#7999aa}
.attendant-live-score{display:flex;justify-content:space-between;align-items:center;margin:9px 0;padding:8px 10px;border-radius:10px;background:rgba(76,52,180,.07);border:1px solid rgba(124,90,238,.14)}
.attendant-live-records{display:grid;gap:7px;max-height:360px;overflow:auto;padding-right:3px}
.attendant-live-record{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;text-align:left;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(7,18,30,.72);color:var(--text);cursor:pointer}
.attendant-live-record:hover{border-color:rgba(98,198,255,.3);background:rgba(34,115,167,.07)}
.attendant-live-record.is-open-now{order:-1;border-color:rgba(67,220,151,.36);background:rgba(38,161,105,.08)}
.live-record-order{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(95,183,235,.08);color:#a9dff8;font-size:10px}.attendant-live-record strong,.attendant-live-record small{display:block}.attendant-live-record small{color:var(--muted);margin-top:3px}.attendant-live-record>b{font-size:10px;color:#bfe8f7}

/* financeiro em 3 áreas maiores */
.finance-page{font-size:calc(12px * var(--finance-scale,1.15))}
.finance-page .page-toolbar h2{font-size:calc(21px * var(--finance-scale,1.15))}.finance-page .page-toolbar p{font-size:calc(10px * var(--finance-scale,1.15))}
.finance-layout-v5{display:grid!important;grid-template-columns:minmax(270px,.75fr) minmax(500px,1.45fr) minmax(330px,.92fr)!important;gap:14px!important;align-items:start}
.finance-layout-v5>.finance-column{min-width:0;min-height:510px;padding:16px!important}
.finance-layout-v5 h3{font-size:calc(14px * var(--finance-scale,1.15))!important}.finance-layout-v5 h4{font-size:calc(12px * var(--finance-scale,1.15))!important}.finance-layout-v5 p,.finance-layout-v5 small{font-size:calc(9px * var(--finance-scale,1.15))!important;line-height:1.45}
.finance-layout-v5 input,.finance-layout-v5 select,.finance-layout-v5 button,.finance-layout-v5 label{font-size:calc(10px * var(--finance-scale,1.15))!important}
.finance-layout-v5 input,.finance-layout-v5 select{min-height:38px!important}
.finance-layout-v5 .finance-entry-list{max-height:440px;overflow:auto}.finance-layout-v5 .finance-entry-row{padding:10px!important}
.finance-layout-v5 .settlement-rule{grid-template-columns:30px minmax(105px,.95fr) minmax(130px,1fr) 80px minmax(150px,1.1fr) 30px!important;gap:7px!important;padding:10px!important}
.finance-stage-summary-panel{position:sticky;top:76px}.settlement-stage-summary{display:grid;gap:9px;max-height:480px;overflow:auto;padding-right:4px}
.settlement-summary-step,.settlement-summary-final{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:11px;border:1px solid rgba(91,200,255,.13);border-radius:12px;background:linear-gradient(145deg,rgba(8,23,39,.86),rgba(6,15,27,.7))}
.settlement-summary-step>span,.settlement-summary-final>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(55,166,218,.1);border:1px solid rgba(85,204,255,.22);color:#a9efff;font-weight:900}.settlement-summary-step strong,.settlement-summary-step small,.settlement-summary-step b,.settlement-summary-step em,.settlement-summary-final strong,.settlement-summary-final b,.settlement-summary-final small{display:block}.settlement-summary-step small{color:var(--muted);margin:3px 0 7px}.settlement-summary-step b{color:#d8f7ff}.settlement-summary-step em{margin-top:3px;color:#7eddb1;font-style:normal}.settlement-summary-final{border-color:rgba(60,213,147,.22);background:rgba(38,161,108,.055)}.settlement-summary-final b{font-size:1.35em;color:#8ff0ba;margin:4px 0}
.finance-history-panel{font-size:calc(11px * var(--finance-scale,1.15))}

/* central de som: um único botão no topo abre tudo */
.experience-sound-hub{position:fixed;z-index:10040;top:58px;right:18px;width:min(390px,calc(100vw - 24px));max-height:min(78vh,680px);overflow:auto;padding:14px;border:1px solid rgba(94,208,255,.22);border-radius:16px;background:rgba(4,15,28,.97);box-shadow:0 22px 55px rgba(0,0,0,.42),0 0 24px rgba(66,200,255,.07);backdrop-filter:blur(18px)}
.experience-sound-hub[hidden]{display:none}.experience-sound-hub>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(100,195,239,.12)}.experience-sound-hub>header strong,.experience-sound-hub>header small{display:block}.experience-sound-hub>header small{color:var(--muted);font-size:10px;margin-top:2px}.experience-sound-hub>header button{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--text)}
.experience-sound-volume-row{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:14px 0}.sound-hub-mute{width:42px;height:42px;border-radius:50%;border:1px solid rgba(100,212,255,.22);background:rgba(67,170,215,.08);font-size:18px;cursor:pointer}.sound-hub-mute.muted{border-color:rgba(255,85,100,.28);background:rgba(180,48,65,.08)}.experience-sound-volume-row label{display:flex;justify-content:space-between;font-size:11px;margin-bottom:7px}.experience-sound-volume-row input{width:100%}
.experience-sound-library{border-top:1px solid rgba(99,190,235,.1);padding-top:11px}.experience-sound-library .experience-recipient-head{margin-bottom:8px}.experience-sound-library .experience-recipient-head button{border:1px solid var(--line);background:rgba(79,181,229,.06);color:#c7ecf9;border-radius:9px;padding:6px 9px;cursor:pointer}.experience-sound-hub .experience-music-library-list{max-height:230px;overflow:auto}
.experience-quick-music-upload{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(99,190,235,.1)}.experience-quick-music-upload label{display:flex;align-items:center;justify-content:center;padding:9px;border:1px dashed rgba(91,203,255,.2);border-radius:10px;cursor:pointer;color:#bceaf8}.experience-quick-music-upload input{display:none}.experience-quick-music-upload button,.experience-sound-hub-actions button{border:1px solid rgba(89,203,255,.18);border-radius:10px;background:rgba(58,135,180,.08);color:var(--text);padding:8px 11px;cursor:pointer}.experience-sound-hub-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(99,190,235,.1)}
.experience-sound-hub-trigger.muted{color:#ff9da8!important}

@media(max-width:1500px){.finance-layout-v5{grid-template-columns:minmax(240px,.72fr) minmax(440px,1.35fr) minmax(290px,.88fr)!important}.finance-layout-v5 .settlement-rule{grid-template-columns:28px 1fr 1fr!important}.finance-layout-v5 .settlement-rule .rule-preview{grid-column:2/4}.finance-layout-v5 .settlement-rule .remove-rule{grid-column:3;justify-self:end}}
@media(max-width:1120px){.finance-layout-v5{grid-template-columns:1fr!important}.finance-layout-v5>.finance-column{min-height:auto}.finance-stage-summary-panel{position:static}.finance-layout-v5 .settlement-rule{grid-template-columns:30px 1fr 1fr!important}}
@media(max-width:760px){.experience-sound-hub{top:54px;right:8px}.finance-layout-v5 .settlement-rule{grid-template-columns:30px 1fr!important}.finance-layout-v5 .settlement-rule>label,.finance-layout-v5 .settlement-rule .rule-preview{grid-column:2}.finance-layout-v5 .settlement-rule .remove-rule{grid-column:2}}

/* V6.2: volume centralizado no botão de alto-falante */
.experience-media-volume{display:none!important}

/* V6.3 — compartilhar visível + central de música */
.experience-share-quick{color:#bff5ff!important}.experience-share-quick:hover{color:#fff!important;border-color:rgba(90,218,255,.34)!important;box-shadow:0 0 16px rgba(80,205,255,.14)!important}.experience-share-inside{border:1px solid rgba(92,210,255,.2);border-radius:9px;background:rgba(17,49,72,.7);color:#d9f8ff;padding:7px 10px;cursor:pointer;font-weight:700}.experience-library-help{margin:7px 0 10px;color:#7fa8bb;font-size:10px;line-height:1.4}

/* V6.4 compartilhar + música visíveis */
.stark-head-share-label{height:34px;padding:0 11px;border:1px solid rgba(95,205,255,.18);border-radius:10px;background:rgba(12,29,48,.78);color:#d9f8ff;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.stark-head-share-label:hover{background:rgba(52,154,211,.14)}
.experience-control-dock .experience-share-visible{display:grid!important;place-items:center!important;color:#c9f3ff!important}.experience-sound-hub{display:block}.experience-sound-hub[hidden]{display:none!important}.experience-sound-library,.experience-music-library-list{display:block}.experience-music-track{display:grid!important}

/* ===== OPERACIONAL V6.5 — ficha limpa, sidebar, porco e player ===== */
/* Sidebar ADM: logo em cima, perfil embaixo */
.admin-logo-slot{height:92px!important;padding:16px 18px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;border-bottom:1px solid var(--line)!important;cursor:pointer}
.admin-sidebar-logo{width:150px!important;max-width:85%!important;height:auto!important;object-fit:contain!important}
.sidebar-user-profile{margin-top:auto!important;padding:0 14px 15px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;border-top:0!important;cursor:default!important;background:transparent!important}
.sidebar-profile-separator{height:1px;background:var(--line);margin:0 -14px 4px}
.sidebar-profile-photo-button{border:0;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer;align-self:center}
.sidebar-profile-photo{width:82px;height:82px;border-radius:50%;object-fit:cover;border:2px solid rgba(106,213,255,.24);box-shadow:0 8px 28px rgba(0,0,0,.25)}
.sidebar-profile-photo.fallback{display:grid;place-items:center;background:linear-gradient(145deg,#6d36d9,#177ca8);color:#fff;font-weight:900;font-size:1.65rem}
.sidebar-user-bottom-row{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-user-bottom-row .sidebar-user-copy{min-width:0;flex:1}.sidebar-user-bottom-row .admin-bell{position:relative;flex:0 0 auto;cursor:pointer}.sidebar-user-bottom-row .notification-badge{position:absolute;right:-6px;top:-6px;font-size:8px;min-width:15px;height:15px;display:grid;place-items:center;border-radius:999px;background:#f59e0b;color:#101010;font-weight:900;padding:0 3px}
.admin-page-heading{display:flex;align-items:center}.admin-header-title strong{display:block;font-size:1.1rem;letter-spacing:.01em}.admin-header-title small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}

/* ficha: CPF e compra sem apertar na borda */
.admin-cpf-card,.record-details-grid .copy-detail{box-sizing:border-box!important;min-width:0!important;padding:12px 13px!important;border-radius:10px!important;overflow:hidden!important}
.admin-cpf-card strong,.admin-cpf-card small,.record-details-grid .copy-detail strong,.record-details-grid .copy-detail small{display:block!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.35!important}
.purchase-value-card{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:12px 14px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:rgba(7,18,31,.5)!important}.purchase-value-card small{margin:0!important;color:var(--muted)!important}.purchase-value-card strong{font-size:1.05rem!important;white-space:nowrap}
.admin-phones-card,.attendant-phones-card{grid-column:1/-1!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(7,18,31,.38)!important}.admin-phone-list,.phone-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.admin-phone-item,.attendant-phone-item{padding:0!important;border:0!important;background:transparent!important;gap:5px!important}.admin-phone-item .phone-copy,.attendant-phone-item .phone-copy{min-width:132px!important;padding:9px 12px!important;border-radius:9px!important;background:rgba(8,23,39,.72)!important}.admin-phone-item.verified .phone-copy,.attendant-phone-item.verified .phone-copy{border-color:rgba(52,180,113,.38)!important;background:rgba(32,126,82,.08)!important}.phone-verified-mark{width:18px!important;height:18px!important;font-size:9px!important;background:rgba(37,139,89,.08)!important;border-color:rgba(70,190,120,.22)!important;color:#77d9a1!important}.phone-copy-hint{width:100%;margin-top:7px!important;font-size:9px!important}
.add-verified-phone{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.add-verified-phone input{min-width:0!important}

/* Porco: tela preta translúcida, texto curto */
.experience-idle{background:rgba(0,0,0,.82)!important;backdrop-filter:blur(5px)!important}.experience-idle-shade{background:rgba(0,0,0,.58)!important}.experience-idle video{opacity:.38!important;filter:brightness(.48) saturate(.72)!important}.pig-sleep-copy{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px 42px!important;backdrop-filter:blur(7px)}.pig-sleep-copy>span{font-size:3.4rem!important;letter-spacing:0!important}.pig-sleep-copy h2{font-size:clamp(2.6rem,7vw,6rem)!important;letter-spacing:.06em!important;text-shadow:0 4px 30px rgba(0,0,0,.8)}.pig-sleep-copy p{font-size:.92rem}.pig-prank-overlay .experience-share-overlay-shade{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(5px)!important}.pig-prank-overlay .experience-share-overlay-content{background:rgba(0,0,0,.48)!important;border-color:rgba(255,255,255,.1)!important}.pig-prank-overlay .overlay-caption{font-size:clamp(2rem,6vw,5.4rem)!important;font-weight:950!important;letter-spacing:.05em!important;text-transform:uppercase!important;color:#fff!important;text-shadow:0 5px 24px rgba(0,0,0,.85)!important}

/* Mini player flutuante */
.experience-mini-player{position:fixed;z-index:10020;right:18px;top:104px;width:min(310px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 9px 12px;border:1px solid rgba(91,205,255,.2);border-radius:14px;background:rgba(4,15,27,.93);box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 18px rgba(61,190,255,.07);backdrop-filter:blur(16px)}.experience-mini-player[hidden]{display:none!important}.experience-mini-player-copy{min-width:0;flex:1}.experience-mini-player-copy small,.experience-mini-player-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.experience-mini-player-copy small{font-size:8px;color:#6f9eb4;letter-spacing:.08em}.experience-mini-player-copy strong{font-size:10px;color:#dff7ff;margin-top:2px}.experience-mini-player-controls{display:flex;gap:5px}.experience-mini-player-controls button{width:29px;height:29px;padding:0;border-radius:8px;border:1px solid rgba(94,207,255,.15);background:rgba(36,112,152,.09);color:#c9f4ff;cursor:pointer}.experience-mini-player-controls button:hover{background:rgba(48,164,214,.14)}

@media(max-width:760px){.admin-logo-slot{height:76px!important}.admin-sidebar-logo{width:132px!important}.sidebar-profile-photo{width:70px;height:70px}.experience-mini-player{top:98px;right:8px}.purchase-value-card{grid-column:1/-1!important}.admin-phones-card,.attendant-phones-card{grid-column:1/-1!important}}

/* ===== OPERACIONAL V6.6 — acabamento modal, volume 5%, playlist profissional ===== */
/* limites do atendente perfeitamente alinhados */
.limit-config-grid{align-items:end!important}
.limit-config-grid>label{display:grid!important;grid-template-rows:auto 42px!important;gap:7px!important;margin:0!important;align-self:end!important}
.limit-config-grid>label select,.limit-config-grid>label input{height:42px!important;min-height:42px!important;margin:0!important;box-sizing:border-box!important}
.limit-config-grid>label small{display:none!important}

/* ficha ADM maior e redimensionável, tamanho persistido pelo JS */
#genericModal.record-modal-resizable{position:relative!important;max-width:calc(100vw - 28px)!important;max-height:calc(100vh - 28px)!important;min-width:min(720px,calc(100vw - 28px))!important;min-height:min(620px,calc(100vh - 28px))!important}
#genericModal.record-modal-resizable .modal-content{flex:1!important;min-height:0!important}
.record-modal-resizer{display:none;position:absolute;right:4px;bottom:4px;width:24px;height:24px;border:0;background:transparent;cursor:nwse-resize;z-index:20}
.record-modal-resizable .record-modal-resizer{display:block}
.record-modal-resizer:before,.record-modal-resizer:after{content:"";position:absolute;right:4px;bottom:4px;width:13px;height:2px;border-radius:99px;background:#67839a;transform:rotate(-45deg);transform-origin:right center}.record-modal-resizer:after{width:8px;right:4px;bottom:9px;opacity:.7}
body.record-modal-resizing{user-select:none!important;cursor:nwse-resize!important}

/* telefone do atendente: nunca pinta o campo inteiro; só borda verde discreta */
.attendant-phone-item>button[data-copy-field="phone"],.attendant-phone-item .phone-copy{background:rgba(7,18,31,.72)!important;color:#eaf7ff!important;border:1px solid #2a3d52!important;box-shadow:none!important}
.attendant-phone-item>button[data-copy-field="phone"] strong,.attendant-phone-item .phone-copy strong{color:#eaf7ff!important}
.attendant-phone-item.verified>button[data-copy-field="phone"],.attendant-phone-item.verified .phone-copy{background:rgba(7,18,31,.72)!important;color:#eaf7ff!important;border-color:rgba(54,190,116,.62)!important;box-shadow:inset 0 0 0 1px rgba(54,190,116,.05)!important}
.attendant-phone-item.verified>button[data-copy-field="phone"] strong,.attendant-phone-item.verified .phone-copy strong{color:#eaf7ff!important}

/* barra de volume da abertura: 3s; hotspot reabre ao passar o mouse */
.experience-volume-hotzone{position:fixed;z-index:9998;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,94vw);height:74px}
.experience-volume-flash{width:min(500px,92vw)!important;min-height:48px!important;padding:8px 10px 8px 14px!important;gap:9px!important;transition:opacity .2s ease,transform .2s ease!important;opacity:1}
.experience-volume-flash:not(.show){opacity:0;transform:translate(-50%,8px);pointer-events:none}
.experience-volume-flash.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.experience-skip-intro{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid rgba(114,221,255,.22);background:rgba(37,105,145,.12);color:#dcf8ff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.experience-skip-intro span{font-size:15px}.experience-skip-intro small{position:absolute;right:0;bottom:calc(100% + 8px);width:max-content;padding:5px 8px;border-radius:7px;background:#071524;border:1px solid rgba(94,202,255,.18);color:#d9f6ff;font-size:9px;opacity:0;transform:translateY(4px);pointer-events:none;transition:.15s}.experience-skip-intro:hover small{opacity:1;transform:none}

/* porcão compartilhado: realmente ocupa a tela inteira */
.experience-share-overlay.pig-prank-overlay{padding:0!important}
.pig-prank-overlay .experience-share-overlay-shade{background:rgba(0,0,0,.78)!important}
.pig-prank-overlay .experience-share-overlay-content{position:absolute!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;background:rgba(0,0,0,.72)!important}
.pig-prank-overlay .experience-share-overlay-content video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;opacity:.44!important;filter:brightness(.52) saturate(.75)!important}
.pig-prank-overlay .overlay-sender{display:none!important}.pig-prank-overlay .overlay-caption{position:relative!important;z-index:5!important;align-self:center!important;justify-self:center!important;font-size:clamp(2.8rem,8vw,7.5rem)!important;padding:24px!important}
.pig-prank-overlay #experienceShareOverlayClose{z-index:8!important}

/* Central de som / playlist inspirada em players profissionais */
.experience-sound-hub{width:min(460px,calc(100vw - 24px))!important;max-height:min(84vh,760px)!important;padding:16px!important;border-radius:20px!important;background:linear-gradient(165deg,rgba(5,18,31,.985),rgba(4,12,23,.985))!important}
.experience-playlist-studio{margin-top:10px;padding:14px;border-radius:16px;background:linear-gradient(155deg,rgba(16,43,58,.62),rgba(8,20,34,.36));border:1px solid rgba(103,210,255,.12)}
.playlist-now-card{display:flex;align-items:center;gap:12px}.playlist-cover{position:relative;width:64px;height:64px;flex:0 0 64px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#6d38d9,#138bb4);box-shadow:0 10px 28px rgba(0,0,0,.28);overflow:hidden}.playlist-cover span{font-size:26px;color:#fff;position:relative;z-index:2}.playlist-cover i{position:absolute;inset:-30%;background:conic-gradient(transparent,#77e6ff,transparent,#a36dff,transparent);animation:xpSpin 8s linear infinite;opacity:.42}.playlist-now-copy{min-width:0}.playlist-now-copy small,.playlist-now-copy strong,.playlist-now-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-now-copy small{font-size:8px;letter-spacing:.11em;color:#6f9eb4}.playlist-now-copy strong{font-size:14px;color:#f4fbff;margin-top:4px}.playlist-now-copy span{font-size:9px;color:#8eb1c3;margin-top:4px}.playlist-progress-row,.mini-player-progress{display:grid;grid-template-columns:32px 1fr 32px;gap:7px;align-items:center}.playlist-progress-row{margin:13px 0 8px}.playlist-progress-row span,.mini-player-progress span{font-size:8px;color:#7898aa;text-align:center}.playlist-progress-row input,.mini-player-progress input{width:100%;accent-color:#67dfff}.playlist-main-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:5px 0 14px}.playlist-main-controls button{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:#dff9ff;font-size:16px;cursor:pointer}.playlist-main-controls .playlist-main-play{width:48px;height:48px;background:#f5fbff;color:#071522;font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.28)}.playlist-library-head{margin:4px 0 8px!important}.playlist-library-head>div strong,.playlist-library-head>div small{display:block}.playlist-library-head>div small{font-size:8px;color:#7799ab;margin-top:2px}
.experience-music-library-list.professional{max-height:270px!important;display:grid!important;gap:4px!important;padding-right:3px}.experience-music-track{grid-template-columns:30px minmax(0,1fr) 34px!important;padding:6px 5px!important;border-color:transparent!important;background:transparent!important;border-radius:9px!important}.experience-music-track:hover,.experience-music-track.is-playing{background:rgba(255,255,255,.045)!important}.experience-music-track.is-playing .track-number,.experience-music-track.is-playing strong{color:#65e6ff!important}.experience-music-track .track-number{font-size:9px;color:#6f8d9e;text-align:center}.experience-music-track .track-main{width:auto!important;height:auto!important;min-width:0!important;border:0!important;background:transparent!important;text-align:left!important;padding:5px!important}.experience-music-track .track-main strong{font-size:10px!important;color:#e9f7fb!important}.experience-music-track .track-main small{font-size:8px!important}.experience-music-track .track-share{width:30px!important;height:30px!important;border:0!important;background:transparent!important}.professional-upload{grid-template-columns:minmax(0,1fr) auto!important}.professional-upload label{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;padding:10px 12px!important}.professional-upload label span{font-size:8px;color:#779daf}.professional-upload>small{grid-column:1/-1;color:#75cfe7;font-size:9px;min-height:12px}

/* mini player mais completo */
.experience-mini-player{width:min(430px,calc(100vw - 28px))!important;padding:8px 10px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:9px!important}.experience-mini-player[hidden]{display:none!important}.mini-player-cover{width:40px;height:40px;border-radius:9px;border:0;background:linear-gradient(145deg,#6b3dd5,#148cb1);color:white;font-size:18px;cursor:pointer}.experience-mini-player-main{min-width:0}.experience-mini-player-copy strong{font-size:10px!important}.mini-player-progress{margin-top:5px;grid-template-columns:28px 1fr 28px;gap:4px}.mini-player-progress input{height:4px}.experience-mini-player-controls{align-items:center!important}.experience-mini-player-controls .mini-main-play{width:34px!important;height:34px!important;border-radius:50%!important;background:#eefdff!important;color:#071522!important}

@media(max-width:760px){#genericModal.record-modal-resizable{min-width:0!important;min-height:0!important;width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important}.record-modal-resizer{display:none!important}.experience-volume-hotzone{height:84px}.experience-sound-hub{right:6px!important;top:52px!important}.experience-mini-player{right:6px!important;width:calc(100vw - 12px)!important}.limit-config-grid>label{grid-template-rows:auto 42px!important}}

/* ===== OPERACIONAL V6.7 — funil do site, sidebar ADM e modal do atendente ===== */
/* Funil do site: fica escondido e aparece só no hover/foco do card */
.site-metric-card{position:relative!important;overflow:visible!important;z-index:25}
.site-metric-popover{position:absolute;right:0;top:calc(100% + 10px);width:min(350px,80vw);padding:13px;border:1px solid rgba(87,204,255,.18);border-radius:14px;background:rgba(5,16,29,.985);box-shadow:0 18px 48px rgba(0,0,0,.38);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transform:translateY(7px);pointer-events:none;transition:.16s ease;z-index:400}
.site-metric-card:hover .site-metric-popover,.site-metric-card:focus-within .site-metric-popover{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.site-metric-popover header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--line-soft)}
.site-metric-popover header strong{font-size:12px}.site-metric-popover header small{color:#73cce8;font-size:8px;text-align:right}.site-funnel-list{display:grid;gap:7px;margin-top:10px}.site-funnel-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border:1px solid rgba(148,163,184,.09);border-radius:9px;background:rgba(255,255,255,.015)}.site-funnel-list span{font-size:9px;color:#9fb8c7}.site-funnel-list b{font-size:12px;color:#f0fbff}.site-metric-popover footer{display:grid;gap:4px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line-soft)}.site-metric-popover footer span{font-size:9px;color:#6fe5ff;font-weight:800}.site-metric-popover footer small{font-size:8px;color:#738fa0}

/* Modal do atendente: mais largo, texto respirando e controles sem corte */
#genericModal.attendant-config-modal{width:min(900px,calc(100vw - 32px))!important;max-height:calc(100vh - 34px)!important}
#genericModal.attendant-config-modal .modal-content{padding:18px 20px!important}
#genericModal.attendant-config-modal .attendant-edit-form{gap:16px!important}
#genericModal.attendant-config-modal .limit-config-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}
#genericModal.attendant-config-modal .limit-config-grid>label{font-size:12px!important;color:#b9cad5!important;grid-template-rows:auto 46px!important}
#genericModal.attendant-config-modal .limit-config-grid select,#genericModal.attendant-config-modal .limit-config-grid input{height:46px!important;min-height:46px!important;font-size:13px!important;padding:0 12px!important;line-height:1.2!important;overflow:visible!important;text-overflow:clip!important}
#genericModal.attendant-config-modal .check-row{font-size:11px!important;line-height:1.35!important}

/* Perfil ADM mais visível no rodapé da lateral */
.admin-logo-slot{height:112px!important;padding:18px 20px!important}
.admin-sidebar-logo{width:205px!important;max-width:94%!important}
.sidebar-user-profile{min-height:230px!important;padding:0 16px 18px!important;justify-content:flex-start!important;gap:12px!important}
.sidebar-profile-separator{margin:0 -16px 8px!important}
.sidebar-profile-photo{width:110px!important;height:110px!important;border-width:2px!important}
.sidebar-user-bottom-row{position:relative!important;justify-content:center!important;min-height:46px!important;padding-right:28px!important}
.sidebar-user-bottom-row .sidebar-user-copy{text-align:center!important;display:grid!important;justify-items:center!important}
.sidebar-user-bottom-row .sidebar-user-copy strong{font-size:14px!important;max-width:150px!important}.sidebar-user-bottom-row .sidebar-user-copy small{font-size:10px!important;max-width:170px!important}
.sidebar-user-bottom-row .admin-bell{position:absolute!important;right:2px!important;top:5px!important;font-size:18px!important}
.sidebar-user-bottom-row>span:last-child{position:absolute!important;right:-2px!important;bottom:1px!important}

/* Histórico do atendente: resumo curto e coerente */
.today-simple-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.today-simple-grid article{min-width:0;padding:10px 8px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.016)}.today-simple-grid small{display:block;color:var(--muted);font-size:8px;line-height:1.25}.today-simple-grid strong{display:block;margin-top:5px;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today-simple-grid .today-score.red strong{color:#ff7777}.today-simple-grid .today-score.orange strong{color:#ffc45b}.today-simple-grid .today-score.green strong{color:#5be49a}.today-simple-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.018);color:#8da9ba;font-size:8px}.today-simple-footer b{color:#dff7ff}
.attendant-today-activity .panel-heading{margin-bottom:8px}.attendant-today-activity .panel-heading p{font-size:8px!important}

@media(max-width:950px){#genericModal.attendant-config-modal{width:calc(100vw - 18px)!important}.site-metric-popover{position:fixed;right:10px;top:110px;width:min(350px,calc(100vw - 20px))}.sidebar-user-profile{min-height:205px!important}.sidebar-profile-photo{width:92px!important;height:92px!important}.today-simple-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.today-simple-grid{grid-template-columns:repeat(2,1fr)}.today-simple-footer{align-items:flex-start;flex-direction:column}.admin-sidebar-logo{width:160px!important}.sidebar-user-profile{min-height:190px!important}.sidebar-profile-photo{width:82px!important;height:82px!important}}
@media(max-width:620px){#genericModal.attendant-config-modal .limit-config-grid{grid-template-columns:1fr!important}#genericModal.attendant-config-modal .modal-content{padding:14px!important}}

/* === V6.8 ajustes finais de UX === */
body.attendant-body .experience-control-dock{top:12px!important;right:18px!important;left:auto!important;bottom:auto!important;z-index:3600!important}
body.attendant-body.has-media-rail .experience-control-dock{top:12px!important;right:18px!important;left:auto!important}
.experience-media-rail{z-index:3400!important}
.admin-phone-list,.attendant-phone-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;align-items:stretch!important}
.admin-phone-item,.attendant-phone-item{display:flex!important;align-items:stretch!important;gap:6px!important;min-width:0!important}
.admin-phone-item .phone-copy,.attendant-phone-item .phone-copy,.attendant-phone-item>button[data-copy-field="phone"]{flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:10px 12px!important;font-size:1rem!important;font-weight:700!important;line-height:1.25!important}
.admin-phone-item .phone-copy strong,.attendant-phone-item .phone-copy strong,.attendant-phone-item>button[data-copy-field="phone"] strong{font-size:1rem!important;font-weight:700!important;color:#eef7ff!important}
.phone-delete-button{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(255,110,129,.28);background:rgba(255,64,95,.08);color:#ff9eab;border-radius:10px;cursor:pointer;align-self:center;font-size:18px;line-height:1}.phone-delete-button:hover{background:rgba(255,64,95,.16);border-color:rgba(255,110,129,.42)}
.site-metric-card>div:last-child>span:first-child{display:block;font-weight:700}.site-metric-card small{display:none!important}.site-metric-card .metric-glyph{font-size:1.1rem}
.mobile-record-card.active-record{border-color:rgba(74,195,255,.78)!important;box-shadow:0 0 0 2px rgba(61,178,255,.22),0 12px 26px rgba(5,10,22,.26)!important;background:linear-gradient(135deg,rgba(20,47,79,.5),rgba(7,20,35,.92))!important}.mobile-record-card.active-record .record-client span{font-size:inherit!important;font-weight:inherit!important}
.bulk-archive-actions[hidden]{display:none!important}
@media (max-width: 980px){.admin-phone-list,.attendant-phone-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}}

/* ==========================================================
   V6.9 — controles no cabeçalho + gaveta lateral
   ========================================================== */
.xp-bell-svg{width:17px;height:17px;display:block;margin:auto;color:#ffd166}
body.attendant-body .experience-control-dock{position:fixed!important;right:auto!important;bottom:auto!important;z-index:3600!important;white-space:nowrap!important}
body.attendant-body .experience-control-dock>button{display:grid!important;place-items:center!important}

.experience-volume-popover{position:fixed!important;z-index:10060!important;width:250px!important;padding:12px!important;border:1px solid rgba(97,209,255,.22)!important;border-radius:14px!important;background:rgba(4,16,29,.98)!important;box-shadow:0 16px 42px rgba(0,0,0,.42)!important;backdrop-filter:blur(16px)!important}
.experience-volume-popover[hidden]{display:none!important}.experience-volume-popover header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.experience-volume-popover header strong{font-size:11px}.experience-volume-popover header button{width:27px;height:27px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.experience-volume-popover-row{display:grid;grid-template-columns:34px minmax(0,1fr) 42px;gap:9px;align-items:center}.experience-volume-popover-row>button{width:34px;height:34px;border:1px solid rgba(96,205,255,.2);border-radius:10px;background:rgba(16,41,62,.75);color:#dff8ff;cursor:pointer}.experience-volume-popover-row input{width:100%;min-width:0}.experience-volume-popover-row b{text-align:right;font-size:10px}.experience-volume-popover>small{display:block;margin-top:8px;color:var(--muted);font-size:8px}

.experience-media-drawer-handle{position:fixed;z-index:3450;top:164px;width:34px;height:78px;border:1px solid rgba(88,205,255,.28);border-radius:12px 0 0 12px;background:linear-gradient(180deg,rgba(11,38,61,.97),rgba(5,20,34,.97));color:#bcf1ff;box-shadow:0 12px 30px rgba(0,0,0,.3);display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer}.experience-media-drawer-handle[hidden]{display:none!important}.experience-media-drawer-handle span{font-size:24px;line-height:1}.experience-media-drawer-handle b{min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 4px;background:rgba(79,194,242,.13);font-size:8px}.experience-media-drawer-handle.open{border-radius:12px 0 0 12px;background:rgba(11,42,67,.98)}
.experience-media-rail{transition:transform .2s ease,opacity .2s ease!important;z-index:3440!important}
body.admin-body.has-media-rail{overflow:hidden!important}
body.admin-body.has-media-rail .admin-app{width:calc(100vw - 420px)!important;max-width:calc(100vw - 420px)!important;transition:width .2s ease!important}
body.admin-body:not(.has-media-rail) .admin-app{width:100vw;max-width:100vw;transition:width .2s ease!important}
body.admin-body.has-media-rail .experience-media-rail{top:12px!important;bottom:12px!important;right:12px!important;left:auto!important;width:390px!important}
body.attendant-body.has-media-rail{min-width:calc(var(--xp-attendant-width) + 438px)!important}
body.attendant-body.has-media-rail .experience-media-rail{top:10px!important;bottom:10px!important;width:410px!important}

.experience-share-side-note{margin:8px 0 12px;padding:9px 11px;border:1px solid rgba(82,203,255,.16);border-radius:10px;background:rgba(62,180,226,.04);color:#9fd7e8;font-size:9px}

@media(max-width:900px){body.admin-body.has-media-rail .admin-app{width:100vw!important;max-width:100vw!important}body.admin-body.has-media-rail .experience-media-rail{width:min(390px,calc(100vw - 28px))!important}.experience-media-drawer-handle{top:130px}.experience-volume-popover{right:8px!important;left:auto!important;top:54px!important}}
body.attendant-body{background:linear-gradient(90deg,#061321 0,var(--xp-attendant-rendered-width,var(--xp-attendant-width)),#020b13 var(--xp-attendant-rendered-width,var(--xp-attendant-width)),#020b13 100%)!important}

/* ==========================================================
   V6.10 — Site compacto, biblioteca musical e efeitos vivos
   ========================================================== */
/* Card Site: mesma proporção e tipografia dos demais KPIs. */
.site-metric-card{align-items:flex-start!important}
.site-metric-card>div:nth-child(2){display:grid!important;gap:4px!important;align-content:start!important;min-width:0!important}
.site-metric-card>div:nth-child(2)>span{font-size:.82rem!important;font-weight:600!important;line-height:1.15!important;color:var(--text)!important}
.site-metric-card>div:nth-child(2)>strong{font-size:27px!important;line-height:1!important;margin-top:2px!important;color:var(--text)!important}
.site-metric-card .metric-icon{width:44px!important;height:44px!important;flex:0 0 44px!important}
.site-metric-card .metric-glyph{font-size:20px!important;line-height:1!important}

/* Central de músicas — lista limpa, pesquisável e com ações. */
.experience-sound-hub{width:min(560px,calc(100vw - 24px))!important;max-height:min(88vh,820px)!important}
.experience-sound-hub>header small{font-size:9px!important}
.playlist-search-row{display:grid;grid-template-columns:24px minmax(0,1fr) 30px;gap:6px;align-items:center;margin:8px 0 5px;padding:0 4px;border:1px solid rgba(130,180,215,.12);border-radius:10px;background:rgba(255,255,255,.018)}
.playlist-search-row>span{display:grid;place-items:center;color:#7fa5b8;font-size:16px}.playlist-search-row input{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:10px 2px!important;color:#eaf6fb!important}.playlist-search-row input:focus{outline:none!important}.playlist-search-row button{width:28px;height:28px;border:0;background:transparent;color:#7897a7;font-size:16px;cursor:pointer}
.playlist-table-head{display:grid;grid-template-columns:34px minmax(0,1fr) 78px;gap:6px;padding:4px 7px 5px;color:#668393;font-size:8px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(148,163,184,.08)}
.playlist-table-head span:last-child{text-align:center}
.experience-music-library-list.professional{max-height:340px!important;display:grid!important;gap:2px!important;padding:2px 3px 2px 0!important}
.experience-music-track{grid-template-columns:34px minmax(0,1fr) 78px!important;min-height:48px!important;padding:4px 7px!important;border-radius:8px!important;border-bottom:1px solid rgba(148,163,184,.055)!important}
.experience-music-track:hover,.experience-music-track.is-playing{background:rgba(255,255,255,.045)!important}
.experience-music-track .track-number{font-size:10px!important;color:#7895a5!important}
.experience-music-track .track-main{min-width:0!important;padding:5px 2px!important}.experience-music-track .track-main strong{font-size:11px!important;font-weight:700!important}.experience-music-track .track-main small{font-size:8px!important;margin-top:3px!important}
.track-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px}.experience-music-track .track-share,.experience-music-track .track-remove{width:31px!important;height:31px!important;border:0!important;background:transparent!important;border-radius:8px!important;cursor:pointer!important}.experience-music-track .track-share{color:#89dff5!important}.experience-music-track .track-remove{color:#ff8798!important;font-size:16px!important}.experience-music-track .track-remove:hover{background:rgba(255,70,95,.09)!important}
.playlist-empty{padding:28px 12px!important}
.professional-upload{margin-top:13px!important}.professional-upload label{min-height:50px!important}

/* Gaveta de compartilhamentos: aba lateral clara, sem cobrir o CRM. */
.experience-media-drawer-handle{top:50%!important;transform:translateY(-50%)!important;width:30px!important;height:92px!important;border-radius:12px 0 0 12px!important;transition:right .22s ease,left .22s ease,background .2s ease!important}
.experience-media-drawer-handle span{font-size:28px!important}.experience-media-drawer-handle b{font-size:9px!important}
body.admin-body.has-media-rail .admin-app{width:calc(100vw - 420px)!important;max-width:calc(100vw - 420px)!important}
body.admin-body .experience-media-rail{box-shadow:-18px 0 48px rgba(0,0,0,.34)!important}
body.admin-body.has-media-rail .experience-media-drawer-handle{right:402px!important}
body.admin-body:not(.has-media-rail) .experience-media-drawer-handle{right:2px!important}

/* Figurinha de qualificação: cresce girando, pulsa ~15% por 2 s e some em puff. */
.experience-qualification-effect{position:fixed;inset:0;z-index:11050;display:grid;place-items:center;align-content:center;gap:15px;background:rgba(0,6,14,.60);backdrop-filter:blur(5px);pointer-events:none;overflow:hidden}
.experience-qualification-effect[hidden]{display:none!important}
.experience-qualification-effect .experience-qualification-aura{position:absolute;width:min(76vw,76vh,680px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(94,216,255,.16),rgba(105,66,217,.08) 38%,transparent 70%);opacity:0;filter:blur(12px)}
.experience-qualification-effect img{position:relative;z-index:2;width:min(72vw,72vh,620px);height:min(72vw,72vh,620px);object-fit:contain;opacity:0;filter:drop-shadow(0 0 28px rgba(130,225,255,.38));will-change:transform,opacity,filter}
.experience-qualification-effect strong{position:relative;z-index:3;font-size:clamp(14px,2vw,21px);color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.72);opacity:0}
.experience-qualification-effect.show-effect img{animation:xpQualificationLive 4.4s linear forwards}
.experience-qualification-effect.show-effect .experience-qualification-aura{animation:xpQualificationAura 4.4s ease-out forwards}
.experience-qualification-effect.show-effect strong{animation:xpQualificationText 4.4s ease forwards}
@keyframes xpQualificationLive{
  0%{transform:scale(.06) rotate(-28deg);opacity:0;filter:blur(8px) drop-shadow(0 0 0 transparent)}
  12%{transform:scale(.34) rotate(15deg);opacity:.72;filter:blur(2px) drop-shadow(0 0 20px rgba(130,225,255,.26))}
  26%{transform:scale(1) rotate(55deg);opacity:1;filter:blur(0) drop-shadow(0 0 38px rgba(130,225,255,.46))}
  31%{transform:scale(1.15) rotate(59deg);opacity:1}
  36%{transform:scale(1) rotate(63deg);opacity:1}
  41%{transform:scale(1.15) rotate(67deg);opacity:1}
  46%{transform:scale(1) rotate(71deg);opacity:1}
  51%{transform:scale(1.15) rotate(75deg);opacity:1}
  56%{transform:scale(1) rotate(79deg);opacity:1}
  61%{transform:scale(1.15) rotate(83deg);opacity:1}
  66%{transform:scale(1) rotate(87deg);opacity:1}
  71%{transform:scale(1.15) rotate(91deg);opacity:1}
  76%{transform:scale(1) rotate(95deg);opacity:1}
  84%{transform:scale(.68) rotate(116deg);opacity:.9;filter:blur(0) drop-shadow(0 0 36px rgba(130,225,255,.40))}
  94%{transform:scale(.20) rotate(148deg);opacity:.45;filter:blur(3px) drop-shadow(0 0 48px rgba(162,117,255,.48))}
  100%{transform:scale(.04) rotate(170deg);opacity:0;filter:blur(14px) drop-shadow(0 0 65px rgba(162,117,255,.6))}
}
@keyframes xpQualificationAura{0%,7%{opacity:0;transform:scale(.2)}28%{opacity:1;transform:scale(.88)}55%{opacity:.75;transform:scale(1.08)}78%{opacity:.5;transform:scale(1.18)}100%{opacity:0;transform:scale(1.55)}}
@keyframes xpQualificationText{0%,22%{opacity:0;transform:translateY(8px)}31%,78%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-5px)}}

@media(max-width:900px){
  .experience-sound-hub{width:min(540px,calc(100vw - 16px))!important;right:8px!important}
  body.admin-body.has-media-rail .admin-app{width:100vw!important;max-width:100vw!important}
  .experience-qualification-effect img{width:min(82vw,68vh,520px);height:min(82vw,68vh,520px)}
}

/* ==========================================================
   V6.11 — painéis ampliáveis, financeiro, ficha e alertas
   ========================================================== */
.ui-panel-zoom-shade{position:fixed;inset:0;z-index:11980;background:rgba(0,5,12,.78);backdrop-filter:blur(8px)}
.ui-panel-zoom-active{overflow:hidden!important}
.ui-panel-zoomed{position:fixed!important;z-index:12000!important;inset:5vh 5vw!important;width:auto!important;height:auto!important;max-width:none!important;max-height:90vh!important;overflow:auto!important;margin:0!important;padding:24px!important;box-shadow:0 36px 110px rgba(0,0,0,.7),0 0 0 1px rgba(96,211,255,.22),0 0 50px rgba(65,182,255,.08)!important;background:#081625!important}
.zoomable-finance-column>.panel-heading,.zoomable-financial-report>.panel-heading,.zoomable-report-card .report-card-heading{cursor:zoom-in}
.ui-panel-zoomed>.panel-heading,.report-group-zoomed .report-card-heading{cursor:zoom-out}
.ui-panel-zoomed .finance-entry-list,.ui-panel-zoomed .settlement-stage-summary{max-height:calc(90vh - 160px)!important}
.ui-panel-zoomed.finance-builder-panel .settlement-rules{max-height:42vh;overflow:auto;padding-right:6px}
.ui-panel-zoomed.finance-builder-panel .settlement-rule{grid-template-columns:36px minmax(160px,1fr) minmax(190px,1.1fr) 110px minmax(230px,1.25fr) 38px!important;gap:12px!important;padding:14px!important}
.ui-panel-zoomed.finance-column{font-size:calc(14px * var(--finance-scale,1.15))!important}

.report-group-zoomed{position:fixed!important;z-index:12000!important;inset:4vh 4vw!important;width:auto!important;height:92vh!important;margin:0!important;padding:18px!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:16px!important;background:#061321!important;border:1px solid rgba(89,207,255,.22)!important;border-radius:20px!important;box-shadow:0 34px 100px rgba(0,0,0,.68)!important;overflow:hidden!important}
.report-group-zoomed .report-chart-card{min-height:0!important;height:auto!important;padding:18px!important;overflow:hidden!important}
.report-group-zoomed .chart-canvas-wrap{height:calc(100% - 54px)!important;min-height:220px!important}
.report-group-zoomed .final-results-layout{height:calc(100% - 54px)!important;align-items:center!important}
.report-group-zoomed canvas{width:100%!important;height:100%!important}

.financial-report-panel{font-size:12px!important;padding:18px!important}.financial-report-panel .financial-report-grid{gap:24px!important}.financial-report-panel .financial-bars{gap:12px!important}.financial-report-panel .financial-bar{grid-template-columns:minmax(140px,180px) minmax(0,1fr) auto auto!important;gap:10px!important;font-size:11px!important}.financial-report-panel .financial-bar i{height:11px!important}.financial-person-row span small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.financial-person-delete{width:28px;height:28px;border:1px solid rgba(255,91,110,.3);border-radius:8px;background:rgba(255,63,89,.08);color:#ff9cab;cursor:pointer}.financial-person-delete:hover{background:rgba(255,63,89,.16)}

/* Modais do ADM maiores, responsivos à tela. */
.record-modal-resizable{max-width:calc(100vw - 28px)!important;max-height:calc(100vh - 28px)!important}.record-modal-resizable .modal-content{font-size:clamp(12px,.86vw,15px)}
.attendant-config-modal-wide,.attendant-report-modal-wide{width:min(1180px,calc(100vw - 38px))!important;max-height:calc(100vh - 38px)!important}.attendant-config-modal-wide .modal-content,.attendant-report-modal-wide .modal-content{padding:22px!important}.attendant-report-modal-wide .attendant-expanded-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}

/* Telefones: no máximo 3 por linha; X e confirmação ficam dentro do próprio campo. */
.admin-phone-list,.attendant-phone-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
.admin-phone-item,.attendant-phone-item{position:relative!important;display:block!important;min-width:0!important}
.admin-phone-item .phone-copy,.attendant-phone-item .phone-copy,.attendant-phone-item>button[data-copy-field="phone"]{width:100%!important;min-width:0!important;min-height:46px!important;padding:10px 62px 10px 12px!important;font-size:clamp(12px,.86vw,15px)!important;font-weight:800!important;text-align:left!important;border-radius:10px!important}
.admin-phone-item .phone-copy strong,.attendant-phone-item .phone-copy strong,.attendant-phone-item>button[data-copy-field="phone"] strong{font-size:inherit!important}
.phone-delete-button{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:25px!important;height:25px!important;border-radius:7px!important;z-index:3!important;display:grid!important;place-items:center!important;padding:0!important;font-size:14px!important}
.phone-verified-mark{position:absolute!important;right:37px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;height:20px!important;z-index:2!important}
@media(max-width:950px){.admin-phone-list,.attendant-phone-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){.admin-phone-list,.attendant-phone-list{grid-template-columns:1fr!important}}

/* Botões de qualificação do ADM iguais aos do atendente. */
.admin-qualification-buttons{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important;gap:10px!important}.admin-qualification-buttons .qualification-button{min-height:112px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(8,23,39,.95),rgba(5,15,27,.92))!important}.admin-qualification-buttons .qualification-button span{font-size:2rem!important}.admin-qualification-buttons .qualification-button small{font-weight:800!important}.admin-qualification-buttons .qualification-button em{font-style:normal!important;color:var(--muted)!important;font-size:9px!important}

/* Figurinha: 0,5 s entrando rápido, ~2 s pulsando e ~0,5 s saindo. */
.experience-qualification-effect img{width:min(82vw,82vh,760px)!important;height:min(82vw,82vh,760px)!important;transform-origin:center!important}
.experience-qualification-effect.show-effect img{animation:xpQualificationV611 var(--xp-qualification-duration,3000ms) linear forwards!important}
.experience-qualification-effect.show-effect .experience-qualification-aura{animation:xpQualificationAuraV611 var(--xp-qualification-duration,3000ms) ease-out forwards!important}
.experience-qualification-effect.show-effect strong{animation:xpQualificationTextV611 var(--xp-qualification-duration,3000ms) ease forwards!important}
@keyframes xpQualificationV611{
  0%{transform:scale(.04) rotate(-720deg);opacity:0;filter:blur(9px) drop-shadow(0 0 0 transparent)}
  15%{transform:scale(.58) rotate(-210deg);opacity:.9;filter:blur(1px) drop-shadow(0 0 24px rgba(120,220,255,.35))}
  18%{transform:scale(1) rotate(0deg);opacity:1;filter:blur(0) drop-shadow(0 0 42px rgba(120,220,255,.5))}
  27%{transform:scale(1.10);opacity:1}36%{transform:scale(.96);opacity:1}45%{transform:scale(1.10);opacity:1}54%{transform:scale(.96);opacity:1}63%{transform:scale(1.10);opacity:1}72%{transform:scale(.96);opacity:1}81%{transform:scale(1.08);opacity:1}
  84%{transform:scale(1) rotate(0deg);opacity:1}
  94%{transform:scale(.28) rotate(70deg);opacity:.52;filter:blur(3px) drop-shadow(0 0 48px rgba(160,112,255,.48))}
  100%{transform:scale(.03) rotate(105deg);opacity:0;filter:blur(14px) drop-shadow(0 0 70px rgba(160,112,255,.6))}
}
@keyframes xpQualificationAuraV611{0%,100%{opacity:0;transform:scale(.3)}20%{opacity:1;transform:scale(.9)}55%{opacity:.7;transform:scale(1.1)}84%{opacity:.5;transform:scale(1.18)}}
@keyframes xpQualificationTextV611{0%,15%,100%{opacity:0;transform:translateY(12px)}22%,84%{opacity:1;transform:none}}

/* Música do atendente abre dentro da largura do CRM, logo abaixo do cabeçalho. */
body.attendant-body .experience-sound-hub{top:58px!important;left:12px!important;right:auto!important;width:calc(var(--xp-attendant-width) - 24px)!important;max-width:520px!important;max-height:calc(100vh - 150px)!important}
body.attendant-body .experience-volume-popover{top:52px!important;left:12px!important;right:auto!important;width:min(330px,calc(var(--xp-attendant-width) - 24px))!important}

/* Central de alertas com lista de sons e múltiplos destinatários. */
.alert-studio{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:16px!important}.alert-sound-picker{display:grid;gap:8px}.alert-sound-picker select{width:100%}.experience-alert-recipient-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:280px;overflow:auto}.experience-alert-recipient-list label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(96,194,245,.16);border-radius:11px;background:rgba(10,29,47,.7);cursor:pointer}.experience-alert-recipient-list input{width:16px;height:16px}.experience-alert-recipient-list .avatar{width:32px;height:32px;flex:0 0 32px}.experience-alert-recipient-list strong,.experience-alert-recipient-list small{display:block}.experience-alert-recipient-list small{color:var(--muted);font-size:9px}

/* Mercadoria / produto: valor de venda e perda em destaque. */
#settlementResaleWrap small{display:block;margin-top:5px;color:#ffbd6f;font-weight:800}.finance-builder-v4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.zoomable-finance-column>.panel-heading:after,.zoomable-financial-report>.panel-heading:after,.zoomable-report-card .report-card-heading:after{content:'⛶';margin-left:auto;align-self:flex-start;color:#91dfff;font-size:15px;opacity:.75}.zoomable-finance-column>.panel-heading:hover:after,.zoomable-financial-report>.panel-heading:hover:after,.zoomable-report-card .report-card-heading:hover:after{opacity:1;transform:scale(1.08)}
.experience-qualification-effect img{width:var(--xp-qualification-size,min(82vw,82vh,760px))!important;height:var(--xp-qualification-size,min(82vw,82vh,760px))!important;max-width:88vw!important;max-height:82vh!important}

/* ===== OPERACIONAL V6.12 — leitura melhor, playlist encaixada e notificações corretas ===== */
body.admin-body .dashboard-playlist-slot{display:none;min-height:0}
body.admin-body.admin-dashboard-playlist-open .dashboard-playlist-slot{display:block!important}
body.admin-body.admin-dashboard-playlist-open .attendants-panel{display:grid!important;grid-template-rows:auto minmax(170px,1fr) auto!important;gap:10px!important;overflow:hidden!important}
body.admin-body.admin-dashboard-playlist-open #attendantCards{min-height:0!important;max-height:100%!important;overflow:auto!important;padding-right:4px!important}
body.admin-body .experience-sound-hub.sound-hub-docked{position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;max-height:360px!important;margin:0!important;padding:14px!important;border-radius:18px!important;box-shadow:0 18px 46px rgba(0,0,0,.42),0 0 0 1px rgba(99,195,255,.12)!important;background:linear-gradient(165deg,rgba(5,18,31,.985),rgba(4,12,23,.985))!important;overflow:auto!important}
body.admin-body .experience-sound-hub.sound-hub-docked>header{position:sticky;top:0;background:linear-gradient(180deg,rgba(6,19,31,.98),rgba(6,19,31,.88));z-index:2}
body.admin-body .experience-sound-hub.sound-hub-docked .experience-music-library-list{max-height:150px!important}
body.admin-body .experience-sound-hub.sound-hub-docked .professional-upload{margin-top:10px!important}

/* Notificação do atendente: ícone certo e folha compacta à direita. */
.notification-button{position:relative!important;width:42px!important;height:42px!important;border:1px solid rgba(96,205,255,.16)!important;border-radius:12px!important;background:rgba(12,29,48,.82)!important;display:grid!important;place-items:center!important;padding:0!important}
.notification-button .bell-icon{position:static!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important;font-size:1.05rem!important;line-height:1!important;color:#dff7ff!important}
.notification-button .notification-badge{position:absolute!important;right:-3px!important;top:-4px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:999px!important;background:#f59e0b!important;color:#111827!important;font-size:10px!important;font-weight:900!important;display:grid!important;place-items:center!important}
body.attendant-body .mobile-notification-sheet{left:auto!important;right:8px!important;top:58px!important;transform:none!important;width:min(320px,calc(var(--xp-attendant-width) - 16px))!important;max-height:58vh!important;border-radius:16px!important;box-shadow:0 24px 58px rgba(0,0,0,.54)!important}
body.attendant-body .mobile-notification-sheet .notification-list{max-height:calc(58vh - 72px)!important}

/* Modais/zoom: menos largura vazia e mais legibilidade. */
#genericModal.record-modal-resizable{max-width:calc(100vw - 96px)!important;max-height:calc(100vh - 96px)!important;min-width:min(760px,calc(100vw - 96px))!important;min-height:min(700px,calc(100vh - 96px))!important;border-radius:22px!important}
.record-modal-resizable .modal-content{font-size:clamp(13px,.98vw,16px)!important;line-height:1.42!important}
#genericModal.record-modal-resizable .details-grid{grid-auto-rows:min-content!important}
#genericModal.record-modal-resizable .modal-header{padding:16px 18px!important}
#genericModal.attendant-config-modal{width:min(980px,calc(100vw - 90px))!important;max-height:calc(100vh - 96px)!important}
#genericModal.attendant-config-modal .modal-content{font-size:14px!important}

.ui-panel-zoomed{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;inset:auto!important;width:min(980px,calc(100vw - 110px))!important;height:auto!important;max-height:calc(100vh - 96px)!important;padding:18px 20px!important;border-radius:22px!important;overflow:auto!important}
.ui-panel-zoomed.finance-builder-panel{width:min(960px,calc(100vw - 120px))!important}
.ui-panel-zoomed.finance-pending-panel,.ui-panel-zoomed.zoomable-financial-report,.ui-panel-zoomed.finance-stage-summary-panel{width:min(900px,calc(100vw - 130px))!important}
.ui-panel-zoomed .panel-heading{padding:0 0 14px!important}
.ui-panel-zoomed .panel-heading h2,.ui-panel-zoomed .panel-heading h3{font-size:1.22rem!important}
.ui-panel-zoomed .panel-heading p,.ui-panel-zoomed small,.ui-panel-zoomed label{font-size:12px!important;line-height:1.4!important}
.ui-panel-zoomed .finance-entry-list,.ui-panel-zoomed .settlement-stage-summary{max-height:calc(100vh - 250px)!important}
.ui-panel-zoomed .finance-entry{padding:12px!important}
.ui-panel-zoomed .finance-entry strong{font-size:1rem!important}
.ui-panel-zoomed .finance-entry b{font-size:1.08rem!important}
.ui-panel-zoomed .settlement-progress strong{font-size:1.6rem!important}
.ui-panel-zoomed .settlement-rule{grid-template-columns:34px minmax(145px,1fr) minmax(180px,1.1fr) 100px minmax(190px,1.15fr) 38px!important;gap:10px!important;padding:12px!important}
.ui-panel-zoomed .settlement-rule .rule-preview strong{font-size:11px!important}
.ui-panel-zoomed .financial-report-grid{grid-template-columns:1fr!important;gap:18px!important}
.ui-panel-zoomed .financial-bar{grid-template-columns:minmax(160px,190px) minmax(0,1fr) auto auto!important;font-size:12px!important}
.ui-panel-zoomed .financial-bar>strong{font-size:11px!important}
.ui-panel-zoomed .financial-person-delete{width:30px!important;height:30px!important}

.report-group-zoomed{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;inset:auto!important;width:min(1180px,calc(100vw - 84px))!important;height:min(840px,calc(100vh - 96px))!important;padding:18px!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:14px!important;border-radius:22px!important;overflow:hidden!important}
.report-group-zoomed .report-chart-card{padding:14px!important}
.report-group-zoomed .report-card-heading{padding:0 0 10px!important;align-items:flex-start!important}
.report-group-zoomed .report-card-heading h3{font-size:1.08rem!important}
.report-group-zoomed .report-card-heading p{font-size:11px!important;line-height:1.35!important}
.report-group-zoomed .chart-canvas-wrap{height:calc(100% - 58px)!important;min-height:210px!important;padding:6px 4px 0!important}
.report-group-zoomed .final-results-layout{height:calc(100% - 58px)!important}

/* Efeito de imagem: maior, mais tempo e leitura melhor. */
.experience-qualification-effect img{max-width:92vw!important;max-height:88vh!important}
@keyframes xpQualificationV611{
  0%{transform:scale(.04) rotate(-1080deg);opacity:0;filter:blur(10px) drop-shadow(0 0 0 transparent)}
  10%{transform:scale(.7) rotate(-260deg);opacity:.94;filter:blur(1px) drop-shadow(0 0 30px rgba(120,220,255,.35))}
  14%{transform:scale(1) rotate(0deg);opacity:1;filter:blur(0) drop-shadow(0 0 48px rgba(120,220,255,.55))}
  22%{transform:scale(1.12);opacity:1}
  34%{transform:scale(1.02);opacity:1}
  46%{transform:scale(1.12);opacity:1}
  58%{transform:scale(1.02);opacity:1}
  70%{transform:scale(1.12);opacity:1}
  82%{transform:scale(1.02);opacity:1}
  90%{transform:scale(1);opacity:1}
  96%{transform:scale(.26) rotate(70deg);opacity:.5;filter:blur(3px) drop-shadow(0 0 48px rgba(160,112,255,.48))}
  100%{transform:scale(.03) rotate(105deg);opacity:0;filter:blur(14px) drop-shadow(0 0 70px rgba(160,112,255,.6))}
}

@media(max-width:980px){
  .ui-panel-zoomed,.report-group-zoomed,#genericModal.attendant-config-modal,#genericModal.record-modal-resizable{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;min-width:0!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
  .ui-panel-zoomed,.report-group-zoomed,#genericModal.attendant-config-modal,#genericModal.record-modal-resizable{max-height:calc(100vh - 18px)!important}
  .report-group-zoomed{height:calc(100vh - 18px)!important;grid-template-columns:1fr!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;overflow:auto!important}
  .ui-panel-zoomed .settlement-rule{grid-template-columns:30px 1fr!important}
  .ui-panel-zoomed .settlement-rule>label,.ui-panel-zoomed .settlement-rule .rule-preview,.ui-panel-zoomed .settlement-rule .remove-rule{grid-column:2!important}
}

/* ===== OPERACIONAL V6.13 — ficha redimensionável, Spotify lateral e efeitos nítidos ===== */
/* A ficha do ADM abre alta, centralizada e pode ser redimensionada pelas 4 bordas/cantos. */
#genericModal.record-modal-resizable{position:fixed!important;transform:none!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;min-width:min(760px,calc(100vw - 24px))!important;min-height:min(650px,calc(100vh - 24px))!important;resize:none!important;overflow:hidden!important}
#genericModal.record-modal-resizable .modal-content{flex:1!important;min-height:0!important;font-size:clamp(14px,1vw,17px)!important;line-height:1.45!important}
#genericModal.record-modal-resizable .detail-box{padding:13px 14px!important}
#genericModal.record-modal-resizable .detail-box small{font-size:11px!important}
#genericModal.record-modal-resizable .detail-box,#genericModal.record-modal-resizable .detail-box strong{font-size:14px!important}
#genericModal.record-modal-resizable .record-modal-resizer{display:none!important}
.record-resize-edge{position:absolute!important;z-index:80!important;display:block!important;background:transparent!important}
.record-resize-edge.resize-n{left:12px;right:12px;top:-4px;height:10px;cursor:ns-resize}.record-resize-edge.resize-s{left:12px;right:12px;bottom:-4px;height:10px;cursor:ns-resize}
.record-resize-edge.resize-e{top:12px;bottom:12px;right:-4px;width:10px;cursor:ew-resize}.record-resize-edge.resize-w{top:12px;bottom:12px;left:-4px;width:10px;cursor:ew-resize}
.record-resize-edge.resize-ne,.record-resize-edge.resize-nw,.record-resize-edge.resize-se,.record-resize-edge.resize-sw{width:18px;height:18px;z-index:81!important}
.record-resize-edge.resize-ne{right:-5px;top:-5px;cursor:nesw-resize}.record-resize-edge.resize-nw{left:-5px;top:-5px;cursor:nwse-resize}.record-resize-edge.resize-se{right:-5px;bottom:-5px;cursor:nwse-resize}.record-resize-edge.resize-sw{left:-5px;bottom:-5px;cursor:nesw-resize}
.record-modal-resizing{user-select:none!important;cursor:grabbing!important}

/* Expansões sempre no centro real da tela. */
.ui-panel-zoomed,.report-group-zoomed{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important}
.ui-panel-zoomed{width:min(920px,calc(100vw - 88px))!important;max-height:calc(100vh - 70px)!important}
.ui-panel-zoomed.finance-builder-panel{width:min(940px,calc(100vw - 86px))!important}
.ui-panel-zoomed.finance-pending-panel,.ui-panel-zoomed.finance-stage-summary-panel,.ui-panel-zoomed.zoomable-financial-report{width:min(880px,calc(100vw - 96px))!important}
.report-group-zoomed{width:min(1100px,calc(100vw - 70px))!important;height:min(820px,calc(100vh - 72px))!important}

/* O player pedido pelo usuário vive DENTRO da gaveta de compartilhamentos. */
.xp-spotify-rail{margin:10px 10px 0;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(15,23,42,.97);box-shadow:0 18px 48px rgba(0,0,0,.40);overflow:hidden;flex:0 0 auto}
.xp-spotify-rail[hidden]{display:none!important}.xp-spotify-head{height:52px;display:flex;align-items:center;gap:9px;padding:0 10px 0 14px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}
.xp-spotify-head>div{flex:1;min-width:0}.xp-spotify-head strong{display:block;font-size:13px!important}.xp-spotify-head small{display:block;color:#94a3b8!important;font-size:9px!important;margin-top:2px}.xp-spotify-dot{width:10px;height:10px;border-radius:50%;background:#1ed760;box-shadow:0 0 16px rgba(30,215,96,.55);flex:none}
.xp-spotify-head-btn{width:30px;height:30px;border:1px solid rgba(255,255,255,.10);border-radius:9px;color:#f8fafc;background:rgba(255,255,255,.04);cursor:pointer}.xp-spotify-head-btn:hover{background:rgba(255,255,255,.09)}
.xp-spotify-body{padding:12px;display:grid;gap:9px}.xp-spotify-body[hidden]{display:none!important}.xp-spotify-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.xp-spotify-tabs button{border:1px solid rgba(255,255,255,.10);background:#09111f;color:#94a3b8;border-radius:9px;padding:7px 5px;font-size:10px;cursor:pointer}.xp-spotify-tabs button.active{color:#07130b;background:#1ed760;border-color:#1ed760;font-weight:900}
.xp-spotify-label{color:#94a3b8;font-size:10px}.xp-spotify-link-row{display:flex;gap:7px}.xp-spotify-link-row input{min-width:0;flex:1;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.10);outline:none;color:#f8fafc;background:#09111f;padding:0 10px;font-size:11px}.xp-spotify-link-row input:focus{border-color:rgba(30,215,96,.65);box-shadow:0 0 0 3px rgba(30,215,96,.10)}.xp-spotify-link-row button{height:38px;padding:0 11px;border:0;border-radius:10px;background:#1ed760;color:#06120a;font-weight:900;font-size:10px;cursor:pointer}.xp-spotify-hint{font-size:9px;color:#94a3b8;line-height:1.4}
.xp-spotify-player-wrap{border-radius:12px;overflow:hidden;background:#000;min-height:152px}.xp-spotify-player-wrap iframe{display:block;width:100%;height:152px;border:0;background:#000}.xp-spotify-message{padding:8px 9px;border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.08);color:#fde68a;border-radius:9px;font-size:9px;line-height:1.4}.xp-spotify-message[hidden]{display:none!important}.xp-spotify-footer{display:flex;justify-content:space-between;gap:7px}.xp-spotify-footer button{border:1px solid rgba(255,255,255,.10);color:#94a3b8;background:rgba(255,255,255,.035);border-radius:8px;padding:7px 8px;font-size:9px;cursor:pointer}.xp-spotify-footer button:hover{color:#f8fafc;background:rgba(255,255,255,.08)}
/* A lista de compartilhamentos continua abaixo do player e não invade o CRM. */
.experience-media-rail{display:flex!important;flex-direction:column!important}.experience-media-list{min-height:0!important;flex:1 1 auto!important}.experience-media-rail[hidden]{display:none!important}
body.admin-body.has-media-rail .admin-app{width:calc(100vw - 420px)!important;max-width:calc(100vw - 420px)!important}.dashboard-playlist-slot{display:none!important}.experience-sound-hub.sound-hub-docked{display:none!important}

/* Notificações do atendente dentro do dock, sem aquele bloco amarelo solto. */
.attendant-header-actions{display:none!important}.experience-control-dock .xp-notification-dock{width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important;background:rgba(9,27,43,.96)!important;border:1px solid rgba(85,198,245,.20)!important;color:#e9f8ff!important;padding:0!important}.experience-control-dock .xp-notification-dock .bell-icon{font-size:14px!important;position:static!important;background:none!important;width:auto!important;height:auto!important}.experience-control-dock .xp-notification-dock .notification-badge{position:absolute!important;right:-5px!important;top:-6px!important;min-width:16px!important;height:16px!important;font-size:8px!important;background:#f59e0b!important;color:#07111d!important}.experience-control-dock .xp-notification-dock .notification-badge:empty{display:none!important}
body.attendant-body .mobile-notification-sheet{left:auto!important;right:10px!important;top:56px!important;transform:none!important;width:min(300px,calc(var(--xp-attendant-width) - 20px))!important;max-height:52vh!important}

/* Efeito de qualificação: imagem totalmente nítida por ~4 s; 0,5 s entra e 0,5 s sai. */
.experience-qualification-effect{pointer-events:auto!important;background:rgba(0,6,14,.48)!important;backdrop-filter:blur(3px)!important;cursor:pointer!important}
.experience-qualification-effect img{opacity:0;filter:drop-shadow(0 0 34px rgba(130,225,255,.42))!important;image-rendering:auto!important;max-width:94vw!important;max-height:90vh!important}
.experience-qualification-effect.show-effect img{animation:xpQualificationV613 var(--xp-qualification-duration,5000ms) linear forwards!important}
.experience-qualification-effect.show-effect .experience-qualification-aura{animation:xpQualificationAuraV613 var(--xp-qualification-duration,5000ms) ease-out forwards!important}
.experience-qualification-effect.show-effect strong{animation:xpQualificationTextV613 var(--xp-qualification-duration,5000ms) ease forwards!important}
@keyframes xpQualificationV613{0%{transform:scale(.04) rotate(-1260deg);opacity:0}10%{transform:scale(1) rotate(0deg);opacity:1}20%{transform:scale(1.10);opacity:1}30%{transform:scale(1);opacity:1}40%{transform:scale(1.10);opacity:1}50%{transform:scale(1);opacity:1}60%{transform:scale(1.10);opacity:1}70%{transform:scale(1);opacity:1}80%{transform:scale(1.10);opacity:1}90%{transform:scale(1);opacity:1}100%{transform:scale(.04) rotate(240deg);opacity:0}}
@keyframes xpQualificationAuraV613{0%,100%{opacity:0;transform:scale(.45)}12%{opacity:.82;transform:scale(.9)}50%{opacity:.55;transform:scale(1.08)}88%{opacity:.5;transform:scale(1.14)}}
@keyframes xpQualificationTextV613{0%,9%,100%{opacity:0;transform:translateY(10px)}14%,90%{opacity:1;transform:none}}

@media(max-width:900px){#genericModal.record-modal-resizable{min-width:0!important;min-height:0!important;left:9px!important;top:9px!important;width:calc(100vw - 18px)!important;height:calc(100vh - 18px)!important}.record-resize-edge{display:none!important}.ui-panel-zoomed,.report-group-zoomed{width:calc(100vw - 18px)!important;max-height:calc(100vh - 18px)!important}.report-group-zoomed{height:calc(100vh - 18px)!important}}

/* ===== V6.14 — filtros centralizados no container ===== */
body.admin-body #filterDrawer{
  left:calc(var(--sidebar-width) + ((100vw - var(--sidebar-width)) / 2))!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(440px,calc(100vw - var(--sidebar-width) - 40px))!important;
  max-height:calc(100vh - 48px)!important;
}
body.attendant-body #attendantFilterSheet{
  left:calc(var(--xp-attendant-width) / 2)!important;
  right:auto!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(480px,calc(var(--xp-attendant-width) - 24px))!important;
  max-height:calc(100vh - 48px)!important;
}
@media(max-width:899px){
  body.admin-body #filterDrawer,
  body.attendant-body #attendantFilterSheet{
    left:50%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(480px,calc(100vw - 20px))!important;
    max-height:calc(100vh - 20px)!important;
  }
}

/* V6.16 — conferência discreta do final do telefone */
.phone-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.phone-card-heading>small{margin:0!important}
.phone-tail-tools{display:flex;align-items:center;gap:8px;min-width:0}
.phone-tail-check-button{width:30px;height:30px;flex:0 0 30px;border:1px solid rgba(55,220,125,.35);border-radius:9px;background:rgba(34,197,94,.13);color:#55e88c;display:grid;place-items:center;cursor:pointer;font-size:16px;font-weight:900;box-shadow:0 0 0 1px rgba(34,197,94,.03) inset;transition:.16s ease}
.phone-tail-check-button:hover{background:rgba(34,197,94,.22);border-color:rgba(55,220,125,.55);transform:translateY(-1px)}
.phone-tail-check-button:disabled{opacity:.62;cursor:wait;transform:none}.phone-tail-check-button.loading{animation:phoneTailPulse .8s ease-in-out infinite alternate}
.phone-tail-result{font-size:11px;font-weight:800;color:#70eda0;white-space:nowrap;padding:6px 8px;border-radius:8px;background:rgba(34,197,94,.08);border:1px solid rgba(55,220,125,.16)}
.phone-tail-result.error{color:#91a7b7;background:rgba(145,167,183,.07);border-color:rgba(145,167,183,.14)}
@keyframes phoneTailPulse{to{box-shadow:0 0 16px rgba(34,197,94,.32);transform:scale(1.05)}}
@media(max-width:620px){.phone-card-heading{align-items:flex-start}.phone-tail-tools{max-width:70%}.phone-tail-result{font-size:10px;white-space:normal;text-align:right}}

/* V6.17 — financeiro por pessoa + resgate em massa */
.finance-history-panel.zoomable-finance-column>.panel-heading{cursor:zoom-in}
.finance-history-panel.ui-panel-zoomed>.panel-heading{cursor:zoom-out}
.finance-history-panel.ui-panel-zoomed{width:min(980px,calc(100vw - 100px))!important;max-height:calc(100vh - 96px)!important}
.finance-history-panel.ui-panel-zoomed .finance-settlement-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:calc(100vh - 180px);overflow:auto;padding-right:4px}
.finance-history-panel.ui-panel-zoomed .settlement-history-card{margin:0;min-width:0}
.settlement-recipient-breakdown{display:grid;gap:7px!important;margin-top:10px!important;padding:0!important;list-style:none!important}
.settlement-recipient-breakdown li{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:9px 10px!important;border:1px solid rgba(95,191,255,.12)!important;border-radius:10px!important;background:rgba(7,22,37,.42)!important}
.settlement-recipient-breakdown li span{display:grid!important;gap:2px!important;min-width:0!important}
.settlement-recipient-breakdown li span strong{font-size:13px!important;color:#f3f8ff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settlement-recipient-breakdown li span small{font-size:10px!important;color:#91a7ba!important;white-space:normal!important}
.settlement-recipient-breakdown li>b{font-size:14px!important;color:#67e8f9!important;white-space:nowrap!important}
.reclaim-tools{align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.reclaim-tools>div{display:flex;gap:8px;align-items:center;margin-left:auto}
.reclaim-tools>small{flex-basis:100%;color:#7590a6;font-size:10px;margin-top:-4px}
.reclaim-discarded-records{border-color:rgba(34,197,94,.38)!important;color:#86efac!important;background:rgba(22,101,52,.12)!important}
.reclaim-discarded-records:hover{background:rgba(22,101,52,.24)!important}
@media(max-width:900px){.finance-history-panel.ui-panel-zoomed .finance-settlement-history{grid-template-columns:1fr}.finance-history-panel.ui-panel-zoomed{width:calc(100vw - 18px)!important}}

/* V6.18 — sugestão visual: o final consultado bateu com este telefone. Não confirma automaticamente. */
.admin-phone-item.tail-match,.attendant-phone-item.tail-match{position:relative;border-radius:11px}
.admin-phone-item.tail-match .phone-copy,.attendant-phone-item.tail-match .phone-copy{border-color:rgba(52,211,153,.72)!important;box-shadow:0 0 0 1px rgba(52,211,153,.20),0 0 10px rgba(34,197,94,.12)!important;animation:phoneTailMatchPulse 1.35s ease-in-out infinite!important}
.admin-phone-item.tail-match .phone-copy strong,.attendant-phone-item.tail-match .phone-copy strong{color:inherit!important}
@keyframes phoneTailMatchPulse{0%,100%{border-color:rgba(52,211,153,.48);box-shadow:0 0 0 1px rgba(52,211,153,.10),0 0 6px rgba(34,197,94,.06)}50%{border-color:rgba(74,222,128,.92);box-shadow:0 0 0 2px rgba(52,211,153,.18),0 0 14px rgba(34,197,94,.16)}}

/* ===== OPERACIONAL V6.21 — menu atendente, Spotify controlável e perfil mídia ===== */
.avatar img,.avatar video,.welcome-avatar img,.welcome-avatar video,.admin-profile-preview img,.admin-profile-preview video{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}
.sidebar-profile-photo.profile-media-video{object-fit:cover;display:block;background:#020812}
body.attendant-body .bottom-nav{z-index:6500!important;pointer-events:auto!important;isolation:isolate}
body.attendant-body .bottom-nav>button{pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;position:relative!important;z-index:1!important}
body.attendant-body .bottom-nav>button:active{transform:scale(.94)}
body.attendant-body .attendant-main{padding-bottom:96px!important}
body.attendant-body .attendant-page{display:none!important}
body.attendant-body .attendant-page.active{display:block!important}

.xp-spotify-connect-card{display:grid;gap:9px;padding:10px;border:1px solid rgba(30,215,96,.16);border-radius:12px;background:rgba(30,215,96,.035)}
.xp-spotify-connect-head{display:flex;gap:8px;align-items:center}.xp-spotify-connect-head>div{min-width:0;flex:1}.xp-spotify-connect-head strong{display:block;font-size:11px}.xp-spotify-connect-head small{display:block;color:#9fb2c5;font-size:9px;margin-top:2px}.xp-spotify-connect-head button,.xp-spotify-search-row button{border:0;border-radius:9px;background:#1ed760;color:#06120a;font-weight:900;padding:8px 10px;font-size:9px;cursor:pointer}
.xp-spotify-connect-card>label{display:grid;gap:4px;color:#9fb2c5;font-size:9px}.xp-spotify-connect-card>label input,.xp-spotify-search-row input{height:34px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#09111f;color:#f8fafc;padding:0 9px;outline:none;min-width:0}.xp-spotify-connect-card input:focus{border-color:rgba(30,215,96,.6);box-shadow:0 0 0 3px rgba(30,215,96,.08)}
.xp-spotify-redirect{font-size:8px;color:#778ca0;line-height:1.35;overflow-wrap:anywhere}.xp-spotify-redirect code{color:#b8c9d7}
.xp-spotify-volume-row{display:grid;grid-template-columns:34px minmax(0,1fr) 38px;gap:8px;align-items:center}.xp-spotify-volume-row button{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#09111f;color:#fff;cursor:pointer}.xp-spotify-volume-row input{width:100%;accent-color:#1ed760}.xp-spotify-volume-row b{text-align:right;font-size:9px;color:#dff7e7}
.xp-spotify-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.xp-spotify-search-results{display:grid;gap:5px;max-height:200px;overflow:auto}.xp-spotify-result{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-areas:'kind name' 'kind sub';gap:1px 7px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#09111f;color:#f8fafc;padding:7px 8px;cursor:pointer}.xp-spotify-result:hover{border-color:rgba(30,215,96,.42);background:rgba(30,215,96,.055)}.xp-spotify-result>span{grid-area:kind;align-self:center;color:#1ed760;font-size:8px;font-weight:900}.xp-spotify-result>strong{grid-area:name;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.xp-spotify-result>small{grid-area:sub;color:#8296a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}

/* ===== OPERACIONAL V6.22 — hitbox Perfil estável em qualquer zoom ===== */
body.attendant-body .bottom-nav>button[data-attendant-page="profile-page"]{
  position:relative!important;z-index:12!important;min-width:0!important;width:100%!important;height:100%!important;
  pointer-events:auto!important;touch-action:manipulation!important;
}
body.attendant-body .bottom-nav>button[data-attendant-page="profile-page"] img,
body.attendant-body .bottom-nav>button[data-attendant-page="profile-page"] small{pointer-events:none!important}

/* ===== OPERACIONAL V6.23 — alertas estáveis + prévia + MP4 fullscreen ===== */
.alert-studio-modal{width:min(620px,calc(100vw - 28px))!important;max-height:calc(100vh - 48px)!important;overflow:auto!important}
.alert-studio{gap:14px!important}
.alert-asset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.alert-asset-row select{min-width:0;height:42px}
.alert-asset-row button{height:42px;padding:0 14px;border:1px solid rgba(92,207,255,.2);border-radius:10px;background:rgba(13,38,60,.9);color:#dff8ff;font-weight:800;cursor:pointer;white-space:nowrap}
.alert-asset-row button:hover{background:rgba(23,57,86,.95)}
.experience-alert-preview{border:1px solid rgba(86,201,247,.16);border-radius:12px;background:rgba(4,16,28,.66);padding:10px;overflow:hidden}
.experience-alert-preview audio,.experience-alert-preview video{display:block;width:100%;max-height:240px;border-radius:9px;background:#02070d}
.experience-alert-caption-wrap{position:relative;display:grid;gap:7px;padding:11px;border:1px solid rgba(92,198,246,.14);border-radius:12px;background:rgba(8,25,42,.62)}
.experience-alert-caption-wrap>span{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.experience-alert-caption-wrap strong{font-size:13px}.experience-alert-caption-wrap small{font-size:10px;color:var(--muted)}
.experience-alert-caption-wrap textarea{width:100%;min-height:58px;max-height:100px;resize:vertical;border:1px solid rgba(113,211,255,.17);border-radius:9px;background:rgba(3,14,25,.86);color:#f2fbff;padding:10px 46px 10px 10px;outline:none}
.experience-alert-caption-wrap textarea:focus{border-color:rgba(58,209,255,.55);box-shadow:0 0 0 2px rgba(58,209,255,.08)}
.experience-alert-caption-wrap em{position:absolute;right:18px;bottom:18px;font-size:9px;color:#8cb5c7;font-style:normal}
.experience-alert-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px dashed rgba(116,213,255,.2);border-radius:12px;background:rgba(7,23,38,.46)}
.experience-alert-upload label{min-width:0;display:flex;align-items:center;gap:8px;font-size:11px;color:#cfefff;cursor:pointer;overflow:hidden}.experience-alert-upload input[type=file]{max-width:100%;font-size:10px}.experience-alert-upload button{height:36px;border:0;border-radius:9px;background:linear-gradient(135deg,#6e35e8,#8b38e8);color:#fff;font-weight:850;padding:0 12px;cursor:pointer}.experience-alert-upload small{grid-column:1/-1;color:#8fb8ca;font-size:9px}

.experience-alert-video-overlay{position:fixed;inset:0;z-index:9850;background:#000;display:grid;place-items:center;overflow:hidden;cursor:pointer;isolation:isolate}
.experience-alert-video-overlay[hidden]{display:none!important}
.experience-alert-video-shade{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.58);backdrop-filter:blur(4px) saturate(.78)}
.experience-alert-video-overlay video{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:.78;filter:brightness(.72) saturate(.88);background:#000;pointer-events:none}
.experience-alert-video-caption{position:absolute;z-index:4;left:50%;bottom:34px;transform:translateX(-50%);max-width:min(760px,86vw);padding:9px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(3,8,14,.66);backdrop-filter:blur(12px);color:#fff;font-size:clamp(12px,1.35vw,16px);font-weight:700;line-height:1.3;text-align:center;box-shadow:0 12px 38px rgba(0,0,0,.4);white-space:normal}

@media(max-width:640px){.experience-alert-recipient-list{grid-template-columns:1fr!important}.alert-asset-row,.experience-alert-upload{grid-template-columns:1fr}.alert-asset-row button,.experience-alert-upload button{width:100%}.experience-alert-video-caption{bottom:20px;max-width:92vw;border-radius:14px}}

/* ===== OPERACIONAL V6.24 — menu do atendente fora do zoom + nome do alerta visível ===== */
body.attendant-body>.bottom-nav{
  position:fixed!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  transform:none!important;
  width:var(--xp-attendant-width)!important;
  max-width:100vw!important;
  z-index:9600!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
body.attendant-body>.bottom-nav>button{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
body.attendant-body>.bottom-nav>button img,
body.attendant-body>.bottom-nav>button small,
body.attendant-body>.bottom-nav>button span{pointer-events:none!important}
body.attendant-body>.bottom-nav .request-fichas-button{width:58px!important;height:58px!important;justify-self:center!important;align-self:center!important}

.experience-alert-selected-name{
  min-height:34px;display:flex;align-items:center;padding:7px 10px;
  border:1px solid rgba(84,207,255,.13);border-radius:9px;
  background:rgba(3,15,27,.72);color:#dff7ff;font-size:11px;font-weight:750;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.experience-alert-file-picker{min-width:0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:3px 8px!important;align-items:center!important;padding:8px 10px!important;border:1px solid rgba(96,205,255,.13)!important;border-radius:9px!important;background:rgba(4,16,29,.58)!important;overflow:hidden!important}
.experience-alert-file-picker>span{font-size:10px!important;color:#d9f4ff!important;font-weight:800!important;white-space:nowrap!important}
.experience-alert-file-picker>strong{min-width:0!important;font-size:9px!important;color:#91afbf!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.experience-alert-file-picker input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:760px){body.attendant-body>.bottom-nav{width:min(var(--xp-attendant-width),100vw)!important}.experience-alert-file-picker{grid-template-columns:1fr!important}}

/* ===== OPERACIONAL V6.25 — Central de alertas limpa ===== */
.alert-studio .compact-alert-head{margin:0 0 6px!important;min-height:0!important}
.alert-studio .compact-alert-head strong{font-size:14px!important;line-height:1.15!important}
.alert-studio .alert-asset-row{grid-template-columns:minmax(0,1fr) 42px!important;gap:7px!important}
.alert-studio .alert-asset-row select{
  width:100%!important;max-width:100%!important;min-width:0!important;height:42px!important;
  padding:0 34px 0 11px!important;font-size:13px!important;font-weight:700!important;line-height:42px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.alert-studio .alert-asset-row button{width:42px!important;min-width:42px!important;padding:0!important;font-size:16px!important}
.alert-studio .experience-alert-preview{margin-top:7px!important}
.alert-studio .experience-alert-caption-wrap>span small{font-size:9px!important}

/* ===== V6.26 — volume no player Spotify + gráfico Hoje por padrão ===== */
.xp-spotify-player-wrap{position:relative!important;overflow:hidden!important}
.xp-spotify-player-wrap iframe{display:block!important;width:100%!important}
.xp-spotify-embed-volume{display:grid;grid-template-columns:32px minmax(0,1fr) 42px;gap:8px;align-items:center;padding:8px 10px 10px;background:linear-gradient(180deg,rgba(5,92,145,.98),rgba(5,82,132,.98));border-top:1px solid rgba(255,255,255,.12)}
.xp-spotify-embed-volume button{width:32px;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(3,22,39,.68);color:#fff;cursor:pointer}
.xp-spotify-embed-volume input{width:100%;accent-color:#1ed760;cursor:pointer}
.xp-spotify-embed-volume b{font-size:10px;text-align:right;color:#fff;white-space:nowrap}
.attendant-hover-chart[data-chart-scope="today"] .hover-chart-summary [data-hover-scope="today"]{box-shadow:0 0 0 1px rgba(124,58,237,.38) inset}
.hover-chart-summary .hover-scope-button small{white-space:nowrap}
.score-last-row [data-score-qualified-count]{white-space:nowrap}

/* ===== V6.27 — Spotify Web Playback SDK real (sem iframe) ===== */
.xp-spotify-sdk-player{
  display:grid;gap:10px;padding:12px;border-radius:14px;overflow:hidden;
  background:linear-gradient(160deg,#0877b8 0%,#0867a4 46%,#07548a 100%);
  border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(0,0,0,.24);
  color:#fff;
}
.xp-spotify-sdk-now{display:grid;grid-template-columns:58px minmax(0,1fr) 10px;gap:10px;align-items:center;min-width:0}
.xp-spotify-sdk-cover{width:58px;height:58px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#0ea5e9);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.xp-spotify-sdk-cover img{width:100%;height:100%;object-fit:cover;display:block}.xp-spotify-sdk-cover span{font-size:26px;font-weight:900}
.xp-spotify-sdk-copy{min-width:0}.xp-spotify-sdk-copy small{display:block;font-size:7px;letter-spacing:.11em;color:#d7f5ff;font-weight:900;margin-bottom:3px}.xp-spotify-sdk-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.2}.xp-spotify-sdk-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#c6e7f8;margin-top:3px}
.xp-spotify-sdk-status{width:8px;height:8px;border-radius:50%;background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.14)}.xp-spotify-sdk-status.ready{background:#1ed760;box-shadow:0 0 0 3px rgba(30,215,96,.17),0 0 12px rgba(30,215,96,.45)}
.xp-spotify-sdk-progress{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:7px;align-items:center}.xp-spotify-sdk-progress span{font-size:7px;color:#d7f5ff;text-align:center}.xp-spotify-sdk-progress input{width:100%;accent-color:#fff;cursor:pointer}
.xp-spotify-sdk-controls{display:flex;justify-content:center;align-items:center;gap:10px}.xp-spotify-sdk-controls button{width:32px;height:32px;border:0;border-radius:50%;background:rgba(3,28,48,.45);color:#fff;cursor:pointer;font-size:13px;display:grid;place-items:center}.xp-spotify-sdk-controls .xp-spotify-sdk-play{width:42px;height:42px;background:#fff;color:#0b3550;font-size:17px;box-shadow:0 5px 16px rgba(0,0,0,.24)}
.xp-spotify-sdk-volume{display:grid;grid-template-columns:32px minmax(0,1fr) 40px;gap:8px;align-items:center;padding-top:2px}.xp-spotify-sdk-volume button{width:32px;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(3,22,39,.55);color:#fff;cursor:pointer}.xp-spotify-sdk-volume input{width:100%;accent-color:#1ed760;cursor:pointer}.xp-spotify-sdk-volume b{font-size:9px;text-align:right;color:#fff;white-space:nowrap}
.xp-spotify-sdk-player button:hover{transform:translateY(-1px);filter:brightness(1.08)}
.xp-spotify-sdk-player button:active{transform:translateY(0) scale(.97)}
@media(max-width:520px){.xp-spotify-sdk-now{grid-template-columns:50px minmax(0,1fr) 9px}.xp-spotify-sdk-cover{width:50px;height:50px}.xp-spotify-sdk-copy strong{font-size:10px}}

/* ===== V6.28 — Spotify simples: colar link e ouvir ===== */
.xp-spotify-simple .xp-spotify-head{grid-template-columns:auto 1fr auto!important}
.xp-spotify-simple .xp-spotify-body{display:grid!important;gap:10px!important}
.xp-spotify-simple-link{grid-template-columns:minmax(0,1fr) auto!important}
.xp-spotify-simple-link input{min-width:0!important;height:40px!important}
.xp-spotify-simple-link button{height:40px!important;min-width:78px!important}
.xp-spotify-simple-player{border-radius:14px;overflow:hidden;background:#111827;border:1px solid rgba(255,255,255,.09);min-height:152px}
.xp-spotify-simple-player iframe{display:block;width:100%;height:352px;border:0;background:#121212}
.xp-spotify-simple .xp-spotify-footer{margin-top:0!important}
.xp-spotify-simple .xp-spotify-message{font-size:11px!important;padding:8px 10px!important}
@media(max-width:560px){.xp-spotify-simple-player iframe{height:352px}.xp-spotify-simple-link{grid-template-columns:1fr!important}.xp-spotify-simple-link button{width:100%!important}}

/* ===== OPERACIONAL V6.29 — avatar + vídeo 10min + barra inferior estável ===== */
body.attendant-body .welcome-avatar{
  width:120px!important;height:120px!important;flex:0 0 120px!important;
  background:#06111d!important;overflow:hidden!important;
}
body.attendant-body .welcome-avatar img,
body.attendant-body .welcome-avatar video{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  background:#06111d!important;border-radius:inherit!important;
}
body.attendant-body .welcome-card{min-height:144px!important}
body.attendant-body #profileAvatar.avatar.large{
  width:234px!important;height:234px!important;flex:0 0 234px!important;
  border-radius:30px!important;background:#06111d!important;overflow:hidden!important;
}
body.attendant-body #profileAvatar img,
body.attendant-body #profileAvatar video{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
  border-radius:inherit!important;background:#06111d!important;
}
body.attendant-body .profile-avatar-wrap{align-items:center!important;flex-wrap:wrap!important}
body.attendant-body>.bottom-nav{pointer-events:auto!important;z-index:9700!important}
body.attendant-body>.bottom-nav>button[data-attendant-page]{pointer-events:auto!important;position:relative!important;z-index:4!important}
body.attendant-body>.bottom-nav>button[data-attendant-page]::after{content:"";position:absolute;inset:-4px;z-index:3}
body.attendant-body>.bottom-nav>button[data-attendant-page] img,
body.attendant-body>.bottom-nav>button[data-attendant-page] small{position:relative;z-index:4;pointer-events:none!important}
@media(max-width:760px){
  body.attendant-body .welcome-avatar{width:99px!important;height:99px!important;flex-basis:99px!important}
  body.attendant-body .welcome-card{min-height:124px!important}
  body.attendant-body #profileAvatar.avatar.large{width:min(234px,68vw)!important;height:min(234px,68vw)!important;flex-basis:auto!important}
}

/* V6.30 perfil multimídia */
.experience-profile-required .experience-hover-audio-field{display:grid;gap:6px;width:100%;padding:10px 12px;border:1px solid rgba(100,190,255,.16);border-radius:12px;background:rgba(8,24,39,.55);font-size:12px;color:#c9d6e2}.experience-profile-required .experience-hover-audio-field input{width:100%;font-size:11px}.experience-profile-required .experience-hover-audio-field small{font-size:10px;color:#8fa7ba}.profile-hover-audio-control{display:grid!important;gap:4px!important;margin-top:8px!important;font-size:11px!important}.profile-hover-audio-control input{max-width:100%!important}.profile-hover-audio-control small{opacity:.7}

/* ===== V6.31 — estabilidade de clique/zoom do rodapé e comunicação ===== */
body.attendant-body>.bottom-nav{
  width:min(var(--xp-attendant-rendered-width,var(--xp-attendant-width)),100vw)!important;
  max-width:100vw!important;
  left:0!important;right:auto!important;transform:none!important;
  pointer-events:auto!important;z-index:9700!important;
}
body.attendant-body>.bottom-nav>button[data-attendant-page]{
  pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.attendant-body>.bottom-nav>button[data-attendant-page]::after{pointer-events:none!important}

/* ===== PRO V7 — Central de alertas multimídia / tela cheia ===== */
.experience-alert-preview img{
  display:block;width:100%;max-height:260px;object-fit:contain;border-radius:9px;background:#02070d;
}
.experience-alert-text-preview{
  min-height:82px;display:grid;place-items:center;border-radius:9px;background:radial-gradient(circle at 50% 35%,rgba(113,44,255,.25),rgba(2,7,13,.96) 68%);color:#fff;font-size:20px;font-weight:900;text-align:center;
}
.experience-alert-video-overlay{cursor:default!important;background:#01040a!important}
.experience-alert-stage{
  position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:20px;overflow:hidden;padding:clamp(24px,5vw,70px);
}
.experience-alert-video-overlay #experienceAlertVideoPlayer,
.experience-alert-video-overlay #experienceAlertImage{
  position:absolute;inset:0;z-index:2;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:#000;opacity:1;filter:none;pointer-events:none;
}
.experience-alert-video-overlay #experienceAlertAudioPlayer{
  position:relative;z-index:5;display:block;width:min(760px,84vw);max-width:84vw;filter:drop-shadow(0 18px 48px rgba(0,0,0,.58));
}
.experience-alert-video-overlay #experienceAlertImage[hidden],
.experience-alert-video-overlay #experienceAlertVideoPlayer[hidden],
.experience-alert-video-overlay #experienceAlertAudioPlayer[hidden],
.experience-alert-video-overlay #experienceAlertSymbol[hidden]{display:none!important}
.experience-alert-symbol{
  position:relative;z-index:4;font-size:clamp(100px,20vw,250px);line-height:1;filter:drop-shadow(0 0 34px rgba(255,196,49,.44));animation:cpAlertBell 1.05s cubic-bezier(.36,.07,.19,.97) infinite;transform-origin:50% 12%;user-select:none;pointer-events:none;
}
.experience-alert-title{
  position:relative;z-index:5;max-width:min(960px,90vw);color:#fff;text-align:center;font-size:clamp(24px,5vw,60px);font-weight:1000;letter-spacing:.02em;text-shadow:0 4px 24px rgba(0,0,0,.95),0 0 30px rgba(112,54,255,.36);pointer-events:none;
}
.experience-alert-video-caption{
  position:relative!important;z-index:5!important;left:auto!important;bottom:auto!important;transform:none!important;max-width:min(900px,88vw)!important;padding:12px 18px!important;border-radius:16px!important;font-size:clamp(15px,2vw,24px)!important;font-weight:850!important;pointer-events:none;
}
.experience-alert-video-overlay #experienceAlertVideoPlayer:not([hidden])~.experience-alert-title,
.experience-alert-video-overlay #experienceAlertImage:not([hidden])~.experience-alert-title{
  position:absolute;top:clamp(22px,5vh,64px);left:50%;transform:translateX(-50%);width:min(1000px,90vw);
}
.experience-alert-video-overlay #experienceAlertVideoPlayer:not([hidden])~.experience-alert-video-caption,
.experience-alert-video-overlay #experienceAlertImage:not([hidden])~.experience-alert-video-caption{
  position:absolute!important;left:50%!important;bottom:clamp(82px,10vh,130px)!important;transform:translateX(-50%)!important;width:max-content;max-width:min(900px,88vw)!important;
}
.experience-alert-overlay-close{
  position:absolute;z-index:7;left:50%;bottom:clamp(22px,4vh,46px);transform:translateX(-50%);min-height:44px;padding:0 20px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(4,12,22,.8);backdrop-filter:blur(15px);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 40px rgba(0,0,0,.48);
}
.experience-alert-overlay-close:hover{background:rgba(18,39,67,.94);border-color:rgba(137,205,255,.46)}
@keyframes cpAlertBell{0%,100%{transform:rotate(0deg) scale(1)}12%{transform:rotate(12deg) scale(1.04)}24%{transform:rotate(-11deg) scale(1.04)}36%{transform:rotate(8deg)}48%{transform:rotate(-7deg)}62%{transform:rotate(3deg)}78%{transform:rotate(-2deg)}}
@media(max-width:640px){.experience-alert-stage{padding:20px}.experience-alert-video-overlay #experienceAlertAudioPlayer{width:90vw;max-width:90vw}.experience-alert-overlay-close{bottom:18px;width:max-content;max-width:90vw}.experience-alert-video-overlay #experienceAlertVideoPlayer:not([hidden])~.experience-alert-video-caption,.experience-alert-video-overlay #experienceAlertImage:not([hidden])~.experience-alert-video-caption{bottom:78px!important}}

/* ===== PRO V7 — escala configurável da equipe também no ADM ===== */
body.admin-body #attendantCards .avatar{
  width:calc(42px * var(--team-scale-factor,1.5));
  height:calc(42px * var(--team-scale-factor,1.5));
  transition:width .18s ease,height .18s ease,transform .18s ease;
}
body.admin-body #attendantCards .avatar img,
body.admin-body #attendantCards .avatar video{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
body.admin-body #attendantCards .attendant-card{grid-template-columns:auto minmax(0,1fr) auto;min-height:calc(52px * var(--team-scale-factor,1.5))}
.experience-alert-upload>#experienceAlertQuickLabel{grid-column:1/-1;height:38px;min-width:0}

/* ===== PRO V7 — volume visual coerente em todos os painéis ===== */
#experienceMasterVolume,#experienceVolumeFlashRange{
  --volume-fill:5%;appearance:none;
  background:linear-gradient(to right,#2d9cff 0 var(--volume-fill),rgba(210,225,238,.9) var(--volume-fill) 100%)!important;
  height:5px!important;border-radius:99px!important;
}
#experienceMasterVolume::-webkit-slider-runnable-track,#experienceVolumeFlashRange::-webkit-slider-runnable-track{background:transparent!important}
#experienceMasterVolume::-moz-range-track,#experienceVolumeFlashRange::-moz-range-track{background:transparent!important}

/* V10 — compartilhamento de tela integrado ao hub de comunicação. */
.experience-screen-share-card{width:min(1180px,94vw)!important;height:min(820px,90vh)!important;max-width:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.experience-screen-share-card>header{flex:0 0 auto}
.experience-screen-share-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:10px 12px 12px;gap:8px}
.experience-screen-share-frame{display:block;width:100%;height:100%;min-height:420px;flex:1 1 auto;border:1px solid rgba(91,205,255,.18);border-radius:12px;background:#020812}
.experience-screen-share-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto}
.experience-screen-share-actions small{font-size:9px;color:var(--muted);line-height:1.35}
@media(max-width:760px){.experience-screen-share-card{width:calc(100vw - 14px)!important;height:calc(100vh - 20px)!important}.experience-screen-share-frame{min-height:320px}.experience-screen-share-actions{align-items:flex-start;flex-direction:column}}
.experience-screen-share-card>.experience-screen-share-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(91,205,255,.12);flex:0 0 auto}
.experience-screen-share-card>#experienceScreenShareFrame{display:block;width:calc(100% - 24px);height:100%;min-height:420px;flex:1 1 auto;margin:10px 12px 12px;border:1px solid rgba(91,205,255,.18);border-radius:12px;background:#020812}

/* ===== V12 — prévia real da biblioteca de efeitos ===== */
.asset-chip{display:inline-flex!important;align-items:center;gap:4px;max-width:100%}
.asset-preview-button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 3px;border-radius:6px}
.asset-preview-button:hover,.asset-preview-button.is-playing{color:#fff;background:rgba(124,58,237,.18);box-shadow:0 0 0 1px rgba(124,58,237,.28)}
.experience-effect-preview-modal{position:fixed;inset:0;z-index:40000;display:grid;place-items:center;padding:18px;background:rgba(1,7,14,.78);backdrop-filter:blur(8px)}
.experience-effect-preview-modal>section{width:min(760px,94vw);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(124,58,237,.42);border-radius:16px;background:#071522;box-shadow:0 28px 90px rgba(0,0,0,.7)}
.experience-effect-preview-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.experience-effect-preview-modal header button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#0a1b2b;color:#fff;cursor:pointer}
.effect-preview-stage{min-height:260px;display:grid;place-items:center;padding:14px;overflow:auto}
.effect-preview-stage video,.effect-preview-stage img{display:block;max-width:100%;max-height:68vh;border-radius:12px;background:#020812;object-fit:contain}

/* ===== V12 — reprodução real de MP4 dos efeitos acionados ===== */
.experience-transient-video-effect{
  position:fixed;inset:0;z-index:39500;display:grid;place-items:center;padding:clamp(18px,4vw,64px);
  pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(5,16,28,.18),rgba(1,6,12,.42));
  opacity:0;transition:opacity .16s ease;
}
.experience-transient-video-effect.show{opacity:1}
.experience-transient-video-effect video{
  display:block;max-width:min(900px,78vw);max-height:min(720px,78vh);width:auto;height:auto;
  object-fit:contain;border-radius:18px;background:#02070d;
  box-shadow:0 28px 90px rgba(0,0,0,.72),0 0 44px rgba(124,58,237,.2);
}
@media(max-width:760px){.experience-transient-video-effect video{max-width:94vw;max-height:76vh;border-radius:14px}}



/* ===== 2026-08-23 — correção localizada: alerta multimídia / botão fechar / fallback ===== */
.experience-alert-video-overlay{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid!important;place-items:center!important;padding:clamp(12px,2vw,28px)!important;background:transparent!important;overflow:hidden!important;isolation:isolate!important}
.experience-alert-video-overlay[hidden]{display:none!important}
.experience-alert-video-shade{position:absolute!important;inset:0!important;z-index:0!important;background:rgba(1,8,16,.72)!important;backdrop-filter:blur(7px) saturate(.85)!important;pointer-events:none!important}
.experience-alert-stage{position:relative!important;z-index:1!important;width:min(1040px,calc(100vw - 28px))!important;height:min(780px,calc(100vh - 28px))!important;max-height:calc(100vh - 28px)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:0!important;padding:0!important;border:1px solid rgba(116,220,255,.28)!important;border-radius:24px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(7,24,39,.98),rgba(3,13,24,.98))!important;box-shadow:0 28px 110px rgba(0,0,0,.62),0 0 55px rgba(58,202,255,.09)!important}
.experience-alert-meta{position:relative!important;z-index:5!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:12px 68px 12px 18px!important;border-bottom:1px solid rgba(114,214,255,.14)!important;background:rgba(6,19,33,.92)!important}
.experience-alert-meta-icon{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;flex:0 0 32px!important;border:1px solid rgba(255,207,73,.28)!important;border-radius:10px!important;background:rgba(255,189,41,.08)!important;font-size:17px!important}
.experience-alert-title{position:static!important;transform:none!important;max-width:100%!important;margin:0!important;color:#eaf9ff!important;text-align:left!important;font-size:clamp(13px,1.2vw,16px)!important;font-weight:850!important;letter-spacing:.01em!important;line-height:1.3!important;text-shadow:none!important;pointer-events:none!important}
.experience-alert-content{position:relative!important;min-height:0!important;display:grid!important;place-items:center!important;padding:clamp(18px,3vw,36px)!important;overflow:auto!important;background:radial-gradient(circle at 50% 42%,rgba(39,161,220,.10),transparent 48%),linear-gradient(180deg,rgba(2,11,20,.2),rgba(2,8,15,.55))!important}
.experience-alert-symbol{position:relative!important;z-index:2!important;font-size:clamp(56px,8vw,94px)!important;line-height:1!important;filter:drop-shadow(0 0 22px rgba(255,196,49,.26))!important;animation:cpAlertBell 1.15s cubic-bezier(.36,.07,.19,.97) 2!important;pointer-events:none!important}
.experience-alert-content #experienceAlertImage,.experience-alert-content #experienceAlertVideoPlayer{position:relative!important;inset:auto!important;z-index:2!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:calc(100vh - 210px)!important;object-fit:contain!important;border-radius:16px!important;background:#02070d!important;opacity:1!important;filter:none!important;pointer-events:auto!important;box-shadow:0 18px 56px rgba(0,0,0,.42)!important}
.experience-alert-content #experienceAlertVideoPlayer{width:min(100%,920px)!important}
.experience-alert-audio-stage{position:relative!important;z-index:2!important;width:min(680px,94%)!important;display:grid!important;place-items:center!important;gap:18px!important;padding:34px 24px!important;border:1px solid rgba(109,216,255,.18)!important;border-radius:20px!important;background:radial-gradient(circle at 50% 20%,rgba(48,182,235,.12),rgba(5,19,32,.86))!important;box-shadow:0 20px 60px rgba(0,0,0,.34)!important}
.experience-alert-audio-stage[hidden]{display:none!important}
.experience-alert-audio-icon{font-size:54px!important;filter:drop-shadow(0 0 20px rgba(81,208,255,.25))!important}
.experience-alert-video-overlay #experienceAlertAudioPlayer{position:relative!important;z-index:3!important;display:block!important;width:min(590px,100%)!important;max-width:100%!important;filter:none!important}
.experience-alert-video-overlay #experienceAlertAudioPlayer[hidden],.experience-alert-video-overlay #experienceAlertImage[hidden],.experience-alert-video-overlay #experienceAlertVideoPlayer[hidden],.experience-alert-video-overlay #experienceAlertSymbol[hidden]{display:none!important}
.experience-alert-video-caption{position:relative!important;z-index:4!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(760px,94%)!important;max-width:94%!important;margin-top:18px!important;padding:14px 18px!important;border:1px solid rgba(122,220,255,.18)!important;border-radius:14px!important;background:rgba(5,18,31,.88)!important;color:#f4fbff!important;font-size:clamp(15px,1.7vw,21px)!important;font-weight:800!important;line-height:1.45!important;text-align:center!important;white-space:pre-wrap!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important;pointer-events:none!important}
.experience-alert-video-caption[hidden]{display:none!important}
.experience-alert-overlay-close{position:absolute!important;z-index:20!important;top:11px!important;right:12px!important;left:auto!important;bottom:auto!important;transform:none!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border:1px solid rgba(139,221,255,.24)!important;border-radius:11px!important;background:rgba(7,23,38,.96)!important;color:#eafaff!important;font:900 24px/1 Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important;pointer-events:auto!important;touch-action:manipulation!important}
.experience-alert-overlay-close::before,.experience-alert-overlay-close::after{display:none!important;content:none!important}
.experience-alert-overlay-close:hover,.experience-alert-overlay-close:focus-visible{background:rgba(17,49,76,.98)!important;border-color:rgba(126,224,255,.52)!important;outline:none!important;box-shadow:0 0 0 3px rgba(67,203,255,.10)!important}
.experience-alert-play-fallback,.experience-media-play-fallback{position:relative;z-index:6;border:1px solid rgba(116,219,255,.30);border-radius:999px;background:rgba(9,31,50,.95);color:#effbff;font-weight:850;cursor:pointer;padding:10px 16px;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.experience-alert-play-fallback[hidden],.experience-media-play-fallback[hidden]{display:none!important}
.experience-alert-play-fallback{margin-top:16px!important}
.experience-media-play-fallback{margin:8px auto 0!important}
@media(max-width:640px){.experience-alert-video-overlay{padding:8px!important}.experience-alert-stage{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;max-height:calc(100vh - 16px)!important;border-radius:17px!important}.experience-alert-meta{min-height:54px!important;padding:10px 58px 10px 12px!important}.experience-alert-overlay-close{top:8px!important;right:8px!important}.experience-alert-content{padding:14px!important}.experience-alert-content #experienceAlertImage,.experience-alert-content #experienceAlertVideoPlayer{max-height:calc(100vh - 170px)!important}.experience-alert-video-caption{font-size:15px!important;margin-top:12px!important}}

/* V13 — confirmação simples antes de abrir o compartilhamento de tela. */
.experience-screen-share-confirm-card{width:min(390px,calc(100vw - 28px))!important;max-height:min(280px,calc(100vh - 28px))!important;height:auto!important;overflow:hidden!important}
.experience-screen-share-confirm-card>header{padding:16px 18px}
.experience-screen-share-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}
.experience-screen-share-confirm-actions button{min-height:42px}
@media(max-width:520px){.experience-screen-share-confirm-actions{grid-template-columns:1fr}}

/* ==========================================================
   R8 2026-08-24 — Experience Layer acompanha MODO CLARO
   Somente aparência; alertas/áudio/vídeo/comportamentos intactos.
   ========================================================== */
html[data-theme="light"]{
  --xp-panel:rgba(255,255,255,.96);--xp-line:rgba(92,122,153,.22);--xp-soft:rgba(37,99,235,.05);
}

/* Cabeçalho, controles e popovers. */
html[data-theme="light"] :is(.stark-head-icon,.stark-head-calendar,.stark-head-share-label,.experience-control-dock,.experience-control-dock>button,.experience-icon-button,.experience-zoom-controls button){
  background:#fff!important;color:#142033!important;border-color:#cfd8e5!important;
}
html[data-theme="light"] .experience-control-dock{box-shadow:0 12px 30px rgba(23,36,54,.16)!important}
html[data-theme="light"] .experience-zoom-controls b{color:#526176!important}
html[data-theme="light"] .experience-volume-popover{
  background:#fff!important;color:#142033!important;border-color:#d9e1eb!important;box-shadow:0 18px 45px rgba(23,36,54,.18)!important;
}
html[data-theme="light"] .experience-volume-popover-row>button{background:#f3f6fb!important;color:#142033!important;border-color:#d9e1eb!important}
html[data-theme="light"] .experience-volume-flash{background:#fff!important;color:#142033!important;border-color:#d9e1eb!important}

/* Gaveta de Momentos/Compartilhamentos: toda clara; mídia em si mantém fundo neutro escuro quando necessário. */
html[data-theme="light"] .experience-media-rail{
  background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(246,249,253,.985))!important;
  color:#142033!important;border-color:#d5dee9!important;box-shadow:0 24px 65px rgba(23,36,54,.18)!important;
}
html[data-theme="light"] .experience-media-rail>header,
html[data-theme="light"] .experience-media-volume{border-color:#e1e7ef!important;color:#526176!important}
html[data-theme="light"] .experience-media-rail header small,
html[data-theme="light"] .experience-media-card header small,
html[data-theme="light"] .experience-media-expiry{color:#66758b!important}
html[data-theme="light"] .experience-media-card{background:#fff!important;color:#142033!important;border-color:#d9e1eb!important;box-shadow:0 5px 14px rgba(23,36,54,.05)}
html[data-theme="light"] .experience-media-caption{color:#142033!important}
html[data-theme="light"] .experience-media-placeholder{color:#66758b!important}
html[data-theme="light"] .experience-media-placeholder strong{color:#142033!important}
html[data-theme="light"] .experience-media-hide{color:#66758b!important}
html[data-theme="light"] .experience-media-drawer-handle{
  background:#fff!important;color:#334155!important;border-color:#cfd8e5!important;box-shadow:0 10px 24px rgba(23,36,54,.16)!important;
}
html[data-theme="light"] .experience-media-drawer-handle.open{background:#eef2f7!important}
html[data-theme="light"] .experience-share-side-note{background:#f0f9ff!important;color:#426477!important;border-color:#d7edf8!important}

/* Modais do Experience Layer. */
html[data-theme="light"] .experience-modal{background:rgba(25,35,50,.36)!important}
html[data-theme="light"] .experience-modal-card,
html[data-theme="light"] .experience-effect-preview-modal>section{
  background:#fff!important;color:#142033!important;border-color:#d9e1eb!important;box-shadow:0 26px 70px rgba(23,36,54,.22)!important;
}
html[data-theme="light"] .experience-modal-card>header{border-color:#e1e7ef!important}
html[data-theme="light"] .experience-modal-card header p{color:#66758b!important}
html[data-theme="light"] .experience-modal-card header button,
html[data-theme="light"] .experience-effect-preview-modal header button{background:#f7f9fc!important;color:#142033!important;border-color:#d9e1eb!important}
html[data-theme="light"] .experience-drop-zone{background:#f8fbff!important;color:#142033!important;border-color:#b8d7e8!important}
html[data-theme="light"] .experience-drop-zone span,
html[data-theme="light"] .experience-drop-zone small{color:#66758b!important}
html[data-theme="light"] .experience-recipient-list label,
html[data-theme="light"] .experience-alert-list button,
html[data-theme="light"] .experience-alert-recipient-list label{background:#f8fafc!important;color:#142033!important;border-color:#d9e1eb!important}
html[data-theme="light"] .experience-alert-list button:hover{background:#eef6ff!important}

/* Configurações, financeiro, limpeza e relatórios que ainda tinham fundos fixos escuros. */
html[data-theme="light"] .settings-tabs{background:#eef2f7!important;border-color:#d7e0eb!important}
html[data-theme="light"] .settings-tabs button{color:#526176!important}
html[data-theme="light"] .settings-tabs button.active{color:#fff!important}
html[data-theme="light"] :is(.finance-summary-card,.attendant-finance-card,.attendant-report-kpis article,.settlement-rule,.settlement-summary-step,.settlement-summary-final,.cleanup-overview article,#attendantFinanceForm,.settlement-recipient-breakdown li){
  background:#fff!important;color:#142033!important;border-color:#d9e1eb!important;
}
html[data-theme="light"] :is(.finance-entry,.settlement-history-card,.asset-group){background:#f8fafc!important;color:#142033!important;border-color:#dfe6ef!important}
html[data-theme="light"] .settlement-history-card .history-values span{background:#eef2f7!important}
html[data-theme="light"] .settlement-history-card li,
html[data-theme="light"] .settlement-history-card li b,
html[data-theme="light"] .settlement-recipient-breakdown li span strong{color:#142033!important}
html[data-theme="light"] .settlement-recipient-breakdown li span small{color:#66758b!important}
html[data-theme="light"] .admin-qualification-buttons .qualification-button{background:#fff!important;color:#142033!important;border-color:#d9e1eb!important}
html[data-theme="light"] .site-metric-popover{background:#fff!important;color:#142033!important;border-color:#d9e1eb!important;box-shadow:0 18px 45px rgba(23,36,54,.18)!important}

/* Zoom de relatórios também obedece ao tema. */
html[data-theme="light"] .report-group-zoomed,
html[data-theme="light"] .ui-panel-zoomed{background:#f3f6fb!important;color:#142033!important;border-color:#d9e1eb!important}
html[data-theme="light"] .report-group-zoomed .report-chart-card{background:#fff!important;color:#142033!important;border-color:#d9e1eb!important}

/* Pré-visualizações e campos — containers claros, mídia pode continuar preta para preservar imagem/vídeo. */
html[data-theme="light"] .experience-effect-preview-modal{background:rgba(25,35,50,.36)!important}
html[data-theme="light"] .experience-alert-preview,
html[data-theme="light"] .experience-alert-caption-wrap,
html[data-theme="light"] .experience-alert-upload,
html[data-theme="light"] .experience-alert-file-picker,
html[data-theme="light"] .experience-alert-selected-name{background:#f7f9fc!important;color:#142033!important;border-color:#d9e1eb!important}
html[data-theme="light"] .experience-alert-caption-wrap textarea{background:#fff!important;color:#142033!important;border-color:#cfd8e5!important}

/* O alerta recebido continua com contraste próprio por ser um aviso fullscreen. */

/* R9 — telefone e cartões de ficha no modo claro (experience.css carrega após app.css). */
html[data-theme="light"] .admin-phones-card,
html[data-theme="light"] .attendant-phones-card{
  background:#f8fafc!important;color:#142033!important;border-color:#d9e1eb!important;
}
html[data-theme="light"] .admin-phone-item .phone-copy,
html[data-theme="light"] .attendant-phone-item .phone-copy,
html[data-theme="light"] .admin-phone-item .phone-copy:hover,
html[data-theme="light"] .attendant-phone-item .phone-copy:hover,
html[data-theme="light"] .admin-phone-item .phone-copy:focus,
html[data-theme="light"] .attendant-phone-item .phone-copy:focus,
html[data-theme="light"] .admin-phone-item .phone-copy:active,
html[data-theme="light"] .attendant-phone-item .phone-copy:active{
  background:#eef2f7!important;color:#142033!important;border-color:#cfd8e5!important;box-shadow:none!important;
}
html[data-theme="light"] .admin-phone-item .phone-copy strong,
html[data-theme="light"] .attendant-phone-item .phone-copy strong{color:#142033!important}
html[data-theme="light"] .admin-phone-item.verified .phone-copy,
html[data-theme="light"] .attendant-phone-item.verified .phone-copy{background:#ecfdf3!important;color:#166534!important;border-color:#86efac!important}
html[data-theme="light"] .admin-phone-item.verified .phone-copy strong,
html[data-theme="light"] .attendant-phone-item.verified .phone-copy strong{color:#166534!important}
html[data-theme="light"] .phone-delete-button{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}

/* R10 — atendente pode adicionar telefone confirmado na própria ficha */
.attendant-add-phone{display:flex!important;gap:8px!important;align-items:center!important;margin-top:10px!important;width:100%!important}
.attendant-add-phone input{flex:1 1 auto!important;min-width:0!important;min-height:38px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--panel-2)!important;color:var(--text)!important;padding:8px 10px!important}
.attendant-add-phone .ghost-button{flex:0 0 auto!important;min-height:38px!important;white-space:nowrap!important}
.phone-empty-state{grid-column:1/-1;color:var(--muted);font-size:10px;padding:8px 2px}
html[data-theme="light"] .attendant-add-phone input{background:#fff!important;color:#142033!important;border-color:#d8e1ec!important}
html[data-theme="light"] .attendant-add-phone input::placeholder{color:#8290a3!important}
html[data-theme="light"] .attendant-add-phone .ghost-button{background:#f8fafc!important;color:#28384d!important;border-color:#d7e0eb!important}
@media(max-width:600px){.attendant-add-phone{align-items:stretch!important;flex-direction:column!important}.attendant-add-phone .ghost-button{width:100%!important}}

/* ==========================================================
   R16 2026-08-24 — alerta fullscreen no padrão do Porcão
   ========================================================== */
.experience-alert-video-overlay{
  padding:0!important;
  background:#020912!important;
}
.experience-alert-video-shade{
  background:radial-gradient(circle at 50% 42%,rgba(16,86,122,.18),rgba(1,7,13,.90) 72%)!important;
  backdrop-filter:blur(5px) saturate(.9)!important;
}
.experience-alert-stage{
  position:absolute!important;inset:0!important;
  width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;overflow:hidden!important;
  display:block!important;
}
.experience-alert-meta{
  position:absolute!important;top:clamp(12px,2.2vh,24px)!important;left:clamp(12px,2vw,26px)!important;
  right:auto!important;z-index:30!important;width:auto!important;max-width:calc(100vw - 90px)!important;
  min-height:44px!important;padding:8px 14px 8px 9px!important;
  border:1px solid rgba(139,221,255,.20)!important;border-radius:14px!important;
  background:rgba(4,17,29,.76)!important;backdrop-filter:blur(15px)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.22)!important;
}
.experience-alert-meta-icon{width:30px!important;height:30px!important;flex-basis:30px!important;border-radius:9px!important}
.experience-alert-title{font-size:clamp(12px,1.1vw,15px)!important;color:#edfaff!important;white-space:normal!important}
.experience-alert-content{
  position:absolute!important;inset:0!important;z-index:2!important;
  display:grid!important;place-items:center!important;align-content:center!important;
  padding:clamp(72px,9vh,94px) clamp(14px,3vw,42px) clamp(28px,5vh,54px)!important;
  overflow:hidden!important;background:transparent!important;
}
.experience-alert-content #experienceAlertImage,
.experience-alert-content #experienceAlertVideoPlayer{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;pointer-events:auto!important;
}
.experience-alert-content #experienceAlertVideoPlayer{background:#020912!important}
.experience-alert-audio-stage{
  width:min(760px,90vw)!important;max-width:90vw!important;padding:30px 24px!important;
  border-radius:22px!important;background:rgba(5,20,34,.88)!important;backdrop-filter:blur(12px)!important;
}
.experience-alert-symbol{font-size:clamp(66px,11vw,150px)!important}
.experience-alert-video-caption{
  position:absolute!important;left:50%!important;bottom:clamp(24px,4.5vh,52px)!important;
  transform:translateX(-50%)!important;width:auto!important;max-width:min(900px,88vw)!important;
  margin:0!important;padding:12px 18px!important;border-radius:16px!important;
  background:rgba(4,17,29,.78)!important;backdrop-filter:blur(14px)!important;
  font-size:clamp(14px,1.6vw,21px)!important;box-shadow:0 12px 38px rgba(0,0,0,.24)!important;
}
.experience-alert-overlay-close{
  top:clamp(12px,2.2vh,24px)!important;right:clamp(12px,2vw,26px)!important;
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  border-radius:13px!important;background:rgba(4,17,29,.82)!important;backdrop-filter:blur(14px)!important;
}
.experience-alert-media-error{
  position:relative;z-index:12;max-width:min(620px,88vw);padding:14px 18px;
  border:1px solid rgba(251,113,133,.40);border-radius:14px;
  background:rgba(75,12,25,.84);color:#fff1f2;font-size:clamp(13px,1.4vw,17px);
  font-weight:800;line-height:1.4;text-align:center;box-shadow:0 16px 50px rgba(0,0,0,.36);
}
.experience-alert-media-error[hidden]{display:none!important}
.experience-alert-play-fallback{position:absolute!important;left:50%!important;bottom:clamp(26px,5vh,58px)!important;transform:translateX(-50%)!important;margin:0!important}
@media(max-width:640px){
  .experience-alert-content{padding:66px 10px 18px!important}
  .experience-alert-meta{max-width:calc(100vw - 72px)!important}
  .experience-alert-video-caption{bottom:18px!important;max-width:92vw!important;font-size:14px!important}
  .experience-alert-play-fallback{bottom:20px!important}
}

.attendant-live-record.is-open-now{border-color:#22c55e!important;background:rgba(34,197,94,.20)!important;box-shadow:0 0 0 1px rgba(34,197,94,.38),0 0 24px rgba(34,197,94,.12)!important}