.scFieldFilled{animation:scFieldFlash 1.6s ease !important;}
@keyframes scFieldFlash{0%{background:#0f9d58 !important;box-shadow:0 0 0 3px rgba(15,157,88,.35);color:#fff !important;}70%{background:#0f9d58 !important;box-shadow:0 0 0 3px rgba(15,157,88,.35);color:#fff !important;}100%{background:var(--bg2) !important;box-shadow:0 0 0 0 rgba(15,157,88,0);}}
:root{
  --bg:#0a0b0d; --bg2:#111318; --card:#15171c;
  --border:#242730; --border-hi:#33373f;
  --ink:#eef0f2; --ink-dim:#9198a3; --ink-faint:#5c6270;
  --accent:#00f0b4; --accent-dim:#0a4c3e;
  --mono:'JetBrains Mono', monospace; --sans:'Space Grotesk', sans-serif; --sans-ui:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
/* chrome do app (login, registro, painel, onboarding) — claro, igual ao site institucional.
   Perfis públicos (/artista) NÃO usam essa classe: mantêm o tema escolhido pelo artista. */
body.appChrome{
  --bg:#f2f0ea; --bg2:#ffffff; --card:#ffffff; --card-hover:#fff9f2;
  --border:#161512; --border-hi:#161512;
  --ink:#161512; --ink-dim:#5c584f; --ink-faint:#8a8578;
  --accent:#2665d6; --accent-dim:#e4ecfa;
  --mono:'Inter', sans-serif; --sans:'Inter', sans-serif; --sans-ui:'Inter', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
body.appChrome ::selection{background:var(--accent);color:#fff;}
body.appChrome button, body.appChrome .btn{color:#fff;font-size:12.5px;}
body.appChrome .resetColorBtn{color:#ffff !important;background:#474747;}
body.appChrome .resetColorBtn:hover{color:#fff;}
body.appChrome .btn.danger{color:#c0392b;}
body.appChrome .card, body.appChrome input, body.appChrome textarea, body.appChrome select,
body.appChrome .pageRow, body.appChrome .linkRow, body.appChrome .blockRow, body.appChrome .themeCard, body.appChrome .socialPick,
body.appChrome .previewFrame, body.appChrome .stepTab, body.appChrome .resetColorBtn{border-radius:0 !important;}
body.appChrome .formatSwatchItem, body.appChrome .themeSwatchItem{border-radius:14px !important;}
body.appChrome .themeSwatch, body.appChrome .themeSwatch i{border-radius:0 !important;}
body.appChrome .themeSwatch i:first-child{border-top-left-radius:8px !important;}
body.appChrome .themeSwatch i:nth-child(2){border-top-right-radius:8px !important;}
body.appChrome .themeSwatch i:nth-last-child(2){border-bottom-left-radius:8px !important;}
body.appChrome .themeSwatch i:last-child{border-bottom-right-radius:8px !important;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#0a0b0d;}
html:has(body.appChrome){background:#f2f0ea;}
html.dark-theme:has(body.appChrome){background:#080809;}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans-ui);-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:640px;margin:0 auto;padding:60px 20px;}
.logo{font-family:var(--mono);font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;margin-bottom:40px;}
.logo .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);}

.aiMagicRow{display:flex;justify-content:flex-end;margin-bottom:16px;}

/* ===== tema escuro (opt-in, persistido em localStorage) ===== */
html.dark-theme body.appChrome{
  --bg:#19191c; --bg2:#111114; --card:#26272c; --card-hover:#2e2f35;
  --border:#26282d; --border-hi:#26282d;
  --ink:#e4e5e9; --ink-dim:#9a9ea6; --ink-faint:#71767f;
  --accent:#0d47c0; --accent-dim:#1b2a4a;
  --mono:'Inter', sans-serif; --sans:'Inter', sans-serif; --sans-ui:'Inter', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
html.dark-theme body.appChrome{background:var(--bg);}
html.dark-theme{background:#19191c;}
html.dark-theme body.appChrome .appHeader,
html.dark-theme body.dashSidebarLayout .dashCard,
html.dark-theme body.dashSidebarLayout .dashStatCard,
html.dark-theme body.dashSidebarLayout .dashCatalogTile,
html.dark-theme body.dashSidebarLayout .dashCatalogTile.tabTile,
html.dark-theme body.dashSidebarLayout .billingPlanCard,
html.dark-theme .dashHero, html.dark-theme .dashIaCard, html.dark-theme .dashDatePill,
html.dark-theme .aiCreateConfirmCard, html.dark-theme .notifPanel, html.dark-theme .notifItem,
html.dark-theme .notifPanelFoot, html.dark-theme .notifMailLayout,
html.dark-theme .accountSidebarLink:hover, html.dark-theme .dashSidebarCollapseBtn,
html.dark-theme .dashMobileMenuBtn, html.dark-theme .weekNavBtn, html.dark-theme .dashNextShowDetailsBtn,
html.dark-theme .googleAuthBtn, html.dark-theme .dashFieldsetInner, html.dark-theme .dashTwoCol .dashFieldsetFoot,
html.dark-theme .dashThreeCol .dashFieldsetFoot{
  background:#202020 !important; border-color:var(--border-hi) !important; color:var(--ink); border-radius:9px !important;
}
html.dark-theme .notifMailList{background:var(--bg2) !important;border-color:var(--border-hi) !important;}
html.dark-theme .notifMailDetail{background:#111114 !important;border-color:var(--border-hi) !important;}
html.dark-theme .notifMailRow{border-color:var(--border-hi) !important;}
html.dark-theme .notifMailRow:hover, html.dark-theme .notifMailRow.active{background:var(--card) !important;}
html.dark-theme .notifSmartBlock, html.dark-theme .notifCaptionBox{background:var(--bg2) !important;border-color:var(--border-hi) !important;}
html.dark-theme .notifItem:hover{background:var(--card-hover) !important;}
html.dark-theme body.appChrome input, html.dark-theme body.appChrome textarea, html.dark-theme body.appChrome select,
html.dark-theme .field input, html.dark-theme .field textarea, html.dark-theme .field select{
  background-color:#090a0b !important; border:1px solid #2b2d32 !important; color:var(--ink) !important; font-family:var(--sans-ui) !important;
}
html.dark-theme input[type="date"]::-webkit-calendar-picker-indicator,
html.dark-theme input[type="time"]::-webkit-calendar-picker-indicator,
html.dark-theme input[type="datetime-local"]::-webkit-calendar-picker-indicator{
  filter:none;
  cursor:pointer;
}
body.appChrome select{padding-right:32px !important;}
html.dark-theme body.appChrome select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  background-size:14px !important;
}
html.dark-theme .profileFieldset, html.dark-theme .stepPanel, html.dark-theme .previewFrame, html.dark-theme .card{
  border-color:var(--border-hi) !important;
}
html.dark-theme .hirerDialogOverlay .agendaDayModalCard, html.dark-theme .fileDropzone{
  background:#141416 !important; border-color:var(--border-hi) !important;
}
html.dark-theme .dashFooterBtn{background:rgba(255,255,255,.08);}
html.dark-theme .appSuperBtn{background:#26272c !important;border-color:#26272c !important;color:#c7c9d1 !important;}
html.dark-theme .appSuperBtn:hover{background:var(--accent) !important;border-color:var(--accent) ;color:#fff !important;}
html.dark-theme .appLogoutBtn{color:var(--ink-dim) !important;background:#26272c !important;border-color:#26272c !important;}
html.dark-theme #dashCollapseToggleBtn{background:#26272c !important;border-color:#26272c !important;color:#c7c9d1 !important;}
html.dark-theme .appHeader{border-bottom:0 !important;}
html.dark-theme .appHeaderInner{background:#191919;position:sticky;top:0;z-index:40;}
html.dark-theme .notifBellBtn{background:#26272c !important;border-color:#26272c !important;color:#c7c9d1 !important;}
html.dark-theme .notifBellBadge{background:#e0473c !important;border:2px solid #26272c !important;}
html.dark-theme .notifBellBtn:hover{background:var(--accent) !important;border-color:var(--accent) ;color:#fff !important;}
html.dark-theme #darkThemeToggleBtn{background:#26272c !important;border-color:#26272c !important;color:#c7c9d1 !important;}
html.dark-theme #profileSwitcherBtnTop{background:var(--accent) !important;border-color:var(--accent) ;color:#fff !important;}
html.dark-theme .notifPanel, html.dark-theme .accountPanel{background:#141416 !important;border-color:var(--border-hi) !important;}
html.dark-theme .agendaDayModal .agendaDayModalCard{background:#141416 !important;}
html.dark-theme .notifPanelHead{background:#141416 !important;color:var(--ink) !important;}
html.dark-theme .notifItem{background:#141416 !important;}
html.dark-theme .notifPanelFoot{background:#141416 !important;}
html.dark-theme .appHeaderSearchPopup{background:#141416 !important;}
html.dark-theme .notifPanelHead, html.dark-theme .accountPanelHead{border-color:var(--border-hi) !important;}
html.dark-theme .notifItem, html.dark-theme .accountPanelItem{color:var(--ink) !important;border-color:var(--border-hi) !important;}
html.dark-theme .notifItem:hover, html.dark-theme .accountPanelItem:hover{background:var(--card-hover) !important;}
html.dark-theme .notifItemBody{color:var(--ink-dim) !important;}
html.dark-theme .notifEmptyPanel svg{stroke:var(--accent) !important;}
html.dark-theme .notifPanelHead{background:#141416 !important;color:var(--ink) !important;}
html.dark-theme .notifPanelHead span:first-child{color:var(--ink) !important;}
html.dark-theme .notifCountChip{background:var(--card-hover) !important;color:var(--ink-dim) !important;}
html.dark-theme .notifItemTitle{color:var(--ink) !important;}
html.dark-theme .notifItemTime{color:var(--ink-faint) !important;}
html.dark-theme .accountPanelItem svg{color:var(--ink-dim) !important;}
html.dark-theme .notifItemIcon{background:#26272c !important;}
html.dark-theme .appHeaderRight .appSuperBtn, html.dark-theme .appHeaderRight .appSuperBtn svg{color:#c7c9d1 !important;stroke:#c7c9d1 !important;}
html.dark-theme #darkThemeToggleBtn:hover{background:var(--accent) !important;border-color:var(--accent) ;color:#fff !important;}
html.dark-theme .appHeaderSearch input{background:var(--card) !important;border-color:var(--border-hi) !important;color:var(--ink) !important;}
html.dark-theme .appHeaderSearch svg{color:var(--ink-faint) !important;}
html.dark-theme .dashIaBeta{background:#2a2340;color:#8ab4ff;}
html.dark-theme .dashIaCreateBtn, html.dark-theme .dashIaGhostBtn, html.dark-theme .dashIaCta, html.dark-theme .dashIaFooterBtn{background:var(--bg2) !important;border-color:var(--border-hi) !important;color:var(--ink) !important;}
html.dark-theme .dashIaItem{background:none !important;}
html.dark-theme .dashIaIcon.amber{background:#3a2c1a;color:#e0a05a !important;}
html.dark-theme .dashIaIcon.green{background:#193627;color:#3fcf8e !important;}
html.dark-theme .dashIaIcon.blue{background:#1b2a4a;color:#5b8def !important;}
html.dark-theme .dashIaIcon.purple{background:#2a2340;color:#a78bfa !important;}
html.dark-theme .dashIaIcon{border:0 !important;}
html.dark-theme .dashIaBody{
  background:var(--bg2);border-radius:8px;padding:14px;margin:0 !important;flex:1;display:flex;flex-direction:column;gap:0;
}
html.dark-theme .dashIaItem{border-bottom:1px solid #26282d !important;padding:12px 0 !important;}
html.dark-theme .dashIaItem:last-child{border-bottom:0 !important;}
html.dark-theme .dashIaItem b{font-family:var(--sans-ui) !important;font-size:14px !important;}
html.dark-theme .dashIaItem small{font-family:var(--sans-ui) !important;font-size:13px !important;}
html.dark-theme .dashIaCta{margin-bottom:14px;}
html.dark-theme .dashIaCtaBottom{background:#133578 !important;color:#c0d0ef !important;margin-bottom:0;border-radius:30px !important;padding-left:25px !important;justify-content:center;}
html.dark-theme .dashIaCtaBottom small{color:#c0d0ef;}
html.dark-theme .hot-toggle{border-bottom:1px solid #2d2f34 !important;font-size:12px !important;}
html.dark-theme .dashIaCard, html.dark-theme .dashChecklistTopCard{align-self:stretch !important;height:100%;}
html.dark-theme .dashChecklistTopCard #dashTodoList{min-height:250px;}
html.dark-theme .dashIaIcon{background:#262832 !important;border:1px solid var(--border-hi);color:#8ab4ff !important;}
html.dark-theme .dashCard{padding:6px !important;display:flex;flex-direction:column;}
html.dark-theme .dashCard > .dashCardHead{padding:12px 6px !important;min-height:37px;height:38px;box-sizing:border-box;display:flex !important;align-items:center !important;margin-bottom:0 !important;}
html.dark-theme .dashCard > .dashCardBody2{background:var(--bg2);border-radius:8px;padding:12px;margin:0 !important;flex:1;}
html.dark-theme .dashCard > .dashCardFoot{background:var(--bg2);border-radius:8px;padding:10px;margin:8px 0 0 !important;border:0 !important;display:flex;}
html.dark-theme .dashChecklistTopCard .dashCardBody2, html.dark-theme .dashMidRow3 .dashCardBody2{background:var(--bg2);border-radius:8px;padding:12px;margin:0 0 8px !important;flex:1;}
html.dark-theme .dashChecklistTopCard .dashFilterRow, html.dark-theme .dashMidRow3 .dashFilterRow{background:var(--bg) !important;margin:0 0 10px !important;}
html.dark-theme #dashTodoList, html.dark-theme .dashMidRow3 .dashCardBody{background:none !important;padding:0 !important;}
html.dark-theme .dashMidRow3 .dashCard{padding:6px !important;display:flex;flex-direction:column;}
html.dark-theme .dashMidRow3 .dashCardHead{padding:0 6px !important;min-height:40px;height:40px;box-sizing:border-box;display:flex !important;align-items:center !important;margin-bottom:0 !important;}
html.dark-theme .dashMidRow3 .dashCardFoot{background:var(--bg2);border-radius:8px;padding:10px;margin:0 !important;border:0 !important;display:flex;}
html.dark-theme .dashChecklistTopCard .dashCardFoot{background:var(--bg2);border-radius:8px;padding:10px;margin:0 !important;border:0 !important;}
html.dark-theme #dashTodoForm{background:none !important;}
html.dark-theme #dashTeamForm input, html.dark-theme #dashTodoForm input{background:#0a0a0b !important;border:0 !important;}
html.dark-theme body.appChrome input, html.dark-theme body.appChrome textarea, html.dark-theme body.appChrome select{background-color:#090a0b !important;border:1px solid #2b2d32 !important;}
html.dark-theme #dashTodoForm .dashIndexBtn{border-radius:5px !important;width:35px;flex:none;font-size:16px;}
html.dark-theme #dashTodoList .btn.danger,html.dark-theme .teamMemberRow .btn.danger{background:#3a1f1f !important;color:#ff8a8a !important;border-color:#5c2a2a !important;}
html.dark-theme .dashFilterRow{background:var(--bg) !important;}
html.dark-theme .dashMidRow3 .dashFilterRow{background:#29292b !important;}
html.dark-theme .dashStatCard{background:var(--card) !important;border-radius:10px !important;padding:6px !important;border:0 !important;}
html.dark-theme .dashStatCard > *{background:var(--card);border:1px solid var(--border-hi);border-radius:8px;padding:16px;}
html.dark-theme body.dashSidebarLayout .dashSidebar{background:#18181a;border-right-color:#2c2c2b;}
html.dark-theme body.dashSidebarLayout .dashSidebarLink.active{background:#363637;color:#fff;}
html.dark-theme body.dashSidebarLayout .dashSidebarLink.active svg{color:#fff;}
html.dark-theme body.dashSidebarLayout .dashSidebarPlan{background:var(--bg2);border-color:var(--border-hi);}
html.dark-theme .dashSidebarCollapseBtn{background:var(--card);border-color:var(--border-hi);}
html.dark-theme .appHeader{border-bottom-color:var(--border-hi);}
html.dark-theme .dashHeroBtnPrimary, html.dark-theme .notifMarkAllPillBtn:hover, html.dark-theme .btn:not(.ghost):not(.danger){
  background:var(--accent) !important; color:#fff !important; border-radius:5px;
}
html.dark-theme .dashFooterBtn:hover{background:rgb(228 228 228 / 8%) !important; color:#fff !important;}
html.dark-theme .dashPeriodCard .dashPeriodGrid{gap:6px;}
html.dark-theme .dashIaCard, html.dark-theme .dashChecklistTopCard, html.dark-theme .weekAgendaCard,
html.dark-theme .dashNextShowCard, html.dark-theme .dashTwoCol > .dashCard, html.dark-theme .dashPeriodCard{padding:6px !important;display:flex !important;flex-direction:column;}
html.dark-theme .dashPeriodCard .dashCardHead{padding:0 6px !important;min-height:30px;height:30px;}
html.dark-theme .dashIaCard .dashCardHead, html.dark-theme .dashIaHead,
html.dark-theme .dashChecklistTopCard .dashCardHead, html.dark-theme .weekAgendaHead,
html.dark-theme .dashNextShowCard .dashCardHead, html.dark-theme .dashTwoCol > .dashCard > .dashCardHead,
html.dark-theme .dashPeriodCard .dashCardHead, html.dark-theme .weekAgendaHead{
  padding:0 6px !important;min-height:30px;height:30px;box-sizing:border-box;display:flex !important;align-items:center !important;margin-bottom:6px !important;
}
html.dark-theme .dashCardLabel, html.dark-theme .dashNextShowBigTitle, html.dark-theme .weekAgendaHeadTitle{
  color:var(--ink) !important;display:flex !important;align-items:center !important;line-height:16px;height:16px;
}
html.dark-theme .dashCardLabel svg, html.dark-theme .dashNextShowBigTitle svg, html.dark-theme .weekAgendaHeadTitle svg{
  color:var(--ink-dim) !important;display:block;width:16px !important;height:16px !important;flex:none;
}
html.dark-theme .weekAgendaGrid,
html.dark-theme .dashNextShowInner2, html.dark-theme .dashNextShowMetaRow, html.dark-theme .dashNextShowPrep, html.dark-theme .dashNextShowTags,
html.dark-theme .dashTwoCol > .dashCard .dashFilterRow, html.dark-theme .dashTwoCol > .dashCard .pagesGrid,
html.dark-theme .dashTwoCol > .dashCard #teamList, html.dark-theme .dashTwoCol > .dashCard #teamForm,
html.dark-theme #activityList, html.dark-theme .dashPeriodGridWrap, html.dark-theme .dashCardBody{
  background:var(--bg2);border-radius:8px;padding:12px;margin:0 !important;flex:1;
}
html.dark-theme .dashIaSub, html.dark-theme .dashChecklistTopCard > p.hint{padding:0 8px;}
html.dark-theme .dashPeriodItem{background:var(--bg2) !important;border:1px solid var(--border-hi) !important;border-radius:10px !important;}
html.dark-theme .dashPeriodItem.blue{background:linear-gradient(180deg,#1b2a4a,var(--bg2) 65%) !important;}
html.dark-theme .dashPeriodItem.amber{background:linear-gradient(180deg,#3a2c1a,var(--bg2) 65%) !important;}
html.dark-theme .dashPeriodItem.green{background:linear-gradient(180deg,#193627,var(--bg2) 65%) !important;}
html.dark-theme .dashPeriodItem.purple{background:linear-gradient(180deg,#2a2340,var(--bg2) 65%) !important;}
html.dark-theme .dashPeriodIcon.blue{background:#1b2a4a !important;color:#5b8def !important;}
html.dark-theme .dashPeriodIcon.amber{background:#3a2c1a !important;color:#e0a05a !important;}
html.dark-theme .dashPeriodIcon.green{background:#193627 !important;color:#3fcf8e !important;}
html.dark-theme .dashPeriodIcon.purple{background:#2a2340 !important;color:#a78bfa !important;}
html.dark-theme .weekDayCol{border-right-color:var(--border-hi) !important;}
@media (max-width:640px){html.dark-theme .weekDayCol{border-bottom:1px solid #26282d;}}
html.dark-theme .weekAgendaGrid, html.dark-theme .weekAgendaHead{border-color:var(--border-hi) !important;}
html.dark-theme .weekRangePill{background:var(--card) !important;border-color:var(--border-hi) !important;color:var(--ink) !important;border-radius:9px !important;}
html.dark-theme .dashSectionHead, html.dark-theme .dashCardHead, html.dark-theme .dashFieldsetFoot,
html.dark-theme .notifMailDetailHead{border-color:var(--border-hi) !important;}
html.dark-theme .btn.ghost{background:#161616 !important;color:var(--ink) !important;border-color:#3e3e40 !important;}
html.dark-theme .commFeedbackRow .btn.ghost{background:#173d31 !important;border-color:#365048 !important;}
html.dark-theme .kanbanNote{background:#26241a !important;border-color:#4a4326 !important;color:#e6d98a !important;}
html.dark-theme .kanbanNote button{color:#e6d98a !important;}
html.dark-theme .dashFooterBtn{background:rgba(255,255,255,.08) !important;}
html.dark-theme .pageCard, html.dark-theme .pageCardChoice, html.dark-theme .teamRow,
html.dark-theme .weekDayItem, html.dark-theme .dashChecklistItem, html.dark-theme .dashIndexRow{border-bottom-color:#26282d !important;}
html.dark-theme .pageCard{background:#161719 !important;border:1px solid #2d2e34 !important;}
html.dark-theme .hot-toggle{border-bottom:0 !important;}
html.dark-theme .aiMagicBtn{background:#262832 !important;border-color:#262832 !important;color:#c7c9d1 !important;}
html.dark-theme .aiMagicBtn:hover{background:var(--accent) !important;border-color:var(--accent) ;color:#fff !important;}
html.dark-theme .aiMagicBtn.success{background:#158d74 !important;border-color:#158d74 !important;color:#fff !important;}
html.dark-theme .aiMagicBtn.error{background:#8d2f2f !important;border-color:#8d2f2f !important;color:#fff !important;}
html.dark-theme .accountInfoRow{border-bottom-color:#26282d !important;}
html.dark-theme .agendaCalCell{border-color:#26282d !important;background:#202020 !important;}
html.dark-theme .agendaCalCell.isToday{background:#111521 !important;}
html.dark-theme .dashIndexBtn.danger{color:#ff8a80 !important;border-color:#5c2320 !important;background:#2b1412 !important;}
html.dark-theme .dashIndexBtn.danger:hover{background:#b3261e !important;color:#fff !important;}
html.dark-theme .dashIndexType{border-color:var(--border-hi) !important;color:var(--ink-dim) !important;}
html.dark-theme .dashIndexType[style*="color:#7a4fd6"]{color:#b79bf0 !important;border-color:#5a3d99 !important;}
.saSubsMuted a{color:#5a90ff;}
html.dark-theme .dashIndexType[style*="color:#127a64"]{color:#3fcf8e !important;border-color:#0f5c47 !important;}
html.dark-theme .dashIndexType[style*="color:#c0392b"]{color:#ff8a80 !important;border-color:#5c2320 !important;}
html.dark-theme .dashIndexType[style*="color:#2665d6"]{color:#7aa8f5 !important;border-color:#1b3a70 !important;}
html.dark-theme .dashIndexType[style*="color:#8a8578"]{color:var(--ink-faint) !important;border-color:var(--border-hi) !important;}
.saSubsTable{width:100%;border-collapse:collapse;font-size:13.5px;}
.saSubsTable thead th{text-align:left;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--border-hi);}
.saSubsTable tbody td{padding:14px 12px;border-bottom:1px solid var(--border-hi);color:var(--ink);}
.saSubsTable tbody tr:last-child td{border-bottom:0;}
.saSubsMuted{color:var(--ink-dim);}
.saSubsStatus{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:3px 10px;border-radius:100px;background:var(--bg2);color:var(--ink-dim);border:1px solid var(--border-hi);}
.saSubsStatus-active{background:var(--accent);color:#fff;border-color:var(--accent);}
.saSubsStatus-pending{background:var(--bg2);color:var(--ink-dim);}
.saSubsStatus-overdue{background:#3a2c0f;color:#e0a05a;border-color:#5c3d14;}
.saSubsStatus-canceled{background:var(--bg2);color:var(--ink-faint);}
.saSearchFixedTable{table-layout:fixed;}
.saSearchTrunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.saSubsTable tbody tr:hover td{background:var(--card-hover);}
html.dark-theme .saSubsTable tbody tr:hover td{background:none !important;}
.saSubsMuted a{color:#fff;}
.saSubsMuted a svg{width:11px;height:11px;margin-left:3px;vertical-align:-1px;}
html.dark-theme .saSubsTable thead th{border-color:var(--border-hi) !important;}
html.dark-theme .saSubsTable tbody td{border-color:var(--border-hi) !important;}
html.dark-theme .agendaCalEvent.confirmado{background:#123d33 !important;color:#4be3b8 !important;}
html.dark-theme .agendaCalEvent.neg{background:#3a2c0f !important;color:#e0a05a !important;}
html.dark-theme .agendaCalEvent.orange{background:#3a2410 !important;color:#e8874a !important;}
html.dark-theme .agendaCalEvent.green{background:#0f3320 !important;color:#4be08a !important;}
html.dark-theme .agendaCalEvent.blue{background:#132a52 !important;color:#7aa8f5 !important;}
html.dark-theme .agendaCalEvent.pink{background:#3a1c30 !important;color:#e884c8 !important;}
html.dark-theme .agendaCalEvent.indigo{background:#241d47 !important;color:#a29bef !important;}
html.dark-theme .agendaCalEvent.teal{background:#123d33 !important;color:#4be3b8 !important;}
html.dark-theme .agendaCalEvent.amber{background:#3a2410 !important;color:#e8874a !important;}
html.dark-theme .agendaCalEvent.purple{background:#2a2340 !important;color:#a78bfa !important;}
html.dark-theme .agendaCalEvent.red{background:#3a1f1f !important;color:#ff8a8a !important;}
html.dark-theme .agendaCalEventMore{color:var(--ink-faint) !important;}
html.dark-theme .agendaStatusChip.negociacao{background:#3a2c1a !important;color:#e0a05a !important;}
html.dark-theme .agendaStatusChip.confirmado{background:#193627 !important;color:#3fcf8e !important;}
html.dark-theme body.dashSidebarLayout .dashCatalogTile.active{background:#111115 !important;border:0 !important;color:var(--ink) !important;}
html.dark-theme body.dashSidebarLayout .billingPlanCard{background:#0a0a0b !important;border:1px solid #26272c;}
html.dark-theme .dashFilterRow{background:none !important;}
html.dark-theme .dashFilterRow, html.dark-theme .dashFilterBtn{border-radius:999px !important;}
html.dark-theme .dashHeroBtnGhost{background:rgba(255,255,255,.08);}
html.dark-theme .billingTable, html.dark-theme table{border-color:var(--border-hi) !important;}
html.dark-theme .billingTable td, html.dark-theme .billingTable th, html.dark-theme table td, html.dark-theme table th{border-color:var(--border-hi) !important;}
html.dark-theme hr{border-color:var(--border-hi);}
.googleAuthBtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:0;background:#fff;color:#2b2b2b;font-family:var(--sans);font-weight:600;font-size:14.5px;cursor:pointer;box-sizing:border-box;transition:background .15s,box-shadow .15s;}
.googleAuthBtn:hover{background:#f7f7f7;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.authDivider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--ink-dim);font-size:12.5px;font-family:var(--mono);}
.authDivider::before,.authDivider::after{content:'';flex:1;height:1px;background:var(--border);}
.aiMagicRow:has(.appearanceBackBtn2){justify-content:space-between;align-items:center;}
.aiMagicBtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;color:var(--bg);padding:0 18px;font-family:var(--sans);font-weight:700;font-size:13.5px;white-space:nowrap;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;box-sizing:border-box;background:var(--ink);border:2px solid var(--ink);transition:width .35s ease;}
.aiMagicBtn:hover{background:var(--accent);border-color:var(--accent);color:#fff;}
.aiMagicBtn:disabled{cursor:default;}
.aiCreateOverlay{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;background:var(--bg);opacity:0;transition:opacity .3s;}
.aiCreateOverlay.open{opacity:1;}
.aiCreateOverlayCard{text-align:center;max-width:640px;padding:0 20px;}
.aiCreateCode{font-family:var(--mono);font-size:15px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;display:inline-block;border:2px solid var(--ink);padding:6px 16px;margin-bottom:28px;}
.aiCreateOverlayTitle{font-size:clamp(28px,5vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 20px;color:var(--ink);}
.aiCreateOverlayTitle .glitch{color:#2068ff;}
.aiCreateOverlayStatus{color:var(--ink-dim);font-size:16px;line-height:1.6;margin:0;font-family:var(--mono);}
.aiWave{width:220px;height:70px;margin:0 auto 24px;display:block;}
.aiWave path{animation:aiWaveMove 1.6s ease-in-out infinite;}
.aiWave path:nth-child(2){animation-delay:.15s;}
.aiWave path:nth-child(3){animation-delay:.3s;}
.aiWave path:nth-child(4){animation-delay:.1s;}
.aiWave path:nth-child(5){animation-delay:.25s;}
@keyframes aiWaveMove{0%,100%{transform:scaleY(1);}50%{transform:scaleY(.4);}}
.aiCheckBig{width:100px;height:100px;margin:0 auto 24px;display:block;}
.aiStoryWrap{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;}
.aiStoryWrap.open{display:flex;}
.aiStoryBars{position:absolute;top:20px;left:20px;right:20px;display:flex;gap:6px;z-index:2;}
.aiStoryBar{flex:1;height:3px;background:rgba(255,255,255,.3);border-radius:3px;overflow:hidden;}
.aiStoryBar i{display:block;height:100%;width:0;background:#fff;transition:width linear;}
.aiStoryFrame{width:min(380px,88vw);height:min(720px,80vh);border:0;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.4);}
.aiStoryLabel{color:#fff;font-family:var(--mono);font-size:12.5px;margin-top:16px;text-transform:uppercase;letter-spacing:.05em;opacity:.8;}
.aiDoneWrap{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px;padding:0 20px;}
.aiDoneList{width:100%;border:2px solid var(--ink);}
.aiDoneRow{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);}
.aiDoneRow:last-child{border-bottom:0;}
.aiDoneRowLabel{color:var(--ink);font-size:14.5px;font-weight:600;}
.aiDoneRowLink{color:#5a8cf7;font-family:var(--mono);font-size:12.5px;text-decoration:none;}
.aiMagicBtn.loading{background:var(--ink);border-color:var(--ink);}
.aiMagicRow:not(:has(.appearanceBackBtn2)) .aiMagicBtn.loading{width:100%;}
.aiMagicBtn.success{background:#1a9c5c;border-color:#1a9c5c;color:#fff;}
.aiMagicBtn.error{background:#c0392b;border-color:#c0392b;color:#fff;}
.aiSpinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;display:inline-block;animation:aiSpin .7s linear infinite;}
@keyframes aiSpin{to{transform:rotate(360deg);}}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:32px;}
label{display:block;font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;}
.field{margin-bottom:18px;}
input,textarea,select{
  width:100%;background-color:var(--bg2);border:1px solid var(--border-hi);color:var(--ink);
  padding:12px 14px;border-radius:10px;font-size:14px;font-family:var(--sans);outline:none;
}
input:focus,textarea:focus,select:focus{border-color:var(--accent);}
select[id*="State"],select[name*="state"],select[name="agenda_state"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none !important;}
select option{background:var(--bg2);color:var(--ink);}
button, .btn{
  font-family:var(--mono);font-weight:700;font-size:13.5px;background:var(--accent);color:#03110d;
  border:none;padding:12px 20px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
}
button[type="submit"]{text-transform:uppercase;}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--border-hi);padding:12px 20px;}
.btn.danger{background:transparent;color:#f0a3a3;border:1px solid #7a2626;}
.error{background:#c0392b;color:#fff;font-size:13.5px;font-weight:600;margin-bottom:16px;padding:12px 16px;width:100%;box-sizing:border-box;border-radius:0;}
.fieldErrorMsg{background:#c0392b;color:#fff;font-size:12.5px;font-weight:600;margin:8px 0 0;padding:8px 12px;display:block;}
.field input.fieldError-active,.field textarea.fieldError-active,.field select.fieldError-active{border-color:#c0392b !important;}
.authCard .fieldErrorMsg{display:none;}
.success{background:#1b8a5a;color:#fff;font-size:13.5px;font-weight:600;margin-bottom:16px;padding:12px 16px;width:100%;box-sizing:border-box;transition:opacity .4s;}
body.appChrome .success{background:#1b8a5a;color:#fff;}
.hint{font-size:14px;color:var(--ink-faint);margin:6px 0 0;}
h1{font-size:26px;font-weight:800;margin:0 0 24px;}
h2{font-size:18px;font-weight:800;margin:0 0 16px;}

/* dashboard */
.dashNav{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:14px;border-bottom:2px solid var(--border-hi);}
.dashNav h1{font-size:20px;margin:0;}
.dashNav a{font-family:var(--mono);font-size:12.5px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-dim);}
.dashNav a:hover{color:var(--accent);}
.dashLogout{font-size:13px;color:var(--ink-dim);}
.importBanner{
  display:inline-flex;align-items:center;margin-top:0;padding:10px 18px;background:transparent;color:var(--ink);
  font-weight:600;font-size:13px;text-align:center;border:1px solid var(--border-hi);
}
.importBanner:hover{border-color:var(--accent);color:var(--accent);}

/* header institucional compartilhado do painel (app-header) */
.appHeader{width:100%;background-color:var(--bg);border-bottom:1px solid #d0d0d0;}
body:not(.appChrome) .appHeader{background-color:#111318;}
.subBanner{background:var(--accent);color:#fff;text-align:center;font-family:var(--mono);font-size:12.5px;padding:10px 16px;}
.subBanner a{color:#fff;text-decoration:underline;font-weight:700;}
.appHeaderInner{margin:0;padding:16px clamp(16px,3vw,32px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;position:sticky;top:0;z-index:40;background:var(--bg);}
body.dashSidebarLayout .appHeaderInner{padding:16px clamp(24px,3.6vw,42px);}
.appHeaderLeft{display:flex;align-items:center;gap:16px;flex:1;min-width:0;}
.appHeaderSearch{flex:1;max-width:520px;position:relative;margin:0;}
.appHeaderSearchWrap{position:relative;flex:1;max-width:520px;}
@media (max-width:860px){.appHeaderSearchWrap{max-width:100%;margin:0 0 16px;}}
.appHeaderSearchPopup{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;background:var(--card);border:1px solid var(--border-hi);border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.22);z-index:50;padding:16px;}
.appHeaderSearchPopupSection{margin-bottom:16px;}
.appHeaderSearchPopupSection:last-child{margin-bottom:0;}
.appHeaderSearchPopupSection + .appHeaderSearchPopupSection{padding-top:14px;border-top:1px solid var(--border-hi);}
.appHeaderSearchPopupHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.appHeaderSearchPopupLabel{display:block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);}
.appHeaderSearchClearBtn{background:none;border:0;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);cursor:pointer;padding:0;}
.appHeaderSearchClearBtn:hover{text-decoration:underline;}
.appHeaderSearchFilterRow{display:flex;flex-wrap:wrap;gap:8px;}
.appHeaderSearchChip{font-family:var(--sans-ui);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:100px;border:1px solid var(--border-hi);background:var(--bg2);color:var(--ink-dim);cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.appHeaderSearchChip.active{background:var(--accent);color:#fff;border-color:var(--accent);}
.scSelIntSearchRow{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border-hi);margin-top:0;}
.scSelIntSearchRow svg{flex:none;color:var(--ink-faint);}
.scSelIntSearchRow input{flex:1;background:none;border:0;outline:0;color:var(--ink);font-size:14.5px;font-family:var(--sans-ui);}
.scSelIntResultsList{padding:8px 18px 0;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;}
.scSelIntSection{padding:14px 18px 18px;border-top:1px solid var(--border-hi);margin-top:6px;}
.scSelIntChip{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans-ui);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:100px;border:1px solid var(--border-hi);background:var(--bg2);color:var(--ink-dim);cursor:pointer;}
.scSelIntChip.scSelIntChipActive{background:var(--accent);color:#fff;border-color:var(--accent);}
.scDocPickerGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:360px;overflow-y:auto;padding:2px;}
.scDocPickerTile{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:16px 10px;border:1px solid var(--border-hi);border-radius:12px;background:var(--bg2);cursor:pointer;position:relative;}
.scDocPickerTile input{position:absolute;top:8px;right:8px;}
.scDocPickerTile.checked{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg2));}
.scDocPickerTileIcon{color:var(--ink-dim);}
.scDocPickerTileTitle{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.appHeaderSearchHistoryList{display:flex;flex-direction:column;gap:2px;}
.appHeaderSearchHistoryItem{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:0;padding:9px 8px;border-radius:9px;font-size:13.5px;color:var(--ink);cursor:pointer;font-family:inherit;font-weight:500;}
.appHeaderSearchHistoryItem svg{flex:none;color:var(--ink-faint);}
.appHeaderSearchHistoryItem:hover{background:var(--card-hover);}
.appHeaderSearchEmptyHint{margin:6px 0 0;font-size:13px;color:var(--ink-faint);}
.appHeaderSearch input{width:100%;background:#e2e0dc;border:1px solid #cfcfcf!important;padding:10px 14px 10px 36px;font-size:13px;border-radius:23px!important;margin:0;font-family:var(--mono);}
body.appChrome .appHeaderSearch input,body.appChrome input.appHeaderSearch,body.appChrome input[type="text"].appHeaderSearchInput{border-radius:23px!important;}
.appHeaderSearch svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink-faint);pointer-events:none;}
.appHeaderRight{display:flex;align-items:center;gap:14px;flex:none;justify-self:end;}
.appSuperBtn{display:flex;align-items:center;justify-content:center;position:relative;background:#e8e7df;border:2px solid #e8e7df;color:#6c757d!important;width:40px;height:40px;border-radius:50%!important;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}
.appSuperBtn:hover{background:var(--accent);border-color:var(--accent);color:#fff!important;}
.billingBenefits{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:24px 0 32px;}
.billingBenefitItem{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-dim);}
.billingBenefitItem svg{flex:none;margin-top:2px;color:#1959dc;}
.billingPlans{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0;}
.billingPlanCard{border-top:3px solid var(--ink);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:28px 24px 0;display:flex;flex-direction:column;gap:4px;position:relative;}
.billingPlanCard:first-child{border-left:3px solid var(--ink);}
.billingPlanCardHi{background:var(--ink);color:var(--bg);}
.billingPlanCardSelected{background:var(--accent) !important;color:#fff;}
.billingPlanCardSelected .billingPlanLabel,.billingPlanCardSelected .billingPrice,.billingPlanCardSelected .hint{color:#fff !important;}
.billingChooseBtnSelected{background:#fff !important;color:#000 !important;}
.billingPlanCardHi .hint{color:#a4acbd;opacity:1;}
.billingBenefitItem svg{flex:none;margin-top:2px;color:#1959dc;}
.billingPlanBadge{display:none;}
.billingPlanLabel{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:inherit;opacity:.7;}
.billingPrice{font-size:32px;font-weight:800;}
.billingPrice small{font-size:14px;font-weight:500;opacity:.7;}
@media (max-width:520px){.billingPlans{grid-template-columns:1fr;}.billingBenefits{grid-template-columns:1fr;}}
.billingAgencySection{margin:28px 0;}
.billingPlanCardFoot{margin:16px -24px -1px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.12);}
.billingStatusCard{border:0;padding:22px 24px;margin:24px 0;}
.billingWelcomeCard{border:0;background:var(--accent);color:#fff;padding:24px;margin:0 0 24px;text-align:center;transition:opacity .3s;}
.billingWelcomeTitle{font-size:20px;font-weight:800;}
.billingStatusTitle{font-size:16px;font-weight:700;margin:0 0 6px;}
.billingStatusOk{border-color:#158d74;}
.billingStatusOk .billingStatusTitle{color:#158d74;}
.billingStatusWarn{border-color:#b8860b;}
.billingStatusWarn .billingStatusTitle{color:#8a6300;}
.billingStatusError{border-color:#b3261e;}
.billingStatusError .billingStatusTitle{color:#b3261e;}
.billingSectionLabel{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim);margin:0 0 10px;}
.billingHistoryList{margin:24px 0;}
.billingHistoryRow{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--border);font-size:13.5px;}
.billingHistoryRow:first-of-type{border-top:1px solid var(--border);}
.billingHistoryStatus{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.03em;justify-self:start;padding:3px 8px;border-radius:5px;}
.billingHistoryStatus-ok{background:color-mix(in srgb, #158d74 18%, transparent);color:#0f6b58;}
.billingHistoryStatus-other{background:var(--bg2);color:var(--ink-dim);}
@media (max-width:600px){.billingHistoryRow{grid-template-columns:1fr 1fr;row-gap:4px;}}
.billingCouponBox{border:1px solid var(--border-hi);padding:16px;margin:0 0 20px;}
.accountLayout{display:block;}
.accountSidebar{display:flex;flex-direction:column;gap:4px;position:sticky;top:24px;}
.accountSidebarLink{display:block;padding:11px 14px;font-size:14px;font-weight:600;color:var(--ink-dim);border-radius:12px;}
.accountSidebarLink:hover{background:#fff;color:var(--ink);}
.accountSidebarLink.active{color:#fff;background:var(--accent);}
@media (max-width:760px){.accountLayout{grid-template-columns:1fr;}.accountSidebar{position:static;flex-direction:row;overflow-x:auto;gap:6px;}.accountSidebarLink{flex:none;}}
.accountInfoRow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #eef0f5;font-size:14px;}
.accountInfoRow:last-child{border-bottom:0;}
.accountInfoLabel{color:var(--ink-dim);}
.accountUrlList{margin-top:4px;}
.billingAgencyCard{border:1px solid var(--border-hi);padding:20px 24px;margin:16px 0 28px;}
.appLogoutBtn{
  font-family:var(--mono);font-size:12.5px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;
  background:#e8e7df;color:#6c757d!important;padding:11px 20px;border:2px solid #e8e7df;white-space:nowrap;border-radius:23px!important;
  display:none;
}
.appHeaderCenter{display:flex;align-items:center;justify-content:center;}
.accountPanelWrap{position:relative;}
.accountPanel{position:absolute;top:48px;right:0;width:220px;background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 20px 44px rgba(0,0,0,.16);z-index:50;overflow:hidden;padding:6px;}
.accountPanelItem{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit;}
.accountPanelItem:hover{background:#f4f4f6;}
.accountPanelItem svg{width:16px;height:16px;flex:none;color:var(--ink-dim);}
.appLogoutBtn:hover{background:var(--accent);border-color:var(--accent);color:#fff!important;}
.appIdentityBar{width:100%;background-color:#ffffff;border-bottom:1px solid var(--border-hi);}
body:not(.appChrome) .appIdentityBar{background-color:#111318;}
.appIdentityInner{max-width:1400px;margin:0 auto;padding:14px clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.appGreetingTag{
  font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;
  background:var(--ink);color:var(--bg);padding:6px 14px;display:inline-block;border:2px solid var(--ink);box-sizing:border-box;
}
.appGreetingTag a{color:var(--bg);text-decoration:none;}
.appGreetingTag a:hover{color:var(--accent2);}
.appProfileTag{
  font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;
  padding:6px 14px;border:2px solid var(--ink);display:inline-block;box-sizing:border-box;
}
.pagerBtn{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:0 !important;border:1px solid var(--border-hi);background:var(--card);color:var(--ink);font-family:var(--mono);font-size:13px;text-decoration:none;border-radius:8px;}
.pagerBtn:hover{border-color:var(--accent);color:var(--accent);}
.pagerBtn.active{background:var(--accent);border-color:var(--accent);color:#fff;}
.appBody{max-width:1400px;margin:0 auto;padding:44px clamp(16px,3vw,32px) 90px;}

/* === dashboard sidebar layout (index.ejs only) === */
body.dashSidebarLayout .dashShell{display:flex;min-height:100vh;}
body.dashSidebarLayout .dashContentCol{flex:1;display:flex;flex-direction:column;min-width:0;}
body.dashSidebarLayout .dashMain{max-width:1270px;margin:0 auto;}
body.dashSidebarLayout .dashSidebar{width:250px;min-width:250px;max-width:250px;flex:none;background-color:#383131;border-right:1px solid #2c2c2b;color:#fff;position:fixed;left:0;top:0;bottom:0;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;border-radius:0;padding:18px 0;overflow-y:auto;overflow-x:hidden;z-index:60;transition:width .18s,min-width .18s,max-width .18s;}
.dashSidebarCollapseBtn{position:static;width:34px;height:34px;flex:none;border-radius:9px!important;background:#fff;border:1px solid #d0d0d0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6c757d!important;}
.dashSidebarCollapseBtn svg{color:#6c757d!important;stroke:#6c757d!important;}
.dashSidebarCollapseBtn:hover,.dashSidebarCollapseBtn:hover svg{color:#fff!important;stroke:#fff!important;background:var(--accent);border-color:var(--accent);}
body.appChrome .dashSidebarCollapseBtn{border-radius:9px!important;color:#6c757d!important;}
body.appChrome .dashSidebarCollapseBtn:hover{color:#fff!important;}
#dashCollapseToggleBtn{border-radius:50%!important;}
#profileSwitcherBtnTop{border-radius:50%!important;}
#dashCollapseToggleBtn:hover{background:#2765d6!important;border-color:#2765d6!important;}
#dashCollapseToggleBtn:hover svg{stroke:#fff!important;}
body.dashSidebarCollapsed .dashSidebarCollapseBtn svg{transform:rotate(180deg);}
body.dashSidebarCollapsed.dashSidebarLayout .dashSidebar{width:74px;min-width:74px;max-width:74px;}
body.dashSidebarCollapsed.dashSidebarLayout .dashContentCol{margin-left:74px;}
body.dashSidebarCollapsed .dashSidebarLink{justify-content:center;gap:0;padding:11px 0;}
.dashSidebarDot{width:6px;height:6px;border-radius:50%;background:#fff;margin-left:2px;flex:none;}
body.dashSidebarCollapsed .dashSidebarLink .dashSidebarLinkText,body.dashSidebarCollapsed .dashSidebarLink .dashSidebarDot{display:none;}
body.dashSidebarCollapsed .dashSidebarPlan{padding:8px;justify-content:center;border-color:transparent;}
body.dashSidebarCollapsed .dashSidebarPlan div,body.dashSidebarCollapsed .dashSidebarPlan b,body.dashSidebarCollapsed .dashSidebarPlan span:not(.dashSidebarPlanIcon),body.dashSidebarCollapsed .dashSidebarPlanAvatar{display:none;}
body.dashSidebarCollapsed .dashSidebarPlanIcon{display:flex!important;align-items:center;justify-content:center;color:#9f9f9f;}
.dashSidebarPlanIcon{display:flex;align-items:center;justify-content:center;color:#9f9f9f;flex:none;}
.dashMobileMenuBtn{display:none;position:fixed;top:12px;left:12px;z-index:70;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #d0d0d0;color:#6c757d;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);}
.dashSidebarOverlay{display:none;}
.dashSidebarCloseBtn{display:none;}
@media (max-width:860px){
  .dashMobileMenuBtn{display:flex;}
  #dashCollapseToggleBtn{display:none !important;}
  /* menu mobile em tela cheia: os itens ganham ar em vez de brigar por 250px */
  body.dashSidebarLayout .dashSidebar{transform:translateX(-100%);width:100vw;min-width:0;max-width:none;bottom:auto;height:100dvh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 6px calc(34px + env(safe-area-inset-bottom));transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .22s ease;opacity:0;}
  body.dashSidebarOpen .dashSidebar{opacity:1;}
  /* itens entram em cascata quando o menu abre */
  body.dashSidebarOpen .dashSidebar > *{animation:dashMenuIn .34s cubic-bezier(.22,1,.36,1) both;}
  body.dashSidebarOpen .dashSidebar > *:nth-child(2){animation-delay:.03s;}
  body.dashSidebarOpen .dashSidebar > *:nth-child(3){animation-delay:.06s;}
  body.dashSidebarOpen .dashSidebar > *:nth-child(4){animation-delay:.09s;}
  body.dashSidebarOpen .dashSidebar > *:nth-child(5){animation-delay:.12s;}
  @keyframes dashMenuIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  body.dashSidebarLayout .dashContentCol{margin-left:0 !important;}
  body.dashSidebarOpen .dashSidebar{transform:translateX(0);z-index:80;}
  body.dashSidebarOpen{overflow:hidden;}
  body.dashSidebarOpen .dashSidebarOverlay{display:none;}
  body.dashSidebarOpen .dashMobileMenuBtn{opacity:0;pointer-events:none;}
  .dashSidebarCollapseBtn{display:none;}
  .dashSidebarCloseBtn{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;z-index:2;}
  .dashSidebarAccountWrap{margin:0 14px 20px;padding-right:52px;}
  .dashSidebarAccountBtn{padding:12px 10px;}
  .dashSidebarSearchBtn{width:calc(100% - 28px);margin:0 14px 22px;padding:14px 14px !important;font-size:.9rem;}
  body.dashSidebarLayout .dashSidebarNav{gap:6px;padding:0 14px;margin-top:4px;}
  body.dashSidebarLayout .dashSidebarLink{padding:15px 16px;font-size:1rem;gap:14px;border-radius:8px;}
  body.dashSidebarLayout .dashSidebarLink svg{width:20px;height:20px;}
  body.dashSidebarLayout .dashSidebarSectionLabel{font-size:.72rem;padding:22px 16px 8px;}
  body.dashSidebarLayout .dashSidebarPlan{margin:0 14px;padding:16px;}
  body.dashSidebarLayout .dashSidebarNav + .dashSidebarPlan{margin-top:26px;margin-bottom:12px;}
}
body.dashSidebarLayout .dashSidebarNav{margin-top:20px;}
body.dashSidebarLayout .dashSidebarLogo{display:flex;justify-content:center;padding:0 0 4px;margin:0 0 2px;transform:scale(.68);}
body.dashSidebarLayout .dashContentCol{margin-left:230px;}
body.dashSidebarLayout .dashSidebarNav{display:flex;flex-direction:column;gap:2px;padding:0 10px;}
body.dashSidebarLayout .dashSidebarSectionLabel{font-size:.6575rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#7d7a75;padding:14px 14px 4px;}
body.dashSidebarCollapsed .dashSidebarSectionLabel{display:none;}
.dashSidebarAccountWrap{position:relative;margin:0 12px 14px;}
.dashSidebarAccountBtn{width:100%;display:flex;align-items:center;gap:10px;background:none;border:0;padding:10px 8px;border-radius:10px;cursor:pointer;color:#fff;text-align:left;}
.dashSidebarAccountBtn:hover{background:rgba(255,255,255,.06);}
.dashSidebarAccountAvatar{width:34px;height:34px;border-radius:50%;flex:none;background-size:cover;background-position:center;background-color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#bcbab6;}
.dashSidebarAccountInfo{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;}
.dashSidebarAccountInfo b{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dashSidebarAccountInfo span{font-size:11px;color:#8a8781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dashSidebarAccountChevron{flex:none;color:#8a8781;}
.dashSidebarAccountPanel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#141416;border:1px solid #26282d;border-radius:12px;padding:6px;z-index:210;box-shadow:0 12px 32px rgba(0,0,0,.5);}
.dashSidebarAccountPanel .accountPanelItem{color:#e4e4e6;}
.accountPanelDivider{height:1px;background:#26282d;margin:6px 4px;}
body.dashSidebarCollapsed .dashSidebarAccountInfo, body.dashSidebarCollapsed .dashSidebarAccountChevron{display:none;}
body.dashSidebarCollapsed .dashSidebarAccountPanel{left:0;width:220px;}
.dashSidebarSearchBtn{width:calc(100% - 24px);margin:0 12px 16px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:5px !important;padding:9px 10px;color:#b1b1b1 !important;font-weight:100;font-size:12.5px;cursor:pointer;text-align:left;}
.dashSidebarSearchBtn:hover{background:rgba(255,255,255,.08);color:#fff;}
.dashSidebarSearchBtn span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
body.dashSidebarCollapsed .dashSidebarSearchBtn span{display:none;}
.appModalBackdrop{display:none;position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.appModalBackdrop.open{display:block;}
.appHeaderSearchPopup.asModal{display:block;position:fixed;top:12%;left:50%;transform:translateX(-50%);width:min(560px,90vw);max-height:70vh;overflow-y:auto;z-index:210;margin:0;padding:0;border-radius:14px;background:#141416;border:1px solid #2a2a2e;box-shadow:0 30px 80px rgba(0,0,0,.6);}
.appHeaderSearchPopup.asModal .appHeaderSearchInputRow{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #262629;}
.appHeaderSearchPopup.asModal .appHeaderSearchInputRow svg{flex:none;color:#8a8781;}
.appHeaderSearchPopup.asModal .appHeaderSearchInputRow input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:15px;font-family:var(--sans-ui);}
.appHeaderSearchPopup.asModal .appHeaderSearchInputRow kbd{font-family:var(--mono);font-size:10.5px;color:#8a8781;background:#26262a;border:1px solid #333;border-radius:5px;padding:2px 6px;}
.appHeaderSearchPopup.asModal .appHeaderSearchPopupSection{padding:14px 18px;margin:0;border-top:1px solid #201f22;}
.appHeaderSearchPopup.asModal .appHeaderSearchPopupSection:first-of-type{border-top:0;}
.appHeaderSearchPopup.asModal .appHeaderSearchFilterRow{gap:8px;}
.appHeaderSearchPopup.asModal .appHeaderSearchChip{display:inline-flex;align-items:center;gap:6px;background:#1e1e21;border:1px solid #2c2c30;color:#a8a5a0;border-radius:6px !important;padding:6px 12px;font-size:12.5px;}
.appHeaderSearchPopup.asModal .appHeaderSearchChip.active{background:#26272c;border-color:#3a3a3e;color:#fff;}
.appHeaderSearchPopup.asModal .appHeaderSearchHistoryItem{border-radius:8px;color:#dcdad6;}
.appHeaderSearchPopup.asModal .appHeaderSearchHistoryItem:hover{background:#1e1e21;}
.appHeaderSearchFoot{display:flex;align-items:center;gap:16px;padding:12px 18px;border-top:1px solid #201f22;font-size:11px;color:#8a8781;}
.appHeaderSearchFoot span{display:flex;align-items:center;gap:5px;}
.appHeaderSearchFoot kbd{font-family:var(--mono);font-size:10px;background:#1e1e21;border:1px solid #2c2c30;border-radius:4px;padding:1px 5px;}
body.dashSidebarLayout .dashSidebarLink{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:5px;border-bottom:0;color:#d3d3d3;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;}body.dashSidebarLayout .dashSidebarLink svg{flex:none;opacity:.85;color:#8f8f8f;}
body.dashSidebarLayout .dashSidebarLink:hover{background:rgba(255,255,255,.06);color:#fff;}
body.dashSidebarLayout .dashSidebarLink.active{background:#363637;color:#fff;border-radius:5px;}
body.dashSidebarLayout .dashSidebarLink.active svg{color:#fff;}
body.dashSidebarLayout .dashSidebarLink svg{transition:color .4s ease,transform .2s ease;}
body.dashSidebarLayout .dashSidebarLink:hover svg{color:#fff;transform:scale(1.12);}
body.dashSidebarLayout .dashSidebarPlan{margin:0 10px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:#2c2626;text-decoration:none;color:#fff;border:1px solid #453d3d;}
body.dashSidebarLayout .dashSidebarNav + .dashSidebarPlan{margin-top:auto;margin-bottom:8px;}
.dashSidebarPlanAvatar{display:none;}
body.dashSidebarLayout .dashSidebarPlan b{display:block;font-size:12.5px;color:#fff;}
body.dashSidebarLayout .dashSidebarPlan span{font-size:12px;margin-top:4px;color:#b4b4b4;}
body.dashSidebarLayout .dashMain{max-width:none;flex:1;margin:0;padding:30px clamp(24px,3.6vw,42px) 90px;background:#101011;width:100%;box-sizing:border-box;}
.onbHero{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;}
.onbHeroTop{max-width:640px;text-align:center;position:relative;margin-bottom:40px;}
.onbHeroTop::before{content:'';position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:64px;height:3px;background:var(--ink);}
.onbEyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;}
.onbEyebrow::before{content:'';width:22px;height:1px;background:var(--accent);}
.onbHeroTopRow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;}
.onbHeroTop h1{font-size:clamp(26px,4vw,38px);line-height:1.05;letter-spacing:-.02em;font-weight:800;margin:0;}
.onbPill{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border:2px solid var(--accent);color:#fff;background:var(--accent);}
.onbSub{font-family:var(--mono);font-size:13.5px;color:var(--ink-faint);max-width:520px;margin:16px auto 0;line-height:1.55;}
.onbCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:920px;width:100%;}
.onbCard{position:relative;overflow:hidden;background:var(--bg2);border:1px solid var(--border-hi);padding:28px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;transition:border-color .2s;}
.onbCard:hover{border-color:var(--accent);}
.onbCard:hover .onbCardArt{transform:scale(1.05);}
.onbCardBg{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,color-mix(in srgb, var(--accent) 14%, transparent),transparent 70%);pointer-events:none;}
.onbCardHead{position:relative;z-index:1;}
.onbCardHead h3{font-size:15px;font-weight:800;margin:0;}
.onbCardHead p{font-size:12px;color:var(--ink-faint);margin:4px 0 0;font-family:var(--mono);}
.onbCardArt{position:relative;z-index:1;transition:transform .3s;animation:onbFloat 4s ease-in-out infinite;}
.onbCardActions{position:relative;z-index:1;width:100%;}
@keyframes onbFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
.onbBtn{font-family:var(--mono);font-weight:700;font-size:12.5px;background:#1a1a1c;color:#fff;padding:12px 18px;border:2px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,color .15s,border-color .15s;cursor:pointer;width:100%;}
.onbBtn:hover{background:var(--accent);border-color:var(--accent);color:#fff;}
.onbChoiceCard{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border-hi);background:var(--bg2);cursor:pointer;transition:border-color .15s,background .15s;text-align:left;}
.onbChoiceCard:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg2));}
.onbChoiceIcon{flex:none;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;}
.onbChoiceCard b{font-size:14px;}
.onbChoiceCard p{margin:2px 0 0;font-size:12px;}
.dashBreadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 20px;font-size:14px;color:var(--ink-faint);font-family:var(--sans-ui);background:none !important;}
.dashBreadcrumb a{color:var(--ink-faint);text-decoration:none;transition:color .15s ease;}
.dashBreadcrumb a:hover{color:#82adfb;}
.dashBreadcrumb span[aria-current]{color:#fff;font-weight:500;}
.dashBreadcrumbSep{flex:0 0 auto;color:#4a4a4f;}
.dashBreadcrumb a{color:var(--ink-faint);text-decoration:none;}
.dashBreadcrumb a:hover{color:var(--accent);}
.dashBreadcrumb span{color:var(--ink-dim);}
body.dashSidebarLayout .dashCard{background:#fff;border:1px solid #e7e8f2;border-radius:16px;box-shadow:0 6px 18px -12px rgba(30,40,90,.12);padding:20px;margin:0 0 16px;box-sizing:border-box;}
body.dashSidebarLayout .dashCardHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
body.dashSidebarLayout .dashCardLabel{display:flex;align-items:center;gap:8px;font-family:var(--sans-ui);font-size:14px;font-weight:600;color:#4c4c5c;text-transform:none;letter-spacing:0;}
body.dashSidebarLayout .dashCardLabel svg{width:16px;height:16px;flex:none;}
body.dashSidebarLayout .dashCardBody{margin:0 -20px;padding:0 20px;}
body.dashSidebarLayout .dashCardFoot{margin:14px -20px -20px;padding:14px 20px 0;border-top:1px solid #eef0f5;}
body.dashSidebarLayout .dashTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
body.dashSidebarLayout .dashStatCard{border-radius:16px;background:#fff;border:1px solid #e7e8f2;box-shadow:0 6px 18px -12px rgba(30,40,90,.12);}
body.dashSidebarLayout .dashCatalogGrid{border-left:0;gap:0;margin-bottom:0 !important;}
body.dashSidebarLayout .dashCatalogTile{border:1px solid #e7e8f2;border-radius:0 !important;box-shadow:0 6px 18px -12px rgba(30,40,90,.12);}
body.dashSidebarLayout .dashCatalogGrid .dashCatalogTile.tabTile:first-child{border-top-left-radius:16px !important;}
body.dashSidebarLayout .dashCatalogGrid .dashCatalogTile.tabTile:last-child{border-top-right-radius:16px !important;border-left:0;}
body.dashSidebarLayout .dashCatalogTile.tabTile{background:#fff;}
body.dashSidebarLayout .dashCatalogTile.tabTile b{font-family:var(--sans-ui);}
body.dashSidebarLayout .dashCatalogTile:hover{background:#f5f8ff;color:var(--ink);border-color:var(--accent);}
body.dashSidebarLayout .dashCatalogTile:hover small{color:var(--ink-dim);}
body.dashSidebarLayout .dashCatalogTile.active{background:var(--accent);border-color:var(--accent);color:#fff;}
body.dashSidebarLayout .dashCatalogTile.active small{color:rgba(255,255,255,.8);}
body.dashSidebarLayout .billingPlanCard{border:1px solid #e7e8f2;border-radius:16px;box-shadow:0 6px 18px -12px rgba(30,40,90,.12);}
body.dashSidebarLayout .billingPlanCard:first-child{border-left:1px solid #e7e8f2;}
body.dashSidebarLayout .billingPlans{gap:16px;}
body.dashSidebarLayout .billingPlanCardHi{background:var(--accent);color:#fff;border-color:var(--accent);}
body.dashSidebarLayout .billingPlanBadge{border-radius:0 16px 0 12px;}
body.dashSidebarLayout .billingChooseBtn{border-radius:12px;}
body.dashSidebarLayout .dashFilterRow{background:var(--bg);border-radius:999px;padding:4px;}
body.dashSidebarLayout .dashFilterBtn{border-radius:999px;}
body.dashSidebarLayout .dashFilterBtn.active{background:#0a47c0;color:#fff;border-radius:999px;}
body.dashSidebarLayout .agendaStatusChip.confirmado{background:#e6f7ef;color:#0f9d58;border-radius:20px;}
body.dashSidebarLayout .agendaStatusChip.negociacao{background:#fff4de;color:#c08a1e;border-radius:20px;}
body.dashSidebarLayout .dashFooterBtn{background:rgba(255,255,255,.08);color:#fff;border-radius:0 0 16px 16px;}
body.dashSidebarLayout .dashFooterBtn:hover{background:rgb(228 228 228 / 8%);}
body.dashSidebarLayout #dashTodoList .btn.danger,body.dashSidebarLayout .teamMemberRow .btn.danger{background:#fff;color:#c0392b;border:1px solid #e2a3a3;border-radius:5px;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;flex:none;}
body.dashSidebarLayout #dashTodoList .btn.danger:hover,body.dashSidebarLayout .teamMemberRow .btn.danger:hover{background:#fdecec;}
@media (max-width:720px){ body.dashSidebarLayout .dashContentCol{margin-left:230px;} }

/* === redesenho editorial do conteúdo do painel === */
.dashSectionHead{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 4px;border-bottom:3px solid var(--ink);padding-bottom:16px;}
.dashSectionHead h2{margin:0;font-size:22px;}
.dashSectionHead .n{font-family:var(--mono);font-size:12.5px;color:var(--ink-dim);}
.dashIndexList{margin-bottom:56px;}
.dashIndexRow{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:20px 16px;border-bottom:1px solid #dcdcdc;transition:background .15s;}
.dashIndexRow.activityRow{display:flex;grid-template-columns:none;align-items:flex-start;}
.dashIndexRow:hover{background:var(--card-hover);}
.dashIndexRow.activityRow:hover{background:none;}
.dashIndexRow.teamMemberRow:hover{background:none;}
.teamWaLink{color:#fff;}
.teamWaLink svg{width:11px;height:11px;margin-left:2px;vertical-align:-1px;}
.dashThreeCol .teamMemberRow{border-bottom:1px solid #dcdcdc;}
.dashThreeCol .teamMemberRow:last-of-type{border-bottom:0;}
.dashIndexMain{min-width:0;}
.dashIndexTitle{font-size:14px;font-weight:700;margin:0 0 6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.dashIndexType{font-family:var(--mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);border:1.5px solid var(--border-hi);padding:2px 9px;}
.dashIndexMeta{font-family:var(--sans-ui);font-size:13px;color:var(--ink-faint);}
.dashIndexMeta a{color:var(--ink-faint);text-decoration:underline;text-underline-offset:2px;}
.dashIndexMeta a:hover{color:var(--accent);}
.dashIndexActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;}
.dashIndexBtn{
  font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;
  background:var(--bg2);border:1.5px solid var(--border-hi);color:var(--ink) !important;padding:8px 14px;cursor:pointer;white-space:nowrap;border-radius:5px;
}
.dashIndexBtn:hover{border-color:var(--accent);color:#fff !important;background:var(--accent);}
.dashIndexBtn.danger{color:#b3261e !important;border-color:#b3261e;background:#fbe9e7;}
.dashIndexBtn.danger:hover{background:#b3261e;color:#fff !important;}
.dashIndexBtn.primary{background:var(--ink);color:var(--bg) !important;border-color:var(--ink);}
.dashIndexBtn.blue{background:#0d47c0;border-color:#0d47c0;color:#fff !important;border-radius:5px !important;}
.dashIndexBtn.blue:hover{background:#1c4faf;border-color:#1c4faf;color:#fff !important;}
.dashIndexBtn.black{background:var(--ink);border-color:var(--ink);color:var(--bg) !important;}
.dashIndexBtn.black:hover{background:#000;border-color:#000;color:var(--bg) !important;}
.dashIndexBtn.primary:hover{background:var(--accent);border-color:var(--accent);color:#fff !important;}
.dashIndexEmpty{padding:22px 4px;font-family:var(--mono);font-size:13px;color:var(--ink-faint);}
.journeyCard{border:1px solid var(--border-hi);padding:32px;margin-bottom:36px;background:var(--card);}
.journeyEyebrow{font-family:var(--mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;}
.journeyTitle{font-size:24px;font-weight:800;margin:0 0 10px;}
.journeyBody{font-size:14px;color:var(--ink-dim);margin:0 0 20px;max-width:560px;}
.journeyBtn{display:inline-flex;align-items:center;background:#2665d6;color:#fff;font-weight:700;font-family:var(--mono);font-size:13px;padding:12px 20px;text-decoration:none;margin-right:10px;border:1px solid #2665d6;}
.journeyBtn:hover{background:#1a4fb0;border-color:#1a4fb0;color:#fff;}
.journeyBtnGhost{background:transparent;color:var(--ink);border:1px solid var(--border-hi);}
.journeyBtnGhost:hover{background:transparent;color:var(--accent);border-color:var(--accent);}
.dashEyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin:0 0 16px;}
.dashEyebrow::before{content:'';width:24px;height:1px;background:var(--accent);}
.dashHero{border:1px solid var(--border-hi);padding:36px 32px;margin-bottom:24px;position:relative;background:#fff;overflow:hidden;}
.dashHero::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--ink);z-index:2;}
.dashBtnPrimary{font-family:var(--mono);font-weight:700;font-size:13.5px;background:var(--ink);color:var(--bg);padding:13px 22px;border:2px solid var(--ink);display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s;text-decoration:none;}
.dashBtnPrimary:hover{background:var(--accent);border-color:var(--accent);color:#fff;}
.dashBtnGhost{font-family:var(--mono);font-weight:700;font-size:13px;border:1px solid var(--border-hi);padding:13px 20px;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,color .15s;text-decoration:none;background:transparent;cursor:pointer;}
body.appChrome .dashBtnGhost{color:var(--ink) !important;}
.dashBtnGhost:hover{border-color:var(--accent);color:var(--accent);}
body.appChrome .dashBtnGhost:hover{color:var(--accent) ;}
.dashBtnGhost.sm{padding:8px 14px;font-size:12px;}
.dashHeroTitle{font-size:28px;font-weight:800;margin:0 0 12px;}
.dashStatsStrip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border-hi);margin-bottom:36px;}
.dashStatCell{padding:20px 18px;border-right:1px solid var(--border-hi);}
.dashStatCell:last-child{border-right:0;}
.dashStatCell b{display:block;font-size:24px;font-weight:800;margin-bottom:4px;}
.dashStatCell span{font-family:var(--mono);font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;}
@media (max-width:760px){ .dashStatsStrip{grid-template-columns:1fr 1fr;} .dashStatCell{border-bottom:1px solid var(--border-hi);} }
.dashSplit{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start;}
@media (max-width:980px){ .dashSplit{grid-template-columns:1fr;} }
.dashSplitSide{display:flex;flex-direction:column;gap:14px;}
.dashSideCard{display:block;border:1px solid var(--border-hi);padding:20px;text-decoration:none;color:var(--ink);transition:border-color .15s;}
.dashSideCard:hover{border-color:var(--accent);}
.dashSideCardAccent{background:var(--ink);color:var(--bg);border-color:var(--ink);}
.dashSideCardAccent .dashSideCardBody{color:color-mix(in srgb, var(--bg) 70%, transparent);}
.dashSideCardEyebrow{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 8px;}
.dashSideCardTitle{font-size:16px;font-weight:800;margin:0 0 6px;}
.dashSideCardBody{font-size:12.5px;color:var(--ink-dim);margin:0;}
.dashChecklistBar{height:8px;background:var(--bg2);border:1px solid var(--border-hi);overflow:hidden;}
.dashChecklistBarFill{height:100%;background:var(--accent);transition:width .3s;}
.dashChecklistItems{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
.dashChecklistItem{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-faint);}
.dashChecklistItem svg{width:18px;height:18px;flex:none;color:var(--ink-faint);}
.dashChecklistItem.done{color:var(--ink);}
.dashChecklistItem.done svg{color:var(--accent);}
body.dashSidebarLayout .dashCard.weekAgendaCard{padding:0;}
.weekAgendaCard{margin-bottom:26px;padding:0;overflow:hidden;box-sizing:border-box;width:100%;}
.weekAgendaHead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 20px;}
.weekAgendaHeadTitle{display:flex;align-items:center;gap:8px;font-family:var(--sans-ui);font-size:14px;font-weight:600;color:#4c4c5c;text-transform:none;letter-spacing:0;}
.weekAgendaHeadTitle svg{color:#4c4c5c;width:16px;height:16px;}
.weekAgendaHeadActions{display:flex;align-items:center;gap:8px;}
.weekNavBtn{width:32px!important;height:32px!important;border-radius:8px!important;border:1px solid var(--border-hi)!important;background:#f4f4f6!important;color:#6b6f78!important;padding:0!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s;}
.weekNavBtn{width:34px;height:34px;border-radius:9px;border:1px solid var(--border-hi);background:#fff;color:var(--ink-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s;}
.weekNavBtn svg{width:16px;height:16px;stroke-width:2.5;}
.weekNavBtn:hover{background:var(--accent);color:#fff;border-color:var(--accent);}
.weekRangePill{display:flex!important;align-items:center;gap:6px;height:34px!important;padding:0 14px!important;border-radius:9px!important;border:1px solid var(--border-hi)!important;background:#fff!important;color:var(--ink)!important;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;}
.weekRangePill:hover{background:var(--link-bg,var(--accent));color:#fff!important;border-color:var(--accent);}
.weekAgendaCard{margin-bottom:26px;padding:0;overflow:hidden;box-sizing:border-box;width:100%;display:flex;flex-direction:column;}
.weekAgendaGrid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #eef0f5;width:100%;align-items:stretch;flex:1;}
.scWeekActiveShow{background:#282b31 !important;border-radius:6px !important;padding:4px 8px !important;margin:0 -4px;}
@media (max-width:640px){.weekAgendaGrid{grid-template-columns:repeat(8,1fr);}}
.weekDayCol{border:0;border-right:1px solid #eef0f5;background:transparent;box-shadow:none;padding:16px 14px;min-height:120px;height:100%;box-sizing:border-box;transition:background .15s;display:flex;flex-direction:column;}
.weekDayCol:last-child{border-right:0;}
.weekDayCol.isToday{background:color-mix(in srgb, var(--accent) 6%, transparent);}
.weekDayCol:hover{background:var(--bg);}
.weekDayCol.isToday .weekDayColHead,.weekDayCol.isToday .weekDayColHead b{color:var(--ink);}
.weekDayColHead{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;}
.weekDayColHead span{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ink-dim);text-transform:uppercase;}
.weekDayColHead b{font-size:24px;font-weight:800;color:var(--ink);}
.weekDayItem{font-size:12.5px;padding:0;background:transparent;border-radius:0;margin-top:6px;cursor:pointer;display:flex;align-items:flex-start;gap:6px;color:var(--ink);}
.weekDayItemText{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;font-weight:600;font-size:12px;text-transform:lowercase;color:#fff;}
.weekDayItemText::first-letter{text-transform:uppercase;}
.weekDayItemSub{font-size:11px;color:var(--ink-dim);margin:2px 0 0 14px;}
.weekDayItem svg{width:14px;height:14px;flex:none;margin-top:1px;}
.weekDayItemIcon{margin:4px 0 0 14px;display:flex;align-items:center;}
.weekDayItemIcon svg{width:14px;height:14px;}
.weekDayItemDot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:5px;}
.weekDayEmpty{font-size:14px;color:var(--ink-faint);cursor:pointer;}
.dealKanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch;}
.dealCol{background:var(--card);border:1px solid var(--border-hi);border-radius:12px;min-height:120px;display:flex;flex-direction:column;height:100%;}
html.dark-theme .dealCol{background:#1a1c22;border-color:#2c3038;}
html.dark-theme .dealCol-lead{background:#151a24;border-color:#233047;}
html.dark-theme .dealCol-lead .dealColHead{border-color:#233047;}
html.dark-theme .dealCol-negociacao{background:#1c1a12;border-color:#3a3320;}
html.dark-theme .dealCol-negociacao .dealColHead{border-color:#3a3320;}
html.dark-theme .dealCol-reserva{background:#221521;border-color:#402c3d;}
html.dark-theme .dealCol-reserva .dealColHead{border-color:#402c3d;}
html.dark-theme .dealCol-confirmado{background:#0f2119;border-color:#1d4033;}
html.dark-theme .dealCol-confirmado .dealColHead{border-color:#1d4033;}
.dealColFoot{border-top:1px solid var(--border-hi);padding:8px;}
.dealColFoot input{width:100%;background:var(--bg2);border:1px solid var(--border-hi);color:var(--ink);padding:8px 10px;border-radius:8px;font-size:12.5px;font-family:var(--sans);outline:none;}
.dealColFoot input:focus{border-color:var(--accent);}
.dealColEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:26px 10px;color:#ffffff;text-align:center;flex:1;}
.dealColEmpty span{font-size:12px;}
.contratanteTip{position:fixed;z-index:9999;background:#0a0b0d;border:1px solid var(--border-hi);border-radius:10px;padding:12px 14px;box-shadow:0 8px 24px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:3px;max-width:220px;}
.contratanteTip b{font-size:13px;color:var(--ink);}
.contratanteTip span{font-size:11.5px;color:var(--ink-dim);}
.dealContratanteTip{cursor:default;text-decoration:underline dotted;text-decoration-color:var(--ink-faint);}
.contratanteDropdown{position:absolute;top:calc(100% + 4px);left:0;right:52px;z-index:20;background:#0a0b0d;border:1px solid var(--border-hi);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5);max-height:240px;overflow-y:auto;}
.contratanteDdItem{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border-hi);display:flex;flex-direction:column;gap:2px;}
.contratanteDdItem:last-child{border-bottom:0;}
.contratanteDdItem:hover{background:var(--card-hover);}
.contratanteDdItem b{font-size:13px;color:var(--ink);}
.contratanteDdItem span{font-size:11.5px;color:var(--ink-dim);}
.dealColHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-hi);}
.dealColHead b{font-size:13px;text-transform:uppercase;letter-spacing:.03em;}
.dealColHead span{font-family:var(--mono);font-size:11.5px;color:var(--ink-dim);}
.dealColBody{padding:10px;display:flex;flex-direction:column;gap:8px;min-height:60px;}
.dealCard{background:#1111145c;border:1px solid var(--border-hi);border-radius:0;padding:12px 34px 12px 13px;cursor:grab;transition:border-color .15s;position:relative;}
.kanbanNoteRemove{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:0;color:var(--ink-faint);font-size:13px;cursor:pointer;line-height:1;}
.kanbanNoteRemove:hover{color:#fff;}
html.dark-theme .dealCol > .dealColBody .dealCard{background:#1111145c;border-radius:10px;}
html.dark-theme .dealCol > .dealColBody .dealCard:hover{background:#0c0c0f;}
.dealCard:hover{border-color:#4a4d54;background:#1c1d21;}
.dealColDragOver{outline:2px dashed var(--accent);outline-offset:-2px;border-radius:12px;}
html.dark-theme .dealCard-lead{border:1px solid #20428a;}
html.dark-theme .dealCard-negociacao{border:1px solid #5c533b;}
html.dark-theme .dealCard-reserva{border:1px solid #743351;}
html.dark-theme .dealCard-confirmado{border:1px solid #115034;}
.dealCard b{display:block;font-size:13.5px;margin-bottom:3px;}
.dealCard .dealMeta{font-size:13.5px;color:var(--ink-dim);display:block;margin-bottom:2px;}
.dealCard .dealValue{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:700;}
.dealCardMoveRow{display:flex;gap:6px;margin-top:8px;}
.dealCardMoveRow button{flex:1;font-size:10.5px;padding:5px 4px;border:1px solid var(--border-hi);background:var(--card);color:var(--ink-dim);cursor:pointer;border-radius:6px;}
.dealCardMoveRow button:hover{background:var(--accent);color:#fff;border-color:var(--accent);}
.negFilterRow{display:flex;gap:6px;margin-bottom:16px;}
.negFilterBtn{padding:7px 14px;font-size:12.5px;border:1px solid var(--border-hi);background:var(--card);color:var(--ink-dim);cursor:pointer;border-radius:20px;}
.negFilterBtn.active{background:var(--ink);color:var(--bg);border-color:var(--ink);}
.negStatusChip{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:6px;font-weight:700;}
.negStatusChip.rascunho{background:#e5e5e5;color:#555;}
.negStatusChip.enviado{background:#e4ebf9;color:#2765d6;}
.negStatusChip.assinado{background:#ecd28c;color:#6b5400;}
.negStatusChip.pago{background:color-mix(in srgb, #127a64 22%, transparent);color:#0e6353;}
html.dark-theme .negStatusChip.rascunho{background:#2a2a2a;color:#bdbdbd;}
html.dark-theme .negStatusChip.enviado{background:#132a52;color:#7fa8f0;}
html.dark-theme .negStatusChip.assinado{background:#3a2f0d;color:#e6c05a;}
html.dark-theme .negStatusChip.pago,html.dark-theme .negStatusChip.pago_sinal{background:#0f3a30;color:#4fd8b8;}
html.dark-theme .negStatusChip.encerrado{background:#2a2a2a;color:#8f8f8f;}
.negTable{display:flex;flex-direction:column;}
.negRow{display:grid;grid-template-columns:1.6fr 1fr .8fr .9fr .7fr;gap:10px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border-hi);cursor:pointer;font-size:13px;}
.negRow:hover{background:var(--card-hover);}
.negRowHead{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;cursor:default;}
.negRowHead:hover{background:none;}
.finSummaryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;}
.finSummaryItem{background:var(--card);border:1px solid var(--border-hi);border-radius:12px;padding:18px 20px;}
.finSummaryItem span{display:block;font-size:12px;color:var(--ink-dim);margin-bottom:6px;}
.finSummaryItem b{font-size:24px;font-family:var(--mono);}
.finSummaryItem.receita b{color:#158d74;}
.finSummaryItem.despesa b{color:#c0392b;}
.dealStatsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
.dealStatCard{display:flex;align-items:center;gap:12px;background:#252525;border:1px solid var(--border-hi);border-radius:14px;padding:16px 18px;position:relative;}
.dealValueEyeBtn{position:absolute;bottom:10px;right:10px;background:none;border:0;color:var(--ink-faint);cursor:pointer;padding:4px;}
.dealValueEyeBtn:hover{color:var(--ink);}
.dealStatIcon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;}
.dealStatIcon.blue{background:#16305e;color:#5f96f0;}
.dealStatIcon.amber{background:#5a3f14;color:#f0b45f;}
.dealStatIcon.pink{background:#4a2233;color:#ef8bb0;}
.dealStatIcon.green{background:#173d31;color:#4fcaa1;}
.dealStatIcon.purple{background:#2a1f47;color:#b48ff0;}
.cockpitCountdownPulse{animation:cockpitPulse 1.6s ease-in-out infinite;}
@keyframes cockpitPulse{0%,100%{opacity:1;}50%{opacity:.55;}}
.dealStatLabel{display:block;font-size:12px;color:var(--ink-dim);margin-bottom:3px;}
.dealStatValue{display:block;font-size:19px;font-family:var(--mono);}
.dealStatSub{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:2px;}
.dealColHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;border-bottom:0;}
.dealColProgress{height:3px;background:var(--border-hi);margin:0 16px 14px;border-radius:3px;overflow:hidden;}
.dealColProgress i{display:block;height:100%;border-radius:3px;}
html.dark-theme .dealCol-lead .dealColHead b{color:#5f96f0;}
html.dark-theme .dealCol-lead .dealColProgress i{background:#3d6fd6;}
html.dark-theme .dealCol-negociacao .dealColHead b{color:#f0d45f;}
html.dark-theme .dealCol-negociacao .dealColProgress i{background:#d6b23d;}
html.dark-theme .dealCol-reserva .dealColHead b{color:#ef6f9a;}
html.dark-theme .dealCol-reserva .dealColProgress i{background:#d63d84;}
html.dark-theme .dealCol-confirmado .dealColHead b{color:#4fcaa1;}
html.dark-theme .dealCol-confirmado .dealColProgress i{background:#2fa87a;}
.dealColHead b{font-size:12px;letter-spacing:.05em;}
html.dark-theme .dealCol > .dealColHead b{color:var(--ink);}
.dealColHead span{font-family:var(--mono);}
.dealCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px;}
.dealCardTop b{font-size:13.5px;line-height:1.3;}
.dealCardArrow{color:#ffffff;font-size:14px;flex:none;}
.dealMeta svg{vertical-align:-1px;margin-right:4px;}
.dealCard .dealValue{display:block;margin-top:6px;font-size:15px;color:#ffffff;}
#todoFilterRow, #pagesStatusFilterRow, #teamFilterRow, #activityFilterRow{display:none !important;}
.pfCleanTabs{display:flex;gap:28px;border-bottom:1px solid #26272c;margin-bottom:24px;}
.pfCleanTab{background:none;border:0;padding:12px 2px;font-family:var(--sans-ui);font-size:14px;font-weight:600;color:var(--ink-faint);cursor:pointer;position:relative;}
.pfCleanTab:hover{color:var(--ink-dim);}
.pfCleanTab.active{color:var(--ink);}
.pfCleanTab.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);}
.dealColFootDashed{border:1px dashed #8b8c8f;border-radius:10px;margin:10px 10px 10px;padding:11px;text-align:center;font-size:12.5px;color:#ffffff;cursor:pointer;}
.dealColFootDashed:hover{border-color:#9a9ca1;color:#ccc;}
.dealCol{display:flex;flex-direction:column;}
.dealColBody{flex:1;}
.dealBottomRow{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.dealActivityList{display:flex;flex-direction:column;}
.dealActivityRow{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--border-hi);}
.dealActivityRow:last-child{border-bottom:0;}
.dealActivityIcon{width:26px;height:26px;border-radius:50%;background:var(--bg2);display:flex;align-items:center;justify-content:center;flex:none;color:#5180e1;}
.dealActivityMain{flex:1;display:flex;flex-direction:column;gap:2px;}
.dealActivityMain b{font-size:13px;font-weight:600;}
.dealActivityMain span{font-size:11.5px;color:var(--ink-dim);}
.dealActivityWhen{font-size:11px;color:var(--ink-faint);flex:none;}
.dealActivityArrow{color:var(--ink-faint);flex:none;}
@media (max-width:980px){.dealStatsRow{grid-template-columns:1fr 1fr;}.dealBottomRow{grid-template-columns:1fr;}}
@media (max-width:980px){.dealKanban{grid-template-columns:1fr;}.negRow{grid-template-columns:1fr;gap:4px;}.finSummaryGrid{grid-template-columns:1fr;}}
.finTopRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.finPeriodRow{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;}
.finPeriodBtn{padding:8px 16px;font-size:12.5px;border:1px solid var(--border-hi);background:var(--card);color:var(--ink-dim);cursor:pointer;border-radius:20px;}
.finPeriodBtn.active{background:transparent;color:#2fa87a;border-color:#2fa87a;}
.finStatsRow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;}
.finStatCard{background:#252525;border:1px solid var(--border-hi);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;position:relative;}
.finStatTop{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;letter-spacing:.04em;color:var(--ink-dim);font-weight:700;}
.finStatIcon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;}
.finStatIcon.green{background:#173d31;color:#4fcaa1;}
.finStatIcon.red{background:#4a1f1f;color:#ef6f6f;}
.finStatIcon.purple{background:#2d1f4a;color:#b58bf0;}
.finStatIcon.amber{background:#5a3f14;color:#f0b45f;}
.finStatCard b{font-size:21px;font-family:var(--mono);}
.finStatCard small{font-size:11.5px;color:var(--ink-faint);}
.finStatCard small.up{color:#4fcaa1;}
.finStatCard small.down{color:#ef6f6f;}
.finGrid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;align-items:stretch;}
.finGrid2 > .dashCard{display:flex;flex-direction:column;}
.finChartRow{display:flex;gap:20px;}
.finChart{flex:1;display:flex;align-items:flex-end;gap:10px;height:180px;padding-top:10px;}
.finChartCol{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;}
.finChartBars{flex:1;display:flex;align-items:flex-end;gap:3px;width:100%;justify-content:center;}
.finChartBars i{width:9px;border-radius:3px 3px 0 0;display:block;}
.finChartBars i.r{background:#2fa87a;}
.finChartBars i.d{background:#c0392b;}
.finChartCol span{font-size:10.5px;color:var(--ink-faint);font-family:var(--mono);}
.finChartSide{flex:0 0 170px;display:flex;flex-direction:column;gap:16px;justify-content:center;}
.finChartSide div{display:flex;flex-direction:column;gap:3px;}
.finChartSide span{font-size:11.5px;color:var(--ink-dim);}
.finChartSide b{font-size:17px;font-family:var(--mono);}
.finChartSide b.green{color:#4fcaa1;}
.finChartSide b.red{color:#ef6f6f;}
.finChartSide b.purple{color:#b58bf0;}
.finDonutRow{display:flex;align-items:center;gap:24px;}
.finDonut{width:150px;height:150px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;position:relative;}
.finDonutCenter{width:96px;height:96px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.finDonutCenter b{font-size:14px;}
.finDonutCenter span{font-size:9.5px;color:var(--ink-faint);margin-top:2px;}
.finDonutLegend{flex:1;display:flex;flex-direction:column;gap:8px;}
.finDonutLegendRow{display:flex;align-items:center;gap:8px;font-size:12.5px;}
.finDonutLegendRow i{width:9px;height:9px;border-radius:50%;flex:none;}
.finDonutLegendRow span{flex:1;color:var(--ink-dim);}
.finDonutLegendRow b{font-family:var(--mono);}
.finMarginBar{height:6px;background:var(--border-hi);border-radius:4px;overflow:hidden;width:70px;}
.finMarginBar i{display:block;height:100%;background:#2fa87a;border-radius:4px;}
@media (max-width:980px){.finGrid2{grid-template-columns:1fr;}.finStatsRow{grid-template-columns:1fr 1fr;}}
.dashHeroTriFx{display:none;}
.dashHeroFlipWrap{display:none;}

.dashFilterRow{display:flex;gap:6px;margin-bottom:14px;background:#0a0b0d;padding:5px;}
.dashFilterBtn{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:6px 12px;border:0;background:transparent;color:rgba(255,255,255,.55);cursor:pointer;transition:background .15s,color .15s;}
.dashFilterBtn:hover{color:#fff;}
.dashFilterBtn.active{background:#2765d6;color:#ffffff;}
.pagesGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.pageCard{position:relative;border:1px solid #dcdcdc;padding:16px;cursor:pointer;transition:border-color .15s;border-radius:12px;display:flex;flex-direction:column;}
.pageCard:hover{border-color:var(--accent);}
.pageCardToggle{position:absolute;top:12px;right:12px;}
.pageCardToggle input{width:14px;height:14px;margin:0;accent-color:var(--accent);cursor:pointer;}
.pageCardLabel{font-size:14px;font-weight:700;margin:0 0 10px;padding-right:20px;text-transform:capitalize;}
.pageCardStatus{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-dim);margin:0 0 12px;}
.pageCardDot{width:9px;height:9px;border-radius:50%;background:#37ac76;flex:none;}
.pageCardDot.draft{background:#6f7378 !important;}
.weekAgendaExpandedList{border-left:3px solid #000000;padding-left:25px;}
.pageCardVisit{display:block;font-size:12px;font-weight:700;color:#4881f8;text-decoration:none;margin-top:auto;padding-top:12px;}
.pageCardVisit:hover{text-decoration:underline;}
.pageCardAdd{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:96px;border-style:dashed;position:relative;}
.pageCardAddPlus{font-size:24px;font-weight:800;color:var(--accent);line-height:1;}
.pagesAddMenu{position:absolute;top:100%;left:0;right:0;margin-top:6px;background:var(--card);border:1px solid var(--border-hi);z-index:5;flex-direction:column;}
.pagesAddMenu a{display:block;padding:10px 14px;font-size:13px;color:var(--ink);text-decoration:none;border-top:1px solid var(--border);}
.pagesAddMenu a:first-child{border-top:0;}
.pagesAddMenu a:hover{background:var(--card-hover);color:var(--accent);}
.pageCardToggle input{width:18px;height:18px;}
.pageCardType{display:block;font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin:-8px 0 10px;}
.dashPagination{display:flex;gap:6px;margin-top:14px;justify-content:center;}
.dashPaginationBtn{min-width:30px;height:30px;padding:0 8px;background:transparent;border:1px solid var(--border-hi);color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;}
.dashPaginationBtn:hover:not(:disabled):not(.active){background:var(--card-hover);}
.dashPaginationBtn.active{background:var(--accent);border-color:var(--accent);color:#fff;}
.dashPaginationBtn:disabled{opacity:.35;cursor:default;}
.pagesGrid{max-height:600px;overflow:hidden;position:relative;transition:opacity .2s,transform .2s;min-height:264px;}
.pagesGrid.pagesGridExpanded{max-height:none;}
.pagesGrid.pagesGridLeaving{opacity:0;transform:translateX(-16px);}
.pageCardHidden{display:none;}
.pagesGrid.pagesGridExpanded .pageCardHidden{display:flex;flex-direction:column;}
.pagesAddPanel{display:none;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;opacity:0;transform:translateX(16px);transition:opacity .2s,transform .2s;min-height:264px;max-height:390px;align-content:start;}
.pagesAddPanel.pagesAddPanelIn{opacity:1;transform:translateX(0);}
.pagesAddPanel .dashFilterBtn{grid-column:1/-1;justify-self:start;margin-bottom:4px;background:transparent;color:var(--ink);border:1px solid var(--border-hi);}
.pagesAddPanel .dashFilterBtn:hover{color:var(--accent);border-color:var(--accent);}
.pageCardChoice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;text-decoration:none;color:var(--ink);min-height:110px;border:1px solid #dcdcdc;padding:16px;transition:background .15s,border-color .15s,color .15s;}
.pageCardChoice:hover{background:#2765d6;border-color:#2765d6;color:#fff;}
.pageCardChoice:hover .pageCardChoiceDesc{color:rgba(255,255,255,.85);}
.pageCardKind{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:6px;}
.pageCardTitle{font-size:15px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pageCardUrl{font-family:var(--mono);font-size:11.5px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sheetsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;}
.sheetsThumb{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--ink);}
.sheetsThumbPreview{position:relative;aspect-ratio:3/4;border-radius:8px;border:1px solid #2d2e34;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;transition:border-color .15s,transform .15s;}
.sheetsThumb:hover .sheetsThumbPreview{border-color:var(--accent);transform:translateY(-2px);}
.sheetsThumbMockAvatar{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.18);background-size:cover;background-position:center;margin-bottom:2px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;font-family:var(--mono);}
.sheetsThumbMockLine{height:5px;border-radius:3px;background:rgba(255,255,255,.28);}
.sheetsThumbMockPill{width:70%;height:9px;border-radius:5px;background:rgba(255,255,255,.14);margin-top:4px;}
.sheetsThumbBadge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#0a0a0b;color:#fff;display:flex;align-items:center;justify-content:center;}
.sheetsThumbTitle{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sheetsThumbEditLink{display:block;font-size:10.5px;color:var(--ink-faint);text-align:center;padding:6px 0 2px;text-decoration:none;}
.sheetsThumbEditLink:hover{color:var(--accent);}
.sheetsThumbNew{display:flex;flex-direction:column;gap:8px;}
.sheetsThumbNew .sheetsThumbPreview{display:flex;align-items:center;justify-content:center;background:none;border:1px solid #2d2e34;color:var(--ink-faint);}
.sheetsThumbNew:hover .sheetsThumbPreview{border-color:var(--accent);color:var(--accent);}
.sheetsThumbNewIcon{display:flex;align-items:center;justify-content:center;}
.sheetsThumbNewLabel{font-size:12.5px;font-weight:600;color:var(--ink-dim);}
.tasksPageLayout{display:grid;grid-template-columns:1fr 240px;gap:16px;align-items:start;}
.tasksFilterCard{position:sticky;top:0;}
.tasksFilterGroup{display:flex;flex-direction:column;gap:2px;margin-bottom:18px;}
.tasksFilterGroup:last-child{margin-bottom:0;}
.tasksFilterLabel{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:6px;}
.tasksFilterBtn{text-align:left;background:none;border:0;border-radius:6px;padding:8px 10px;font-size:13px;color:var(--ink-dim);cursor:pointer;font-family:var(--sans-ui);}
.tasksFilterBtn:hover{background:var(--card-hover);color:var(--ink);}
.tasksFilterBtn.active{background:#26272c;color:var(--ink);}
.tasksNewTaskBtn{background:var(--accent) !important;border-color:var(--accent) ;color:#fff !important;}
.tasksNewTaskBtn:hover{background:color-mix(in srgb, var(--accent) 80%, black) !important;border-color:color-mix(in srgb, var(--accent) 80%, black) !important;color:#fff !important;}
.tasksTableHead{display:grid;grid-template-columns:1fr 150px 120px 32px;gap:12px;padding:12px 16px;background:#202020;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);}
.tasksRow{border-bottom:1px solid var(--border-hi);}
.tasksRow:last-child{border-bottom:0;}
.tasksRowMain{display:grid;grid-template-columns:auto 1fr 150px 120px 32px;gap:12px;align-items:center;padding:12px 16px;cursor:pointer;}
.tasksRowCheck{display:flex;align-items:center;}
.tasksRowCheck input{width:auto;margin:0;accent-color:var(--accent);}
.tasksRowText{display:flex;flex-direction:column;gap:2px;min-width:0;}
.tasksRowText b{font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tasksRowText small{font-size:11.5px;color:var(--ink-dim);}
.tasksRowAssignee{font-size:12.5px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tasksRowExpandBtn{background:none;border:0;color:var(--ink-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;}
.tasksStatusBadge{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:5px;white-space:nowrap;}
.tasksStatusBadge.open{background:#26272c;color:var(--ink-dim);}
.tasksStatusBadge.done{background:#173d31;color:#3fcf8e;}
.tasksStatusBadge.blocked{background:#4a2222;color:#f0a3a3;}
.tasksRowExpandBody{padding:0 16px 18px 58px;}
.tasksExpandActions{display:flex;gap:8px;margin-bottom:14px;}
.tasksExpandCols{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.tasksExpandColLabel{display:block;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:8px;}
.tasksActivityList,.tasksNoteList{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;}
.tasksActivityItem{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink-dim);border-bottom:1px solid var(--border-hi);padding-bottom:6px;}
.tasksActivityItem small{color:var(--ink-faint);white-space:nowrap;font-family:var(--mono);font-size:10.5px;}
.tasksNoteItem{background:#1f1f22;border-radius:6px;padding:8px 10px;}
.tasksNoteItem p{margin:0 0 4px;font-size:12.5px;}
.tasksNoteItem small{color:var(--ink-faint);font-family:var(--mono);font-size:10px;}
.cRichToolbar{display:flex;align-items:center;gap:6px;background:#0a0a0b;border:1px solid #4d4d4e;border-bottom:0;border-radius:6px 6px 0 0;padding:6px 8px;}
.cRichToolbar button{background:none;border:1px solid transparent;color:var(--ink-dim);font-size:12px;padding:4px 8px;border-radius:4px;cursor:pointer;}
.cRichToolbar button:hover{border-color:var(--border-hi);color:var(--ink);}
.cRichImportBtn{font-size:11.5px;color:var(--accent);cursor:pointer;padding:4px 8px;}
.cRichImportBtn:hover{text-decoration:underline;}
.cRichEditor{min-height:260px;max-height:480px;overflow-y:auto;background:#090a0b;border:1px solid #4d4d4e;border-top:0;border-radius:0 0 6px 6px;color:var(--ink);padding:14px 16px;font-size:13px;line-height:1.6;}
.cRichEditor:empty:before{content:attr(data-placeholder);color:var(--ink-faint);}
.cRichEditor p{margin:0 0 10px;}
.cBracketField{display:inline-block;background:rgba(214,178,61,.18);border:1px dashed #d6b23d;border-radius:4px;padding:0 5px;color:#e8c96a;cursor:text;min-width:24px;}
.cBracketField:focus{background:rgba(214,178,61,.28);outline:none;}
.cBracketField.cBracketFieldTouched{background:rgba(63,207,142,.15);border-color:#3fcf8e;color:#3fcf8e;}
.aiSuggestRow{display:grid !important;grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:10px;border-bottom:1px solid #26282d;cursor:pointer;}
.aiSuggestRow input{margin:3px 0 0;flex:none;width:16px;height:16px;}
.aiSuggestRow div{display:flex;flex-direction:column;gap:4px;font-size:13px;min-width:0;white-space:normal;word-break:break-word;}
.aiSuggestOld{color:var(--ink-faint);text-decoration:line-through;}
.aiSuggestNew{color:#3fcf8e;}
.aiSuggestRowSame{opacity:.5;cursor:default;}
.aiSuggestRowSame .aiSuggestNew{display:none;}
.contratosLayout.tasksPageLayout{align-items:stretch;}
.contratosLayout.tasksPageLayout > .dashCard{display:flex;flex-direction:column;}
.contratosLayout .tasksFilterCard{position:static;}
.tasksNoteAddRow input{flex:1;background:#0a0a0b;border:1px solid #4d4d4e;border-radius:6px;color:var(--ink);padding:8px 10px;font-size:12.5px;}
.filesUploadRow{display:flex;gap:12px;flex-wrap:wrap;}
.filesUploadTile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:140px;height:110px;border:1px dashed #4d4d4e;border-radius:12px;background:#0a0a0b;color:var(--ink-dim);cursor:pointer;text-align:center;padding:10px;box-sizing:border-box;}
.filesUploadTile:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.03);}
.filesUploadTile span{font-size:11.5px;font-weight:600;line-height:1.3;}
.tasksFilterCatList{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;}
.tasksFilterCatRow{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:12.5px;color:var(--ink-dim);}
.tasksFilterCatRow:hover{background:none;}
.tasksFilterCatRow.active{color:var(--ink);}
.tasksFilterCatRow input{flex:none;width:15px;height:15px;margin:0;padding:0;accent-color:var(--accent);}
.tasksFilterCatRow span:first-of-type{flex:1;}
.tasksFilterBtnCount{background:rgba(255,255,255,.1);color:var(--ink-dim);font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;flex:none;}
.tasksFilterCatRow.active .tasksFilterBtnCount{background:rgba(255,255,255,.22);color:#fff;}
@media (max-width:860px){ .tasksPageLayout{grid-template-columns:1fr;} .tasksFilterCard{position:static;} .tasksTableHead{display:none;} .tasksRowMain{grid-template-columns:auto 1fr auto;} .tasksRowAssignee,.tasksRowStatus{display:none;} .tasksRowExpandBody{padding-left:16px;} .tasksExpandCols{grid-template-columns:1fr;} }
#otherPagesTable thead th{background:#202020;}
.pageCardChoiceDesc{font-size:11.5px;color:var(--ink-dim);line-height:1.4;}
.tplDocWrap{background:#141416;border:1px solid #26282d;border-radius:0 0 8px 8px;padding:40px;flex:1;overflow-y:auto;}
.tplDoc{max-width:680px;margin:0 auto;font-family:var(--sans-ui);font-size:14px;line-height:1.7;color:var(--ink);min-height:100%;outline:none;}
.tplDoc p{margin:0 0 14px;}
.tplDocWrap.tplDocLight{background:#fff;border-color:#e0e0e0;}
.tplDocWrap.tplDocLight .tplDoc{color:#1a1a1a;}
.tplFullPage{display:flex;flex-direction:column;height:calc(100vh - 90px);padding-bottom:0 !important;}
.tplMenubar{display:flex;align-items:center;gap:4px;background:#0a0a0b;border:1px solid #26282d;border-bottom:0;border-radius:8px 8px 0 0;padding:8px 12px;flex:none;}
.tplMenuGroup{position:relative;}
.tplMenuBtn{background:none;border:0;color:var(--ink-dim);font-size:12.5px;padding:6px 10px;border-radius:5px;cursor:pointer;}
.tplMenuBtn:hover{background:rgba(255,255,255,.06);color:var(--ink);}
.tplMenuDropdown{position:absolute;top:calc(100% + 4px);left:0;background:#141416;border:1px solid #26282d;border-radius:8px;min-width:180px;padding:6px;z-index:40;box-shadow:0 12px 32px rgba(0,0,0,.5);display:flex;flex-direction:column;}
.tplMenuDropdown button, .tplMenuDropdown label{background:none;border:0;color:var(--ink);font-size:12.5px;padding:8px 10px;border-radius:5px;cursor:pointer;text-align:left;width:100%;box-sizing:border-box;}
.tplMenuDropdown button:hover, .tplMenuDropdown label:hover{background:rgba(255,255,255,.06);}
.tplMenuDanger{color:#e0473c !important;}
.tplRichToolbar{display:flex;align-items:center;gap:4px;background:#0a0a0b;border:1px solid #26282d;border-top:0;border-bottom:0;padding:6px 12px;flex:none;}
.tplRichToolbar button{background:none;border:1px solid transparent;color:var(--ink-dim);font-size:12px;padding:5px 9px;border-radius:5px;cursor:pointer;}
.tplRichToolbar button:hover{border-color:var(--border-hi);color:var(--ink);}
.tplToolbarSep{width:1px;height:18px;background:#26282d;margin:0 4px;}
@media print{
  body.appChrome *{visibility:hidden;}
  .tplDocWrap, .tplDocWrap *{visibility:visible;}
  .tplDocWrap{position:absolute;top:0;left:0;width:100%;border:0;background:#fff;padding:20px;}
  .tplDoc{color:#1a1a1a;}
}
.ctSearchRow{display:flex;align-items:center;gap:8px;background:#0a0a0b;border:0;border-radius:6px;padding:10px 12px;margin-bottom:16px;max-width:320px;color:var(--ink-faint);}
.ctSearchRow input{flex:1;background:none;border:0;outline:0;color:var(--ink);font-size:13px;}
.ctAvatarCircle{width:30px;height:30px;border-radius:50%;background:#26272c;color:var(--ink-dim);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:none;}
.dashFieldsetFoot{margin-top:14px;padding-top:14px;border-top:3px solid var(--border-hi);}
#dayDetailFoot.dashFieldsetFoot{margin-top:0;padding-top:0;}
.teamOwnerAvatar{width:34px;height:34px;border-radius:50%;background-color:var(--accent);background-size:cover;background-position:center;flex:none;margin-right:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;font-family:var(--mono);}
.teamRoleGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-top:6px;}
.teamRoleChip{font-size:12.5px;font-weight:600;padding:10px 12px;border:1px solid var(--border-hi);background:transparent;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .15s,color .15s;}
.teamRoleChip:hover{border-color:var(--accent);color:var(--accent);}
@media (max-width:760px){ .weekAgendaGrid{grid-template-columns:repeat(2,1fr);} }
.weekAgendaExpanded{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;padding-top:20px;border-top:3px solid var(--border);}
@media (max-width:760px){ .weekAgendaExpanded{grid-template-columns:1fr;} }
.agendaCalHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.dashStatsGrid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;}
.dashStatCard{
  background:var(--card);border:3px solid var(--border-hi);padding:24px 22px;
  display:flex;flex-direction:column;gap:6px;transition:background .15s;
}
.dashStatCard:hover{background:var(--card-hover, #fff9f2);}
.dashStatCard .dashStatNum{font-family:var(--mono);font-size:12px;color:var(--ink-faint);margin-bottom:10px;display:block;}
.dashStatCard b{font-size:30px;font-weight:800;letter-spacing:-.01em;}
@media (max-width:760px){ .dashStatsGrid4{grid-template-columns:1fr 1fr;} }
.dashStatDelta{font-family:var(--mono);font-size:11px;color:var(--ink-dim);}
.dashStatDelta.up{color:#158d74;}
.dashStatDelta.down{color:#c0392b;}
@media (max-width:760px){ .dashStatCard{border-bottom:3px solid var(--ink);} }
.dashTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;align-items:stretch;}
.dashTwoCol .profileFieldset{border:3px solid var(--border-hi);margin:0;transition:background .15s;padding:0;}
.dashTwoCol .profileFieldset legend{margin-left:10px;}
.dashTwoCol .dashFieldsetInner{position:relative;padding:18px 20px 80px;height:100%;box-sizing:border-box;}
.dashTwoCol .dashFieldsetFoot{position:absolute !important;left:0;right:0;bottom:0;margin:0;padding:0;border-top:3px solid var(--border-hi);background:#fff;box-sizing:border-box;height:56px;}
.dashTwoCol #dashTodoList,.dashTwoCol .dashShowCardList{flex:1;min-height:0;}
@media (max-width:860px){ .dashTwoCol{grid-template-columns:1fr;} }
.dashQuickActions{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:24px;}
.dashQuickBtn{display:flex;align-items:center;justify-content:center;text-align:center;padding:16px 10px;border:1px solid var(--border-hi);text-decoration:none;color:var(--ink);font-size:13px;font-weight:600;transition:border-color .15s;}
.dashQuickBtn:hover{border-color:var(--accent);color:var(--accent);}
@media (max-width:860px){ .dashQuickActions{grid-template-columns:repeat(2,1fr);} }
.dashThreeCol{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;align-items:stretch;}
.dashThreeCol .profileFieldset{border:3px solid var(--border-hi);margin:0;position:relative;padding-bottom:80px;}
.dashThreeCol .dashFieldsetBody{min-height:0;}
.dashThreeCol .dashFieldsetFoot{position:absolute !important;left:0;right:0;bottom:0;margin:0;padding:0;border-top:3px solid var(--border-hi);background:#fff;box-sizing:border-box;flex-shrink:0;height:56px;}
.dashTwoCol .dashFieldsetFoot{flex-shrink:0;}
.dashTwoCol .profileFieldset,.dashThreeCol .profileFieldset{min-height:400px;}
.dashTwoCol .dashFieldsetFoot,.dashThreeCol .dashFieldsetFoot{display:flex;}
.dashFooterBtn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(255,255,255,.08);border:0;color:#fff;font-family:var(--mono);font-size:12.5px;font-weight:700;text-transform:uppercase;padding:10px;border-radius:5px !important;case;letter-spacing:.04em;text-decoration:none;border:0;cursor:pointer;transition:background .15s;}
.dashFooterBtn:hover{background:rgb(228 228 228 / 8%);border-color:transparent;color:#fff;}
.dashFooterBtn[style*="background:#fff"]:hover{background:var(--card-hover) !important;color:var(--ink) !important;}
.dashFieldsetFoot .dashFooterBtn+.dashFooterBtn{border-left:1px solid rgba(255,255,255,.08);}
.dashCardFoot[style*="gap:10px"] .dashFooterBtn{border-radius:5px;}
#pressEmailFooterMain .dashFooterBtn:first-child,#pressEmailFooterConfirm .dashFooterBtn:first-child{border-top-right-radius:0;border-bottom-right-radius:0;}
#pressEmailFooterMain .dashFooterBtn:last-child,#pressEmailFooterConfirm .dashFooterBtn:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}
#profileSaveBtn,#pfSaveBtn{background:var(--accent) !important;}
#profileSaveBtn:hover,#pfSaveBtn:hover{background:color-mix(in srgb, var(--accent) 75%, black) !important;}
#dashTodoForm,#dashTeamForm{height:100%;padding-top:0;padding-bottom:0;width:100%;}
#dashTeamForm input,#dashTodoForm input{height:35px;box-sizing:border-box;font-size:16px;}
.dashInlineAddForm{display:flex;align-items:center;background:#0a0a0b;border:1px solid #4d4d4e;border-radius:6px;padding:0 4px 0 12px;height:35px;box-sizing:border-box;}
.dashInlineAddForm input{flex:1;background:none !important;border:0 !important;height:33px !important;padding:0 !important;font-size:13.5px !important;}
.dashInlineAddFormWide input{border-right:1px solid #33333a !important;padding-right:10px !important;}
.dashInlineAddFormWide input:last-of-type{border-right:0 !important;}
.dashInlineAddBtn{flex:0 0 27px !important;width:27px !important;height:27px !important;min-width:27px;max-width:27px;border-radius:50% !important;background:var(--accent);border:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 !important;}
.dashInlineAddBtn:hover{background:color-mix(in srgb, var(--accent) 80%, black);}
.dashInlineAddBtn svg{width:14px;height:14px;flex:none;}
.dashInlineOpenBtn{width:100%;height:35px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:0;border-radius:6px;color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s;}
.dashInlineOpenBtn:hover{background:rgb(228 228 228 / 8%);color:var(--ink);}
.appCommandModal{background:#141416;border:1px solid #2a2a2e;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden;}
.appCommandModalHead{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #262629;}
.appCommandModalHead b{font-size:14px;}
.accountSwitchSubtitle{display:block;font-size:11.5px;color:var(--ink-faint);font-weight:500;margin-top:3px;}
.accountSwitchGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;}
.accountSwitchTile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border-radius:14px;border:1px solid #26282d;background:#0e0e10;cursor:pointer;text-decoration:none;color:inherit;font:inherit;transition:border-color .15s,transform .15s;width:100%;box-sizing:border-box;}
.accountSwitchTile:hover{border-color:var(--accent);transform:translateY(-2px);}
.accountSwitchTileAvatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;}
.accountSwitchTileName{font-size:13px;color:var(--ink);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.accountSwitchTileBadge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);background:rgba(255,255,255,.06);padding:2px 8px;border-radius:999px;}
.accountSwitchTileAdd{border-style:dashed;background:none;}
.accountSwitchTileAdd:hover{background:rgba(255,255,255,.03);}
.accountSwitchTileAddIcon{background:#1c1d20 !important;color:var(--ink-faint);}
.accountSwitchTileAdd:hover .accountSwitchTileAddIcon{color:var(--accent);}
.appCommandModalClose{background:none;border:0;color:var(--ink-faint);font-size:14px;cursor:pointer;}
.appCommandModalClose:hover{color:var(--ink);}
.appCommandModalBody{padding:16px 18px;display:flex;flex-direction:column;gap:2px;}
#dashTodoForm input{border-radius:5px !important;}
.dashThreeCol .dashEmptyState{flex:1;}
.dashBoldFieldset{border:1px solid var(--border-hi) !important;}
.saFieldset{border:3px solid var(--ink) !important;margin-bottom:24px;}
.saFieldset legend{background:var(--ink);color:#fff;padding:4px 10px;}
.aiCreateConfirmOverlay{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;background:rgba(10,11,13,.72);opacity:0;transition:opacity .2s;}
.aiCreateConfirmOverlay.open{opacity:1;}
.aiCreateConfirmCard{background:#fff;max-width:420px;width:92%;padding:28px;border:1px solid var(--border-hi);}
.aiCreateConfirmTitle{font-size:18px;font-weight:800;margin:0 0 12px;}
.aiCreateConfirmBody{font-size:13.5px;color:var(--ink-dim);line-height:1.6;margin:0 0 14px;}
.aiCreateConfirmInput{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--border-hi);font-size:14px;margin-bottom:18px;}
.aiCreateConfirmActions{display:flex;gap:10px;justify-content:flex-end;}
.dashSingleCol{margin-bottom:24px;}
.dashSingleCol .profileFieldset{border:3px solid var(--border-hi);margin:0;}
@media (max-width:980px){ .dashThreeCol{grid-template-columns:1fr;} }

/* === new sidebar dashboard top section === */
.dashGreetRow{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap;}
.dashGreetTitle{font-size:26px;font-weight:800;margin:0 0 4px;}
.dashGreetSub{color:var(--ink-dim);font-size:14px;margin:0;}
.dashDatePill{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;font-weight:700;background:#fff;border:1px solid var(--border-hi);padding:9px 14px;white-space:nowrap;}
.dashTopRow{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:16px;margin-bottom:16px;align-items:stretch;}
.dashHeroCard{background:linear-gradient(180deg,#0d2a4a 0%,var(--bg2) 260px,#26272c 100%);background-size:cover;background-position:center;color:#fff;border-radius:16px;padding:26px 24px;position:relative;display:flex;flex-direction:column;min-height:260px;box-shadow:0 6px 18px -12px rgba(30,40,90,.2);overflow:hidden;}
.dashHeroCardTop{padding-bottom:0;display:flex;flex-direction:column;flex:1;}
.dashHeroGreet{font-size:13.5px;font-weight:600;color:rgb(255 255 255);margin:0 0 10px;text-align:right;}
.dashHeroTag{display:inline-flex;align-self:flex-start;background:var(--accent);color:#fff;font-family:var(--mono);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border-radius:20px;margin-bottom:16px;}
.dashHeroDate{display:flex;align-items:baseline;gap:6px;line-height:1;margin-bottom:14px;}
.dashHeroDate b{font-size:38px;font-weight:800;}
.dashHeroDate span{font-family:var(--mono);font-size:19px;letter-spacing:.04em;opacity:.85;font-weight:700;}
.dashHeroName{font-size:20px;font-weight:700;margin:0 0 12px;}
.dashHeroMeta{font-size:13px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:6px;margin:0 0 6px;}
.dashHeroCountdown{font-size:13.5px;font-weight:700;color:#fff;margin:auto 0 8px;}
.dashHeroBar{height:6px;background:rgba(255,255,255,.15);overflow:hidden;margin:0 0 20px;}
.dashHeroBar div{height:100%;background:var(--accent);}
.dashHeroCardTop{display:flex;flex-direction:column;height:100%;}
.dashHeroHead{flex:0 0 auto;}
.dashHeroBody{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0;}
.dashHeroFoot{flex:0 0 auto;margin-top:auto;}
.dashHeroBarSm{height:4px;margin:6px 0 14px;}
.dashHeroPrepLabel{font-size:12px;color:rgba(255,255,255,.55);margin:10px 0 4px;}
.dashHeroOptList{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;}
.dashHeroOptList li{border-top:1px solid rgba(255,255,255,.08);}
.dashHeroOptList a{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;color:rgba(255,255,255,.75);font-size:12.5px;text-decoration:none;}
.dashHeroOptList a:hover{color:#fff;}
.dashHeroOptList a::after{content:none;}
.dashHeroInstruction{font-size:15px;color:#fff;font-weight:600;margin:8px 0 0;min-height:22px;transition:opacity .35s ease;opacity:1;}
.dashHeroInstruction.fading{opacity:0;}
.dashHeroReportLabel{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.4);font-weight:700;margin:4px 0 6px;}
.dashHeroReportList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.dashHeroReportList li{border-top:1px solid rgba(255,255,255,.08);}
.dashHeroReportList a{display:flex;align-items:center;gap:10px;padding:11px 2px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;}
.dashHeroReportList a:hover{color:var(--accent);}
.dashHeroReportIcon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);flex:none;color:rgba(255,255,255,.7);}
.dashHeroReportArrow{margin-left:auto;flex:none;color:rgba(255,255,255,.3);}
.dashHeroPostShowRow{display:flex;align-items:center;gap:14px;margin-bottom:4px;}
.dashHeroPostPhoto{width:52px;height:52px;border-radius:12px;background-size:cover;background-position:center;flex:none;box-shadow:0 0 0 2px rgba(255,255,255,.12);}
.dashHeroActions{display:flex;gap:10px;margin:0;flex-wrap:wrap;}
.dashHeroBtnPrimary{flex:1;justify-content:center;background:var(--accent);color:#fff;font-weight:700;font-size:13.5px;padding:16px 18px;border-radius:0;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.dashHeroBtnGhost{flex:1;justify-content:center;background:rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:13.5px;padding:16px 18px;border-radius:5px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.dashIaCard{background:#fff;border:1px solid #e7e8f2;border-radius:16px;padding:20px;box-shadow:0 6px 18px -12px rgba(30,40,90,.12);display:flex;flex-direction:column;}
.dashIaHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.dashIaHead b{display:flex;align-items:center;gap:8px;font-size:14px;color:#427cf6;}
.dashIaBeta{font-family:var(--mono);font-size:10px;font-weight:700;background:#eef0fb;color:#4f46e5;padding:3px 8px;border-radius:20px;}
.dashIaSub{font-size:12.5px;color:var(--ink-dim);margin:0 0 14px;}
.dashIaList{display:flex;flex-direction:column;gap:0;margin-bottom:14px;}
.dashIaItem{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #26282d;font-size:14px;font-family:var(--sans-ui);}
.dashIaItem:last-child{border-bottom:0;}
.dashIaItemAction{cursor:pointer;}
.dashIaIcon{width:28px;height:28px;border-radius:8px;flex:none;display:flex;align-items:center;justify-content:center;}
.dashIaIcon.blue{background:#e8effd;color:#2765d6;}
.dashIaIcon.purple{background:#f1ecfd;color:#7a4fd6;}
.dashIaIcon.amber{background:#fdf0de;color:#b3552f;}
.dashIaIcon.green{background:#e6f7ef;color:#0f9d58;}
.dashIaIcon.red{background:#fbe9e7;color:#c0392b;}
.dashIaIcon.gray{background:#eef0f2;color:#5c6270;}
.dashIaIcon.teal{background:#e6f7f2;color:#158d74;}
.dashIaIcon.pink{background:#fbe6f2;color:#c0399b;}
.dashIaIcon.indigo{background:#e9e6fb;color:#4d3ec0;}
html.dark-theme .dashIaIcon.pink{background:#3a1c30 !important;color:#e884c8 !important;}
html.dark-theme .dashIaIcon.indigo{background:#241d47 !important;color:#a29bef !important;}
html.dark-theme .dashIaIcon.red{background:#3a1f1f !important;color:#ff8a8a !important;}
html.dark-theme .dashIaIcon.gray{background:#26272c !important;color:#9a9ea6 !important;}
html.dark-theme .dashIaIcon.teal{background:#123d33 !important;color:#4be3b8 !important;}
.dashIaItem b{display:block;font-size:15px;font-weight:700;font-family:var(--sans-ui);margin:0 0 2px;}
.dashIaItem small{display:block;font-size:13px;font-family:var(--sans-ui);color:var(--ink-dim);}
.dashIaCta{background:var(--ink);color:#fff;border:0;border-radius:10px;padding:11px;font-weight:700;font-size:13px;cursor:pointer;width:100%;display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:14px;}
.dashIaItemFlat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #26282d;}
.dashIaItemFlat:last-child{border-bottom:0;}
.dashIaItemFlat .dashIndexTitle{margin:0 0 4px;}
.dashIaItemFlat .dashIndexMeta{display:block;}
.dashIaCta span:last-child{display:flex;flex-direction:column;gap:2px;}
.dashIaCta small{font-weight:500;font-size:11px;color:rgba(255,255,255,.7);}
.dashIaCtaBottom{margin-top:auto;margin-bottom:0;}
.dashChecklistTopCard{display:flex;flex-direction:column;}
.dashMidRow{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:16px;align-items:stretch;}
.dashMidRow > *{min-width:0;}
.dashMidRow2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;align-items:stretch;}
.dashMidRow3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px;align-items:stretch;}
@media (max-width:900px){ .dashMidRow3{grid-template-columns:1fr;} }
.dashPeriodCard .dashPeriodGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media (max-width:900px){ .dashPeriodCard .dashPeriodGrid{grid-template-columns:1fr 1fr;} }
.dashPeriodItem{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:14px;background:#fafafa;}
.dashPeriodItem.blue{background:linear-gradient(180deg,#eef4fd,#f9fbfe);}
.dashPeriodItem.amber{background:linear-gradient(180deg,#fdf1e4,#fdfaf6);}
.dashPeriodItem.green{background:linear-gradient(180deg,#e9f8f0,#f7fdfa);}
.dashPeriodItem.purple{background:linear-gradient(180deg,#f2edfd,#fbf9fe);}
.dashPeriodIcon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.dashPeriodIcon.blue{background:#e8effd;color:#2765d6;}
.dashPeriodIcon.amber{background:#fdf0de;color:#b3552f;}
.dashPeriodIcon.green{background:#e6f7ef;color:#0f9d58;}
.dashPeriodIcon.purple{background:#f1ecfd;color:#7a4fd6;}
.dashPeriodItem b{font-size:26px;font-weight:800;margin-bottom:2px;}
.dashNextShowCard{display:flex;flex-direction:column;}
.dashNextShowBigTitle{display:flex;align-items:center;gap:8px;font-family:var(--sans-ui);font-size:15px;font-weight:700;color:#4c4c5c;}
.dashNextShowBigTitle svg{width:16px;height:16px;flex:none;}
.dashNextShowInner2{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.dashNextShowPhoto{width:64px;height:64px;border-radius:12px;background-size:cover;background-position:center;background-color:var(--bg2);flex:none;}
.dashNextShowDetailsBtn{align-self:center;background:#fff;color:var(--ink);font-weight:700;font-size:13px;padding:10px 16px;border-radius:10px;border:1px solid var(--border-hi);text-decoration:none;white-space:nowrap;}
.dashNextShowDetailsBtn:hover{border-color:var(--accent);color:var(--accent);}
.dashNextShowDate{display:flex;flex-direction:column;line-height:1;flex:none;background:#0a0b0d;color:#fff;border-radius:10px;padding:8px 10px;align-items:center;}
.dashNextShowDate b{font-size:20px;font-weight:800;}
.dashNextShowDate span{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;color:#c7c9d1;}
.dashNextShowMain{flex:1;min-width:140px;}
.dashNextShowTitle{font-size:16px;font-weight:800;margin:0 0 3px;}
.dashNextShowMeta{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--ink-dim);margin:0;}
.dashNextShowMetaRow{display:flex;flex-wrap:wrap;gap:18px;margin:16px 0 0;padding-top:14px;border-top:1px solid #eef0f5;}
.dashNextShowMetaChip{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink);}
.dashNextShowMetaChip svg{color:var(--ink-dim);}
.dashNextShowPrep{display:flex;align-items:center;gap:12px;margin-top:16px;}
.dashNextShowPrepLabel{font-size:12.5px;color:var(--ink-dim);white-space:nowrap;}
.dashNextShowPrepBar{flex:1;height:8px;border-radius:100px;background:#eceef4;overflow:hidden;}
.dashNextShowPrepFill{height:100%;border-radius:100px;background:linear-gradient(90deg,#4c7dee,#2765d6);}
.dashNextShowPrepPct{font-size:13px;font-weight:700;white-space:nowrap;}
.dashNextShowTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.dashNextShowTag{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:8px 12px;border-radius:9px;text-decoration:none;}
.dashNextShowTag.green{background:#eaf8f0;color:#128a5c;}
.dashNextShowTag.orange{background:#fdeee0;color:#c05a1f;}
.dashNextShowTag.gray{background:#f2f2f4;color:#8b8d96;}
@media (max-width:980px){ .dashTopRow,.dashMidRow,.dashMidRow2{grid-template-columns:1fr;} }
.dashEmptyState{text-align:center;padding:36px 20px;background:var(--bg2);position:relative;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.dashEmptyState .dashEmptyIcon{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:var(--ink-faint);}
.dashEmptyState .dashEmptyIcon svg{width:22px;height:22px;}
.dashEmptyState.dashEmptyNoIcon::before{content:'';display:block;width:52px;height:52px;margin:0 auto 16px;border:2px dashed #3e4149;border-radius:50%;background:
  repeating-linear-gradient(135deg, transparent, transparent 6px, #3e4149 6px, #3e4149 7px) center/16px 16px no-repeat;
}
.dashEmptyState b{display:block;font-size:14px;margin-bottom:6px;}
.dashEmptyIcon{display:block;margin-bottom:8px;}
.dashEmptyIcon svg{width:28px;height:28px;color:var(--ink-faint);}
.buzzImgStrip{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:20px;padding:10px;}
.buzzImgCell{aspect-ratio:1;background-size:cover;background-position:center;background-color:var(--bg2);}
.buzzCardGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:10px;}
@media (max-width:520px){ .buzzCardGrid{grid-template-columns:1fr;} .buzzImgStrip{grid-template-columns:repeat(3,1fr);} }
.buzzCard{display:flex;flex-direction:column;gap:6px;background:var(--card);padding:16px;text-decoration:none;color:var(--ink);border:1px solid var(--border);}
.floatCard{box-shadow:6px 6px 0 0 rgba(22,21,18,.15);transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;}
.floatCard:hover{transform:rotate(0deg) scale(1.04) !important;box-shadow:10px 10px 0 0 rgba(22,21,18,.2);z-index:2;position:relative;}
.buzzCardSource{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);}
.buzzCardTitle{font-size:13.5px;font-weight:700;line-height:1.3;}
.buzzCardSnippet{font-size:12px;color:var(--ink-dim);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ctaShadow{position:relative;box-shadow:4px 4px 0 0 var(--ink);transition:transform .12s,box-shadow .12s;}
.ctaShadow:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--ink);}
.ctaShadow:active{transform:translate(0,0);box-shadow:2px 2px 0 0 var(--ink);}
.dashEmptyCheck{width:36px;height:36px;color:var(--accent);margin-bottom:10px;}
.dashShowCardList{display:flex;flex-direction:column;}
.dashShowCard{display:flex;align-items:center;gap:16px;padding:16px;margin:0 -16px;text-decoration:none;color:var(--ink);border-bottom:1px solid #dcdcdc;transition:background .15s;}
.dashShowCardList a:last-child{border-bottom:0;}
.dashShowCard:hover{background:var(--card-hover, #fff9f2);}
.dashShowCardDate{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;background:var(--ink);color:var(--bg);}
.dashShowCardDate b{font-size:20px;font-weight:800;line-height:1;}
.dashShowCardDate span{font-family:var(--mono);font-size:9px;letter-spacing:.03em;margin-top:2px;}
.dashShowCardMain{flex:1;min-width:0;}
.dashShowCardTitle{font-size:15px;font-weight:700;margin:0 0 2px;}
.dashShowCardMeta{font-size:12.5px;color:var(--ink-dim);}
.dashShowCardArrow{width:16px;height:16px;flex:none;color:var(--ink-faint);}
.dashShowCard:hover .dashShowCardArrow{color:var(--accent);}
.buzzFullOverlay{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;background:rgba(5,5,7,.75);backdrop-filter:blur(8px);}
.buzzCloseBtn{position:fixed;top:20px;right:24px;width:42px;height:42px;border-radius:100px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer;}
.buzzCloseBtn:hover{background:rgba(255,255,255,.25);}
.buzzFullInner{width:min(980px,100%);height:min(680px,86vh);background:#0e0f12;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 100px rgba(0,0,0,.6);}
.buzzModalHead{display:flex;align-items:center;justify-content:space-between;padding:22px 30px;border-bottom:1px solid rgba(255,255,255,.07);flex:none;}
.buzzModalHeadId{display:flex;align-items:center;gap:12px;}
.buzzModalAvatar{width:40px;height:40px;border-radius:50%;flex:none;background-size:cover;background-position:center;background-color:#26272c;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#bcbab6;box-shadow:0 0 0 2px rgba(255,255,255,.06);}
.buzzModalHead h1{margin:0;font-size:21px;font-weight:800;color:#fff;letter-spacing:-.01em;}
.buzzModalCloseBtn{background:none !important;border:0;width:32px;height:32px;border-radius:50%;color:rgba(255,255,255,.7);font-size:14px;cursor:pointer;transition:color .15s;}
.buzzModalCloseBtn:hover{background:none !important;color:#fff;}
.rdTabsWrap{padding:0 30px;border-bottom:1px solid rgba(255,255,255,.07);flex:none;}
.buzzTabs{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
.buzzTabs::-webkit-scrollbar{display:none;}
.buzzTab{background:none;border:0;padding:13px 2px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.42);cursor:pointer;position:relative;white-space:nowrap;transition:color .15s;}
.buzzTab:hover{color:rgba(255,255,255,.75);}
.buzzTab.active{color:#fff;}
.buzzTab.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),#8f6ff0);border-radius:2px 2px 0 0;}
.buzzModalBody{padding:26px 30px 34px;overflow-y:auto;flex:1;}
@media (max-width:640px){
  .buzzFullInner{width:100%;height:100%;max-height:100vh;border-radius:0;}
  .buzzModalHead{padding:16px 18px;}
  .rdTabsWrap{padding:0 18px;}
  .buzzModalBody{padding:18px 18px 28px;}
}
.buzzOverviewHead{display:flex;align-items:center;gap:24px;margin-bottom:28px;}
.buzzOverviewHead .buzzRing{margin:0;flex:none;width:110px;height:110px;}
.buzzOverviewHead .buzzRingInner{width:88px;height:88px;}
.buzzOverviewHead .buzzRingInner b{font-size:26px;}
.buzzInsightGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;}
.buzzInsightCard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;}
.buzzInsightCard h3{color:#fff;font-size:15px;margin:0 0 10px;}
.buzzInsightCard .buzzNote{margin:12px 0 0;max-width:none;font-size:13.5px;}
.rdHero{padding:6px 0 22px;}
.rdHeroEyebrow{margin:0 0 8px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#6ea1f5;font-weight:700;}
.rdHeroHead{margin:0 0 6px;font-size:23px;font-weight:800;color:#fff;line-height:1.28;letter-spacing:-.01em;}
.rdHeroSub{margin:0;color:rgba(255,255,255,.5);font-size:13.5px;}
.rdMomentum{display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px 22px;margin-bottom:20px;}
.rdMomentumScore{font-size:36px;font-weight:800;color:#fff;font-family:var(--mono);background:linear-gradient(135deg,#fff,rgba(255,255,255,.65));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.rdMomentumLabel{margin:0;font-size:14.5px;font-weight:700;color:#fff;}
.rdMomentumNote{margin:2px 0 0;font-size:12.5px;color:rgba(255,255,255,.45);}
.rdPrincipal{position:relative;background:linear-gradient(150deg,rgba(38,101,214,.16),rgba(143,111,240,.07) 60%,transparent);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px 30px;margin-bottom:20px;overflow:hidden;}
.rdPrincipal::before{content:'';position:absolute;top:-60%;right:-20%;width:280px;height:280px;background:radial-gradient(circle,rgba(143,111,240,.18),transparent 70%);pointer-events:none;}
.rdPrincipalEyebrow{margin:0 0 10px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:.65;font-weight:700;position:relative;}
.rdPrincipalTitle{margin:0 0 14px;font-size:22px;font-weight:800;color:#fff;line-height:1.3;letter-spacing:-.01em;position:relative;}
.rdConfidencePill{display:inline-block;background:color-mix(in srgb, var(--c) 20%, transparent);color:var(--c);border:1px solid color-mix(in srgb, var(--c) 40%, transparent);border-radius:20px;padding:3px 11px;font-size:10.5px;font-weight:700;margin-bottom:14px;letter-spacing:.02em;}
.rdEvidenceRow{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;position:relative;}
.rdEvidenceChip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:6px 11px;font-size:11.5px;color:rgba(255,255,255,.75);font-family:var(--mono);}
.rdBlock{margin-bottom:14px;position:relative;}
.rdBlockLabel{margin:0 0 4px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.38);font-weight:700;}
.rdBlockText{margin:0;font-size:14.5px;color:rgba(255,255,255,.85);line-height:1.55;}
.rdActionRow{display:flex;align-items:flex-start;gap:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 15px;color:#fff;font-size:13.5px;line-height:1.5;position:relative;}
.rdActionRow svg{flex:none;margin-top:2px;color:#6ea1f5;}
.rdMoveGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:20px;}
.rdMoveCard{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:9px;transition:background .15s,border-color .15s,transform .15s;}
.rdMoveCard:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateY(-1px);}
.rdMoveHead{display:flex;align-items:center;justify-content:space-between;}
.rdMoveTag{font-size:11px;font-weight:700;color:var(--c);}
.rdMoveConf{font-size:10.5px;color:rgba(255,255,255,.35);font-family:var(--mono);}
.rdMoveTitle{margin:0;font-size:15px;font-weight:700;color:#fff;line-height:1.35;}
.rdMoveInterp{margin:0;font-size:12.5px;color:rgba(255,255,255,.5);line-height:1.5;}
.rdMoveAction{margin:2px 0 0;font-size:12.5px;color:#6ea1f5;font-weight:600;}
.rdDiscovery{background:linear-gradient(135deg,rgba(240,192,90,.1),rgba(240,192,90,.03));border:1px solid rgba(240,192,90,.22);border-radius:18px;padding:22px 24px;margin-bottom:16px;}
.rdDiscoveryEyebrow{margin:0 0 8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#f0c05a;font-weight:700;}
.rdDiscoveryTitle{margin:0 0 6px;font-size:16.5px;font-weight:700;color:#fff;line-height:1.4;}
.rdDiscoveryBody{margin:0;font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.55;}
.rdOutlook{background:linear-gradient(135deg,rgba(143,111,240,.1),rgba(143,111,240,.03));border:1px solid rgba(143,111,240,.22);border-radius:18px;padding:22px 24px;}
.rdOutlookEyebrow{margin:0 0 8px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:#8f6ff0;font-weight:700;}
.rdOutlookText{margin:0 0 10px;font-size:14px;color:rgba(255,255,255,.75);line-height:1.55;}
.rdGallery{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:90px;gap:10px;min-height:60px;}
.rdGalleryItem:nth-child(6n+1){grid-column:span 2;grid-row:span 2;}
.rdGalleryItem:nth-child(6n+4){grid-row:span 2;}
.rdGalleryItem:nth-child(9n+3){grid-column:span 2;}
.rdGalleryItem{position:relative;border-radius:14px;overflow:hidden;background:#16171a;animation:rdPhotoIn .3s ease both;display:block;}
@keyframes rdPhotoIn{from{opacity:0;transform:scale(.94);}to{opacity:1;transform:scale(1);}}
.rdGalleryItem img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.rdGalleryItem:hover img{transform:scale(1.06);}
.rdGalleryZoom{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;}
.rdGalleryItem:hover .rdGalleryZoom{opacity:1;}
.rdLightbox{display:none;position:fixed;inset:0;z-index:10000;align-items:center;justify-content:center;background:rgba(0,0,0,.9);backdrop-filter:blur(4px);}
.rdLightbox:target{display:flex;}
.rdLightboxBg{position:absolute;inset:0;z-index:-1;}
.rdLightboxInner{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:90vw;}
.rdLightbox img{max-width:min(90vw,760px);max-height:78vh;object-fit:contain;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6);display:block;}
.rdLightboxClose{position:absolute;top:24px;right:28px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;line-height:1;}
.rdLightboxClose:hover{background:rgba(255,255,255,.22);}
.rdLbActions{position:static;transform:none;display:flex;flex-direction:row;gap:10px;white-space:nowrap;}
.rdPhotoRejectBtn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:rgba(255,255,255,.07);backdrop-filter:blur(6px);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;}
.rdPhotoRejectBtn:hover{background:rgba(220,60,60,.18);color:#ff8a8a;border-color:rgba(220,60,60,.4);}
.rdPhotoSaveBtn{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;}
.rdPhotoSaveBtn:hover{background:rgba(255,255,255,.24);}
.rdPhotoSaveBtn.buzzPhotoSavedBtn{background:#158d74;border-color:#158d74;}
.rdPressList{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;}
.rdPressCard{position:relative;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 44px 16px 16px;transition:background .15s,border-color .15s;}
.rdPressCard:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);}
.rdPressLink{display:flex;flex-direction:column;gap:6px;text-decoration:none;}
.rdPressTop{display:flex;align-items:center;gap:6px;}
.rdPressFavicon{width:14px;height:14px;border-radius:3px;}
.rdPressSource{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.4);font-weight:700;font-family:var(--mono);}
.rdPressTitle{color:#fff;font-size:14.5px;line-height:1.35;font-weight:700;}
.rdPressSnippet{color:rgba(255,255,255,.5);font-size:12.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rdPinBtn{position:absolute;top:14px;right:14px;background:none;border:0;color:rgba(255,255,255,.3);cursor:pointer;padding:4px;transition:color .15s,transform .15s;}
.rdPinBtn:hover{color:#f0c05a;transform:scale(1.15);}
.rdPinBtnActive{color:#f0c05a !important;}
.fileThumbImg{display:block;width:32px;height:32px;border-radius:6px;background-size:cover;background-position:center;background-color:#26272c;}
.fileThumbIcon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#26272c;color:#8f97a8;}
.fileTitleCell{display:flex;align-items:center;gap:6px;}
.fileTitleText{font-weight:700;}
.fileRenameBtn{background:none;border:0;color:rgba(255,255,255,.35);cursor:pointer;padding:2px;display:flex;opacity:0;transition:opacity .15s;}
.negRow:hover .fileRenameBtn{opacity:1;}
.fileRenameBtn:hover{color:#fff;}
.buzzPhotoCell:hover .buzzPhotoSaveBtn{opacity:1;}
.buzzPhotoSaveBtn.buzzPhotoSavedBtn{background:#158d74;opacity:1;}
.buzzPinBtn{flex:none;background:none;border:0;color:rgba(255,255,255,.45);font-size:26px;line-height:1;cursor:pointer;padding:0 6px;margin-top:-2px;transition:transform .15s,color .15s;}
.buzzPinBtn:hover{color:#f0c05a;transform:scale(1.15);}
.buzzPinBtnActive{color:#f0c05a !important;}
.rdEmpty{color:rgba(255,255,255,.45);font-size:13.5px;text-align:center;padding:50px 0;grid-column:1/-1;}
.rdEntityReason{margin:0;color:rgba(255,255,255,.55);font-size:12.5px;line-height:1.5;}
.rdEntityMetaRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px;}
.rdEntityMeta{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.42);font-size:11.5px;}
.rdRankList{display:flex;flex-direction:column;}
.rdRankRow{display:flex;gap:16px;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .15s;}
.rdRankRow:hover{background:rgba(255,255,255,.03);}
.rdRankNum{flex:none;width:26px;font-family:var(--mono);font-size:15px;font-weight:800;color:rgba(255,255,255,.28);}
.rdRankBody{flex:1;min-width:0;}
.rdRankTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px;}
.rdRankTop b{color:#fff;font-size:14.5px;font-weight:700;}
.rdRankPct{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--c);}
.rdRankTrack{height:4px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin-bottom:9px;}
.rdRankFill{height:100%;border-radius:3px;background:var(--c);}
.rdCollabList{display:flex;flex-direction:column;}
.rdCollabRow{display:flex;align-items:center;gap:14px;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .15s;}
.rdCollabRow:hover{background:rgba(255,255,255,.03);}
.rdCollabBody{flex:1;min-width:0;}
.rdCollabFit{position:relative;flex:none;display:flex;align-items:center;justify-content:center;}
.rdCollabFit span{position:absolute;font-family:var(--mono);font-size:10.5px;font-weight:700;color:#fff;}
.rdEntityGenre{display:block;font-size:10.5px;color:#8fb3f2;text-transform:uppercase;letter-spacing:.03em;font-weight:700;margin-top:2px;}
.rdAvatarDot{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3a6fd6,#8f6ff0);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex:none;}
@media (max-width:640px){
  .rdGallery{grid-template-columns:repeat(4,1fr);grid-auto-rows:70px;gap:8px;}
  .rdPressList{grid-template-columns:1fr;}
  .rdMoveGrid{grid-template-columns:1fr !important;}
}
.buzzProgressBar{position:absolute;top:20px;left:24px;right:80px;display:flex;gap:6px;z-index:10;}
.buzzProgressSeg{flex:1;height:3px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden;}
.buzzProgressSeg i{display:block;height:100%;width:0;background:#fff;transition:width .25s;}
.buzzProgressSeg.done i{width:100%;}
.buzzProgressSeg.active i{width:100%;}
.buzzSlideTrack{display:flex;height:100%;transition:transform .5s cubic-bezier(.65,0,.35,1);}
.buzzSlideWrap{flex:none;height:100%;display:flex;align-items:center;justify-content:center;padding:80px 60px;box-sizing:border-box;}
.buzzSlide{max-width:560px;text-align:center;color:#fff;}
.buzzEyebrow{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:color-mix(in srgb, var(--accent) 70%, #fff);margin:0 0 16px;}
.buzzSlide h1{font-size:56px;font-weight:800;margin:8px 0 14px;letter-spacing:-.02em;}
.buzzSlide h2{font-size:30px;font-weight:800;margin:0 0 20px;}
.buzzGenrePill{display:inline-block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:color-mix(in srgb, var(--accent) 55%, transparent);border:1px solid color-mix(in srgb, var(--accent) 70%, #fff 20%);padding:6px 16px;border-radius:100px;}
.buzzCoverSub{color:rgba(255,255,255,.65);font-size:15px;max-width:400px;margin:0 auto;line-height:1.6;}
.buzzNote{color:rgba(255,255,255,.7);font-size:15px;line-height:1.65;max-width:440px;margin:18px auto 0;}
.buzzRing{width:170px;height:170px;border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;}
.buzzRingInner{width:138px;height:138px;border-radius:50%;background:#0e0f12;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.buzzRingInner b{font-size:38px;color:#fff;line-height:1;}
.buzzRingInner span{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.5);margin-top:4px;}
.buzzBarRow{display:flex;align-items:center;gap:14px;max-width:420px;margin:0 auto;}
.buzzBarTrack{flex:1;height:10px;background:rgba(255,255,255,.14);border-radius:100px;overflow:hidden;}
.buzzBarFill{height:100%;width:0;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, #fff 20%));border-radius:100px;transition:width 1s cubic-bezier(.16,1,.3,1);}
.buzzBarNum{font-family:var(--mono);font-size:15px;color:#fff;flex:none;}
.buzzChipRow{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:560px;margin:0 auto;}
.buzzChipCard{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:18px 20px;width:220px;text-align:left;backdrop-filter:blur(6px);}
.buzzChipCard svg{color:var(--accent);margin-bottom:10px;}
.buzzChipCard b{display:block;font-size:15px;color:#fff;margin-bottom:6px;}
.buzzChipCard span{display:block;font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.5;}
.buzzAvatarDot{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--mono);font-size:12px;font-weight:700;margin-bottom:10px;}
.buzzMasonry{columns:3;column-gap:10px;max-width:560px;margin:0 auto;}
.buzzMasonryCell{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:10px;margin-bottom:10px;break-inside:avoid;}
.buzzPressList{display:flex;flex-direction:column;max-width:480px;margin:0 auto;text-align:left;}
.buzzPressRow{display:block;padding:14px 0;border-top:1px solid rgba(255,255,255,.14);text-decoration:none;color:#fff;}
.buzzPressRow:first-of-type{border-top:0;}
.buzzCardSource{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:rgba(255,255,255,.45);}
.buzzCardTitle{display:block;font-size:14.5px;margin:5px 0;line-height:1.35;}
.buzzCardSnippet{display:block;font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.4;}
.buzzTapZone{position:absolute;top:0;bottom:0;width:20%;z-index:5;cursor:pointer;}
.buzzTapLeft{left:0;}
.buzzTapRight{right:0;}
.weekDayAdd{font-size:11px;color:var(--ink-faint);border:1px dashed var(--border-hi);padding:6px;text-align:center;cursor:pointer;margin-top:4px;}
.weekDayAdd:hover{color:var(--accent);border-color:var(--accent);}
.dashSideBlock{border:1px solid var(--border-hi);padding:16px;}
.dashSideBlockTitle{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin:0 0 10px;}
.dashSideBlockRow{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid var(--border);text-decoration:none;color:var(--ink);}
.dashSideBlockRow:first-of-type{border-top:0;}
.dashSideBlockRow b{font-size:13px;}
.dashSideBlockRow span{font-size:11.5px;color:var(--ink-dim);}
.dashSideBlockFoot{display:block;margin-top:10px;font-size:12px;color:var(--accent);text-decoration:none;}
.showTimeline{display:flex;gap:0;margin-bottom:30px;border:1px solid var(--border-hi);}
.showTimelineStep{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 10px;background:var(--card);border:0;border-right:1px solid var(--border-hi);color:var(--ink-dim);font-size:12.5px;font-weight:600;cursor:pointer;}
.showTimelineStep:last-child{border-right:0;}
.showTimelineStep span{width:20px;height:20px;background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:11px;flex:none;}
.showTimelineStep.active{background:var(--ink);color:var(--bg);}
.showTimelineStep.active span{background:var(--accent);color:#0a0b0d;}
.checkRow{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;text-transform:none;font-family:var(--sans);color:var(--ink);margin-bottom:12px;cursor:pointer;}
.checkRow input{width:auto;flex:none;accent-color:var(--accent);}
.teamRow{display:grid;grid-template-columns:1.4fr 170px 140px 150px 1fr auto;gap:10px;margin-bottom:8px;align-items:center;}
.teamCard{border:1px solid var(--border-hi);padding:14px;margin-bottom:12px;}
.teamCardRow{display:flex;gap:10px;margin-bottom:10px;}
.teamCardRow:last-child{margin-bottom:0;}
.teamCardField{flex:1;}
.teamCardField label{font-family:var(--mono);font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:4px;}
.teamContactLink{display:inline-block;padding:11px 13px;background:var(--bg2);border:1px solid var(--border-hi);color:#618eee;font-size:14px;width:100%;box-sizing:border-box;}
@media (max-width:640px){ .teamCardRow{flex-direction:column;} }
.teamListRow{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);margin-bottom:8px;cursor:pointer;}
.teamListRow.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent);}
.teamCheckDot{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--border-hi);background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.teamCheckDot.checked{background:#158d74;border-color:#158d74;}
.symplaReportGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px;}
.symplaReportCell{border:1px solid var(--border);padding:12px;}
.symplaReportCell .hint{display:block;margin-bottom:4px;text-transform:uppercase;font-size:10px;letter-spacing:.04em;}
.symplaReportCell b{font-size:17px;}
.teamListRowMain{flex:1;display:flex;flex-direction:column;gap:2px;}
.teamListRowMain b{font-size:14px;}
@media (max-width:640px){ .teamListRow{flex-wrap:wrap;} }
.cockpitGrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;margin-bottom:26px;}
@media (max-width:860px){ .cockpitGrid{grid-template-columns:1fr;} }
.cockpitMain{text-align:center;}
.cockpitMain.profileFieldset{margin-bottom:0;}
.cockpitCol.profileFieldset{margin-bottom:0;}
.dashCard.scRoundBottom{border-bottom-left-radius:16px !important;border-bottom-right-radius:16px !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-top:0 !important;overflow:hidden;}
.cockpitCountdown{font-size:34px;font-weight:900;color:var(--accent);margin:0;letter-spacing:-.01em;white-space:nowrap;}
.cockpitStat{font-size:20px;font-weight:800;margin:0;}
.hirerDialogOverlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200;display:flex;align-items:center;justify-content:center;}
.cockpitSideBySide{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;}
.cockpitSideBySide .dashCard{margin:0;}
@media (max-width:760px){ .cockpitSideBySide{grid-template-columns:1fr;} }
.hirerPaidAlert{margin-top:8px;padding:8px 12px;font-size:12.5px;font-weight:700;}
.hirerPaidAlert.paid{background:color-mix(in srgb, #158d74 18%, transparent);color:#158d74;}
.hirerPaidAlert.pending{background:color-mix(in srgb, #d69b01 22%, transparent);color:#f0c05a;border:1px solid color-mix(in srgb, #d69b01 40%, transparent);}
.scContractInfoBox{margin-top:20px;padding:12px;background:#363636;border:1px solid var(--border-hi);border-radius:10px;font-size:13px;margin-bottom:20px;}
.hirerPaidAlert.partial{background:#26241a !important;color:#e6d98a !important;border:1px solid #e6d98a;}
.salesBarWrap{width:100%;height:10px;background:var(--bg2);border:1px solid var(--border-hi);margin-top:6px;}
.salesBar{height:100%;background:var(--accent);width:0%;transition:width .3s;}
.kanbanBoard{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.kanbanColTitle{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin:0 0 10px;}
.kanbanNote{background:#fff9db;border:1px solid #e6d98a;padding:10px 30px 10px 12px;font-size:13px;margin-bottom:8px;position:relative;color:#5c5330;}
.kanbanNote button{position:absolute;top:6px;right:8px;background:none;border:0;cursor:pointer;font-size:20px !important;color:#8a7c2c !important;line-height:1;padding:2px;z-index:1;}
@media (max-width:860px){ .kanbanBoard{grid-template-columns:1fr 1fr;} }
.showDayCard{text-align:center;padding:50px 20px;}
.showDayTime{font-size:48px;font-weight:900;margin:0;}
.showDayVenue{font-size:18px;font-weight:700;margin:10px 0 2px;}
.showDayPlace{font-size:14px;color:var(--ink-dim);margin:0 0 24px;}
.showCentralSplit{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start;}
@media (max-width:860px){ .showCentralSplit{grid-template-columns:1fr;} }
.showCentralCalWrap{}
.showCentralPanel{position:sticky;top:20px;min-height:160px;}
.showCentralPanelCard{border-top:1px solid var(--border);padding-top:14px;margin-top:14px;}
.showCentralPanelCard:first-child{border-top:0;padding-top:0;margin-top:0;}
.scDarkBtn{background:#0a0b0d;color:#fff;border:0;padding:11px 16px;font-family:var(--mono);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;}
.scDarkBtn:hover{background:var(--accent);}
.scDarkBtnGhost{background:var(--bg2);color:var(--ink-dim);border:1px solid var(--border-hi);padding:11px 16px;font-family:var(--mono);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;}
.scDarkBtnGhost:hover{border-color:var(--accent);color:var(--accent);}
.scApptForm{background:#1f1f22;border:1px solid #4d4d4e;border-radius:6px;padding:14px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;}
.scApptForm select,.scApptForm input{width:100%;background-color:var(--card);border:1px solid var(--border-hi);color:var(--ink);padding:10px 12px;font-size:13.5px;}
html.dark-theme .scDarkBtn{background:#26272c;}
html.dark-theme .agendaAddBtn{background:var(--accent);}
html.dark-theme .scDarkBtn:hover{background:var(--accent);}
html.dark-theme .agendaAddBtn:hover{background:color-mix(in srgb, var(--accent) 80%, black);}
.scTypePickGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 0;}
.scTypePickBtn{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px solid var(--border-hi);color:var(--ink);padding:14px;font-size:13.5px;font-weight:600;cursor:pointer;}
.scTypePickBtn:hover{border-color:var(--accent);color:var(--accent);}
.scTypeIcon{width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:15px;background:var(--card-hover);}
.scTypeDot{width:10px;height:10px;border-radius:50%;flex:none;display:inline-block;}
.scTypeDot.confirmado,.scTypeIcon.confirmado{background:#158d74;}
.scTypeDot.neg{background:#d69b01;}
.scTypeDot.orange,.scTypeIcon.orange{background:#c1601e;}
.scTypeDot.green,.scTypeIcon.green{background:#1f7a3d;}
.scTypeDot.blue,.scTypeIcon.blue{background:#2765d6;}
.scTypeDot.purple,.scTypeIcon.purple{background:#7a4fd6;}
.scTypeDot.red,.scTypeIcon.red{background:#c0392b;}
.scTypeDot.gray,.scTypeIcon.gray{background:#5c6270;}
.scListRowHead{display:flex;align-items:center;gap:8px;margin-bottom:2px;}
.dayItemsTable{display:flex;flex-direction:column;}
.dayItemRow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #dcdcdc;}
.dayItemRow:last-child{border-bottom:0;}
.dayItemTime{font-family:var(--mono);font-size:12.5px;color:var(--ink-dim);flex:none;width:44px;}
.dayItemMain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.dayItemMain b{font-size:14px;}
.dayItemType{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-dim);}
.dashCatalogGrid{display:grid;grid-template-columns:repeat(5,1fr);border-left:3px solid var(--ink);margin-bottom:20px;}
@media (max-width:980px){ .dashCatalogGrid{grid-template-columns:repeat(2,1fr);} }
.pfTabsGrid{grid-template-columns:repeat(4,1fr);}
@media (max-width:640px){ .pfTabsGrid{grid-template-columns:repeat(2,1fr);} }
.pfTabsGrid6{grid-template-columns:repeat(6,1fr);}
@media (max-width:900px){ .pfTabsGrid6{grid-template-columns:repeat(3,1fr);} }
@media (max-width:480px){ .pfTabsGrid6{grid-template-columns:repeat(2,1fr);} }
.pfTabsGrid5{grid-template-columns:repeat(5,1fr);}
@media (max-width:900px){ .pfTabsGrid5{grid-template-columns:repeat(3,1fr);} }
@media (max-width:480px){ .pfTabsGrid5{grid-template-columns:repeat(2,1fr);} }
.saTabsGrid{grid-template-columns:repeat(6,1fr);}
@media (max-width:640px){ .saTabsGrid{grid-template-columns:repeat(2,1fr);} }
/* mobile: preview em tela cheia por gesto (arrastar) ou botão, em vez de ficar
   sempre embaixo do formulário — troca de "editando" pra "vendo o preview". */
@media (max-width:980px){
  /* nada do preview aparece enquanto se edita: some o cartão inteiro, não só a coluna */
  .dashGrid .previewCol,.dashGrid .previewColWrap{display:none !important;}
  .dashGrid.mobilePreviewMode > div:first-child{display:none;}
  .dashGrid.mobilePreviewMode .previewColWrap{display:block !important;position:fixed !important;inset:0;z-index:500;background:var(--bg);}
  body.pfPreviewLock{overflow:hidden !important;position:fixed;width:100%;}
  /* altura explícita em cada nível: o flex herdado colapsava e sobrava uma faixa */
  .dashGrid.mobilePreviewMode .previewCol{display:flex !important;flex-direction:column;position:absolute !important;inset:0;height:100% !important;max-height:none !important;z-index:1;background:var(--bg);padding:12px !important;margin:0;box-sizing:border-box;overflow:hidden;}
  .dashGrid.mobilePreviewMode .previewCol .dashCardHead{flex:0 0 auto;}
  .dashGrid.mobilePreviewMode .previewCol .dashCardBody2{flex:1 1 auto !important;min-height:0 !important;height:auto !important;position:relative !important;padding:0 !important;margin:0 !important;overflow:hidden;}
  /* o iframe preenche a área e rola por dentro */
  .dashGrid.mobilePreviewMode .previewFrame{position:absolute !important;inset:0 !important;margin:0 !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:hidden !important;display:block;}
  .dashGrid.mobilePreviewMode .previewFrame iframe{width:100% !important;height:100% !important;min-height:0 !important;max-height:none !important;display:block;border:0;-webkit-overflow-scrolling:touch;}
  .pfMobilePreviewToggle{
    display:flex;position:fixed;left:16px;bottom:16px;z-index:600;
    background:#1b1b1e;color:var(--ink);border:1px solid #2f3136;
    font-family:var(--mono);font-size:12px;font-weight:700;
    padding:12px 18px;border-radius:100px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.45);
    align-items:center;gap:8px;
  }
  .pfMobilePreviewToggle:active{background:#26282d;}
  /* componentes disponíveis: mesma faixa rolável das abas */
  .pfTabsScroller .blockAddRow{margin:0;overflow-x:auto;padding:0 30px;scrollbar-width:none;}
  .pfTabsScroller .blockAddRow::-webkit-scrollbar{display:none;}
  /* abas: uma linha só, rolando na horizontal, com setas indicando que há mais */
  .pfTabsScroller{position:relative;margin-bottom:24px;}
  .pfTabsScroller .pfCleanTabs{margin:0;gap:22px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 30px;}
  .pfTabsScroller .pfCleanTabs::-webkit-scrollbar{display:none;}
  .pfTabsScroller .pfCleanTab{flex:0 0 auto;white-space:nowrap;scroll-snap-align:center;}
  .pfTabsArrow{position:absolute;top:0;bottom:1px;width:30px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:0;color:var(--ink-dim);cursor:pointer;padding:0;z-index:2;transition:opacity .18s ease;}
  .pfTabsArrow[hidden]{display:none;}
  .pfTabsArrowPrev{left:0;background:linear-gradient(90deg,var(--bg) 60%,transparent);justify-content:flex-start;}
  .pfTabsArrowNext{right:0;background:linear-gradient(270deg,var(--bg) 60%,transparent);justify-content:flex-end;}
  .pfTabsArrow:active{color:var(--ink);}
}
@media (min-width:981px){ .pfMobilePreviewToggle{display:none;} }
.dashCatalogTile{
  border-top:3px solid var(--ink);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:24px 20px;
  display:flex;flex-direction:column;gap:8px;min-height:96px;justify-content:flex-end;transition:background .15s,color .15s;
}
.dashCatalogTile:hover{background:var(--accent);color:#fff;}
.dashCatalogTile:hover small{color:rgba(255,255,255,.8);}
.dashCatalogTile b{font-size:18px;font-weight:700;}
.dashCatalogTile small{font-family:var(--mono);font-size:11px;color:var(--ink-dim);font-weight:400;}
.dashCatalogTile.importTile{background:var(--ink);color:var(--bg);}
.dashCatalogTile.importTile small{color:color-mix(in srgb, var(--bg) 70%, transparent);}
.dashCatalogTile.importTile:hover{background:var(--accent);color:#fff;}
.dashCatalogTile.tabTile{cursor:pointer;background:#fff;color:var(--ink);text-align:left;align-items:flex-start;}
.dashCatalogTile.tabTile b{font-family:var(--sans);font-size:18px;font-weight:700;}
.dashCatalogTile.tabTile small{font-family:var(--mono);font-size:11px;font-weight:400;}
.dashCatalogTile.tabTile.active{background:#111115 !important;border:0;color:var(--ink);}
.dashCatalogTile.tabTile.active small{color:var(--ink-dim);}
@media (max-width:760px){ .dashCatalogGrid[style*="repeat(3,1fr)"]{grid-template-columns:1fr !important;} }
.dashCatalogTile.tabTile:hover:not(.active){background:var(--accent);color:#fff;}
.dashCatalogTile.tabTile:hover:not(.active) small{color:rgba(255,255,255,.85);}
html.dark-theme body.dashSidebarLayout .dashCatalogTile.tabTile{background:#1b1b1e !important;border-color:#26282d !important;color:var(--ink) !important;}
html.dark-theme body.dashSidebarLayout .dashCatalogTile.tabTile:hover:not(.active){background:var(--accent) !important;color:#fff !important;}
html.dark-theme body.dashSidebarLayout .dashCatalogTile.tabTile.active{background:#0a0a0b !important;}
/* réplica exata do ticker institucional (MUSICOMPY/HUB/ROTA...) */
.profileTicker{border-top:0;background:#111115;overflow:hidden;white-space:nowrap;padding:14px 0;width:100%;margin-top:0;}
.profileTickerTrack{display:inline-flex;animation:profileTickerScroll 24s linear infinite;}
.profileTickerTrack span{
  font-family:var(--mono);font-weight:500;font-size:13px;color:#9a9ea6;letter-spacing:.03em;
  padding:0 24px;display:inline-flex;align-items:center;gap:24px;text-transform:uppercase;
}
.profileTickerTrack span::after{content:'/';color:var(--accent);}
@keyframes profileTickerScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
.dashGridDivider{border-left:0;margin-top:0;}
.dashGridDivider > div:first-child{padding-top:20px;}
.dashGridDivider .previewCol{padding-left:20px;padding-top:20px;border-left:3px solid var(--ink);margin-top:0;}
.dashGridDivider .previewCol.profileFieldset{padding:0;margin-top:20px;border:3px solid #000;overflow:hidden;display:block;position:sticky;top:24px;height:calc(100vh - 48px);}
.dashGridDivider .previewCol.dashCard{padding:0;margin-top:20px;overflow:hidden;position:sticky;top:24px;height:calc(100vh - 48px);}
.dashGridDivider .previewColWrap .fakeLegend{display:none;}
.previewPageTag{
  font-family:var(--mono);font-size:12.5px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;
  display:inline-block;padding:6px 14px;border:2px solid var(--ink);margin-bottom:20px;
}
body.appChrome .stepPanel{border:0;padding:0;}
body.appChrome fieldset.stepPanel.profileFieldset{border:3px solid #000;padding:18px 20px 20px;}
#previewInner{}
.dashSectionHead .n{color:var(--ink-dim);}
.dashSectionHead a.n:hover{color:var(--accent);}
.previewSidebarFull{display:flex;flex-direction:column;}
#previewInner{display:flex;flex-direction:column;flex:1;min-height:0;}
body.appChrome input,body.appChrome textarea,body.appChrome select{border-radius:0 !important;font-family:var(--sans-ui);}
html.dark-theme body.appChrome select{
}
body.appChrome select{
  padding-right:36px !important;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 12px center !important;
  background-size:14px !important;
}
@media (max-width:600px){
  .dashIndexRow{grid-template-columns:1fr;text-align:left;}
  .dashIndexActions{justify-content:flex-start;}
}

/* réplica do artefato "featCard" da home (Hub / Musicompy) pro editor+preview */
.featTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.featTop .num{font-family:var(--mono);font-size:13px;color:var(--ink-dim);}
.featTop .pill{
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;
  border:1.5px solid var(--accent);color:var(--accent);padding:4px 11px;
}
.featArtefactName{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 22px;}
.previewSidebarFull{position:sticky;top:0;align-self:flex-start;height:100vh;padding-top:20px;overflow:hidden;}
.previewSidebarFull .previewFrame{flex:1;min-height:0;overflow:hidden;}
.avatarUploader.clickable .avatarPreview{cursor:pointer;position:relative;border:0 !important;box-shadow:none !important;}
.avatarUploader.clickable .avatarPreview:hover::after{
  content:'trocar';position:absolute;inset:0;border-radius:inherit;background:rgba(0,0,0,.88);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.03em;text-align:center;
}
.heroStat{display:flex;justify-content:space-between;align-items:baseline;transition:padding-left .2s;cursor:pointer;}
.heroStat:hover{padding-left:10px;}
.heroStat .n{font-family:var(--sans);font-size:18px;font-weight:500;color:var(--ink);transition:transform .2s, color .2s;}
.heroStat:hover .n{color:var(--accent);transform:translateX(4px);}
.heroStat .l{font-family:var(--mono);font-size:11.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;position:relative;min-width:120px;text-align:right;font-weight:100;}
.heroStat .l span{display:block;transition:opacity .15s, transform .15s;}
.heroStat .l .create{position:absolute;top:0;right:0;opacity:0;transform:translateY(4px);color:var(--accent);font-weight:500;white-space:nowrap;}
.heroStat:hover .l .default{opacity:0;transform:translateY(-4px);}
.heroStat:hover .l .create{opacity:1;transform:translateY(0);}

/* lista animada "Crie seu hub" reaproveitada pro catálogo do painel */
.dashHeroStat{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:14px;padding-top:14px;transition:padding-left .2s;cursor:pointer;}
.dashHeroStat:hover{padding-left:10px;}
.dashHeroStat .n{font-family:var(--sans);font-size:19px;font-weight:700;transition:transform .2s, color .2s;}
.dashHeroStat:hover .n{color:var(--accent);transform:translateX(6px);}
.dashHeroStat .l{font-family:var(--mono);font-size:11.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;position:relative;min-width:160px;text-align:right;}
.dashHeroStat .l span{display:block;transition:opacity .15s, transform .15s;}
.dashHeroStat .l .create{position:absolute;top:0;right:0;opacity:0;transform:translateY(4px);color:var(--accent);font-weight:500;white-space:nowrap;}
.dashHeroStat:hover .l .default{opacity:0;transform:translateY(-4px);}
.dashHeroStat:hover .l .create{opacity:1;transform:translateY(0);}
.pageRow{
  display:flex;align-items:center;justify-content:space-between;background:var(--card);
  border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:12px;
}
.pageRow .meta{display:flex;align-items:center;gap:10px;flex:1;min-width:0;}
.pageRow .meta > span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pageRow > div:last-child{flex-shrink:0;white-space:nowrap;margin-left:12px;}
.metaVisits{opacity:.6;white-space:normal;}
.pageRow .tag{font-family:var(--mono);font-size:10px;color:var(--accent);border:1px solid var(--accent-dim);background:rgba(0,240,180,.08);border-radius:100px;padding:3px 9px;text-transform:uppercase;}
.pageRow .actions{display:flex;gap:10px;}
.linkRow{
  background:transparent;border:1px solid var(--border);border-radius:12px;padding:14px 16px 12px;margin-bottom:12px;
}
.linkRowTop{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.linkRowTop input{margin-bottom:0;}
.linkRowTop input[name="link_label"]{font-weight:700;font-size:15px;flex:1;}
.linkRowHandle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.linkRowLabel{margin-bottom:10px;}
.linkRowLabel input{margin-bottom:0;font-weight:700;font-size:16px;width:100%;padding:12px 14px;}
.linkRowUrl{margin-bottom:10px;}
.linkRowUrl input{margin-bottom:0;font-family:var(--mono);font-size:13px;color:var(--accent);}
.linkRowUrl input::placeholder{font-family:var(--sans);color:var(--ink-faint);}
.linkRowSub input{margin-bottom:0;}
.linkRowFoot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #585858;}
.linkRowFoot select{margin-bottom:0;width:auto;flex:none;padding:8px 10px;font-size:12px;background-color:var(--bg2);border-color:var(--border-hi);color:var(--ink);}
.linkRow .hot-toggle{flex:none;font-family:var(--mono);font-size:11px;color:var(--ink-faint);display:flex;align-items:center;gap:6px;cursor:pointer;}
.linkRow .hot-toggle input{width:auto;accent-color:var(--accent);}
.appearancePanelFooter{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:16px;padding:0;border:0;}
.appearancePanelFooter .btn{flex:0 0 auto;width:auto;min-width:0;padding-left:10px;padding-right:10px;justify-content:center;}
.hot-toggle input{pointer-events:auto;}
.hot-toggle input[type="checkbox"]{width:18px;height:18px;flex:none;padding:0;border-radius:4px;accent-color:var(--accent);cursor:pointer;}
.dragHandle{
  flex:1;cursor:grab;color:var(--ink-faint);font-size:13px;line-height:1;user-select:none;
  padding:10px 8px;touch-action:none;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;
}
.dragHandle:active{cursor:grabbing;}
.linkRow.dragging{opacity:.4;}
.linkRow.dragOver{border-color:var(--accent);}
.blockRow{border:1px solid var(--border);border-radius:0;margin-bottom:10px;background:transparent;}
.blockRow.dragging{opacity:.4;}
.blockRow.dragOver{border-color:var(--accent);}
.blockRowHeader{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;background:#202020;}
.blockRowHeader .dragHandle{flex:none;padding:4px;}
.blockRowKind{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:#fff;flex:none;border:1px solid #6f6f6f;border-radius:4px;padding:2px 7px;}
.blockRowTitle{flex:1;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.blockRowDelete{padding:8px 16px !important;flex:none;font-size:12px !important;width:100%;margin-top:14px;}
.blockRowCaret{flex:none;color:var(--ink-faint);font-size:20px;line-height:1;}
.blockRowCaret svg{display:block;transition:transform .15s;}
.blockRowCaret.open svg{transform:rotate(180deg);}
.blockRowBody{padding:18px 16px 16px;border-top:1px solid #3a3d40;background:#202020;}
.blockAddRow{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;margin-bottom:20px;padding-bottom:2px;}
.blockAddRow .btn{flex:none;white-space:nowrap;}
.appearanceMenu{display:flex;flex-direction:column;margin-bottom:20px;}
.appearanceListItem{width:100%;text-align:left;border:1px solid var(--border);cursor:pointer;margin-bottom:10px;padding:0;background:none;display:block;color:var(--ink);font-family:inherit;font-weight:inherit;}
.appearanceListItem .blockRowHeader{padding:12px 14px;}
.appearanceListItem .blockRowTitle{color:var(--ink);}
.appearanceListItem .blockRowKind{margin-left:auto;}
html.dark-theme .profileFieldset[style*="Estilizar"]{}
html.dark-theme fieldset.profileFieldset{background:#141414;border:1px solid var(--border-hi);border-radius:12px;}
html.dark-theme fieldset.profileFieldset legend{background:transparent;font-weight:600;color:var(--ink-dim);padding:0 6px;}
html.dark-theme .blockStyleFields select, html.dark-theme .blockStyleFields input[type="number"]{background-color:#0a0a0b !important;border:1px solid #2b2d32 !important;color:var(--ink) !important;border-radius:8px;padding:9px 11px;font-size:13px;}
html.dark-theme .blockStyleFields input[type="color"]{background:#0a0a0b;border:1px solid #2b2d32;border-radius:8px;}
html.dark-theme .blockStyleFields label{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-faint);font-weight:600;display:block;margin-bottom:5px;}
.appearanceListItem:hover{border-color:var(--accent);}
.appearanceCaretRight svg{transform:none !important;}
.appearancePanelTitle{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);margin:0 0 16px;}
.appearanceBackBtn2{margin:0;}

.showRow{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:12px;}
.showRowTop{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.showRowTop input{margin-bottom:0;flex:1;font-weight:700;}
.showRowGrid{display:grid;grid-template-columns:1fr 1fr 100px 1fr;gap:10px;margin-bottom:10px;}
.showRowGrid label{margin-bottom:4px;}
.showRowGrid input,.showRowGrid select{margin-bottom:0;}
.showRowFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;}
@media (max-width:640px){ .showRowGrid{grid-template-columns:1fr 1fr;} }
@media (max-width:600px){
  .pageRow{flex-direction:column;align-items:flex-start;gap:10px;}
  .pageRow .meta{flex-direction:column;align-items:flex-start;gap:6px;}
  .pageRow > div:last-child{margin-left:0;}
  .pageRow .meta > span:last-child{white-space:normal;overflow:visible;text-overflow:clip;}
}

/* public page */
.pubHero{
  min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  padding:60px 20px;background:var(--bg);background-image:var(--bg-gradient-layer, none), var(--bg-pattern-image, none);color:var(--ink);
}

/* onboarding wizard */
.onbHead{text-align:center;margin-bottom:36px;}
.onbStep{font-family:var(--mono);font-size:11.5px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;}
.onbHead h1{font-size:30px;margin:0 0 8px;}
.onbContinue{display:flex;width:100%;justify-content:center;font-size:15px;padding:15px 20px;margin-top:8px;}

.themeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:8px;}
@media (max-width:820px){ .themeGrid{grid-template-columns:repeat(2,1fr);} }
.themeCard{display:block;cursor:pointer;border-radius:0;border:2px solid transparent;padding:6px;transition:border-color .15s, transform .15s;}
.themeCard.checked{border-color:var(--accent);transform:translateY(-3px);position:relative;}
.themeCard.checked::after{content:'✓ selecionado';position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:11px;color:var(--accent);font-weight:700;}
.themeCard input{position:absolute;opacity:0;pointer-events:none;}
.themeMini{
  background:var(--tc-bg);color:var(--tc-text);border-radius:12px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;
  aspect-ratio:3/4;justify-content:center;gap:8px;
}
.themeMiniAvatar{width:36px;height:36px;border-radius:50%;background:var(--tc-accent);opacity:.9;}
.themeMiniName{font-weight:700;font-size:12.5px;}
.themeMiniLinks{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:6px;}
.themeMiniLink{height:16px;border-radius:5px;background:var(--tc-accent);opacity:.28;}
.themeCardName{text-align:center;font-size:12.5px;color:var(--ink-dim);margin:8px 0 2px;}

.socialGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px;}
@media (max-width:600px){ .socialGrid{grid-template-columns:repeat(2,1fr);} }
.socialPick{
  display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border-radius:0;
  border:1px solid var(--border-hi);cursor:pointer;transition:border-color .15s,background .15s;
}
.socialPick.checked{border-color:var(--accent);background:var(--accent-dim);}
.socialPick input{position:absolute;opacity:0;pointer-events:none;}
.socialPickIcon{width:36px;height:36px;color:var(--ink);}
.socialPickIcon svg{width:100%;height:100%;}
.socialPick span:last-child{font-size:12.5px;color:var(--ink-dim);}
.pubAvatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#0a4c3e);margin:0 auto 22px;background-size:cover;background-position:center;}
.pubName{font-size:clamp(28px,5vw,42px);font-weight:800;margin:0 0 6px;letter-spacing:-.01em;}
.pubTag{color:var(--ink-dim);font-size:15px;margin:0 0 32px;max-width:480px;}
.pubLinks{width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px;}
.pubHero>*, .pubContentContainer>*, .desktopUnifiedSection>*, .epkSection>* { margin-top:12px; }
.pubHero>*:first-child, .pubContentContainer>*:first-child, .desktopUnifiedSection>*:first-child, .epkSection>*:first-child { margin-top:0; }
.pubLinks, .agendaList, .desktopUnifiedShows, .pubAnnounceTicker, .memoriesGrid, .cityRequestWidget { margin-top:20px; margin-bottom:20px; }
.pubLink{
  background:var(--link-bg, var(--card));border:1px solid var(--link-border, var(--border));border-radius:12px;padding:16px 20px;font-weight:600;font-size:14.5px;color:var(--link-text, var(--link-text-auto, var(--ink)));
  transition:border-color .15s;box-shadow:var(--link-shadow, none);
}
.pubLink:hover{border-color:var(--accent);}
.pubLink.hot{border-color:var(--accent-dim);background:color-mix(in srgb, var(--accent) 12%, var(--link-bg, var(--card)) 88%);}
.pubLink small{display:block;font-family:var(--mono);font-weight:400;color:var(--ink-faint);font-size:11.5px;margin-top:3px;}
.pubOtherPages{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap;justify-content:center;}
.pubOtherPages a{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);border:1px solid var(--border-hi);border-radius:100px;padding:7px 14px;}
.pubOtherPages a:hover{color:var(--accent);border-color:var(--accent-dim);}
/* preview sidebar */
.dashGrid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:stretch;}
@media (max-width:980px){ .dashGrid{grid-template-columns:minmax(0,1fr);} .previewCol{position:static !important;height:auto !important;} }
.previewCol{position:sticky;top:24px;display:flex;flex-direction:column;}
#normalPreviewWrap{display:flex;flex-direction:column;flex:1;min-height:0;}
.previewFrame{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:16px;text-align:center;flex:1;min-height:520px;display:flex;overflow:hidden;}
#previewIframe, #previewIframe *{scrollbar-width:none !important;}
.previewFrame iframe{border:0;background:var(--bg);border-radius:10px;width:100%;height:100%;flex:1;}
.previewLink{display:block;margin-top:14px;font-family:var(--mono);font-size:12px;color:var(--ink-faint);word-break:break-all;}
.previewLink b{color:var(--accent);}
.slugPreview{font-family:var(--mono);font-size:14.5px;color:#3974ee;margin:6px 0 0;word-break:break-all;}
.domainSlugRow{display:flex;align-items:stretch;gap:0;border:0;border-radius:0;overflow:hidden;background:var(--bg2);}
.domainSlugRow select,.domainSlugRow input{border:none;border-radius:0;margin:0;background-color:transparent;}
.domainSlugRow select{flex:0 0 auto;width:auto;max-width:44%;background-color:transparent;}
/* a setinha vinha de body.appChrome select, mas as regras de dark-theme usam o
   atalho `background` com !important — que zera o background-image. Aqui a cor
   e a seta são declaradas separadas, então a seta sobrevive. */
html.dark-theme body.appChrome .domainSlugRow select,
.domainSlugRow select{
  background-color:#090a0b !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaaaaa' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  background-size:14px !important;
  padding-right:32px !important;
}
.domainSlugRow input{flex:1;min-width:0;background:transparent;}
.domainSlugFixed{flex:0 0 auto;display:flex;align-items:center;padding:0 14px;background:transparent;font-family:var(--mono);font-size:13px;color:var(--ink-dim);white-space:nowrap;}
.domainSlugSep{flex:0 0 auto;display:flex;align-items:center;padding:0 6px;color:var(--ink-faint);font-family:var(--mono);background:#111114;border:0 !important;box-shadow:none !important;}
.pwWrap{position:relative;}
.pwWrap input{padding-right:44px;}
body.appChrome .pwEye{color:#5c584f !important;}
body.appChrome .pwEye:hover{color:#161512 !important;}
.pwEye{position:absolute;top:0;right:0;bottom:0;width:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#5c584f;cursor:pointer;padding:0;}
.pwEye:hover{color:#161512;}
.pwHint{font-family:var(--mono);font-size:11.5px;color:var(--ink-faint);margin:6px 0 0;}
.redirectNotice{border:1px dashed var(--border-hi);}
@media (max-width:600px){
  .wrap{padding:32px 14px;}
  .card{padding:18px;}
  body.appChrome .dashCard{padding:18px 16px;}
  body.appChrome .previewCol{padding:18px;}
  .domainSlugRow{flex-direction:column;}
  .domainSlugRow select{max-width:100%;width:100%;padding:12px 14px;}
  .domainSlugFixed{width:100%;padding:10px 14px;}
  .domainSlugSep{display:none;}
  .stepTab{white-space:normal;height:auto;min-height:40px;}
}

/* temas de cores prontos */
.themeSwatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;margin-bottom:18px;}
#formatSwatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;}
.themeSwatchItem{display:flex;flex-direction:column;align-items:stretch;gap:0;background:none;border:2px solid transparent;border-radius:14px;cursor:pointer;padding:6px;width:auto;transition:border-color .15s,transform .15s;}
.themeSwatchItem:hover{border-color:var(--border-hi);}
.themeSwatchItem.active{border-color:var(--accent);transform:translateY(-3px);}
.themeSwatch{
  width:100%;height:auto;aspect-ratio:3/4;border-radius:10px;border:0;cursor:pointer;
  position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);
}
.themeSwatch i{display:block;font-style:normal;}
.themeSwatchItem:hover .themeSwatch{filter:brightness(1.05);}
.themeSwatchItem.active .themeSwatch{outline:2px solid var(--accent);outline-offset:-2px;}
.themeSwatchLabel{font-family:var(--mono);font-size:10.5px;font-weight:400;color:var(--ink-dim);text-align:center;line-height:1.3;margin-top:8px;width:auto;text-transform:uppercase;letter-spacing:.02em;}
.themeSwatchItem.active .themeSwatchLabel{color:var(--ink);font-weight:700;}
.formatSwatchItem{display:flex;flex-direction:column;align-items:stretch;gap:0;background:none;border:2px solid transparent;border-radius:14px;cursor:pointer;padding:6px;width:auto;transition:border-color .15s,transform .15s;}
.formatSwatchItem:hover{border-color:var(--border-hi);}
.formatSwatchItem .formatIcon{display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;background:var(--bg2);color:var(--ink-dim);width:100%;aspect-ratio:3/4;border-radius:10px;}
.formatSwatchItem:hover .formatIcon{color:var(--ink);}
.formatSwatchItem.active{border-color:var(--accent);transform:translateY(-3px);}
.formatSwatchItem.active .formatMini{outline:2px solid var(--accent);outline-offset:-2px;}
.formatSwatchItem.active .themeSwatchLabel{color:var(--ink);font-weight:700;}
.formatSwatchItem .themeSwatchLabel{width:auto;margin-top:8px;}
.formatMini{
  width:100%;aspect-ratio:3/4;border-radius:10px;background:var(--bg2);border:1px solid var(--border-hi);position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 12px;box-sizing:border-box;
}
.formatMini i{display:block;background:var(--ink-dim);opacity:.3;border-radius:3px;}
.formatMini .fmPhoto{width:34px;height:34px;border-radius:8px;opacity:.4;}
.formatMini .fmPhotoCircle{border-radius:50%;}
.formatMini .fmLine{width:70%;height:6px;}
.formatMini .fmLineName{width:55%;height:8px;opacity:.5;}
.formatMini .fmLineBig{width:80%;height:10px;opacity:.5;}
.formatMini .fmLineThin{width:85%;height:4px;}
.formatMini .fmBar{width:85%;height:12px;}
.formatMini .fmCell{width:30%;aspect-ratio:1;border-radius:4px;}
.formatMini .fmBadge{width:44px;height:16px;border-radius:20px;opacity:.5;}
.formatMini .fmSidebar{width:14px;align-self:flex-start;height:70%;position:absolute;left:8px;top:15%;opacity:.45;border-radius:3px;}
.formatMini .fmTicker{width:90%;height:5px;opacity:.55;}
.formatMini .fmStamp{width:14px;height:14px;position:absolute;top:8px;right:8px;opacity:.5;border-radius:2px;}
.fm-classic{flex-direction:column;}
.fm-zine{align-items:flex-start;padding-left:14px;}
.fm-zine .fmPhoto{width:100%;height:26px;border-radius:4px;}
.fm-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:10px;align-content:center;justify-items:stretch;}
.fm-bento .fmPhoto{grid-column:1/-1;width:100%;height:28px;border-radius:6px;}
.fm-poster .fmPhoto{width:100%;height:44%;border-radius:4px;position:absolute;top:0;left:0;right:0;opacity:.45;}
.fm-poster{justify-content:flex-end;padding-bottom:14px;}
.fm-magazine .fmPhoto{width:100%;height:40%;border-radius:0;position:absolute;top:0;left:0;right:0;opacity:.4;}
.fm-magazine{justify-content:flex-end;padding-bottom:12px;}
.fm-diagonal{background:linear-gradient(115deg,var(--bg2) 50%,color-mix(in srgb, var(--ink-dim) 18%, var(--bg2)) 50%);}
.fm-negative{background:color-mix(in srgb, var(--ink-dim) 12%, var(--bg2));gap:8px;}
.fm-marquee{justify-content:space-between;padding:12px 0 10px;}
.fm-marquee .fmTicker{background:var(--ink-dim);opacity:.5;}

.fm-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:12px;align-content:center;}
.fm-grid3 .fmCell{width:100%;aspect-ratio:1;}
.fm-collage .fmPhoto{width:32px;height:32px;}
.fm-collage .fmLineName{background:var(--ink-dim);opacity:.6;transform:rotate(-2deg);border-radius:10px;width:50%;}
.fm-lined{background-image:repeating-linear-gradient(transparent 0 13px, color-mix(in srgb, var(--ink-dim) 14%, transparent) 13px 14px);}
.fm-lined .fmPhoto{width:26px;height:26px;margin-bottom:2px;}
.fm-backstage .fmBadge{margin-bottom:2px;}
.fm-stack{gap:4px;}
.fm-stack .fmPhoto{width:28px;height:28px;border-radius:4px;margin-bottom:2px;}
.fm-story .fmPhoto{width:100%;height:24px;border-radius:5px;}
.fm-card{}
.fm-weather{gap:6px;padding:14px 12px;}
.fm-weather .fmLine{width:80%;height:14px;border-radius:6px;}
.fm-sino .fmPhoto{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 20%, transparent);}
.fm-chocalho .fmLine{border-radius:20px;border:1px dashed var(--accent);}
.fm-cuica .fmLine{border:2px solid var(--ink);background:none;}
.fm-postcard{align-items:flex-start;padding:10px 12px;position:relative;}
.fm-postcard .fmPhoto{width:100%;height:52%;border-radius:2px;aspect-ratio:auto;}
.appearancePanel{display:none;}
.colorFieldRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ghostBtn{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--accent);border:1px solid var(--accent-dim, var(--accent));border-radius:8px;padding:8px 14px;text-decoration:none;transition:background .15s;}
.ghostBtn:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);}
.resetColorBtn{
  font-family:var(--mono);font-size:11.5px;font-weight:600;color:#161512;background:#ffffff;border:1px solid var(--border-hi);
  border-radius:100px;padding:8px 16px;cursor:pointer;white-space:nowrap;
}
.resetColorBtn:hover{color:#fff;background:var(--accent);border-color:var(--accent);}

/* dashboard: melhora botões secundários */
body.appChrome .btn.ghost{background:var(--card-hover);color:var(--ink);border:2px solid var(--ink);}
body.appChrome .btn.ghost:hover{background:var(--ink);color:#fff;}
body.appChrome .btn.danger{background:#fbe9e7;color:#b3261e;border:2px solid #b3261e;}
body.appChrome .btn.danger:hover{background:#b3261e;color:#fff;}
html.dark-theme body.appChrome .btn.danger{background:#3a1f1f !important;color:#ff8a8a !important;border-color:#5c2a2a !important;}
html.dark-theme body.appChrome .btn.danger:hover{background:#b3261e !important;color:#fff !important;border-color:#b3261e !important;}
body.appChrome .pageRow .tag{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);border-radius:0;}

.notifBellWrap{position:relative;}
.notifBellBtn{position:relative;background:#e8e7df;border:2px solid #e8e7df;color:#6c757d!important;width:40px;height:40px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,border-color .15s;}
.notifBellBtn:hover{background:var(--accent);border-color:var(--accent);color:#fff!important;}
body.appChrome .notifBellBtn{border-radius:50%!important;}
body.appChrome button.notifBellBtn{border-radius:50%!important;}
.notifBellBadge{position:absolute;top:-6px;right:-6px;background:#c0392b;color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:100px;display:flex;align-items:center;justify-content:center;padding:0 4px;font-family:var(--mono);border:2px solid var(--bg2);}
.notifPanel{position:absolute;top:48px;right:0;width:360px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 20px 44px rgba(0,0,0,.16);z-index:50;overflow:hidden;}
.notifPanelHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;}
.notifPanelHead span:first-child{font-weight:700;font-size:15px;color:var(--ink);}
.notifCountChip{font-family:var(--mono);font-size:11px;font-weight:700;background:#e6f7ec;color:#1f9d55;padding:4px 10px;border-radius:100px;}
.notifPanelList{max-height:400px;overflow-y:auto;}
.notifItem{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;text-decoration:none;position:relative;background:#fff;border-bottom:1px solid #f0f0f0;transition:background .15s;}
.notifItem:last-child{border-bottom:0;}
.notifItem:hover{background:#f7f7f8;}
.notifItem.unread{background:#f4f5f7;}
.notifItemIcon{flex:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.activityIcon-milestone{background:#173d31 !important;color:#3fcf8e !important;}
.activityIcon-spike{background:#173d31 !important;color:#3fcf8e !important;}
.activityIcon-show_reminder{background:#5a3f14 !important;color:#f0b45f !important;}
.activityIcon-web_show_found{background:#5a3f14 !important;color:#f0b45f !important;}
.activityIcon-booking{background:#16305e !important;color:#5f96f0 !important;}
.activityIcon-inactivity{background:#4a2222 !important;color:#f0a3a3 !important;}
.activityIcon-default{background:#26272c !important;color:#8a8781 !important;}
.activityIcon-comunicacao{background:#16305e !important;color:#5f96f0 !important;}
.activityTitleTrunc{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;}
.notifItemMain{display:flex;flex-direction:column;min-width:0;}
.notifItemTitle{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:2px;line-height:1.35;}
.notifItemBody{display:block;font-size:12.5px;color:var(--ink-dim);line-height:1.4;margin-bottom:4px;}
.notifItemTime{display:block;font-size:11.5px;color:var(--ink-faint);}
.notifPanelFoot{display:block;text-align:center;padding:14px;font-size:13px;font-weight:600;text-decoration:underline;background:#fff;color:var(--ink);border-top:1px solid #f0f0f0;}
.notifPanelFoot:hover{background:#fafafa;color:var(--accent);}
.notifEmptyPanel{text-align:center;padding:40px 20px;}
.notifEmptyPanel svg{margin:0 auto 16px;display:block;}
.notifEmptyPanel p{margin:0;font-size:13px;color:var(--ink-dim);}

/* página com todas as notificações */
.notifListWrap{background:var(--card);border:2px solid var(--ink);}
.notifListRow{display:flex;flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;position:relative;border-bottom:1px solid var(--border);transition:background .15s;}
.notifListRow:last-child{border-bottom:0;}
.notifListRow:hover{background:var(--card-hover, var(--bg2));}
.notifListRow.unread{background:color-mix(in srgb, var(--accent) 5%, var(--card));}
.notifListRow.unread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);}
.notifListRowTop{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.notifListRowTitle{font-size:15px;font-weight:700;color:var(--ink);}
.notifListRowTime{font-family:var(--mono);font-size:11px;color:var(--ink-faint);white-space:nowrap;flex:none;}
.notifListRowBody{font-size:13.5px;color:var(--ink-dim);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* layout tipo e-mail: lista à esquerda, detalhe à direita */
/* layout tipo e-mail: lista à esquerda, detalhe à direita */
.notifMailLayout{display:grid;grid-template-columns:340px 1fr;width:100%;overflow:hidden;border-radius:6px;}
.notifCountPill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:11.5px;margin-left:6px;}
.notifMarkAllPillBtn{background:#0a0b0d;color:#fff;border:0;border-radius:5px;padding:9px 16px;font-size:12.5px;font-weight:600;cursor:pointer;}
.notifMarkAllPillBtn:hover{background:var(--accent);}
.notifMailList{border-right:1px solid #26282d;overflow-y:auto;overflow-x:hidden;background:#111114 !important;min-height:520px;border-radius:10px 0 0 10px;}
.notifMailRow{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:100%;text-align:left;padding:14px 16px;border:0;border-bottom:1px solid #26282d;background:transparent;cursor:pointer;position:relative;font-family:var(--sans-ui);transition:background .15s;box-sizing:border-box;overflow:hidden;}
.notifMailRow{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:100%;text-align:left;padding:14px 16px;border:0;border-bottom:1px solid #26282d;background:transparent;cursor:pointer;position:relative;outline:none;border-radius:0 !important;}
.notifMailRow:focus,.notifMailRow:focus-visible{outline:none;}
.notifMailRow:hover{background:#1c1c1f;}
.notifMailRow.active{background:#1f1f22;}
.notifMailRow.unread::before{content:'';position:absolute;left:6px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--accent);}
.notifMailRow.unread{padding-left:22px;}
/* feed em acordeão — Notificações e Comunicação (reaproveita só o ícone circular e a bolinha azul de não-lido) */
.commAccordion{display:flex;flex-direction:column;width:100%;}
.commAccItem{border-bottom:1px solid var(--border-hi);position:relative;}
.commAccItem:last-child{border-bottom:0;}
.commAccHead{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;background:none;border:0;width:100%;text-align:left;color:inherit;font-family:var(--sans-ui);position:relative;}
.commAccHead:hover{background:#1c1c1f;}
.commAccItem.unread .commAccHead::before{content:'';position:absolute;left:6px;top:22px;width:7px;height:7px;border-radius:50%;background:var(--accent);}
.commAccItem.unread .commAccHead{padding-left:32px;}
.commAccIcon{width:32px;height:32px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;}
.commAccMain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.commAccTitle{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.commAccSnippet{font-size:12.5px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.commAccTime{font-size:11px;color:var(--ink-dim);flex:none;font-family:var(--mono);white-space:nowrap;}
.commAccChevron{flex:none;color:var(--ink-dim);transition:transform .2s;}
.commAccItem.open .commAccChevron{transform:rotate(180deg);}
.commAccBody{max-height:0;overflow:hidden;transition:max-height .25s ease;padding:0 20px;}
.commAccItem.open .commAccBody{max-height:700px;padding:0 20px 22px;}
.commAccBodyText{font-size:13.5px;line-height:1.6;color:var(--ink);white-space:pre-wrap;margin:0 0 14px;}
.commAccMeta{font-size:12px;color:var(--ink-dim);margin:0 0 12px;}
.commAccMeta b{color:var(--ink);font-weight:600;}
.commAccActionsLabel{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);margin:0 0 8px;}
.commAccActions{display:flex;flex-direction:column;gap:6px;}
.commAccActions .btn.ghost{justify-content:flex-start;text-align:left;width:100%;}
.commOptBtn{font-family:var(--sans-ui);font-size:12.5px;font-weight:600;background:var(--bg2);color:var(--ink);border:1px solid var(--border-hi);border-radius:8px;padding:9px 12px;text-align:left;cursor:pointer;transition:background .12s,border-color .12s;}
.commOptBtn:hover{background:color-mix(in srgb, var(--accent) 12%, var(--bg2));border-color:var(--accent);}
.commOptBtn-primary{background:var(--accent);color:#fff;border-color:var(--accent);}
.commOptBtn-primary:hover{background:color-mix(in srgb, var(--accent) 85%, black);}
.commFeedbackRow{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#173d31;border:1px solid #235a48;border-radius:8px;padding:12px 14px;}
.commFeedbackRow span{font-size:13.5px;color:#8fe3bc;flex:1;}
.commFeedbackRow .btn.ghost{flex:none;width:auto;background:none;border:1px solid #3fcf8e;color:#8fe3bc;padding:7px 14px;font-size:12.5px;}
.commFeedbackRow .btn.ghost:hover{background:#3fcf8e;color:#0a1f16;}
.dashSidebarBadge{margin-left:auto;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:none;align-items:center;justify-content:center;padding:0 5px;flex:none;}
.notifMailRowIcon{width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.notifMailRowIcon.green{background:#173d31;color:#3fcf8e;}
.notifMailRowIcon.amber{background:#5a3f14;color:#f0b45f;}
.notifMailRowIcon.blue{background:#16305e;color:#5f96f0;}
.notifMailRowIcon.pink{background:#4a2222;color:#f0a3a3;}
.notifMailRowIcon.default{background:#26272c;color:#8a8781;}
.notifMailRowMain{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;padding-top:1px;}
.notifMailRowTitle{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0;}
.notifMailRowBody{font-size:12.5px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;max-width:100%;line-height:1.35;margin-top:2px;}
.notifMailRowTime{font-family:var(--mono);font-size:10.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.notifMailDetail{padding:32px;background:#111114 !important;min-height:520px;border-radius:0 10px 10px 0;}
.notifMailDetailEmpty{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;}
.notifMailDetailHead{border-bottom:1px solid #26282d;padding-bottom:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;}
.notifMailDetailHead h3{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em;}
.notifMailDetailTime{font-family:var(--mono);font-size:11px;color:var(--ink-faint);white-space:nowrap;}
.notifMailDetailBody{font-size:14.5px;line-height:1.6;color:var(--ink-dim);white-space:pre-line;margin:0 0 20px;}
.notifSmartActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:flex-start;}
.notifSmartBlock{border-radius:12px;padding:18px;background:#1f1f22;border:1px solid #26282d;}
.notifSmartLabel{margin:0 0 12px;font-weight:700;font-size:14px;}
.notifCaptionBox{font-family:var(--sans-ui);font-size:13.5px;line-height:1.55;white-space:pre-wrap;background:#141416;border-radius:10px;border:1px solid #26282d;padding:14px;margin:0 0 12px;color:var(--ink);}
@media (max-width:760px){ .notifMailLayout{grid-template-columns:1fr;} .notifMailList{border-right:0;border-bottom:1px solid #26282d;max-height:260px;} }

/* tela de login: acento de linhas pretas como no institucional */
body.appChrome .loginWrap{padding-top:64px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;}
body.appChrome .loginWrap .logo{justify-content:center;margin-bottom:36px;}
body.appChrome .loginCard{border:3px solid var(--ink);border-radius:0 !important;position:relative;padding:36px 32px;background:var(--card);box-shadow:0 24px 60px -20px rgba(0,0,0,.5);}
body.appChrome .loginCard::before{content:'';position:absolute;top:-14px;left:24px;right:24px;height:3px;background:var(--ink);}
body.appChrome .loginCard::after{content:'';position:absolute;left:-14px;top:24px;bottom:24px;width:3px;background:var(--ink);}
html.dark-theme input:-webkit-autofill,html.dark-theme textarea:-webkit-autofill,html.dark-theme select:-webkit-autofill{-webkit-text-fill-color:var(--ink) !important;box-shadow:0 0 0 1000px var(--bg2) inset !important;caret-color:var(--ink);}
.authPage{min-height:100vh;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#050506;box-sizing:border-box;position:relative;overflow:hidden;}
.authPage::before,.authPage::after{content:'';position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;}
.authPage::before{width:520px;height:520px;;top:-160px;left:-120px;}
.authPage::after{width:480px;height:480px;bottom:-160px;right:-100px;}
.authPageGrid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);background-size:44px 44px;pointer-events:none;mask-image:radial-gradient(ellipse 70% 70% at 50% 40%, black, transparent);}
.authCard{width:100%;max-width:380px;max-height:calc(100dvh - 40px);overflow-y:auto;background:rgba(20,21,26,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:30px;box-shadow:0 50px 100px -30px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.02) inset;position:relative;z-index:1;}
.authCardLogo{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:28px;}
.authCardLogoMark{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,#3b82f6 0%,#2765d6 45%,#0d47c0 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(255,255,255,.15) inset, 0 16px 32px -8px rgba(38,101,214,.7);position:relative;}
.authCardLogoMark::after{content:'';position:absolute;inset:-6px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#0d47c0);opacity:.35;filter:blur(14px);z-index:-1;}
.authCard h1{font-family:var(--sans);font-size:26px;font-weight:800;text-align:center;margin:0 0 6px;letter-spacing:-.01em;background:linear-gradient(135deg,#fff 30%,#a9c6ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.authCard .authSub{text-align:center;color:var(--ink-dim);font-size:13.5px;margin:0 0 30px;}
.authCard .googleAuthBtn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--ink);border-radius:12px;height:46px;transition:background .15s,border-color .15s;}
.authCard .googleAuthBtn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);}
.authCard .authDivider{color:var(--ink-faint);margin:22px 0;}
.authCard .authDivider::before,.authCard .authDivider::after{background:rgba(255,255,255,.1);}
.authCard .field label{color:var(--ink-dim);font-size:11px;}
.authCard .field input{border-radius:12px;background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.1);height:46px;transition:border-color .15s,box-shadow .15s;color:var(--ink);}
.authCard .field input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.18);}
.authCard .field input.fieldError-active{border-color:#c0392b !important;box-shadow:none;}
.authCard button[type="submit"]{width:100%;height:48px;justify-content:center;color:#fff;font-weight:700;border-radius:12px !important;font-family:var(--sans-ui);text-transform:none;font-size:14.5px;letter-spacing:0;transition:transform .12s,filter .12s;}
.authCard button[type="submit"]:hover{transform:translateY(-1px);filter:brightness(1.08);}
.authCard button[type="submit"]:active{transform:translateY(0);}
.authCard button[type="submit"]:disabled{opacity:.4;cursor:default;transform:none;}
.authCard .hint{text-align:center;margin-top:10px;font-size:13.5px;}
.authCard .hint a{color:#6ea3ff;font-weight:600;}
.authCard .error{background:rgba(255,80,70,.1);color:#ff8a80;border:1px solid rgba(255,80,70,.3);padding:11px 14px;border-radius:12px;font-size:13px;margin-bottom:18px;}
.authCard .success{background:rgba(75,224,138,.1);color:#4be08a;border:1px solid rgba(75,224,138,.3);padding:11px 14px;border-radius:12px;font-size:13px;margin-bottom:18px;}
.authCard .pwHint{font-size:11.5px;color:var(--ink-faint);margin:6px 0 0;}
.authCard .cf-turnstile{margin:6px 0 16px;display:flex;justify-content:center;}
.authLogo{display:flex;align-items:center;justify-content:center;margin-bottom:22px;position:relative;z-index:1;}
.authLogoText{margin-left:12px;height:26px;width:auto;}
.authSplit{display:flex;min-height:100vh;background:#080809;}
.authSplitCover{flex:1;background:linear-gradient(135deg,#0d47c0 0%,#0a2d7a 100%);display:none;flex-direction:column;justify-content:center;padding:60px;position:relative;overflow:hidden;}
.authSplitCover h2{font-family:var(--sans);font-size:clamp(28px,4vw,40px);font-weight:800;color:#fff;line-height:1.15;margin:0 0 18px;max-width:420px;}
.authSplitCover p{font-size:15px;color:rgba(255,255,255,.75);max-width:380px;line-height:1.6;margin:0;}
.authSplitCover .authCoverGlyph{position:absolute;right:-60px;bottom:-60px;width:340px;height:340px;opacity:.12;}
@media (min-width:860px){ .authSplitCover{display:flex;} }
.authSplitForm{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 20px;}
.authSplitFormInner{width:100%;max-width:420px;}
.authSplitLogo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:28px;}
.authSplitLogo b{font-family:var(--sans);font-size:19px;font-weight:800;color:var(--ink);}
.authSplitFormInner h1{font-family:var(--sans);font-size:24px;font-weight:800;text-align:center;margin:0 0 6px;color:var(--ink);}
.authSplitFormInner .authSplitSub{text-align:center;color:var(--ink-dim);font-size:13.5px;margin:0 0 26px;}
.authSplitFormInner .googleAuthBtn{background:#111114;border-color:#26272c;color:var(--ink);}
.authSplitFormInner .googleAuthBtn:hover{background:#1a1b20;}
.authSplitFormInner .authDivider{color:var(--ink-faint);}
.authSplitFormInner .authDivider::before,.authSplitFormInner .authDivider::after{background:#26272c;}
.authSplitFormInner .field label{color:var(--ink-dim);}
.authSplitFormInner .cf-turnstile{margin:14px 0;}
.authSplitFormInner button[type="submit"]{width:100%;height:46px;justify-content:center;background:var(--accent);color:#fff;font-weight:700;border-radius:8px;}
.authSplitFormInner button[type="submit"]:hover{background:#0a3a9c;}
.authSplitFormInner .hint{text-align:center;margin-top:16px;}
.authSplitFormInner .hint a{color:var(--accent);font-weight:600;}
.authSplitFormInner .error{background:#2b1412;color:#ff8a80;border:1px solid #5c2320;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;}
.authSplitFormInner .success{background:#0f3320;color:#4be08a;border:1px solid #1f7a3d;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;}

/* dashboard: abas escuras, como no institucional */
body.appChrome .stepTabs{background:var(--ink);border:2px solid var(--ink);border-bottom:none;padding:10px 10px 0;gap:8px;}
body.appChrome .stepTab{background:transparent;color:#a8a49a;border:2px solid transparent;font-weight:600;}
body.appChrome .stepTab.active{background:var(--bg);color:var(--ink);border-color:var(--ink);border-bottom-color:var(--bg);margin-bottom:-2px;}
body.appChrome .stepTabs button[type="submit"]{background:var(--accent);color:#fff;border:2px solid var(--accent);margin-left:auto;}

/* dashboard: divisor grid igual ao institucional entre edição e preview */
@media (min-width:981px){
body.appChrome .dashGrid{gap:40px;}
body.appChrome .dashGrid > div:first-child{padding-top:20px;}
body.appChrome .previewCol{padding:20px 0 0 15px;}
}
body.appChrome .previewFrame{border:0;background:var(--bg);padding:0;}
body.appChrome .previewFrame iframe{border-radius:8px !important;}

/* eleva o visual do corpo do painel pro mesmo tom institucional (bordas fortes, tags quadradas, tipografia bold) */
body.appChrome h1{font-family:var(--sans-ui);font-size:30px;font-weight:700;letter-spacing:-.02em;}
body.appChrome h2{font-family:var(--sans-ui);font-size:20px;font-weight:700;letter-spacing:-.01em;}
body.appChrome .fontDisplayName{font-family:var(--sans);}
body.appChrome .pageRow{border:2px solid var(--ink);transition:background .15s;margin-bottom:14px;}
body.appChrome .pageRow:hover{background:var(--card-hover);}
body.appChrome .pageRow .tag{
  font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;
  border:2px solid var(--ink);background:transparent;color:var(--ink);padding:5px 12px;
}
body.appChrome .linkRow, body.appChrome .blockRow{border:2px solid var(--border-hi);}
body.appChrome label{font-family:var(--mono);font-size:11px;color:var(--ink-dim);letter-spacing:.06em;}
body.appChrome input,body.appChrome textarea,body.appChrome select{border-width:1.5px;}
body.appChrome .hot-toggle{font-family:var(--mono);text-transform:uppercase;letter-spacing:.03em;}

/* onboarding: mesmo acento de bordas do institucional/login */
.onbFeatureGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px;}
@media (max-width:620px){ .onbFeatureGrid{grid-template-columns:1fr;} }
.onbFeatureCard{border:1px solid var(--border-hi);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bg2);}
.onbFeatureCard b{font-size:14.5px;}
.onbFeatureCard span{font-size:13px;color:var(--ink-dim);line-height:1.5;}
body.appChrome .onbWrap .logo{justify-content:center;margin-bottom:32px;}
body.appChrome .onbBox{border:3px solid var(--ink);border-radius:0 !important;position:relative;padding:40px 36px;}
body.appChrome .onbBox::before{content:'';position:absolute;top:-14px;left:32px;right:32px;height:3px;background:var(--ink);}
body.appChrome .onbBox::after{content:'';position:absolute;left:-14px;top:32px;bottom:32px;width:3px;background:var(--ink);}
body.appChrome .socialPickPrefix{position:relative;}
body.appChrome .socialPickPrefix .at{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-faint);font-family:var(--mono);pointer-events:none;}
body.appChrome .socialPickPrefix input{padding-left:26px;}
.stepTabs{display:flex;gap:6px;margin-bottom:26px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--border);padding-bottom:14px;}
.stepTab{
  font-family:var(--mono);font-size:12px;font-weight:700;background:transparent;color:var(--ink-faint);
  border:1px solid var(--border-hi);border-radius:100px;padding:8px 16px;cursor:pointer;
}
.stepTab.active{color:var(--accent);border-color:var(--accent-dim);background:rgba(0,240,180,.08);}
.stepPanel{animation:stepIn .18s ease;}
@keyframes stepIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}
.stepNav{display:flex;justify-content:space-between;align-items:center;margin-top:10px;}
.pubBack a{color:var(--ink-dim);}
.pubFoot{font-family:var(--mono);font-size:11px;color:var(--ink-faint);margin-top:40px;}
.pubBioFoot{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:10px;font-family:var(--mono);font-size:11.5px;}
.pubBioFoot a{color:var(--ink-dim);transition:color .15s;}
.pubBioFoot a:hover{color:var(--accent);}

/* ícones sociais */
.pubSocials{display:flex;gap:14px;justify-content:center;margin:0 0 28px;flex-wrap:wrap;}
.pubSocials a{
  width:42px;height:42px;border-radius:50%;border:1px solid var(--border-hi);color:var(--ink-dim);
  display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s;
}
.pubSocials a svg{width:19px;height:19px;}
.icon-size-small .pubSocials a{width:32px;height:32px;}
.icon-size-small .pubSocials a svg{width:14px;height:14px;}
.icon-size-large .pubSocials a{width:54px;height:54px;}
.icon-size-large .pubSocials a svg{width:26px;height:26px;}
.pubSocials a:hover{border-color:var(--accent);color:var(--accent);}

/* variações de estilo do ícone social */
.icons-outline .pubSocials a{border-radius:50%;border:1.5px solid var(--border-hi);background:transparent;}
.icons-filled .pubSocials a{border-radius:50%;border:0;background:var(--accent);color:#fff;}
.icons-filled .pubSocials a:hover{opacity:.85;border-color:transparent;color:#fff;}
.icons-square .pubSocials a{border-radius:10px;border:1.5px solid var(--border-hi);background:transparent;}
.icons-minimal .pubSocials a{border-radius:0;border:0;background:transparent;width:auto;height:auto;padding:4px;}
.icons-pill .pubSocials{gap:10px;}
.icons-pill .pubSocials a{width:48px;height:48px;border-radius:16px;border:1.5px solid var(--border-hi);background:var(--card);}

/* compartilhar */
.pubShareBtn{
  position:absolute;top:20px;right:20px;font-family:var(--mono);font-size:11.5px;color:#fff;box-sizing:border-box;
  border:1px solid rgba(255,255,255,.28);border-radius:50%;padding:0;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);
  cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin:0;width:36px;height:36px;
}
.pubShareBtn:hover{color:var(--accent);border-color:var(--accent-dim);}
.pubShareBtn svg{width:15px;height:15px;}
.pubBrandBadge{
  position:absolute;top:20px;left:20px;
  color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;box-sizing:border-box;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.18);
}
.pubBrandBadge svg{width:16px;height:16px;flex:none;}
.pubHeroContrastLight .pubBrandBadge,.pubHeroContrastLight .pubShareBtn{
  background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.1);color:var(--ink-faint);
}
.pubHeroContrastLight .pubBrandBadge{color:#2665d6;}
.pubHeroContrastLight .pubShareBtn:hover{color:var(--accent);}
.pubCornerDark .pubBrandBadge,.pubCornerDark .pubShareBtn{background:rgba(0,0,0,.06) !important;border-color:rgba(0,0,0,.1) !important;color:#161512 !important;}
.pubCornerDark .pubBrandBadge{color:#2665d6 !important;}
.pubCornerLight .pubBrandBadge,.pubCornerLight .pubShareBtn{background:rgba(255,255,255,.16) !important;border-color:rgba(255,255,255,.28) !important;color:#fff !important;}
.pubHero{position:relative;}
.pubAnnounceTicker{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:hidden;white-space:nowrap;background:var(--ticker-bg, var(--ink));margin-top:14px;margin-bottom:22px;}
.pubContentContainer[style*="--container-bg"] .pubAnnounceTicker{width:100%;margin-left:0;margin-right:0;}
.container-radius-rounded .pubAnnounceTicker{border-radius:14px;}
.container-radius-pill .pubAnnounceTicker{border-radius:100px;}
.theme-btn-sticker .pubAnnounceTicker{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);}
.pubAnnounceTrack{display:inline-flex;animation:pubAnnounceScroll 18s linear infinite;padding:18px;}
.pubAnnounceTrack span{font-family:var(--mono);font-weight:500 !important;font-size:13px !important;font-style:normal !important;letter-spacing:.03em;text-transform:uppercase;color:var(--ticker-text, var(--bg));padding:0 24px;display:inline-flex;align-items:center;gap:24px;white-space:nowrap;line-height:1.2;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
.pubAnnounceTrack span *{font:inherit;}
.pubAnnounceTrack span::after{content:'/';color:var(--accent);}
@keyframes pubAnnounceScroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
.pubNextShowCard{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-decoration:none;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 20px;margin-bottom:14px;box-sizing:border-box;transition:border-color .15s,transform .15s;outline:none;-webkit-tap-highlight-color:transparent;user-select:none;}
.container-radius-rounded .pubNextShowCard{border-radius:22px;}
.container-radius-pill .pubNextShowCard{border-radius:26px;}
.theme-btn-square .pubNextShowCard{border-radius:4px;}
.theme-btn-sticker .pubNextShowCard{border-radius:6px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--accent);}
.theme-btn-shadow .pubNextShowCard{border-radius:4px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--accent);}
.theme-btn-outline .pubNextShowCard{background:transparent;border:1.5px solid var(--accent);}
.pubNextShowCard:hover{transform:translateY(-1px);}
.pubNextShowChevron{flex:none;font-size:22px;line-height:1;color:var(--ns-chevron, var(--ink-faint));}
.pubNextShowLabel{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);flex:none;writing-mode:vertical-rl;transform:rotate(180deg);}
.pubNextShowBody{display:flex;align-items:center;gap:16px;flex:1;}
.pubNextShowDate{display:flex;flex-direction:column;align-items:center;line-height:1;flex:none;min-width:44px;}
.pubNextShowDate b{font-size:26px;font-weight:800;color:var(--ns-date, var(--ink));}
.pubNextShowDate small{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--ns-month, var(--ink-faint));margin-top:3px;}
.pubNextShowDate em{font-family:var(--mono);font-style:normal;font-size:9px;opacity:.7;color:var(--ns-date, var(--ink-faint));margin-top:1px;}
.pubNextShowPlace{display:flex;flex-direction:column;gap:3px;}
.pubNextShowTitle{color:var(--ns-title, var(--accent)) !important;}
.pubNextShowPlace b{font-size:15px;font-weight:700;color:var(--ns-place, var(--ink));}
.pubNextShowPlace small{font-size:12.5px;color:var(--ns-place, var(--ink-dim));}
.pubNextShowList{width:100%;display:flex;flex-direction:column;}
.pubNextShowScrollWrap{position:relative;width:100%;}
.pubNextShowScroll{display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding-left:0;scroll-padding-right:0;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-bottom:14px;scrollbar-width:none;cursor:grab;}
.pubNextShowScroll:active{cursor:grabbing;}
.pubNextShowScroll::-webkit-scrollbar{display:none;}
.pubNextShowScroll .pubNextShowCard{flex:0 0 84%;scroll-snap-align:start;margin-bottom:0;}
@media (min-width:480px){.pubNextShowScroll .pubNextShowCard{flex-basis:320px;}}
.pubNextShowFadeL,.pubNextShowFadeR{position:absolute;top:0;bottom:14px;width:36px;pointer-events:none;opacity:0;transition:opacity .45s ease;z-index:2;}
.pubNextShowFadeL{left:0;background:linear-gradient(to right, var(--bg), transparent);}
.pubNextShowFadeR{right:0;background:linear-gradient(to left, var(--bg), transparent);}
.pubNextShowFadeL.show,.pubNextShowFadeR.show{opacity:1;}
.pubContentContainer[style*="--container-bg"] .pubNextShowFadeL{background:linear-gradient(to right, var(--container-bg), transparent);}
.pubContentContainer[style*="--container-bg"] .pubNextShowFadeR{background:linear-gradient(to left, var(--container-bg), transparent);}
/* no mobile, se o container for transparente (sem --container-bg), o card que fica
   "cortado" na lateral do carrossel vai até a borda de VERDADE da tela, não a
   parede do container — só faz sentido sem cor de fundo própria; com cor, o
   carrossel respeita o container normalmente. */
@media (max-width:640px){
  .pubContentContainer:not([style*="--container-bg"]) .pubNextShowScrollWrap{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);}
  .pubContentContainer:not([style*="--container-bg"]) .pubNextShowScroll{padding-left:20px;padding-right:20px;box-sizing:border-box;scroll-padding-left:20px;scroll-padding-right:20px;}
  .pubContentContainer:not([style*="--container-bg"]) .pubNextShowFadeL{left:0;}
  .pubContentContainer:not([style*="--container-bg"]) .pubNextShowFadeR{right:0;}
}
.pubNextShowSwipeHint{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--ns-swipe, var(--ink-faint));text-transform:uppercase;margin:-8px 0 14px;text-align:right;width:100%;}
.pubHeroPreview{justify-content:flex-start !important;}
.pubHeroPreview,.pubHeroPreview *{scrollbar-width:none;}
.pubHeroPreview::-webkit-scrollbar{display:none;}
.pubLinkRow{display:flex;align-items:stretch;gap:0;background:var(--link-bg, var(--card));border:1px solid var(--link-border, var(--border));border-radius:12px;transition:border-color .15s;box-shadow:var(--link-shadow, none);}
.pubLinkRow:hover{border-color:var(--accent);}
.pubLinkRow.hot{border-color:var(--accent-dim);background:color-mix(in srgb, var(--accent) 12%, var(--link-bg, var(--card)) 88%);}
.pubLinkRowMain{position:relative;display:flex;align-items:center;gap:14px;padding:12px 52px 12px 20px;min-width:0;flex:1;width:100%;color:var(--link-text, var(--link-text-auto, var(--ink)));text-align:center;}
.pubLinkThumb{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none;}
.link-thumb-circle .pubLinkThumb{border-radius:50%;}
.link-thumb-off .pubLinkThumb{display:none;}
.pubLinkText{flex:1;min-width:0;font-weight:600;font-size:14.5px;display:flex;flex-direction:column;text-align:center;}
.links-left .pubLinkRowMain,.links-left .pubLinkText{text-align:left;align-items:flex-start;justify-content:flex-start;}
.pubLinkText small{display:block;font-family:var(--mono);font-weight:400;color:var(--link-sub-color, var(--ink-faint));font-size:11.5px;margin-top:3px;}
.pubLinkRow.hot{border-width:2px;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--link-bg, var(--card)) 84%);}
.pubLinkRow .pubLinkMore{position:absolute;top:0;right:0;bottom:0;width:52px;border:0;background:transparent;color:var(--link-text, var(--link-text-auto, var(--ink)));display:flex;align-items:center;justify-content:center;cursor:pointer;}
.pubLinkRow{position:relative;}
.pubLinkRow .pubLinkMore svg{transition:none;}
.pubLinkRow .pubLinkMore.open svg{transform:none;}
.pubTextBlock{padding:4px 2px;}
.pubTextBlockTitle{display:block;font-size:15px;margin-bottom:4px;}
.pubTextBlockBody{margin:0;font-size:14px;line-height:1.55;color:var(--ink-dim);white-space:pre-wrap;}
.pubImageBlock{margin:0;background:transparent;}
.pubImageBlock img{width:100%;height:auto;border-radius:12px;display:block;background:transparent;}
.pubImageBlock figcaption{font-size:12px;color:var(--ink-dim);margin-top:6px;text-align:center;}
.pubFullBleedBlock{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;padding-top:var(--fb-pad,24px);padding-bottom:var(--fb-pad,24px);}
@media (min-width:960px){
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubLinks .pubFullBleedBlock{grid-column:2;margin-left:0;margin-right:0;width:auto;}
}
.pubFullBleedBlock .pubFullBleedInner{max-width:640px;margin:0 auto;padding-left:24px;padding-right:24px;}
.pubFullBleedBlock .pubTextBlock,.pubFullBleedBlock .pubImageBlock{padding:0;}
.pubFullBleedBlock .pubTextBlockBody{color:inherit;}
.pubFullBleedBlock .pubImageBlock figcaption{color:inherit;}
.desktopUnified{display:none;}
@media (min-width:960px){
  .desktopUnified{display:block;max-width:900px;margin:0 auto;}
  .desktopUnifiedNav{position:sticky;top:0;z-index:5;display:flex;gap:24px;justify-content:center;padding:16px 0;background:var(--bg);border-bottom:1px solid var(--border);margin-bottom:40px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
  .desktopUnifiedNav a{color:var(--ink-dim);}
  .desktopUnifiedNav a:hover{color:var(--accent);}
  .desktopUnifiedSection{padding:50px 20px;border-top:1px solid var(--border);}
  .desktopUnifiedLabel{font-family:var(--mono);font-size:28px;font-weight:800;color:var(--ink);text-transform:none;letter-spacing:-.01em;margin-bottom:24px;}
  .pubHero.theme-font-musicompy .desktopUnifiedLabel{font-family:'Permanent Marker',cursive;font-weight:400;}
  .desktopUnifiedShows{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .desktopUnifiedShowCard{border:1px solid var(--border);border-radius:12px;padding:18px;}
  .duDate{font-size:26px;font-weight:800;display:block;}
  .duMonth{font-family:var(--mono);font-size:11px;color:var(--ink-dim);display:block;margin-bottom:10px;}
  .desktopUnifiedShowCard b{display:block;font-size:14px;margin-bottom:2px;}
  .desktopUnifiedShowCard span{font-size:12.5px;color:var(--ink-dim);}
  .desktopUnifiedShowCard a{display:inline-block;margin-top:10px;font-size:12px;color:var(--accent);}
  .desktopUnifiedBio{font-size:15px;line-height:1.7;color:var(--ink-dim);max-width:640px;}
.desktopUnifiedVenueList{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;max-width:640px;}
.desktopUnifiedVenueList li{font-size:14px;color:var(--ink-dim);padding:10px 14px;border:1px solid var(--border);border-radius:8px;}
.desktopUnifiedSubLabel{font-family:var(--mono);font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin:24px 0 8px;}
.desktopUnifiedVideos{display:flex;flex-direction:column;gap:14px;margin-top:10px;}
.epkEmbed{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;}
.epkEmbed iframe{width:100%;height:100%;border:0;}
  .desktopUnifiedGallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;}
  .desktopUnifiedGallery div{aspect-ratio:1;border-radius:10px;background-size:cover;background-position:center;}
  .desktopUnifiedMore{display:inline-block;margin-top:24px;font-size:13px;color:var(--accent);}
}
.fbShape-diagonal{clip-path:polygon(0 0,100% 0,100% 88%,0 100%);}
.fbShape-wave{clip-path:polygon(0 0,100% 0,100% 60%,90% 64%,80% 70%,70% 76%,60% 79%,50% 80%,40% 79%,30% 76%,20% 70%,10% 64%,0 60%);}
.fbShape-parallelogram{transform:skewY(-3deg);}
.fbShape-parallelogram .pubFullBleedInner{transform:skewY(3deg);}
.fbShape-torn{clip-path:polygon(0 4%,5% 0,12% 3%,20% 0,28% 4%,36% 1%,44% 5%,52% 0,60% 3%,68% 0,76% 4%,84% 1%,92% 3%,100% 0,100% 96%,92% 100%,84% 97%,76% 100%,68% 96%,60% 100%,52% 97%,44% 100%,36% 96%,28% 100%,20% 97%,12% 100%,5% 96%,0 100%);}
.fbShape-cutcorners{clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);}
.fbShape-wavedouble{clip-path:polygon(0 10%,10% 4%,20% 0,30% 3%,40% 8%,50% 10%,60% 8%,70% 3%,80% 0,90% 4%,100% 10%,100% 90%,90% 96%,80% 100%,70% 97%,60% 92%,50% 90%,40% 92%,30% 97%,20% 100%,10% 96%,0 90%);}
.fbShape-sawtooth{clip-path:polygon(0 10%,5% 0,10% 10%,15% 0,20% 10%,25% 0,30% 10%,35% 0,40% 10%,45% 0,50% 10%,55% 0,60% 10%,65% 0,70% 10%,75% 0,80% 10%,85% 0,90% 10%,95% 0,100% 10%,100% 100%,0 100%);}
.fbShape-scales{clip-path:polygon(0 0,100% 0,100% 92%,90% 100%,80% 92%,70% 100%,60% 92%,50% 100%,40% 92%,30% 100%,20% 92%,10% 100%,0 92%);}
.fbShape-arch{clip-path:polygon(0 0,15% 4%,30% 7%,50% 8%,70% 7%,85% 4%,100% 0,100% 100%,0 100%);}
.fbShape-asymmetriccurve{clip-path:polygon(0 0,100% 0,100% 82%,80% 90%,60% 95%,40% 88%,20% 82%,0 88%);}
.fbShape-vnotch{clip-path:polygon(0 0,45% 0,50% 12%,55% 0,100% 0,100% 88%,55% 88%,50% 100%,45% 88%,0 88%);}
.fbShape-arrowside{clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%);}
.fbShape-scalesflat{clip-path:polygon(0 0,100% 0,100% 85%,92% 100%,84% 85%,76% 100%,68% 85%,60% 100%,52% 85%,44% 100%,36% 85%,28% 100%,20% 85%,12% 100%,4% 85%,0 100%);}
.fbShape-asymmetriccorners{clip-path:polygon(0 0,90% 0,100% 20%,100% 100%,10% 100%,0 80%);}
.fbShape-peak{clip-path:polygon(0 15%,45% 0,50% 8%,55% 0,100% 15%,100% 100%,0 100%);}
.fbShape-deepwave{clip-path:polygon(0 0,100% 0,100% 90%,75% 75%,50% 58%,25% 75%,0 90%);}
.fbShape-hourglass{clip-path:polygon(0 0,45% 0,50% 20%,55% 0,100% 0,100% 100%,55% 100%,50% 80%,45% 100%,0 100%);}
.fbShape-stairstep{clip-path:polygon(0 0,80% 0,80% 20%,90% 20%,90% 40%,100% 40%,100% 100%,0 100%);}
.fbShape-diagonaldouble{clip-path:polygon(0 12%,100% 0,100% 88%,0 100%);}
.pubFullBleedBlock[class*="fbShape-"]:not(.fbShape-parallelogram):not(.fbShape-cutcorners){padding-top:calc(var(--fb-pad,24px) + 16px);padding-bottom:calc(var(--fb-pad,24px) + 16px);}
.links-left{text-align:left;align-items:flex-start;}
.links-left .pubTag{margin-left:0;}
.links-left .pubLinkThumb{position:static;transform:none;}
.links-left .pubAvatar{margin-left:0;margin-right:0;}
.links-left .pubLinkText{display:flex;}
.pubLinkRow.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);}
.spotifyModalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:70;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;}
.spotifyModalOverlay.show{opacity:1;pointer-events:auto;}
.spotifyModal{background:#16181d;width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:14px 20px 26px;transform:translateY(100%);transition:transform .25s;box-shadow:0 -8px 40px rgba(0,0,0,.4);}
.spotifyModalFrame iframe{width:100%;border:0;border-radius:12px;display:block;}
.spotifyModalOpenBtn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:15px;border-radius:100px;background:#111;color:#fff;font-weight:700;font-size:14.5px;text-decoration:none;font-family:'Inter',sans-serif;}
.linkSheet{background:#16181d;width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:14px 20px 26px;transform:translateY(100%);transition:transform .25s;box-shadow:0 -8px 40px rgba(0,0,0,.4);}
.linkSheetOverlay.show .linkSheet{transform:translateY(0);}
.linkSheetHandle{width:36px;height:4px;border-radius:2px;background:#33363f;margin:0 auto 18px;}
.linkSheetHead{display:flex;align-items:center;gap:10px;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid #262932;}
.linkSheetDot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex:none;}
.linkSheetTitle{font-size:15.5px;font-weight:700;color:#f5f6f7;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Inter',sans-serif;}
.linkSheetOpt{width:100%;display:flex;align-items:center;gap:14px;background:none;border:0;color:#f5f6f7;font-size:14.5px;font-weight:500;padding:14px 4px;cursor:pointer;text-align:left;border-radius:10px;transition:background .15s;font-family:'Inter',sans-serif;}
.linkSheetOpt:hover{background:#1e2128;}
.linkSheetOptIcon{width:34px;height:34px;border-radius:50%;background:#1e2128;border:1px solid #2c2f38;display:flex;align-items:center;justify-content:center;flex:none;color:#9aa0ab;}
.linkSheetCancel{justify-content:center;color:#9aa0ab;margin-top:6px;border-top:1px solid #262932;border-radius:0;padding-top:16px;width:100%;background:none;border-left:0;border-right:0;border-bottom:0;font-size:14.5px;font-weight:500;cursor:pointer;font-family:'Inter',sans-serif;}
.linkSheetCancel:hover{background:none;color:#f5f6f7;}
.linkShareGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0 8px;}
.linkShareTile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px;border:0;background:none;color:#9aa0ab;font-size:11.5px;font-weight:500;text-align:center;border-radius:12px;cursor:pointer;transition:background .15s;text-decoration:none;font-family:'Inter',sans-serif;}
.linkShareTile:hover{background:#1e2128;color:#f5f6f7;}
.linkShareIcon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1e2128;}
.linkShareIcon.copyIcon{background:#1e2128;border:1px solid #2c2f38;color:#9aa0ab;}
.linkSheetOverlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:60;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s;}
.linkSheetOverlay.show{opacity:1;pointer-events:auto;}
.profileFieldset{border:3px solid #000;border-radius:0;padding:18px 20px 20px;margin:0 0 26px;box-sizing:border-box;min-width:0;background:#fff;}
.profileFieldset legend{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--ink);padding:5px 10px;margin-left:-10px;}
.advToggleRow{margin:0 0 20px;}
.advToggleBtn{display:flex;align-items:center;gap:8px;width:100%;background:none;border:1px dashed var(--border-hi);border-radius:0;padding:14px 18px;font-family:var(--mono);font-size:12.5px;color:var(--ink-dim);cursor:pointer;text-align:left;transition:border-color .15s,color .15s,background .15s;}
.advToggleBtn:hover{border-color:var(--ink-dim);color:var(--ink);background:color-mix(in srgb, var(--ink) 4%, transparent);}
.advToggleBtn #advToggleIcon{font-size:15px;line-height:1;color:var(--accent);flex:none;}details.advDetails{border:1px solid #2d2e34;border-radius:0;padding:0 20px;margin:0 0 14px;box-sizing:border-box;min-width:0;}
details.advDetails > summary{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);padding:16px 8px;margin:0 -8px;cursor:pointer;list-style:none;}
details.advDetails > summary::-webkit-details-marker{display:none;}
details.advDetails > summary::before{content:'▸ ';color:var(--accent);}
details.advDetails[open] > summary::before{content:'▾ ';}
details.advDetails[open]{padding-bottom:4px;}
details.advDetails[open] > summary{border-bottom:1px solid #2d2e34;margin-bottom:4px;}
.pubContentContainer{width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;align-items:center;background-color:var(--container-bg, transparent);}
@media (min-width:960px){
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating){padding:80px 40px;align-items:stretch;text-align:left;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubContentContainer{display:grid;grid-template-columns:240px 600px;column-gap:32px;max-width:872px;margin:0 auto;align-items:start;justify-content:center;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubSidebarSticky{grid-column:1;grid-row:1 / 8;position:sticky;top:80px;display:flex;flex-direction:column;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubAvatar{margin:0;width:200px;height:200px;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubName{font-size:28px;margin-top:20px;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubSocials{justify-content:flex-start;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubLinks{grid-column:2;grid-row:1 / 8;width:100%;max-width:none;margin-top:0;align-items:stretch;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubOtherPages,
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubFoot,
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubBack,
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubBioFoot{grid-column:1 / 3;}
  .desktopUnified{grid-column:2;display:contents;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubAnnounceTicker{grid-column:2;width:auto;margin-left:0;margin-right:0;}
  .desktopUnifiedSection{grid-column:2;padding:50px 0;}
  .pubOtherPagesMobileOnly{display:none;}
  .pubFootUnified,.pubBioFootUnified{grid-column:2;}
  .pubShareBtn{position:fixed;top:20px;right:20px;z-index:40;}
  .pubBrandBadge{position:fixed;top:20px;left:20px;z-index:40;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .pubLinks{padding:0;}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .desktopUnified{padding:0;margin-top:0;border-top:1px solid color-mix(in srgb, var(--bg,#0a0b0d) 80%, #fff 20%);}
  .pubHero.pubHeroContrastLight:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .desktopUnified{border-top-color:color-mix(in srgb, var(--bg,#f4f1ea) 85%, #000 15%);}
  .pubHero:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .desktopUnifiedSection{border-top-color:color-mix(in srgb, var(--bg,#0a0b0d) 80%, #fff 20%);}
  .pubHero.pubHeroContrastLight:not([class*="format-"]):not(.theme-layout-banner):not(.theme-layout-minimal):not(.theme-layout-brutal):not(.theme-layout-split):not(.theme-layout-left):not(.theme-layout-editorial):not(.theme-layout-floating) .desktopUnifiedSection{border-top-color:color-mix(in srgb, var(--bg,#f4f1ea) 85%, #000 15%);}
}
.pubContentContainer[style*="--container-bg"]{box-shadow:0 12px 40px rgba(0,0,0,.18);}
.pubContentContainer[style*="--container-bg"] > *{padding:0 16px;}
.pubContentContainer[style*="--container-bg"] > *:first-child{margin-top:25px;}
.pubContentContainer[style*="--container-bg"] > *:last-child{padding-bottom:40px;}
.pubContentContainer[style*="--container-bg"] .pubAnnounceTicker{padding-left:0;padding-right:0;}
.pubContentContainer[style*="--container-bg"] .theme-layout-banner .pubAvatar{margin-top:0;}
.container-radius-rounded{border-radius:24px;}
.container-radius-pill{border-radius:48px;}
.container-bg-gradient{}
.glyph-mono .pubSocials svg{filter:grayscale(1);}
.glyph-dark .pubSocials svg{filter:grayscale(1) brightness(.45);}
.glyph-light .pubSocials svg{filter:grayscale(1) brightness(1.7);}
.glyph-sepia .pubSocials svg{filter:sepia(1) saturate(2.4) hue-rotate(-8deg);}
.pubSocials .glyphLineIcon,.pubSocials .glyphBoldIcon,.pubSocials .glyphBadgeIcon,.pubSocials .glyphPunchIcon{display:none;}
.pubSocials a{position:relative;}
.pubSocials .glyphBrandIcon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.glyph-line .pubSocials .glyphBrandIcon{display:none;}
.glyph-line .pubSocials .glyphLineIcon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.glyph-bold .pubSocials .glyphBrandIcon{display:none;}
.glyph-bold .pubSocials .glyphBoldIcon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.glyph-badge-dark .pubSocials .glyphBrandIcon,.glyph-badge-accent .pubSocials .glyphBrandIcon{display:none;}
.glyph-badge-dark .pubSocials .glyphBadgeIcon,.glyph-badge-accent .pubSocials .glyphBadgeIcon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;}
.glyph-badge-dark .pubSocials a{background:var(--ink) !important;border-color:transparent !important;}
.glyph-badge-accent .pubSocials a{background:var(--accent) !important;border-color:transparent !important;}
.glyph-punch .pubSocials .glyphBrandIcon{display:none;}
.glyph-punch .pubSocials .glyphPunchIcon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ink);opacity:.7;}
.glyph-punch .pubSocials a{background:#fff !important;border-color:transparent !important;}
.pubShareToast{
  position:fixed;left:50%;bottom:32px;transform:translate(-50%,0);background:var(--accent);color:#03110d;
  font-family:var(--mono);font-size:12.5px;font-weight:700;padding:10px 18px;border-radius:100px;
  opacity:0;pointer-events:none;transition:opacity .2s;
}
.pubShareToast.show{opacity:1;}

/* barra de rolagem escura (site público + preview) */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#1b1a1f;}
::-webkit-scrollbar-thumb{background:#3a3a42;border-radius:0;}
::-webkit-scrollbar-thumb:hover{background:#4a4a55;}
* { scrollbar-color:#3a3a42 #1b1a1f; scrollbar-width:thin; }

/* 5 variações de layout do hero público (perfil e páginas extra) */
.theme-layout-split{align-items:stretch;text-align:left;}
.theme-layout-split > *{max-width:900px;width:100%;margin-left:auto;margin-right:auto;}
@media (min-width:760px){
  .theme-layout-split{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start;padding:80px 40px;max-width:900px;margin:0 auto;min-height:100vh;}
  .theme-layout-split .pubAvatar{grid-column:1;grid-row:1;margin:0;}
  .theme-layout-split .pubName{grid-column:1;grid-row:2;font-size:28px;margin-top:16px;}
  .theme-layout-split .pubTag{grid-column:1;grid-row:3;}
  .theme-layout-split .pubSocials{grid-column:1;grid-row:4;justify-content:flex-start;}
  .theme-layout-split .pubShareBtn{position:absolute;top:20px;right:20px;grid-column:unset;grid-row:unset;}
  .theme-layout-split .pubLinks{grid-column:2;grid-row:1 / 6;width:100%;max-width:none;margin-top:0;}
  .theme-layout-split .pubOtherPages,.theme-layout-split .pubFoot,.theme-layout-split .pubBack{grid-column:1 / 3;}
}

.theme-layout-banner{padding:0;}
.theme-layout-banner::before{content:'';display:block;width:100%;height:180px;background:var(--accent);}
.theme-layout-banner .pubAvatar{margin-top:-64px;border:4px solid var(--bg);}
.theme-layout-banner > *:not(.pubAvatar){padding-left:20px;padding-right:20px;}

.theme-layout-minimal .pubAvatar{display:none;}
.theme-layout-minimal .pubName{margin-top:40px;}
.theme-layout-minimal{padding-top:120px;}

.theme-layout-left{align-items:flex-start;text-align:left;padding-left:clamp(20px,8vw,80px);padding-right:clamp(20px,8vw,80px);}
.theme-layout-left .pubSocials{justify-content:flex-start;}
.theme-layout-left .pubLinks{align-items:flex-start;}

/* Animação: foto de perfil (15 opções) */
@keyframes animPhotoFadeIn{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:scale(1);}}
@keyframes animPhotoZoomIn{from{opacity:0;transform:scale(.8);}to{opacity:1;transform:scale(1);}}
@keyframes animPhotoFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes animPhotoSlideIn{from{opacity:0;transform:translateX(-40px);}to{opacity:1;transform:translateX(0);}}
@keyframes animPhotoPulseGlow{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent);}50%{box-shadow:0 0 0 14px color-mix(in srgb, var(--accent) 0%, transparent);}}
@keyframes animPhotoSpinIn{from{opacity:0;transform:rotate(-25deg) scale(.7);}to{opacity:1;transform:rotate(0) scale(1);}}
@keyframes animPhotoSlideDown{from{opacity:0;transform:translateY(-40px);}to{opacity:1;transform:translateY(0);}}
@keyframes animPhotoSlideRight{from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:translateX(0);}}
@keyframes animPhotoBounceIn{0%{opacity:0;transform:scale(.3);}55%{opacity:1;transform:scale(1.08);}75%{transform:scale(.95);}100%{transform:scale(1);}}
@keyframes animPhotoFlipIn{from{opacity:0;transform:perspective(600px) rotateY(90deg);}to{opacity:1;transform:perspective(600px) rotateY(0);}}
@keyframes animPhotoWobble{0%,100%{transform:rotate(-2.5deg);}50%{transform:rotate(2.5deg);}}
@keyframes animPhotoGrayscaleIn{from{filter:grayscale(1);}to{filter:grayscale(0);}}
@keyframes animPhotoBlurIn{from{opacity:0;filter:blur(10px);}to{opacity:1;filter:blur(0);}}
@keyframes animPhotoTilt{0%,100%{transform:skewY(-2deg);}50%{transform:skewY(2deg);}}
@keyframes animPhotoPopIn{0%{opacity:0;transform:scale(.5);}60%{opacity:1;transform:scale(1.12);}80%{transform:scale(.96);}100%{transform:scale(1);}}
.anim-photo-fade .pubAvatar{animation:animPhotoFadeIn .8s cubic-bezier(.22,1,.36,1) both;}
.anim-photo-zoom .pubAvatar{animation:animPhotoZoomIn .7s cubic-bezier(.22,1,.36,1) both;}
.anim-photo-float .pubAvatar{animation:animPhotoFloat 4.5s ease-in-out infinite;}
.anim-photo-slidein .pubAvatar{animation:animPhotoSlideIn .7s cubic-bezier(.22,1,.36,1) both;}
.anim-photo-pulse .pubAvatar{animation:animPhotoPulseGlow 2.4s ease-in-out infinite;}
.anim-photo-spin .pubAvatar{animation:animPhotoSpinIn .8s cubic-bezier(.22,1,.36,1) both;}
.anim-photo-slidedown .pubAvatar{animation:animPhotoSlideDown .7s cubic-bezier(.22,1,.36,1) both;}
.anim-photo-slideright .pubAvatar{animation:animPhotoSlideRight .7s cubic-bezier(.22,1,.36,1) both;}
.anim-photo-bounce .pubAvatar{animation:animPhotoBounceIn .9s cubic-bezier(.22,1,.36,1) both;}
.anim-photo-flip .pubAvatar{animation:animPhotoFlipIn .8s cubic-bezier(.22,1,.36,1) both;}
.anim-photo-wobble .pubAvatar{animation:animPhotoWobble 3.2s ease-in-out infinite;}
.anim-photo-grayscale .pubAvatar{animation:animPhotoGrayscaleIn 1.4s ease both;}
.anim-photo-blurin .pubAvatar{animation:animPhotoBlurIn .8s ease both;}
.anim-photo-tilt .pubAvatar{animation:animPhotoTilt 3.6s ease-in-out infinite;}
.anim-photo-popin .pubAvatar{animation:animPhotoPopIn .8s cubic-bezier(.22,1,.36,1) both;}

/* animações musicais */
@keyframes animEqBar{0%,100%{opacity:.4;transform:translateX(-50%) scaleY(.4);}50%{opacity:1;transform:translateX(-50%) scaleY(1);}}
.anim-photo-equalizer .pubAvatar{position:relative;}
.anim-photo-equalizer .pubAvatar::after{content:'';position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);width:70%;height:8px;background:repeating-linear-gradient(90deg,var(--accent) 0 4px,transparent 4px 8px);animation:animEqBar 1s steps(4) infinite;}
@keyframes animVinylSpin{from{transform:rotate(0);}to{transform:rotate(360deg);}}
.anim-photo-vinyl .pubAvatar{border-radius:50% !important;animation:animVinylSpin 4s linear infinite;box-shadow:inset 0 0 0 6px var(--bg,#0a0b0d),inset 0 0 0 8px var(--accent);}
@keyframes animWaveBar{0%,100%{transform:translateX(-50%) scaleY(.5);}25%{transform:translateX(-50%) scaleY(1);}50%{transform:translateX(-50%) scaleY(.3);}75%{transform:translateX(-50%) scaleY(.9);}}
.anim-photo-waveform .pubAvatar{position:relative;}
.anim-photo-waveform .pubAvatar::after{content:'';position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);width:70%;height:10px;background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 7px);animation:animWaveBar 2s ease-in-out infinite;}
@keyframes animBeatPulse{0%,100%{transform:scale(1);}30%{transform:scale(1.06);}45%{transform:scale(1);}}
.anim-photo-beat .pubAvatar{animation:animBeatPulse .9s ease-in-out infinite;}
@keyframes animNeedleDrop{from{transform:rotate(-40deg);opacity:0;}to{transform:rotate(0);opacity:1;}}
.anim-photo-needle .pubAvatar{position:relative;}
.anim-photo-needle .pubAvatar::before{content:'';position:absolute;top:-40px;left:-8px;width:3px;height:44px;background:var(--accent);transform-origin:top center;animation:animNeedleDrop .9s cubic-bezier(.3,1,.4,1) both;}
@keyframes animNoteRise{0%{transform:translateY(0) rotate(0);opacity:1;}100%{transform:translateY(-40px) rotate(15deg);opacity:0;}}
.anim-photo-notes .pubAvatar{position:relative;}
.anim-photo-notes .pubAvatar::before,.anim-photo-notes .pubAvatar::after{content:'♪';position:absolute;bottom:0;font-size:16px;color:var(--accent);animation:animNoteRise 3s ease-in infinite;pointer-events:none;}
.anim-photo-notes .pubAvatar::before{left:8%;animation-delay:0s;}
.anim-photo-notes .pubAvatar::after{content:'♫';left:75%;animation-delay:1.5s;}

/* animações musicais — leva 2 */
@keyframes animMetroSwing{0%,100%{transform:rotate(-22deg);}50%{transform:rotate(22deg);}}
.anim-photo-metronome .pubAvatar{position:relative;}
.anim-photo-metronome .pubAvatar::before{content:'';position:absolute;top:-46px;left:50%;width:2px;height:44px;background:var(--accent);transform-origin:bottom center;animation:animMetroSwing 1.2s ease-in-out infinite;}
@keyframes animStringVibrate{0%,100%{transform:translateX(-50%) skewX(0);}25%{transform:translateX(-50%) skewX(6deg);}75%{transform:translateX(-50%) skewX(-6deg);}}
.anim-photo-string .pubAvatar{position:relative;}
.anim-photo-string .pubAvatar::after{content:'';position:absolute;left:50%;bottom:-24px;width:2px;height:20px;background:var(--accent);animation:animStringVibrate .5s ease-in-out infinite;}
@keyframes animDjScratch{0%,100%{transform:rotate(0);}20%{transform:rotate(-18deg);}35%{transform:rotate(10deg);}50%{transform:rotate(-6deg);}65%{transform:rotate(4deg);}80%{transform:rotate(0);}}
.anim-photo-djscratch .pubAvatar{animation:animDjScratch 1.4s ease-in-out infinite;}
@keyframes animPianoFlash{0%{background-position:0 0;}100%{background-position:-200% 0;}}
.anim-photo-piano .pubAvatar{position:relative;}
.anim-photo-piano .pubAvatar::after{content:'';position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);width:70%;height:10px;background:repeating-linear-gradient(90deg,var(--accent) 0 8px,#2a2822 8px 16px);background-size:200% 100%;animation:animPianoFlash 1.8s steps(5) infinite;}
@keyframes animConfettiBurst{0%{box-shadow:0 0 0 0 #00f0b4,0 0 0 0 #2665d6,0 0 0 0 #f8b402,0 0 0 0 #e85d5d;opacity:1;}100%{box-shadow:-40px -30px 0 0 #00f0b4,40px -30px 0 0 #2665d6,-30px 30px 0 0 #f8b402,30px 30px 0 0 #e85d5d;opacity:0;}}
.anim-photo-confetti .pubAvatar{position:relative;}
.anim-photo-confetti .pubAvatar::before{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;animation:animConfettiBurst 1.4s ease-out infinite;}
@keyframes animBassShake{0%,88%,100%{transform:translate(0,0);}90%{transform:translate(-3px,0);}92%{transform:translate(3px,0);}94%{transform:translate(-2px,0);}96%{transform:translate(2px,0);}98%{transform:translate(0,0);}}
.anim-photo-bass .pubAvatar{animation:animBassShake 2.2s ease-in-out infinite;}
@keyframes animAlbumFlip{0%,60%,100%{transform:rotateY(0);}80%{transform:rotateY(180deg);}}
.anim-photo-albumflip .pubAvatar{animation:animAlbumFlip 3s ease-in-out infinite;transform-style:preserve-3d;}

/* Animação: nome (15 opções) */
@keyframes animNameFadeIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
@keyframes animNameShimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
@keyframes animTypewriter{from{width:0;}to{width:100%;}}
@keyframes animCaretBlink{50%{border-color:transparent;}}
@keyframes animNameSlideUp{0%{opacity:0;transform:translateY(30px);}70%{opacity:1;transform:translateY(-4px);}100%{opacity:1;transform:translateY(0);}}
@keyframes animNameTracking{from{opacity:0;letter-spacing:.6em;}to{opacity:1;letter-spacing:normal;}}
@keyframes animNameGlow{0%,100%{text-shadow:0 0 6px color-mix(in srgb, var(--accent) 40%, transparent);}50%{text-shadow:0 0 22px color-mix(in srgb, var(--accent) 85%, transparent);}}
@keyframes animNameSlideLeft{from{opacity:0;transform:translateX(-40px);}to{opacity:1;transform:translateX(0);}}
@keyframes animNameSlideRight{from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:translateX(0);}}
@keyframes animNameBounceIn{0%{opacity:0;transform:scale(.4);}55%{opacity:1;transform:scale(1.06);}75%{transform:scale(.97);}100%{transform:scale(1);}}
@keyframes animNameFlipIn{from{opacity:0;transform:perspective(600px) rotateX(90deg);}to{opacity:1;transform:perspective(600px) rotateX(0);}}
@keyframes animNameWave{0%,100%{transform:skewX(0);}25%{transform:skewX(-3deg);}75%{transform:skewX(3deg);}}
@keyframes animNameGradientMove{0%{filter:hue-rotate(0deg);}100%{filter:hue-rotate(360deg);}}
@keyframes animNameBlurIn{from{opacity:0;filter:blur(8px);}to{opacity:1;filter:blur(0);}}
@keyframes animNamePulseScale{0%,100%{transform:scale(1);}50%{transform:scale(1.035);}}
@keyframes animNameUnderline{from{background-size:0% 3px;}to{background-size:100% 3px;}}
.anim-name-fade .pubName{animation:animNameFadeIn .6s cubic-bezier(.22,1,.36,1) .15s both;}
.anim-name-shimmer .pubName{background:linear-gradient(90deg,currentColor 35%,var(--accent) 50%,currentColor 65%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:animNameShimmer 4s linear infinite;}
.anim-name-typewriter .pubName{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--accent);width:0;animation:animTypewriter 1.6s steps(20,end) forwards .2s,animCaretBlink .8s step-end infinite;}
.anim-name-slideup .pubName{animation:animNameSlideUp .7s cubic-bezier(.22,1,.36,1) both;}
.anim-name-tracking .pubName{animation:animNameTracking 1s ease both;}
.anim-name-glow .pubName{animation:animNameGlow 2.2s ease-in-out infinite;}
.anim-name-slideleft .pubName{animation:animNameSlideLeft .7s cubic-bezier(.22,1,.36,1) both;}
.anim-name-slideright .pubName{animation:animNameSlideRight .7s cubic-bezier(.22,1,.36,1) both;}
.anim-name-bounce .pubName{animation:animNameBounceIn .9s cubic-bezier(.22,1,.36,1) both;}
.anim-name-flip .pubName{display:inline-block;animation:animNameFlipIn .8s cubic-bezier(.22,1,.36,1) both;}
.anim-name-wave .pubName{display:inline-block;animation:animNameWave 3.4s ease-in-out infinite;}
.anim-name-gradientmove .pubName{background:linear-gradient(90deg,var(--accent),currentColor,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;animation:animNameGradientMove 4s linear infinite;}
.anim-name-blurin .pubName{animation:animNameBlurIn .8s ease both;}
.anim-name-pulse .pubName{display:inline-block;animation:animNamePulseScale 2.6s ease-in-out infinite;}
.anim-name-underline .pubName{display:inline-block;background-image:linear-gradient(var(--accent),var(--accent));background-repeat:no-repeat;background-position:0 100%;animation:animNameUnderline 1s ease both .3s;}
@keyframes animKaraoke{0%{background-position:100% 0;}100%{background-position:-100% 0;}}
.anim-name-karaoke .pubName{background:linear-gradient(90deg,var(--accent) 50%,currentColor 50%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:animKaraoke 2.4s linear infinite;}

/* Animação: revela blocos ao rolar (classe adicionada via JS/GSAP no momento em que entram na tela) */
.anim-scroll-reveal{opacity:0;transform:translateY(24px);}
.anim-scroll-reveal.anim-scroll-in{opacity:1;transform:translateY(0);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);}

/* brutalista tipográfico: nome gigante, foto pequena ao lado, tudo com bordas grossas */
.theme-layout-brutal{align-items:flex-start;text-align:left;padding:40px 22px 0;}
.theme-layout-brutal .pubName{font-size:clamp(38px,10vw,56px);font-weight:900;line-height:.92;letter-spacing:-.02em;order:1;margin:0 0 18px;}
.theme-layout-brutal .pubAvatar{order:2;width:70px;height:70px;border:3px solid var(--ink,#161512);border-radius:8px;margin:0 0 16px;}
.theme-layout-brutal .pubTag{order:3;font-size:13px;margin-bottom:20px;}
.theme-layout-brutal .pubSocials{order:4;justify-content:flex-start;}
@media (min-width:760px){
  .theme-layout-brutal{max-width:960px;margin:0 auto;padding:80px 40px 0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:32px;align-items:start;}
  .theme-layout-brutal .pubName{grid-column:1 / 3;grid-row:1;font-size:72px;margin-bottom:28px;}
  .theme-layout-brutal .pubAvatar{grid-column:1;grid-row:2;width:100px;height:100px;margin:0;}
  .theme-layout-brutal .pubTag{grid-column:2;grid-row:2;align-self:center;margin:0;font-size:15px;}
  .theme-layout-brutal .pubSocials{grid-column:1 / 3;grid-row:3;margin-top:20px;}
  .theme-layout-brutal .pubLinks,.theme-layout-brutal .pubOtherPages,.theme-layout-brutal .pubFoot,.theme-layout-brutal .pubBack{grid-column:1 / 3;}
}

/* editorial (creme): foto circular centralizada, tudo centrado, respiro generoso */
.theme-layout-editorial{padding-top:64px;}
.theme-layout-editorial .pubAvatar{width:132px;height:132px;}
.theme-layout-editorial .pubName{font-size:30px;font-weight:800;margin-top:20px;}
@media (min-width:760px){
  .theme-layout-editorial{max-width:640px;margin:0 auto;}
  .theme-layout-editorial .pubAvatar{width:150px;height:150px;}
  .theme-layout-editorial .pubName{font-size:36px;}
}

/* cartão flutuante: foto de fundo cheia + card com avatar sobreposto */
.theme-layout-floating{padding:0;position:relative;}
.theme-layout-floating .pubAvatar{width:78px;height:78px;margin:-60px auto 14px;border:3px solid var(--bg,#0a0b0d);position:relative;z-index:2;}
.theme-layout-floating .pubName{margin-top:0;}
.theme-layout-floating::before{content:'';display:block;width:100%;height:230px;background:var(--floating-photo,var(--accent)) center/cover;}
@media (min-width:760px){
  .theme-layout-floating{max-width:640px;margin:0 auto;}
  .theme-layout-floating::before{height:300px;border-radius:0 0 24px 24px;}
}

/* upload de avatar com cropper */
.avatarUploader{display:flex;align-items:center;gap:16px;}
.avatarPreview{width:64px;height:64px;border-radius:50%;background:var(--bg2) center/cover no-repeat;flex:none;border:1px solid var(--border-hi);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:20px;color:#fff;overflow:hidden;}
.avatarPreview:not([style*="background-image"]){background-color:var(--accent);}
.avatarPickBtn{
  font-family:var(--mono);font-weight:700;font-size:13px;background:var(--ink);color:var(--bg);
  border:1px solid var(--ink);padding:11px 18px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
}
.avatarPickBtn:hover{background:var(--accent);border-color:var(--accent);color:#fff;}
.cropperModal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;}
.cropperBox{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;width:360px;max-width:100%;text-align:center;}
.cropperBox h3{margin:0 0 16px;font-size:15px;}
.cropperViewport{
  width:280px;height:280px;max-width:100%;border-radius:50%;overflow:hidden;position:relative;margin:0 auto 18px;
  background:#000;cursor:grab;touch-action:none;box-shadow:0 0 0 4px rgba(0,0,0,.12);
}
.cropperViewport:active{cursor:grabbing;}
.cropperViewport img{position:absolute;top:0;left:0;user-select:none;pointer-events:none;max-width:none;}
.cropperZoomRow{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.cropperZoomRow span{font-size:16px;color:var(--ink-faint);}
#cropperZoom{flex:1;accent-color:var(--accent);}
.cropperActions{display:flex;justify-content:center;gap:10px;margin-top:14px;}
.pubYtEmbed{width:100%;margin:0 0 12px;}
.pubYtEmbed .frame{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:var(--card);border:1px solid var(--border);}
.pubYtEmbed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.pubYtEmbed .cap{padding:12px 4px 0;font-size:13px;color:var(--ink-dim);}
.pubYtEmbed .cap b{color:var(--ink);}
.pubYtCard{
  width:100%;max-width:420px;display:flex;gap:14px;align-items:center;background:var(--card);
  border:1px solid var(--border);border-radius:12px;padding:10px;margin:0 0 12px;transition:border-color .15s;
}
.pubYtCard:hover{border-color:var(--accent);}
.pubYtCard img{width:88px;height:66px;object-fit:cover;border-radius:8px;flex:none;}
.pubYtCard .txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;text-align:center;}
.links-left .pubYtCard .txt{text-align:left;align-items:flex-start;}
.pubYtCard .txt b{font-size:14px;}
.pubYtCard .txt small{font-family:var(--mono);color:var(--ink-faint);font-size:11px;}

.pubSpEmbed{width:100%;margin:0 0 12px;}
.pubSpEmbed iframe{width:100%;height:152px;border:0;border-radius:12px;}
.pubSpEmbed.pubSpTall iframe{height:352px;}
.pubSpEmbed.pubSpCompact iframe{height:80px;}
.pubSpEmbed .cap{padding:12px 4px 0;font-size:13px;color:var(--ink-dim);}
.pubSpEmbed .cap b{color:var(--ink);}
.pubSpCard .spIcon{width:66px;height:66px;flex:none;display:flex;align-items:center;justify-content:center;}
.pubSpCard .spIcon svg{width:52px;height:52px;}


/* personalização da página pública */
.theme-btn-pill .pubLink,.theme-btn-pill .pubLinkRow,.theme-btn-pill .pubYtCard{border-radius:999px;}
.theme-btn-square .pubLink,.theme-btn-square .pubLinkRow,.theme-btn-square .pubYtCard{border-radius:6px;}
.theme-btn-outline .pubLink,.theme-btn-outline .pubLinkRow,.theme-btn-outline .pubYtCard{background:transparent;border:2px solid var(--accent);}
.theme-btn-underline .pubLink,.theme-btn-underline .pubLinkRow,.theme-btn-underline .pubYtCard{background:transparent;border:none;border-bottom:2px solid var(--accent);border-radius:0;padding-left:4px;padding-right:4px;text-align:left;}
.theme-btn-shadow .pubLink,.theme-btn-shadow .pubLinkRow,.theme-btn-shadow .pubYtCard{border-radius:0;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--accent);transition:transform .1s, box-shadow .1s;}
.theme-btn-shadow .pubLink:hover,.theme-btn-shadow .pubLinkRow:hover,.theme-btn-shadow .pubYtCard:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--accent);}
.theme-bg-gradient{background-color:var(--bg);--bg-gradient-layer:radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--accent) 22%, var(--bg)) 0%, var(--bg) 55%);}

.bgPatternGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;}
.bgPatternPick{display:flex;flex-direction:column;align-items:stretch;gap:0;background:none;border:2px solid transparent;border-radius:14px;cursor:pointer;padding:6px;width:auto;transition:border-color .15s,transform .15s;}
.bgPatternPick:hover{background:none;border-color:var(--border-hi);}
.bgPatternPick.active{border-color:var(--accent);background:none;transform:translateY(-3px);}
.bgPatternPick input{display:none;}
.bgPatternSwatch{width:100%;aspect-ratio:3/4;border-radius:10px;border:1px solid var(--border-hi);background-color:var(--bg2);background-image:var(--bg-pattern-image, none);}
.bgPatternPick.active .bgPatternSwatch{outline:2px solid var(--accent);outline-offset:-2px;}
.bgPatternPick small{font-family:var(--mono);font-size:10.5px;color:var(--ink-dim);text-align:center;margin-top:8px;text-transform:uppercase;letter-spacing:.02em;}
.bgPatternPick.active small{color:var(--ink);font-weight:700;}

/* elementos visuais de fundo — usam a cor de destaque, discretos, atrás do conteúdo.
   Tudo mora só na ::before (nunca no .pubHero em si), pra nunca escurecer o conteúdo real. */
.bgPatternSwatch.bg-pattern-dots{--bg-pattern-image:radial-gradient(var(--accent) 1.4px, transparent 1.4px);background-size:9px 9px;opacity:.6;}
.bgPatternSwatch.bg-pattern-grid{--bg-pattern-image:linear-gradient(var(--accent) 1px, transparent 1px),linear-gradient(90deg, var(--accent) 1px, transparent 1px);background-size:12px 12px;opacity:.5;}
.bgPatternSwatch.bg-pattern-diagonal{--bg-pattern-image:repeating-linear-gradient(45deg, var(--accent) 0 1.5px, transparent 1.5px 8px);opacity:.5;}
.bgPatternSwatch.bg-pattern-waves{--bg-pattern-image:repeating-radial-gradient(circle at 0 0, transparent 0 7px, var(--accent) 7px 8px);opacity:.45;}
.bgPatternSwatch.bg-pattern-noise{--bg-pattern-image:radial-gradient(var(--accent) .8px, transparent .8px);background-size:3px 3px;opacity:.7;}
.bgPatternSwatch.bg-pattern-rays{--bg-pattern-image:repeating-conic-gradient(from 0deg, var(--accent) 0 4deg, transparent 4deg 24deg);opacity:.4;}
.bgPatternSwatch.bg-pattern-confetti{--bg-pattern-image:radial-gradient(var(--accent) 2px, transparent 2px),radial-gradient(var(--accent) 2px, transparent 2px);background-size:17px 17px;background-position:0 0,8.5px 8.5px;opacity:.55;}
.bgPatternSwatch.bg-pattern-checker{--bg-pattern-image:linear-gradient(45deg, var(--accent) 25%, transparent 25%, transparent 75%, var(--accent) 75%),linear-gradient(45deg, var(--accent) 25%, transparent 25%, transparent 75%, var(--accent) 75%);background-size:11px 11px;background-position:0 0,5.5px 5.5px;opacity:.4;}
.bgPatternSwatch.bg-pattern-circles{--bg-pattern-image:radial-gradient(circle, transparent 55%, var(--accent) 56%, var(--accent) 58%, transparent 59%);background-size:15px 15px;opacity:.5;}
.bgPatternSwatch.bg-pattern-crosshatch{--bg-pattern-image:repeating-linear-gradient(45deg, var(--accent) 0 1px, transparent 1px 6px),repeating-linear-gradient(-45deg, var(--accent) 0 1px, transparent 1px 6px);opacity:.4;}
.bgPatternSwatch.bg-pattern-herringbone{--bg-pattern-image:repeating-linear-gradient(#0000 0 48%, var(--accent) 50%),conic-gradient(at 50% 25%,#0000 75%,var(--accent)),conic-gradient(#0000 75%,var(--accent)),conic-gradient(at 50% 25%,#0000 75%,var(--accent));background-size:16px 16px,16px 32px,16px 16px,16px 32px;background-position:0 0,0 0,4px 8px,8px 16px;opacity:.55;}
.bgPatternSwatch.bg-pattern-scales{--bg-pattern-image:radial-gradient(circle at 50% 16px, transparent 6px, var(--accent) 8px, var(--accent) 9px, transparent 10px);background-size:16px 16px;opacity:.55;}
.bgPatternSwatch.bg-pattern-houndstooth{--bg-pattern-image:conic-gradient(from 90deg at 2px 2px, var(--accent) 90deg, #0000 0);background-size:8px 8px;background-position:0 0,4px 4px;opacity:.55;}
.bgPatternSwatch.bg-pattern-plus{--bg-pattern-image:linear-gradient(var(--accent) 2px, transparent 2px),linear-gradient(90deg, var(--accent) 2px, transparent 2px);background-size:12px 12px;background-position:4px 0,0 4px;opacity:.55;}
.bg-pattern-dots{--bg-pattern-image:radial-gradient(color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 30%, transparent) 1.4px, transparent 1.4px);background-size:16px 16px;}
.bg-pattern-grid{--bg-pattern-image:linear-gradient(color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 22%, transparent) 1px, transparent 1px),linear-gradient(90deg, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 22%, transparent) 1px, transparent 1px);background-size:24px 24px;}
.bg-pattern-diagonal{--bg-pattern-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 22%, transparent) 0 2px, transparent 2px 18px);}
.bg-pattern-waves{--bg-pattern-image:repeating-radial-gradient(circle at 0 0, transparent 0 14px, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 20%, transparent) 14px 15px);}
.bg-pattern-noise{--bg-pattern-image:radial-gradient(color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 35%, transparent) .8px, transparent .8px);background-size:5px 5px;}
.bg-pattern-rays{--bg-pattern-image:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 14%, transparent) 0 4deg, transparent 4deg 24deg);}
.bg-pattern-confetti{--bg-pattern-image:radial-gradient(color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 26%, transparent) 2px, transparent 2px),radial-gradient(color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 26%, transparent) 2px, transparent 2px);background-size:34px 34px;background-position:0 0,17px 17px;}
.bg-pattern-checker{--bg-pattern-image:linear-gradient(45deg, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 16%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 16%, transparent) 75%),linear-gradient(45deg, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 16%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 16%, transparent) 75%);background-size:22px 22px;background-position:0 0,11px 11px;}
.bg-pattern-circles{--bg-pattern-image:radial-gradient(circle, transparent 55%, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 22%, transparent) 56%, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 22%, transparent) 58%, transparent 59%);background-size:30px 30px;}
.bg-pattern-crosshatch{--bg-pattern-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 16%, transparent) 0 1px, transparent 1px 12px),repeating-linear-gradient(-45deg, color-mix(in srgb, var(--bg-pattern-color, var(--accent)) 16%, transparent) 0 1px, transparent 1px 12px);}
.theme-avatar-square .pubAvatar{border-radius:20px;}
.pubHero.theme-font-poppins .pubName{font-family:'Poppins',sans-serif;}
.pubHero.theme-font-poppins .pubLink{font-family:'Poppins',sans-serif;}
.pubHero.theme-font-poppins .desktopUnifiedLabel{font-family:'Poppins',sans-serif;}
.pubHero.theme-font-grotesk .pubName{font-family:'Space Grotesk',sans-serif;}
.pubHero.theme-font-grotesk .pubLink{font-family:'Space Grotesk',sans-serif;}
.pubHero.theme-font-grotesk .desktopUnifiedLabel{font-family:'Space Grotesk',sans-serif;}
.pubHero.theme-font-caveat .pubName{font-family:'Caveat',cursive;font-size:clamp(38px,7vw,58px);font-weight:700;}
.pubHero.theme-font-caveat .desktopUnifiedLabel{font-family:'Caveat',cursive;}
.pubHero.theme-font-montserrat .pubName{font-family:'Montserrat',sans-serif;}
.pubHero.theme-font-montserrat .pubLink{font-family:'Montserrat',sans-serif;}
.pubHero.theme-font-montserrat .desktopUnifiedLabel{font-family:'Montserrat',sans-serif;}
.pubHero.theme-font-playfair .pubName{font-family:'Playfair Display',serif;}
.pubHero.theme-font-playfair .pubLink{font-family:'Playfair Display',serif;}
.pubHero.theme-font-playfair .desktopUnifiedLabel{font-family:'Playfair Display',serif;}
.pubHero.theme-font-bebas .pubName{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,7vw,62px);letter-spacing:.02em;}
.pubHero.theme-font-bebas .pubLink{font-family:'Bebas Neue',sans-serif;letter-spacing:.02em;}
.pubHero.theme-font-bebas .desktopUnifiedLabel{font-family:'Bebas Neue',sans-serif;letter-spacing:.02em;}
.pubHero.theme-font-dmserif .pubName{font-family:'DM Serif Display',serif;}
.pubHero.theme-font-dmserif .pubLink{font-family:'DM Serif Display',serif;}
.pubHero.theme-font-dmserif .desktopUnifiedLabel{font-family:'DM Serif Display',serif;}
.pubHero.theme-font-oswald .pubName{font-family:'Oswald',sans-serif;}
.pubHero.theme-font-oswald .pubLink{font-family:'Oswald',sans-serif;}
.pubHero.theme-font-oswald .desktopUnifiedLabel{font-family:'Oswald',sans-serif;}
.pubHero.theme-font-worksans .pubName{font-family:'Work Sans',sans-serif;}
.pubHero.theme-font-worksans .pubLink{font-family:'Work Sans',sans-serif;}
.pubHero.theme-font-worksans .desktopUnifiedLabel{font-family:'Work Sans',sans-serif;}

/* tema Musicompy: caderno com papel pautado, título em selo (como "curta · #NN"), botões-adesivo */
.pubHero.theme-font-musicompy{
  background-image: repeating-linear-gradient(to bottom, transparent 0 38px, color-mix(in srgb, #466c96 14%, transparent) 38px 39px);
  background-color:var(--bg);
  position:relative;
}
.pubHero.theme-font-musicompy.theme-bg-gradient{
  --bg-gradient-layer: repeating-linear-gradient(to bottom, transparent 0 38px, color-mix(in srgb, #466c96 14%, transparent) 38px 39px), radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--accent) 22%, var(--bg)) 0%, var(--bg) 55%);
  background-color:var(--bg);
}
.theme-font-musicompy::before{
  content:'';position:absolute;top:0;bottom:0;left:clamp(28px,7vw,64px);width:2px;
  background:color-mix(in srgb, #c45642 55%, transparent);pointer-events:none;
}
.pubHero.theme-font-musicompy .pubName{
  font-family:'Permanent Marker',cursive;font-weight:400;display:inline-block;
  background:var(--accent);color:#fff8e8;padding:12px 24px;border-radius:12px;
  transform:rotate(-2deg);box-shadow:3px 4px 0 rgba(43,38,32,.22);
  font-size:clamp(28px,6vw,42px);line-height:1.1;letter-spacing:.01em;
}
.pubHero.theme-font-musicompy .pubTag{font-family:'Caveat',cursive;font-weight:700;font-size:22px;}
.pubHero.theme-font-musicompy .pubLink,.pubHero.theme-font-musicompy .pubLinkRow{font-family:'Caveat',cursive;font-weight:700;font-size:19px;}
.pubHero.theme-font-musicompy .pubBioFoot,.pubHero.theme-font-musicompy .pubFoot{font-family:'Caveat',cursive;font-size:15px;}

.theme-btn-sticker .pubLink,.theme-btn-sticker .pubLinkRow,.theme-btn-sticker .pubYtCard{
  border-radius:12px;border:3px solid var(--ink);box-shadow:3px 4px 0 var(--accent);
  transform:rotate(-1deg);transition:transform .12s,box-shadow .12s;font-weight:700;
}
.theme-btn-sticker .pubLink:nth-child(even),.theme-btn-sticker .pubLinkRow:nth-child(even),.theme-btn-sticker .pubYtCard:nth-child(even){transform:rotate(1deg);}
.theme-btn-sticker .pubLink:hover,.theme-btn-sticker .pubLinkRow:hover,.theme-btn-sticker .pubYtCard:hover{transform:rotate(0deg) translate(2px,3px);box-shadow:1px 2px 0 var(--accent);}

/* design distinto: lançamento (capa em destaque) vs turnê/show (info card) */
.pubArtwork{width:180px !important;height:180px !important;border-radius:16px !important;box-shadow:0 18px 50px rgba(0,0,0,.35);margin-bottom:26px;}



/* EPK / booking */
.epkHero{align-items:stretch;max-width:640px;}
.epkBadge{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;text-align:center;width:100%;}
.epkPhoto{width:140px !important;height:140px !important;border-radius:14px !important;margin:0 auto 20px;box-shadow:0 14px 40px rgba(0,0,0,.3);}
.epkSection{width:100%;margin:22px 0;padding-top:20px;border-top:1px solid var(--border);}
.epkSec-bio,.epkSec-venues,.epkSec-rider,.epkSec-fotos,.epkSec-videos,.epkSec-contato{width:100%;}
.epkSectionTitle{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:15px 0;}
.epkBio{font-size:15px;line-height:1.6;color:var(--ink);white-space:pre-line;margin:0;}
.epkVideoWrap{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000;margin-bottom:16px;}
.epkExtraVideosSection .epkVideoWrap:last-child,.epkSec-videos > .epkSection:last-child .epkVideoWrap:last-child{margin-bottom:0;}
.epkVideoWrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.epkVenues{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.epkVenues li{font-size:14.5px;padding:10px 14px;background:transparent;color:var(--ink);border:1px solid var(--border-hi);border-radius:8px;}
.epkPdfBtn{display:flex;justify-content:center;align-items:center;width:100%;margin:22px 0 0;padding:14px 20px;background:var(--accent);color:#fff;font-weight:700;font-size:14px;border-radius:10px;text-align:center;}
.epkContact{width:100%;margin-top:22px;padding:18px 20px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:6px;}
.epkContact a,.epkContact span{font-size:14.5px;color:var(--ink);}
.epkContact a{color:var(--accent);font-weight:600;}

/* template: cartaz — pôster de show, bold e vertical */
.epkTpl-cartaz{background:var(--bg);}
.epkTpl-cartaz .epkBadge{background:var(--accent);color:#fff;padding:5px 14px;border-radius:100px;width:auto;margin:0 auto 20px;}
.epkTpl-cartaz .pubName{font-size:clamp(38px,8vw,58px);text-transform:uppercase;letter-spacing:-.02em;text-align:center;}
.epkTpl-cartaz .epkPhoto{width:180px !important;height:180px !important;border-radius:50% !important;border:4px solid var(--accent);}
.epkTpl-cartaz .epkSectionTitle{color:var(--accent);}

/* template: contrato — papel formal, serifada */
.epkTpl-contrato{font-family:Georgia,'Times New Roman',serif;background:#f5f0e6;--ink:#2a2419;--ink-dim:#5c5340;--border:#d8cfb8;--bg2:#efe8d8;}
.epkTpl-contrato .pubName{font-family:Georgia,serif;font-weight:400;letter-spacing:0;}
.epkTpl-contrato .epkBadge{font-family:'DM Mono',monospace;letter-spacing:.15em;}
.epkTpl-contrato .epkSection{border-top:1px dashed var(--border);}
.epkTpl-contrato .epkPhoto{border-radius:4px !important;filter:sepia(.15);}
.epkTpl-contrato .epkPdfBtn{background:#2a2419;border-radius:2px;}
.pubHero .showBadge{width:100%;text-align:center;justify-content:center;margin:0 0 14px;}
.showBadgePlain{background:none;border:0;padding:0;border-radius:0;}
.showBadgePlain::before{display:none;}
.showBadge{
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
  margin:0 0 18px;display:inline-flex;align-items:center;gap:7px;
  padding:0;
}
.showBadge::before{
  content:'';width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent);
  animation:showPulse 1.8s infinite;
}
@keyframes showPulse{
  0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 55%, transparent);}
  70%{box-shadow:0 0 0 7px transparent;}
  100%{box-shadow:0 0 0 0 transparent;}
}
.showInfoCard{
  width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:14px;
  padding:22px 24px;margin:22px 0 30px;text-align:left;display:flex;flex-direction:column;gap:16px;
}
.showTitle{margin-top:0;}
.showPageTitle{font-size:clamp(20px,3.4vw,26px);font-weight:700;margin:14px 0 2px;letter-spacing:-.01em;}
.showPageSubtitle{color:var(--ink-dim);font-size:14px;margin:0 0 20px;}
.identityDivider{width:36px;height:1px;background:var(--border-hi);margin:20px 0 4px;}
.agendaCalHead{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px;font-weight:700;}
.agendaCalNavBtn{padding:8px;padding-left:12px;padding-right:12px;line-height:1;}
.agendaCalWeekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;color:var(--ink-dim);margin-bottom:4px;}
.agendaCalGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.agendaCalCell{min-height:96px;border:1px solid #cdcdcd;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;cursor:pointer;position:relative;font-size:13px;padding:6px 5px;gap:3px;overflow:hidden;transition:background .15s,border-color .15s;}
.agendaCalCell.empty{border:0;cursor:default;}
.agendaCalCellNum{font-size:12px;color:var(--ink-dim) !important;font-weight:600;}
.agendaCalCell.isToday .agendaCalCellNum{color:var(--accent) ;font-weight:800;}
.agendaCalCell.isToday{background:#fffbf7;}
.agendaCalCell:not(.empty):hover{border-color:var(--accent);}
.agendaCalEvents{display:flex;flex-direction:column;gap:2px;width:100%;}
.agendaCalEvent{display:block;width:100%;font-size:11px;font-weight:700;color:#fff !important;padding:2px 6px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;}
.agendaCalEvent b{font-weight:700;margin-right:3px;}
.agendaCalEvent.confirmado{background:#158d74;}
.agendaCalEvent.neg{background:#d69b01;}
.agendaCalEvent.orange{background:#c1601e;}
.agendaCalEvent.green{background:#1f7a3d;}
.agendaCalEvent.blue{background:#2765d6;}
.agendaCalEvent.pink{background:#c0399b;}
.agendaCalEvent.indigo{background:#4d3ec0;}
.agendaCalEvent.teal{background:#158d74;}
.agendaCalEvent.amber{background:#c1601e;}
.agendaCalEvent.purple{background:#7a4fd6;}
.agendaCalEvent.red{background:#c0392b;}
.agendaCalEventMore{font-size:10.5px;color:var(--ink-dim);padding:1px 6px;font-weight:600;}
.agendaUpcomingList{margin-top:18px;display:flex;flex-direction:column;gap:8px;}
.agendaUpcomingRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid #373737;border-radius:10px;padding:10px 12px;font-size:13.5px;}
.agendaStatusChip{font-family:'DM Mono',monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:5px;margin-left:4px;font-weight:bolder;color:darkgreen;}
.agendaStatusChip.confirmado{background:color-mix(in srgb, #127a64 22%, transparent);}
.agendaStatusChip.negociacao{background:#ecd28c;color:var(--ink-dim);}
.agendaDayModal{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:200;align-items:center;justify-content:center;}
.agendaDayModal .agendaDayModalCard{background:#141416;border:1px solid #2a2a2e;border-radius:14px;padding:0;max-width:460px;width:92%;max-height:86vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.6);}
.agendaDayModal .agendaDayModalHead{display:flex;align-items:center;justify-content:space-between;margin:0;padding:16px 18px;border-bottom:1px solid #262629;}
.agendaDayModal .agendaDayModalHead b{font-size:14px;font-weight:700;}
.agendaDayModal button.agendaDayModalClose{width:auto;height:auto;flex:none;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--ink-faint);font-size:14px;cursor:pointer;}
.agendaDayModal button.agendaDayModalClose:hover{background:none;color:var(--ink);}
#agendaDayModal .agendaDayModalTabs{display:flex;margin:18px 18px;border:1px solid var(--border-hi);}
#agendaDayModal button.agendaDayModalTab{flex:1;padding:12px 10px;border:0;border-right:1px solid var(--border-hi);background:var(--bg2);color:var(--ink-dim);cursor:pointer;font-size:13px;font-family:var(--sans);font-weight:600;border-radius:0;transition:background .15s,color .15s;}
#agendaDayModal button.agendaDayModalTab:last-child{border-right:0;}
#agendaDayModal button.agendaDayModalTab.active{background:var(--ink);color:var(--bg);}
#agendaDayModal button.agendaDayModalTab:hover:not(.active){background:var(--card-hover);}
#agendaDayModal .agdRecurRow{display:flex;align-items:flex-start;gap:10px;padding:0 !important;margin-bottom:30px;}
.agdRecurRow{display:flex;align-items:flex-start;gap:10px;padding:0 !important;margin-bottom:18px;}
.agdRecurRow label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;cursor:pointer;margin:0;text-transform:none;letter-spacing:normal;}
.agdRecurRow input[type="checkbox"]{width:auto !important;flex:none;margin:0;accent-color:var(--accent);}
#agendaDayModal .agdRecurRow label{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;cursor:pointer;margin:0;}
#agendaDayModal .agdRecurRow input[type="checkbox"]{width:auto;flex:none;margin:0;accent-color:var(--accent);}
#agendaDayModal .agdRecurDetail{display:flex;gap:10px;margin:0;margin-bottom:20px;}
#agendaDayModal input[type="time"],#agendaDayModal input[type="date"],#agendaDayModal input[type="number"]{box-sizing:border-box;height:46px;}
#agendaDayModal #agdExistingShows{margin:0 18px 16px;}
#agendaDayModal .agdExistingShowRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #cdcdcd;border-radius:8px;margin-bottom:8px;font-size:13px;}
#agendaDayModal .agdExistingShowRow button{padding:5px 10px;font-size:11px;}
#agendaDayModal #agendaModalManual,#agendaDayModal #agendaModalFlyer{padding:0 18px 18px;}
.agendaFlyerReviewRow{display:grid;grid-template-columns:1.4fr 1fr .8fr 1fr 1fr .5fr;gap:6px;margin-bottom:6px;}
.agendaFlyerReviewRow input{font-size:12px;padding:6px;border-radius:6px;border:1px solid var(--border-hi);background:var(--bg2);color:var(--ink);}
.hirerDialogOverlay .agendaDayModalCard{background:#141416;border:1px solid #2a2a2e;border-radius:14px;padding:0;max-width:460px;width:92%;max-height:86vh;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.6);}
.hirerDialogOverlay .agendaDayModalHead{display:flex;align-items:center;justify-content:space-between;margin:0;padding:16px 18px;border-bottom:1px solid #262629;}
.hirerDialogOverlay .agendaDayModalHead b{font-size:14px;font-weight:700;}
.hirerDialogOverlay button.agendaDayModalClose{width:auto;height:auto;flex:none;display:flex;align-items:center;justify-content:center;background:none;border:0;color:var(--ink-faint);cursor:pointer;font-size:14px;}
.integrationSteps{list-style:none;counter-reset:istep;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:16px;}
.integrationSteps li{counter-increment:istep;position:relative;padding-left:44px;font-size:13.5px;line-height:1.55;color:#c9c9c9;}
.integrationSteps li::before{content:counter(istep);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--mono);}
.integrationSteps li b{color:var(--ink);}
.integrationSteps li a{color:#89afff;}
.hirerDialogOverlay a{color:#89afff;}
.integrationError{background:rgba(220,60,60,.12);border:1px solid rgba(220,60,60,.35);color:#ff8a8a;font-size:12.5px;padding:10px 12px;border-radius:8px;margin:0 0 14px;}
.hirerDialogOverlay button.agendaDayModalClose:hover{background:none;color:var(--ink);}
.showRequestBox{width:100%;max-width:520px;margin:22px 0 6px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:14px;}
.showRequestTitle{font-weight:700;font-size:15px;text-align:center;margin:0 0 4px;}
.showRequestRow{display:flex;gap:8px;}
.showRequestRow input{flex:1;}
.showRequestRow select{flex:0 0 84px;}
.showRequestBox input,.showRequestBox select{background-color:var(--card);border:1px solid var(--border-hi);color:var(--ink);padding:11px 13px;border-radius:9px;font-size:13.5px;font-family:var(--sans);outline:none;}
.memoryQueueRow{display:flex;align-items:center;gap:12px;border:1px solid #cdcdcd;border-radius:10px;padding:10px;margin-bottom:8px;}
.memoryQueueRow img,.memoryQueueRow video{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:none;background:var(--bg2);}
.memoryQueueInfo{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13.5px;}
.memoryQueueActions{display:flex;gap:6px;flex:none;}
.memoryLightboxCloseBtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:100px;border:0;cursor:pointer;font-size:16px;}
.memoryLightboxOverlay{position:fixed;inset:0;background:rgba(10,10,10,.94);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;}
.memoryLightboxOverlay img,.memoryLightboxOverlay video{max-width:100%;max-height:100%;border-radius:8px;}
.memoriesEmptyState{text-align:center;padding:28px 16px;border:1px dashed #44464d;border-radius:10px;}
.memoriesEmptyState b{display:block;font-size:15px;margin-bottom:6px;}
.memoriesBankGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;}
.memoriesBankItem{border:1px solid #cdcdcd;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;}
.memoriesBankItem img,.memoriesBankItem video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:zoom-in;background:var(--bg2);}
.memoriesBankInfo{font-size:12.5px;}
.pubLightboxArrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);color:#fff;width:44px;height:44px;border-radius:50%;justify-content:center;}
.pubLightboxArrowLeft{left:20px;}
.pubLightboxArrowRight{right:20px;}
@media (max-width:640px){ .pubLightboxArrow{display:none;} }
#pubLightboxContent{transition:transform .2s ease,opacity .2s ease;}
#pubLightboxContent.pubLbOutLeft{transform:translateX(-40px);opacity:0;}
#pubLightboxContent.pubLbOutRight{transform:translateX(40px);opacity:0;}
#pubLightboxContent.pubLbOutUp{transform:translateY(-40px);opacity:0;}
#pubLightboxContent.pubLbOutDown{transform:translateY(40px);opacity:0;}
#pubLightboxContent.pubLbInFromLeft{animation:pubLbInX .22s ease both;--pubLbFromX:-40px;}
#pubLightboxContent.pubLbInFromRight{animation:pubLbInX .22s ease both;--pubLbFromX:40px;}
#pubLightboxContent.pubLbInFromTop{animation:pubLbInY .22s ease both;--pubLbFromY:-40px;}
#pubLightboxContent.pubLbInFromBottom{animation:pubLbInY .22s ease both;--pubLbFromY:40px;}
@keyframes pubLbInX{from{transform:translateX(var(--pubLbFromX));opacity:0;}to{transform:translateX(0);opacity:1;}}
@keyframes pubLbInY{from{transform:translateY(var(--pubLbFromY));opacity:0;}to{transform:translateY(0);opacity:1;}}
.setlistVoteRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);}
.setlistVoteRow:last-child{border-bottom:0;}
.setlistVoteTitle{font-size:14px;font-weight:600;}
.setlistVoteBtn{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--border-hi);color:var(--ink);padding:7px 12px;border-radius:20px;cursor:pointer;font-family:var(--mono);font-size:13px;font-weight:700;transition:background .15s,color .15s;}
.setlistVoteBtn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent);}
.setlistVoteBtn.voted{background:var(--accent);color:#fff;border-color:var(--accent);}
.setlistVoteBtn:disabled{cursor:default;}
.memoriesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px;}
.memoriesGrid img,.memoriesGrid video{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--bg2);cursor:zoom-in;}
.epkPressPhoto{width:100%;max-width:420px;aspect-ratio:4/3;border-radius:16px;background-size:cover;background-position:center;box-shadow:0 20px 46px rgba(0,0,0,.28);margin:18px auto 6px;}
.epkGalleryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.epkGalleryItem{aspect-ratio:1;border-radius:10px;background-size:cover;background-position:center;}
.epkLightboxTrigger{cursor:zoom-in;}
.epkPolaroidGrid{display:flex;overflow-x:auto;gap:22px;padding:10px 4px 18px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.pubBgVideo{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:blur(6px) brightness(.4);transform:scale(1.05);}
.pubBgYoutube{position:fixed;inset:0;overflow:hidden;z-index:-1;filter:blur(6px) brightness(.4);}
.pubBgYoutube iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%) scale(1.05);pointer-events:none;border:0;}
body:has(.pubBgVideo){background:transparent !important;}
body:has(.pubBgVideo) .pubHero{background:transparent !important;background-image:none !important;}
body:has(.pubBgVideo) .pubContentContainer{--container-bg:transparent !important;background-color:transparent !important;}
body:has(.pubBgYoutube){background:transparent !important;}
body:has(.pubBgYoutube) .pubHero{background:transparent !important;background-image:none !important;}
body:has(.pubBgYoutube) .pubContentContainer{--container-bg:transparent !important;background-color:transparent !important;}
.epkPolaroidGrid::-webkit-scrollbar{display:none;}
.epkPolaroid{background:#fff;padding:12px 12px 16px;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:transform .2s;flex:0 0 160px;scroll-snap-align:start;}
.epkPolaroid:hover{transform:scale(1.04) rotate(0deg) !important;z-index:2;position:relative;}
.epkPolaroidTiltL{transform:rotate(-3deg);}
.epkPolaroidTiltR{transform:rotate(2.5deg);}
.epkPolaroidPhoto{width:100%;aspect-ratio:1;background-size:cover;background-position:center;}
.epkPolaroidCaption{padding-top:10px;text-align:center;font-family:var(--sans);color:#161512;}
.epkPolaroidCaption b{display:block;font-size:12.5px;line-height:1.3;}
.epkPolaroidCaption span{display:block;font-size:11px;color:#8a8578;margin-top:2px;}
.epkLightboxOverlay{position:fixed;inset:0;background:rgba(10,10,10,.94);display:none;align-items:center;justify-content:center;z-index:9999;padding:40px;}
.epkLightboxOverlay.open{display:flex;}
.epkLightboxImg{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.epkLightboxClose,.epkLightboxPrev,.epkLightboxNext{position:fixed;background:none;border:0;color:#fff;font-size:34px;cursor:pointer;padding:10px;line-height:1;opacity:.8;}
.epkLightboxClose:hover,.epkLightboxPrev:hover,.epkLightboxNext:hover{opacity:1;}
.epkLightboxClose{top:16px;right:20px;}
.epkLightboxPrev{left:12px;top:50%;transform:translateY(-50%);}
.epkLightboxNext{right:12px;top:50%;transform:translateY(-50%);}
@media (max-width:600px){.epkLightboxOverlay{padding:16px;}.epkLightboxPrev,.epkLightboxNext{font-size:28px;}}
.epkContactSection{max-width:440px;margin:22px auto;}
.epkContactInfo{text-align:center;color:var(--ink-dim);font-size:13.5px;margin-bottom:14px;}
.epkWhatsappLink{color:#25D366;font-weight:600;text-decoration:none;font-size:13px;}
.epkWhatsappLink:hover{text-decoration:underline;}
.epkContactForm{display:flex;flex-direction:column;gap:10px;}
.epkContactForm input,.epkContactForm textarea{width:100%;padding:11px 13px;border-radius:8px;border:1px solid var(--border-hi);background:var(--card);color:var(--ink);font-size:14px;font-family:inherit;}
.epkContactForm textarea{resize:vertical;}
.epkContactFormStatus{font-size:12.5px;color:var(--ink-dim);text-align:center;margin:2px 0 0;}
.epkVenueResultRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:13px;}
.epkVenueResultRow a{color:var(--accent);font-weight:600;}
.btnSpinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:btnSpin .7s linear infinite;vertical-align:-2px;margin-right:4px;}
@keyframes btnSpin{to{transform:rotate(360deg);}}
.showInfoRow{display:flex;align-items:flex-start;gap:14px;font-size:15.5px;font-weight:600;}
.showInfoRow .showInfoIcon{
  flex:none;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb, var(--accent) 14%, transparent);
  display:flex;align-items:center;justify-content:center;color:var(--accent);
}
.showInfoRow .showInfoIcon svg{width:17px;height:17px;}
.showInfoRow .showInfoText{display:flex;flex-direction:column;gap:2px;}
.showInfoLabel{font-family:var(--mono);font-size:10.5px;color:var(--ac-place, var(--ink-faint));text-transform:uppercase;letter-spacing:.06em;font-weight:400;}

/* chip de data (dia grande / mês / ano) usado em turnê e agenda */
.dateChip{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:84px;height:84px;flex:none;border-radius:12px;background:var(--ac-chip-bg, var(--card));border:1px solid var(--border);color:inherit;
}
.dateChip .dateChipDay{font-size:34px;font-weight:800;line-height:1;}
.dateChip .dateChipMonth{font-family:var(--mono);font-size:11px;letter-spacing:.1em;margin-top:3px;color:var(--ac-month, var(--accent));font-weight:600;}
.dateChip .dateChipYear{font-family:var(--mono);font-size:9px;opacity:.7;color:var(--ac-year, var(--ac-date, inherit));margin-top:1px;}
.showInfoTime{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink-dim);margin-left:10px;}
.showInfoMultiDates{display:flex;flex-direction:column;gap:10px;}
.showInfoMultiDateItem{display:flex;align-items:center;gap:0;}
/* estado de carregamento nos botões de salvar */
button.isSubmitting, .btn.isSubmitting{opacity:.85;cursor:progress;pointer-events:none;position:relative;justify-content:center;}
.btnSpinner{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;flex:none;animation:btnSpin .6s linear infinite;}
@keyframes btnSpin{to{transform:rotate(360deg);}}
.flyerFilled{animation:flyerFillFlash 1.4s ease-out;}
@keyframes flyerFillFlash{
  0%{background-color:color-mix(in srgb, var(--accent, #00f0b4) 35%, var(--bg2, #15171c));box-shadow:0 0 0 2px var(--accent, #00f0b4);}
  100%{background-color:var(--bg2, #15171c);box-shadow:0 0 0 0 transparent;}
}
.fileDropzone{
  margin-top:20px;
  position:relative;border:2px dashed var(--border-hi);border-radius:14px;padding:28px 20px;
  display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#f2f0ea !important;
  background:var(--bg2);transition:border-color .15s,background .15s;min-height:120px;
}
.fileDropzone:hover{border-color:var(--accent-dim, var(--accent));}
.fileDropzone.dragOver{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg2));}
.fileDropzoneInner{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--ink-faint);}
.fileDropzoneInner svg{color:var(--ink-dim);}
.fileDropzoneInner p{margin:0;font-size:13px;line-height:1.5;}
.fileDropzoneInner p b{color:var(--ink);font-weight:700;}
#flyerDropzonePreview{max-width:100%;max-height:220px;border-radius:10px;object-fit:contain;}
.fileDropzonePreview{display:flex;align-items:center;gap:10px;width:100%;font-size:13px;color:var(--ink);}
.showRequestBox .fileDropzone{background:var(--bg2) !important;border-color:var(--border-hi);}
.fileDropzonePreview img,.fileDropzonePreview video{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:none;background:var(--bg2);}
.agendaCardDivider{border-top:1px solid var(--border);margin:14px 0;}
.memoriesGridCard{grid-template-columns:repeat(4,1fr);}
@media (max-width:480px){ .memoriesGridCard{grid-template-columns:repeat(3,1fr);} }
.showDateRow{display:flex;gap:10px;align-items:flex-end;margin-bottom:10px;}
.showDateRow .showDateRowDate,.showDateRow .showDateRowTime{flex:1;min-width:0;}
.showDateRow .showDateRowDate input,.showDateRow .showDateRowTime input{width:100%;}
.showDateRowDelete{flex:none;padding:12px 16px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;}
.showDateRowDeleteShort{display:none;}
@media (max-width:640px){
  .showDateRow{flex-wrap:nowrap;gap:6px;}
  .showDateRow .showDateRowDate{flex:1.3;}
  .showDateRow .showDateRowTime{flex:1;}
  .showDateRowDelete{padding:0 12px;}
  .showDateRowDeleteFull{display:none;}
  .showDateRowDeleteShort{display:inline;font-size:16px;line-height:1;}
}
.pfDateRangeRow{display:flex;gap:10px;flex-wrap:wrap;}
.pfDateRangeRow > div{flex:1;min-width:220px;max-width:100%;box-sizing:border-box;}
.pfDateRangeRow input{width:100%;box-sizing:border-box;}
.formSubmitOverlay{position:fixed;inset:0;background:rgba(10,11,13,.35);backdrop-filter:blur(1px);z-index:9998;display:none;align-items:center;justify-content:center;}
.formSubmitOverlay.active{display:flex;}
.formSubmitOverlay .formSubmitCard{background:var(--card, #15171c);border:1px solid var(--border-hi, #2a2d33);border-radius:14px;padding:20px 26px;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink, #eef0f2);box-shadow:0 20px 60px rgba(0,0,0,.4);}
.formSubmitCard .btnSpinner{width:20px;height:20px;border-width:3px;color:var(--accent, #00f0b4);}
body.formSubmittingBlur > *:not(script){filter:blur(2px);pointer-events:none;user-select:none;}

/* agenda de shows: lista */
.agendaList{width:100%;max-width:520px;display:flex;flex-direction:column;gap:12px;margin:26px 0 30px;text-align:left;}
.agendaItem{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--ac-bg, var(--card));overflow:hidden;transition:background .15s;}
.agendaItem:hover{background:var(--ac-bg, var(--card-hover, var(--card)));filter:brightness(1.06);}
.dateChip .dateChipDay{color:var(--ac-date, inherit);}
.dateChip .dateChipMonth{color:var(--ac-month, inherit);}
.agendaRowInfo{color:var(--ac-place, inherit);}
.agendaRow{
  display:flex;align-items:center;gap:16px;background:transparent;border:0;padding:14px 18px;
  cursor:pointer;
}
.agendaRowChevron{flex:none;font-size:16px;color:var(--ink-faint);transition:transform .25s;}
.agendaRow.open .agendaRowChevron{transform:rotate(180deg);}
.agendaRowExpand{max-height:0;overflow:hidden;transition:max-height .3s ease;margin:0;}
.agendaRowExpandInner{background:transparent;border:0;border-top:1px solid var(--border);padding:16px 18px;margin-top:0;}
.agendaExpandItem{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:6px 0;border-bottom:1px solid var(--border);color:var(--ac-expand, inherit);}
.agendaExpandItem:last-of-type{border-bottom:0;}
.agendaExpandLabel{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ac-expand-label, var(--ink-faint));}
.agendaExpandActions{display:flex;align-items:stretch;justify-content:space-between;margin-top:12px;flex-wrap:wrap;gap:8px;}
.agendaExpandActions.agendaExpandActionsSplit{gap:10px;}
.agendaExpandActions.agendaExpandActionsSplit .agendaExpandBtn:not(.agendaExpandBtnIcon){flex:1;text-align:center;justify-content:center;}
.agendaExpandActionsLeft{display:flex;gap:8px;}
.agendaExpandBtn{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--ac-icon, var(--accent));border:1px solid var(--ac-icon, var(--accent));border-radius:100px;padding:8px 14px;text-decoration:none;white-space:nowrap;}
.agendaExpandBtnPrimary{background:var(--ac-ticket-bg, var(--accent));color:var(--ac-ticket-text, #fff);border-color:var(--ac-ticket-bg, var(--accent));}
.agendaExpandBtnIcon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;position:relative;}
.agendaExpandBtnIcon svg{width:17px;height:17px;}
.agendaExpandBtnIcon.agendaExpandBtnCopied{background:var(--accent);color:#fff;}
.agendaExpandBtnIcon.agendaExpandBtnCopied svg{display:none;}
.agendaExpandBtnIcon.agendaExpandBtnCopied::after{content:'✓';font-weight:800;}
.agendaMapBox{width:100%;height:140px;border-radius:10px;overflow:hidden;margin-top:10px;border:1px solid var(--border);}
.agendaMapBox iframe{width:100%;height:100%;border:0;filter:grayscale(.15) contrast(1.05);}
.agendaRowInfo{display:flex;flex-direction:column;gap:2px;flex:1;font-weight:600;font-size:14.5px;}
.agendaRowTitle{color:var(--ac-title, var(--accent));}
.agendaRowTicket{
  flex:none;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--accent);
  border:1px solid var(--accent);border-radius:100px;padding:8px 14px;white-space:nowrap;
}
.agendaRowTicket:hover{background:var(--accent);color:#fff;}

/* lançamento: botões de ouvir/assistir */
.releaseListenRow{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:22px 0 26px;}
.releaseListenBtn{
  display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;
  padding:11px 18px;border-radius:100px;border:1px solid var(--border-hi);color:var(--ink);
}
.releaseListenBtn svg{width:20px;height:20px;flex:none;}
.releaseListenBtn:hover{border-color:var(--accent);color:var(--accent);}

.spotifyModalOverlay.show .spotifyModal{transform:translateY(0);}

/* ================= FORMATOS DE LAYOUT — restyling puramente aditivo sobre o DOM existente,
   nada de ticker/próximo-show/redes/links é removido, só reorganizado visualmente. ================= */

/* 1. Editorial Zine */
.pubHero.format-zine{padding-top:0;text-align:left;align-items:flex-start;}
.format-zine .pubContentContainer{padding-top:52px;padding-left:26px;padding-right:26px;text-align:left;align-items:flex-start;}
.format-zine .pubAvatar{border-radius:0;width:100%;height:140px;margin-bottom:18px;}
.format-zine .pubName{font-family:'Fraunces',serif;font-weight:600;font-style:italic;font-size:38px;}
.format-zine .pubSocials,.format-zine .pubAnnounceTicker{justify-content:flex-start;}
.format-zine .pubLinks{max-width:none;}
.format-zine .pubLinkRow{border-left:3px solid var(--accent);border-radius:0;}
.format-zine .pubLinkRowMain{text-align:left;}

/* 2. Bento */
.format-bento .pubAvatar{width:100%;height:180px;border-radius:20px;margin-bottom:16px;background-size:cover;background-position:center;box-shadow:0 10px 26px rgba(0,0,0,.18);}
.format-bento .pubName{background:var(--accent);color:#fff;display:inline-block;padding:8px 18px;border-radius:14px;font-size:22px;}
.format-bento .pubTag{background:color-mix(in srgb, var(--ink) 8%, transparent);padding:6px 14px;border-radius:20px;font-size:13px;display:inline-block;}
.format-bento .pubLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:none;}
.format-bento .pubNextShowList,.format-bento .pubLinkRow,.format-bento .pubYtEmbed,.format-bento .pubSpEmbed,.format-bento .pubYtCard,.format-bento .pubAnnounceTicker,.format-bento .pubTextBlock,.format-bento .pubImageBlock{grid-column:1 / -1;}
.format-bento .pubLinkRow{border-radius:18px;min-height:70px;display:flex;align-items:center;}
.format-bento .pubLinkRowMain{text-align:left;}
.format-bento .pubLinks .pubLinkRow:nth-of-type(3n){grid-column:span 1;background:color-mix(in srgb, var(--accent) 16%, var(--link-bg, var(--card)));}
.format-bento .pubLinks .pubLinkRow:nth-of-type(4n){grid-column:span 1;filter:hue-rotate(35deg) saturate(1.3);}
.format-bento .pubLinks .pubLinkRow:nth-of-type(5n){grid-column:span 1;filter:hue-rotate(-40deg) saturate(1.3);}
.format-bento .pubYtEmbed,.format-bento .pubSpEmbed,.format-bento .pubYtCard{max-width:none;width:100%;margin:0;box-sizing:border-box;}

/* 3. Poster / Cartaz */
.pubHero.format-poster{padding:0;}
.format-poster .pubContentContainer{padding-top:0;max-width:none;width:100%;}
.format-poster .pubAvatar{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);height:62vh;min-height:340px;border-radius:0;margin-bottom:0;margin-top:0;}
.format-poster .pubName,.format-poster .pubTag,.format-poster .pubSocials,.format-poster .pubLinks,.format-poster .pubFoot,.format-poster .pubOtherPages,.format-poster .pubBioFoot{max-width:480px;width:100%;box-sizing:border-box;padding-left:20px;padding-right:20px;}
.format-poster .pubName{font-weight:800;font-size:40px;text-transform:uppercase;margin-top:22px;}

/* 4. Vinyl Sleeve */
.format-vinyl .pubAvatar{width:220px;height:220px;border-radius:6px;box-shadow:0 12px 30px rgba(0,0,0,.25);}
.format-vinyl .pubName{font-family:'Fraunces',serif;font-weight:600;}
.format-vinyl .pubLinks{counter-reset:track;}
.format-vinyl .pubLinkRowMain::before{counter-increment:track;content:counter(track,decimal-leading-zero);font-family:var(--mono);font-size:11px;color:var(--accent);margin-right:2px;}

/* 5. Magazine Cover */
.pubHero.format-magazine{padding-top:0;}
.format-magazine .pubContentContainer{padding-top:0;}
.format-magazine .pubAvatar{width:100%;height:320px;border-radius:0;margin-bottom:0;}
.format-magazine .pubName{font-family:'Fraunces',serif;font-weight:700;font-size:44px;margin-top:14px;padding:0 20px;}
.format-magazine .pubTag{padding:0 20px;}

/* 6. Setlist */
.format-setlist .pubContentContainer{background-image:repeating-linear-gradient(transparent 0 32px, color-mix(in srgb, var(--ink) 10%, transparent) 33px 34px);}
.format-setlist .pubName{font-family:'Caveat',cursive;font-weight:700;font-size:46px;transform:rotate(-1deg);}
.format-setlist .pubLinkRow{font-family:'Caveat',cursive;font-size:22px;font-weight:700;border:0;background:none;box-shadow:none;}

/* 7. Backstage Pass */
.format-backstage .pubAvatar{border-radius:12px;width:64px;height:64px;}
.format-backstage .pubContentContainer{max-width:340px;}
.format-backstage .pubName{background:var(--accent);color:#fff;padding:6px 16px;border-radius:20px;font-size:20px;}
.format-backstage .pubLinkRow{border-bottom:1px solid var(--border);border-radius:0;background:none;box-shadow:none;}

/* 8. Lyric Sheet */
.format-lyric .pubContentContainer{text-align:left;align-items:flex-start;}
.format-lyric .pubName,.format-lyric .pubTag,.format-lyric .pubLinkRow{font-family:var(--mono);}
.format-lyric .pubName{font-style:italic;font-size:26px;margin-top:22px;}
.format-lyric .pubLinkRow{border:0;border-bottom:1px dashed var(--border-hi);border-radius:0;background:none;box-shadow:none;}
.format-lyric .pubLinkRowMain{text-align:left;}

/* 9. Brutalist Stack */
.format-brutalist .pubAvatar{border-radius:0;}
.format-brutalist .pubName{font-weight:800;text-transform:uppercase;font-size:38px;}
.format-brutalist .pubLinks{gap:0;}
.format-brutalist .pubLinkRow{border-radius:0;border:0;border-top:4px solid var(--ink);background:none;box-shadow:none;font-size:18px;text-transform:uppercase;font-weight:800;}
.format-brutalist .pubLinkRowMain{padding-top:18px;padding-bottom:18px;}
.format-brutalist .pubLinks .pubLinkRow:last-child{border-bottom:4px solid var(--ink);}

/* 10. Diagonal Duotone Split */
.pubHero.format-diagonal{background-image:linear-gradient(105deg, var(--accent) 0 42%, var(--bg) 42%) !important;}
.pubHero.format-diagonal.theme-bg-gradient{background-image:linear-gradient(105deg, var(--accent) 0 42%, var(--bg) 42%, var(--bg-gradient-2, var(--accent)) 100%) !important;}
.format-diagonal .pubName{font-weight:800;}

/* 11. Negative Space Editorial */
.pubHero.format-negative{padding-top:100px;}
.format-negative .pubAvatar{display:none;}
.format-negative .pubName{font-family:'Fraunces',serif;font-style:italic;font-weight:600;font-size:24px;}
.format-negative .pubLinks{gap:0;}
.format-negative .pubLinkRow{border:0;border-bottom:1px solid var(--border);border-radius:0;background:none;box-shadow:none;font-weight:400;}
.format-negative .pubLinkRowMain{text-align:left;padding-top:22px;padding-bottom:22px;}

/* 12. Marquee Takeover */
.pubHero.format-marquee{overflow:hidden;}
.format-marquee .pubContentContainer::before{
  content:attr(data-name) ' \00b7 ' attr(data-name) ' \00b7 ';
  position:absolute;top:26px;left:0;white-space:nowrap;font-weight:800;font-size:70px;
  color:color-mix(in srgb, var(--ink) 8%, transparent);z-index:0;pointer-events:none;
}
.format-marquee .pubContentContainer > *{position:relative;z-index:1;}
.format-marquee .pubContentContainer > .pubShareBtn,.format-marquee .pubContentContainer > .pubBrandBadge{position:absolute;}

/* 13. Asymmetric Rotated Sidebar */

/* 14. Grid Portfolio */
.format-gridportfolio .pubContentContainer{max-width:520px;padding:2px;gap:2px;}
.format-gridportfolio .pubLinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;max-width:none;}
.format-gridportfolio .pubYtEmbed,.format-gridportfolio .pubSpEmbed,.format-gridportfolio .pubYtCard,.format-gridportfolio .pubNextShowScrollWrap,.format-gridportfolio .pubLinks > .pubNextShowList,.format-gridportfolio .pubAnnounceTicker,.format-gridportfolio .pubTextBlock,.format-gridportfolio .pubImageBlock{grid-column:1 / -1;max-width:none;width:100%;margin:0;box-sizing:border-box;}
.format-gridportfolio .pubLinkRow{border-radius:0;min-height:80px;display:flex;align-items:center;}
.format-gridportfolio .pubLinkRowMain{text-align:left;}

/* 15. Exploded Collage */
.format-collage .pubName{background:var(--accent);color:#fff;display:inline-block;padding:6px 14px;transform:rotate(-2deg);}
.format-collage .pubLinkRow{box-shadow:3px 4px 0 color-mix(in srgb, var(--ink) 20%, transparent);transform:rotate(-.6deg);}
.format-collage .pubLinks .pubLinkRow:nth-child(odd){transform:rotate(.8deg);}

/* 16. Credits Roll */
.pubHero.format-credits{text-align:center;}
.format-credits .pubAvatar{width:72px;height:72px;}
.format-credits .pubName{font-weight:800;text-transform:uppercase;}
.format-credits .pubLinks{gap:22px;}
.format-credits .pubLinkRow{border:0;background:none;box-shadow:none;}

/* 17. Long-form Story */
.pubHero.format-story{text-align:left;align-items:flex-start;padding-top:90px;}
.format-story .pubContentContainer{text-align:left;align-items:flex-start;}
.format-story .pubAvatar{display:none;}
.format-story .pubName{font-family:'Fraunces',serif;font-weight:700;}
.format-story .pubLinkRow{border:0;border-left:3px solid var(--accent);border-radius:0;background:color-mix(in srgb, var(--accent) 8%, transparent);box-shadow:none;}
.format-story .pubLinkRowMain{text-align:left;}

/* 18. Trading Card */
.format-tradingcard .pubContentContainer{max-width:300px;}
.format-tradingcard .pubAvatar{width:100%;aspect-ratio:1/1;height:auto;border-radius:10px;border:3px solid var(--accent);}
.format-tradingcard .pubName{font-weight:800;color:var(--accent);}
.format-tradingcard .pubLinkRow{border-radius:6px;}

/* 19. Sino */
.pubHero.format-sino{text-align:center;}
.format-sino .pubAvatar{box-shadow:0 0 0 14px color-mix(in srgb, var(--accent) 12%, transparent),0 0 40px color-mix(in srgb, var(--accent) 30%, transparent);}
.format-sino .pubLinkRow{border-radius:100px;}
.format-sino .pubName{font-weight:300;letter-spacing:.02em;}

/* Chocalho */
.format-chocalho .pubLinkRow{border:2px dashed var(--accent);background:none;box-shadow:none;}
.format-chocalho .pubLinkRow:nth-of-type(odd){transform:rotate(-1deg);}
.format-chocalho .pubLinkRow:nth-of-type(even){transform:rotate(1deg);}
.format-chocalho .pubName{font-family:'Caveat',cursive;font-size:44px;font-weight:700;}

/* Cuíca */
.format-cuica .pubLinkRow{border:3px solid var(--ink);border-radius:0;background:none;box-shadow:none;}
.format-cuica .pubLinkRowMain{text-transform:uppercase;font-weight:800;letter-spacing:.03em;}
.format-cuica .pubName{text-transform:uppercase;font-weight:900;letter-spacing:-.01em;}
.format-cuica .pubAvatar{border:3px solid var(--ink);}

/* 20. Weather Dashboard */
.pubHero.format-weather{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 35%, var(--bg)), var(--bg)) !important;color:#fff;}
.format-weather .pubName{font-weight:300;}
.format-weather .pubLinkRow{background:rgba(255,255,255,.12) !important;backdrop-filter:blur(6px);border:0 !important;}
.format-weather .pubLinkRowMain{color:#fff !important;}
.format-weather .pubTag{color:#fff;opacity:.85;}

/* 21. Postcard */
.format-postcard .pubAvatar{width:100%;aspect-ratio:3/2;border-radius:2px;}
.format-postcard .pubContentContainer{max-width:340px;background-color:var(--container-bg, var(--card));}
.format-postcard .pubName{font-family:'Fraunces',serif;font-weight:700;margin-top:20px;}
.format-postcard .pubLinkRow{border-bottom:1px solid var(--border);border-radius:0;background:none;box-shadow:none;}

/* 23. Flauta: editorial creme, foto circular centralizada, respiro generoso */
.format-flauta{padding-top:64px;}
.format-flauta .pubAvatar{width:132px;height:132px;}
.format-flauta .pubName{font-size:30px;font-weight:800;margin-top:20px;}
@media (min-width:760px){
  .format-flauta{max-width:640px;margin:0 auto;}
  .format-flauta .pubAvatar{width:150px;height:150px;}
  .format-flauta .pubName{font-size:36px;}
}



.scHero{position:relative;border-radius:10px;overflow:hidden;padding:26px 28px;margin-bottom:16px;background:linear-gradient(120deg,#1a1330,#0c0d10 55%),url('https://images.unsplash.com/photo-1470229722913-7c0e2dbbafd3?auto=format&fit=crop&w=1200&q=60');background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08);}
.scHeroTop{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;}
.scHeroIcon{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(143,111,240,.22);border:1px solid rgba(143,111,240,.35);display:flex;align-items:center;justify-content:center;color:#c9b6ff;}
.scHeroTitleWrap{flex:1;min-width:200px;}
.scHeroTitleWrap h1{margin:0 0 4px;font-size:24px;font-weight:800;color:#fff;}
.scHeroTitleWrap p{margin:0;color:rgba(255,255,255,.7);font-size:13.5px;}
.scHeroSub{color:rgba(255,255,255,.45) !important;font-size:12.5px !important;max-width:440px;margin-top:4px !important;}
.scHeroPills{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;}
.scHeroPill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 14px;min-width:120px;}
.scHeroPillLabel{display:flex;align-items:center;gap:5px;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:rgba(255,255,255,.45);font-weight:600;margin-bottom:3px;}
.scHeroPill b{color:#fff;font-size:13.5px;font-weight:700;}
.scHeroBarRow{display:flex;align-items:center;gap:14px;margin-top:16px;}
.scSavedFeedback{margin-left:auto;font-size:12px;color:#8cffcb;font-weight:600;opacity:0;transform:translateX(4px);transition:opacity .35s ease,transform .35s ease;}
.scSavedFeedback.show{opacity:1;transform:translateX(0);}
.scPrepTimeline{display:flex;align-items:flex-start;gap:0;position:relative;padding:8px 0;}
.scPrepTimelineHero{}
.scPrepTimelineHero .scPrepTimelineDot{background:rgb(57,58,59);}
.scPrepTimelineHero .scPrepTimelineStep::before{background:rgba(255,255,255,.15);}
.scPrepTimelineHero .scPrepTimelineStep.done::before{background:#3ecf8e;}
.scPrepTimelineHero .scPrepTimelineStep.done .scPrepTimelineDot{background:#3ecf8e;}
.scPrepTimelineHero .scPrepTimelineStep.active .scPrepTimelineDot{background:var(--accent);}
.scPrepTimelineHero .scPrepTimelineStep b{color:#fff;}
.scPrepTimelineHero .scPrepTimelineStep .hint{display:none;}
.scPrepTimelineStep{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;gap:8px;}
.scPrepTimelineStep::before{content:'';position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--border-hi);z-index:0;}
.scPrepTimelineStep:first-child::before{display:none;}
.scPrepTimelineStep.done::before{background:#3ecf8e;}
.scPrepTimelineDot{width:14px;height:14px;border-radius:50%;background:var(--border-hi);border:2px solid var(--bg);position:relative;z-index:1;}
.scPrepTimelineStep.done .scPrepTimelineDot{background:#3ecf8e;}
.scPrepTimelineStep.active .scPrepTimelineDot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent);}
.scPrepTimelineStep b{font-size:12.5px;color:var(--ink);}
.scPrepTimelineStep .hint{font-size:11px;margin:0;}
@media (max-width:760px){.scPrepTimeline{flex-direction:column;align-items:flex-start;gap:18px;}.scPrepTimelineStep{flex-direction:row;text-align:left;}.scPrepTimelineStep::before{display:none;}}
.scPrepLayout{display:grid;grid-template-columns:1fr 200px;gap:22px;align-items:start;}
.scPrepSidebar{border-left:1px solid var(--border-hi);padding-left:20px;position:sticky;top:20px;}
.scPrepSidebarLabel{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:10px;}
.scChecklistMoreBtn{background:none;border:0;color:var(--ink-faint);cursor:pointer;font-size:16px;padding:2px 6px;flex:none;}
.scChecklistMoreBtn:hover{color:var(--ink);}
.scChecklistMenu{position:absolute;z-index:500;background:#161719;border:1px solid var(--border-hi);border-radius:10px;padding:6px;display:flex;flex-direction:column;min-width:220px;box-shadow:0 10px 30px rgba(0,0,0,.4);}
.scChecklistMenu button{background:none;border:0;text-align:left;padding:9px 10px;font-size:12.5px;color:var(--ink);cursor:pointer;border-radius:6px;}
.scChecklistMenu button:hover{background:rgba(255,255,255,.08);}
.scDocList{display:flex;flex-direction:column;gap:6px;}
.scProviderInfoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:14px;}
.scProviderInfoLabel{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:700;margin-bottom:3px;}
.scProviderInfoGrid b{font-size:14px;color:var(--ink);}
.scProviderChartWrap{display:flex;align-items:center;gap:20px;}
.scProviderGauge{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;}
.scProviderGaugeInner{width:62px;height:62px;border-radius:50%;background:#0c0d10;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.scProviderGaugeInner b{font-size:15px;color:#fff;font-family:var(--mono);}
.scProviderGaugeInner span{font-size:9px;color:var(--ink-faint);text-transform:uppercase;}
.scProviderParticipants b{display:block;font-size:28px;color:#fff;font-family:var(--mono);}
.scProviderParticipants span{font-size:12.5px;color:var(--ink-dim);}
.scDocGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
.scDocTile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:16px 10px 12px;background:rgba(255,255,255,.03);border:1px solid var(--border-hi);border-radius:12px;}
.scDocTileIcon{color:var(--ink-faint);}
.scDocTileTitle{font-size:12px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.scDocTileDate{font-size:10.5px;}
.scDocTileActions{display:flex;gap:10px;margin-top:4px;}
.scDocTileActions a,.scDocTileActions button{background:none;border:0;color:#fff;cursor:pointer;padding:0;display:flex;}
.scDocTileActions a:hover,.scDocTileActions button:hover{color:#75a1fc;}
@keyframes scChecklistOut{to{opacity:0;transform:translateX(8px) scale(.98);max-height:0;padding-top:0;padding-bottom:0;margin:0;}}
.scChecklistFadeOut{animation:scChecklistOut .26s ease forwards;overflow:hidden;}
@keyframes scChecklistIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}
.scChecklistFadeIn{animation:scChecklistIn .3s ease both;}
.scChecklistAllDone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:24px 10px;}
.scChecklistAllDone b{color:#3ecf8e;font-size:14px;}
.scDocRow{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid var(--border-hi);border-radius:10px;text-decoration:none;color:var(--ink);}
.scDocRow:hover{border-color:var(--accent);}
.scDocIcon{flex:none;color:var(--ink-faint);}
.scDocInfo{flex:1;min-width:0;}
.pac-container{background:#161719;border:1px solid #2d2e34;box-shadow:0 10px 30px rgba(0,0,0,.4);border-radius:10px;overflow:hidden;font-family:var(--sans-ui);}
.pac-item{color:#c7c9d1;border-top:1px solid #26272c;padding:9px 12px;font-size:13px;}
.pac-item:hover,.pac-item-selected{background:#202226;}
.pac-item-query{color:#fff;}
.pac-matched{color:var(--accent);}
.pac-icon{filter:invert(1) brightness(1.6);}
.pac-logo:after{filter:invert(1) brightness(1.8);}
.dashFilterRowCol{display:flex;flex-direction:column;gap:6px;background:transparent !important;padding:0 !important;border-radius:0 !important;}
.dashFilterRowCol .dashFilterBtn{width:100%;text-align:left;}
@media (max-width:760px){.scPrepLayout{grid-template-columns:1fr;}.scPrepSidebar{border-left:0;border-top:1px solid var(--border-hi);padding-left:0;padding-top:14px;position:static;}.dashFilterRowCol{flex-direction:row;flex-wrap:wrap;}}
.scHeroBarRow b{color:#fff;font-size:13px;font-weight:700;white-space:nowrap;}
.scHeroBarTrack{flex:1;height:7px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;}
.scHeroBarFill{height:100%;background:linear-gradient(90deg,#3ecf8e,#2eb894);border-radius:99px;transition:width .3s;}
.scSummaryRow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;align-items:stretch;}
.scSummaryCard{background:#202020;border:1px solid #313338;border-radius:14px;padding:16px;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:10px;height:100%;}
.scSummaryCard:hover{border-color:var(--accent);}
.scSummaryHead{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);}
.scSummaryIcon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none;}
.scSummaryArrow{margin-left:auto;color:var(--ink-faint);}
.scSummaryStat{font-size:19px;font-weight:800;color:var(--ink);}
.scSummaryBar{height:5px;border-radius:4px;background:var(--bg);overflow:hidden;}
.scSummaryBar div{height:100%;border-radius:4px;}
.scSummaryList{display:flex;flex-direction:column;gap:5px;min-height:96px;max-height:96px;overflow:hidden;}
.scSummaryListItem{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-dim);}
.scSummaryListItem svg{flex:none;}
.scSummaryAvatars{display:flex;min-height:30px;}
.scSummaryAvatarDot{width:45px;height:45px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8f6ff0);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;flex:none;content:center;margin-left:-8px;border:2px solid var(--card);}
.scSummaryAvatarDot:first-child{margin-left:0;}
.scSummaryAvatarCheck{position:absolute;bottom:-2px;left:-2px;width:16px;height:16px;border-radius:50%;background:#1f7a3d;border:2px solid var(--card);display:flex;align-items:center;justify-content:center;}
.scSummaryAvatarMore{background:var(--bg2);color:var(--ink-dim);}
.scSummaryLinkBtn{background:none;border:0;color:var(--accent);font-size:12.5px;font-weight:600;text-align:left;padding:0;cursor:pointer;margin-top:auto;}
.scSummaryDetailList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-height:96px;max-height:96px;overflow:hidden;}
.scSummaryDetailList li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-dim);}
.scSummaryDetailList li svg{flex:none;color:var(--ink-faint);}
@media (max-width:900px){.scSummaryRow{grid-template-columns:1fr 1fr;}.scHeroTop{flex-direction:column;}}
@media (max-width:560px){.scSummaryRow{grid-template-columns:1fr;}}

/* first-run emphasis + AI hub progress */
.dashDimmed{filter:blur(3px) saturate(.6);opacity:.45;pointer-events:none;user-select:none;transition:filter .3s ease,opacity .3s ease;}
.dashIaFirstRun .dashIaItem{position:relative;padding-right:34px;}
.dashIaFirstRun .dashIaItem::before{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;border-radius:50%;border:2px solid #3a3d44;box-sizing:border-box;}
.dashIaFirstRun .dashIaItem.iaDone::before{background:#158d74;border-color:#158d74;}
.dashIaFirstRun .dashIaItem.iaDone::after{content:"";position:absolute;right:14px;top:calc(50% - 1px);width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-50%) rotate(-45deg);}
.aiHubProgress{padding:12px 14px 4px;}
.aiHubProgressBar{height:4px;border-radius:99px;background:#26282d;overflow:hidden;}
.aiHubProgressBar span{display:block;height:100%;width:0;border-radius:99px;background:#2068ff;transition:width .5s ease;}
.aiHubProgressSteps{display:flex;justify-content:space-between;margin-top:7px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:#6c757d;}
.aiHubProgressSteps span.done{color:#37ac76;}
.aiHubProgress.inOverlay{padding:18px 0 0;max-width:320px;margin:0 auto;}

@property --beamAngle{syntax:'<angle>';initial-value:0deg;inherits:false;}
.beamCard{position:relative;}
.beamCard::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;background:conic-gradient(from var(--beamAngle,0deg),transparent 0deg,transparent 320deg,#2068ff 350deg,#7aa7ff 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:beamSpin 5s linear infinite;}
@keyframes beamSpin{to{--beamAngle:360deg;}}
@media (prefers-reduced-motion:reduce){.beamCard::after{animation:none;}}


/* Radar 360 — radar sweep loader */
.radarLoader{position:relative;width:150px;height:150px;background:transparent;border-radius:50%;box-shadow:25px 25px 75px rgba(0,0,0,.55);border:1px solid #333;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.radarLoader::before{content:'';position:absolute;inset:20px;background:transparent;border:1px dashed #444;border-radius:50%;box-shadow:inset -5px -5px 25px rgba(0,0,0,.25),inset 5px 5px 35px rgba(0,0,0,.25);}
.radarLoader::after{content:'';position:absolute;width:50px;height:50px;border-radius:50%;border:1px dashed #444;box-shadow:inset -5px -5px 25px rgba(0,0,0,.25),inset 5px 5px 35px rgba(0,0,0,.25);}
.radarLoader span{position:absolute;top:50%;left:50%;width:50%;height:100%;background:transparent;transform-origin:top left;animation:radarSweep 2s linear infinite;border-top:1px dashed #fff;}
.radarLoader span::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#2068ff;transform-origin:top left;transform:rotate(-55deg);filter:blur(30px) drop-shadow(20px 20px 20px #2068ff);}
@keyframes radarSweep{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.radarLoader span{animation:none;}}

/* E-mail de comunicação — dialog explicativa */
.aliasExplain{display:flex;flex-direction:column;gap:2px;margin:0 0 22px;border:1px solid #2c2c30;border-radius:10px;overflow:hidden;background:#1a1a1c;}
.aliasExplainRow{display:flex;align-items:flex-start;gap:14px;padding:16px 16px;border-bottom:1px solid #26282d;}
.aliasExplainRow:last-child{border-bottom:0;}
.aliasExplainRow b{display:block;font-size:13.5px;color:#fff;font-weight:600;}
.aliasExplainRow small{display:block;font-size:12.5px;color:#8a8781;margin-top:3px;line-height:1.45;}
.aliasExplainIcon{flex:0 0 auto;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.aliasExplainIcon.blue{background:rgba(32,104,255,.18);color:#5a8cf7;}
.aliasExplainIcon.purple{background:rgba(143,111,240,.18);color:#a996f5;}
.aliasExplainIcon.green{background:rgba(21,141,116,.2);color:#37ac76;}
.aliasWarnBox{margin:0 0 20px !important;background:#26241a;color:#e6d98a;padding:10px 12px;border-radius:8px;font-size:12.5px;border:1px solid #3d3826;}

.aliasErrBox{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 16px;border-radius:10px;background:rgba(192,57,43,.14);border:1px solid rgba(192,57,43,.45);color:#f0b3ad;font-size:13px;line-height:1.45;}
.aliasErrIcon{flex:0 0 auto;color:#e2564a;display:flex;align-items:center;}
.aliasInput:-webkit-autofill,.aliasInput:-webkit-autofill:hover,.aliasInput:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #1e1e21 inset;box-shadow:0 0 0 1000px #1e1e21 inset;transition:background-color 9999s ease-in-out 0s;}

/* dialog do e-mail de comunicação: centraliza de verdade (o .asModal fixa top:12%) */
.appHeaderSearchPopup.asModal.aliasModalCard{position:static !important;top:auto !important;left:auto !important;transform:none !important;width:min(440px,90vw) !important;max-height:none !important;}
.aliasInput,.aliasInput:focus,.aliasInput:active{background:transparent !important;}
.aliasInput:-webkit-autofill,.aliasInput:-webkit-autofill:hover,.aliasInput:-webkit-autofill:focus,.aliasInput:-webkit-autofill:active{-webkit-text-fill-color:#fff !important;caret-color:#fff;-webkit-box-shadow:0 0 0 1000px #1e1e21 inset !important;box-shadow:0 0 0 1000px #1e1e21 inset !important;background-color:#1e1e21 !important;transition:background-color 9999s ease-in-out 0s !important;}
.integrationActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;}
#integrationDialogBody{padding:20px;}
#integrationDialogBody .field{margin-bottom:4px;}

/* Estatísticas: gráficos empilhados, barras ocupando a largura toda, tooltip de pico */
.statChartsStack{display:flex;flex-direction:column;gap:8px;}
.statChartTitle{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);margin:28px 0 14px;}
.statChart{display:flex;align-items:flex-end;gap:6px;height:150px;border-bottom:1px solid var(--border);padding-bottom:4px;}
.statChartCol{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;position:relative;}
.statChartVal{font-family:var(--sans-ui);font-size:13.5px;color:var(--ink-dim);line-height:1;}
.statChartBar{width:100%;background:var(--accent);min-height:3px;border-radius:3px 3px 0 0;position:relative;transition:background .15s ease;}
.statChartCol:hover .statChartBar{background:#4c86ff;}
.statChartDay{font-family:var(--mono);font-size:12px;color:var(--ink-faint);white-space:nowrap;}
.statChartTip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#0a0a0b;border:1px solid var(--border-hi);color:#fff;font-family:var(--mono);font-size:11.5px;padding:5px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:3;}
.statChartCol:hover .statChartTip{opacity:1;}
@media (max-width:640px){.statChartDay{font-size:10px;}.statChartVal{font-size:11.5px;}}

/* barra de salvar das abas: endereço à esquerda, ações à direita */
.pfSaveRowBar{display:grid !important;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-top:16px;}
.pfEditingUrl{margin:0;min-width:0;overflow:hidden;}
.pfEditingUrl span{font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;}
.pfEditingUrl a{font-family:var(--mono);font-size:13.5px;color:#5a8cf7;font-weight:500;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pfEditingUrl a:hover{color:#82adfb;text-decoration:underline;}
.pfSaveRowActions{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
@media (max-width:640px){.pfSaveRowBar{grid-template-columns:1fr;align-items:start;gap:12px;}.pfEditingUrl{display:flex;flex-direction:column;gap:2px;}.pfSaveRowActions{justify-content:stretch;}.pfSaveRowActions > *{flex:1;justify-content:center;}}

/* importar bio/rider dos documentos salvos em Arquivos */
.pfDocImportRow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 10px;}
.pfDocImportRow > span{font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;}
.pfDocImportBtn{padding:5px 10px !important;font-size:12px !important;}

.pfLabelRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;}
.pfLabelRow label{margin:0;}

.tplMenuDivider{height:1px;background:#26282d;margin:6px 0;}

.tmDisclaimer{background:var(--bg2);border:1px solid var(--border-hi);border-radius:10px;padding:14px;margin-bottom:18px;}
.tmDisclaimer p{margin:0 0 12px;font-size:13.5px;color:var(--ink-dim);}
.tmDisclaimerActions{display:flex;gap:8px;flex-wrap:wrap;}

/* barra mobile do hub: marca à esquerda, menu à direita */
.dashMobileBar{display:none;}
.dashBurger,.dashSidebarCloseBtn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer;padding:0;flex:0 0 auto;}
.dashBurger{width:32px;height:32px;display:none;flex-direction:column;align-items:center;justify-content:center;gap:3.5px;}
.dashBurger span{display:block;width:14px;height:1.8px;border-radius:2px;background:#fff;transition:transform .24s cubic-bezier(.22,1,.36,1);}
.dashBurger:active span:nth-child(1){transform:translateY(1px);}
.dashBurger:active span:nth-child(3){transform:translateY(-1px);}
.dashSidebarCloseBtn{display:none;}
.dashSidebarCloseX{position:relative;width:14px;height:14px;display:block;}
.dashSidebarCloseX::before,.dashSidebarCloseX::after{content:'';position:absolute;left:0;top:6px;width:14px;height:1.8px;border-radius:2px;background:#fff;transform-origin:center;transition:transform .24s cubic-bezier(.22,1,.36,1);}
.dashSidebarCloseX::before{animation:dashXin1 .32s cubic-bezier(.22,1,.36,1) both;}
.dashSidebarCloseX::after{animation:dashXin2 .32s cubic-bezier(.22,1,.36,1) .04s both;}
@keyframes dashXin1{from{transform:translateY(-5px) rotate(0deg);opacity:0}to{transform:rotate(45deg);opacity:1}}
@keyframes dashXin2{from{transform:translateY(5px) rotate(0deg);opacity:0}to{transform:rotate(-45deg);opacity:1}}
.dashSidebarCloseBtn:active .dashSidebarCloseX::before{transform:rotate(135deg);}
.dashSidebarCloseBtn:active .dashSidebarCloseX::after{transform:rotate(45deg);}
.dashMobileBrand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;font-family:var(--mono);font-size:17px;font-weight:700;letter-spacing:-.01em;}
@media (max-width:860px){
  /* padding-top de 29px: com botão de 32px, o centro cai em 45px — mesma linha da setinha do perfil dentro do menu */
  .dashMobileBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:29px 18px 12px;background:#0f0f11;border-bottom:0;}
  /* botões do header: um tom abaixo do #0f0f11 pra assentar na barra */
  .dashBurger{background:#0a0a0c;border-color:rgba(255,255,255,.10);}
  .dashSidebarCloseBtn{background:#0a0a0c;border-color:rgba(255,255,255,.10);}
  /* em tela cheia não há o que separar à direita */
  body.dashSidebarLayout .dashSidebar{border-right:0;}
  /* o painel da conta precisa vir na frente do menu, não atrás */
  .dashSidebarAccountWrap{z-index:3;}
  .dashSidebarAccountPanel{z-index:90;}
  .dashBurger{display:flex;}
  .dashMobileMenuBtn{display:none !important;}
  /* mesma casa do botão de abrir: 12px do topo, 18px da direita, 32px */
  /* z-index alto: o bloco da conta cobria o X e engolia o toque */
  .dashSidebarCloseBtn{display:flex;align-items:center;justify-content:center;position:absolute;top:29px;right:18px;width:32px;height:32px;border-radius:10px;z-index:100;}
}

/* mesma animação de glitch do nome na home do site */
.glitchText{position:relative;color:#fff;animation:glitchShift 4s ease-in-out infinite alternate}
.glitchText:after,.glitchText:before{content:attr(data-text);position:absolute;left:0;top:0;overflow:hidden;background:transparent;-webkit-background-clip:initial;-webkit-text-fill-color:initial}
.glitchText:after{left:3px;text-shadow:-1px 0 red;color:transparent;clip:rect(0,900px,0,0);animation:glitchNoise 3s infinite linear alternate-reverse,glitchShift 4s ease-in-out infinite alternate;z-index:-2;opacity:.7}
.glitchText:before{left:1px;text-shadow:-3px 0 cyan;color:transparent;clip:rect(0,900px,0,0);animation:glitchNoise2 3s infinite linear alternate-reverse,glitchShift 4s ease-in-out infinite alternate;z-index:-1;opacity:.8}
@keyframes glitchBlur{0%,40%,50%,60%,90%,95%,100%{text-shadow:0px -5px 10px rgba(255,255,255,1),0px 0px 5px rgba(255,255,255,0),0px 0px 10px rgba(255,255,255,0),2px 1px 15px rgba(100,240,255,0),0px 0px 20px rgba(255,255,255,0)}45%,75%{text-shadow:0px -5px 10px rgba(255,255,255,1),0px 0px 5px rgba(255,255,255,1),0px 0px 10px rgba(255,255,255,1),2px 1px 15px rgba(100,240,255,1),0px 0px 20px rgba(255,255,255,1)}97.5%{text-shadow:0px -5px 10px rgba(255,255,255,0),0px 0px 5px rgba(255,255,255,0),0px 0px 10px rgba(255,255,255,0),2px 1px 4px rgba(255,100,100,1),0px 0px 20px rgba(255,255,255,0)}}
@keyframes glitchShift{0%,40%,44%,58%,61%,65%,69%,73%,100%{transform:skewX(0deg)}41%{transform:skewX(10deg)}42%{transform:skewX(-10deg)}59%{transform:skewX(40deg) skewY(10deg)}60%{transform:skewX(-40deg) skewY(-10deg)}63%{transform:skewX(10deg) skewY(-5deg)}70%{transform:skewX(-50deg) skewY(-20deg)}71%{transform:skewX(10deg) skewY(-10deg)}}
@keyframes glitchNoise{0%{clip:rect(42px,9999px,17px,0)}10%{clip:rect(8px,9999px,63px,0)}20%{clip:rect(71px,9999px,29px,0)}30%{clip:rect(15px,9999px,88px,0)}40%{clip:rect(55px,9999px,4px,0)}50%{clip:rect(30px,9999px,74px,0)}60%{clip:rect(90px,9999px,22px,0)}70%{clip:rect(3px,9999px,59px,0)}80%{clip:rect(66px,9999px,11px,0)}90%{clip:rect(24px,9999px,80px,0)}100%{clip:rect(48px,9999px,36px,0)}}
@keyframes glitchNoise2{0%{clip:rect(19px,9999px,68px,0)}10%{clip:rect(52px,9999px,6px,0)}20%{clip:rect(9px,9999px,77px,0)}30%{clip:rect(63px,9999px,25px,0)}40%{clip:rect(35px,9999px,91px,0)}50%{clip:rect(78px,9999px,14px,0)}60%{clip:rect(4px,9999px,55px,0)}70%{clip:rect(85px,9999px,32px,0)}80%{clip:rect(28px,9999px,70px,0)}90%{clip:rect(60px,9999px,18px,0)}100%{clip:rect(41px,9999px,83px,0)}}

.statChartDayShort{display:none;}
@media (max-width:860px){.statChartDayFull{display:none;}.statChartDayShort{display:inline;}}

.appearancePanelFooter .pfEditingUrl{margin:0;min-width:0;overflow:hidden;}
.appearancePanelFooter .pfSaveRowSpacer{flex:1;}
@media (max-width:640px){.appearancePanelFooter{flex-wrap:wrap;}.appearancePanelFooter .pfEditingUrl{flex:1 1 100%;}}

/* botão de recolher o menu: pastilha na borda, metade no menu e metade no conteúdo.
   Fica FORA do <aside> porque ele rola (overflow) e cortaria a metade de fora. */
#dashCollapseToggleBtn{position:fixed;left:236px;bottom:70px;width:28px;height:28px;min-width:28px;padding:0;z-index:90;display:flex;align-items:center;justify-content:center;border-radius:50%!important;background:#1b1b1e!important;border:1px solid #34363c!important;box-shadow:0 2px 10px rgba(0,0,0,.45);cursor:pointer;transition:left .18s ease;}
/* recolhido os cartões ficam mais baixos (só ícone), então o botão sobe junto
   pra continuar no meio dos dois */
body.dashSidebarCollapsed #dashCollapseToggleBtn{left:60px;bottom:56px;}
#dashCollapseToggleBtn svg{display:block;width:14px;height:14px;flex:none;color:#c7c9d1!important;stroke:#c7c9d1!important;transition:transform .22s cubic-bezier(.22,1,.36,1);}
#dashCollapseToggleBtn:hover{background:var(--link-bg,var(--accent));border-color:var(--accent);}
#dashCollapseToggleBtn:hover svg{color:#fff!important;stroke:#fff!important;}
body.dashSidebarCollapsed #dashCollapseToggleBtn svg{transform:rotate(180deg);}

body.dashSidebarCollapsed .dashSidebarSearchBtn{justify-content:center;padding-left:0!important;padding-right:0!important;}
body.dashSidebarCollapsed .dashSidebarSearchBtn svg{margin:0;}

/* espaço pro ícone nos selects mais estreitos, pra seta não colar no texto */
.linkRowFoot select,.showRequestBox select,.scApptForm select{padding-right:30px!important;background-position:right 8px center!important;}

/* menu recolhido: o painel da conta não cabe nos 74px e o <aside> ainda rola,
   então ele passa a ser fixo, ao lado do menu, com largura própria */
body.dashSidebarCollapsed .dashSidebarAccountPanel{position:fixed;left:80px;top:72px;right:auto;width:230px;max-width:calc(100vw - 96px);}

/* checkbox no padrão escuro: o próprio navegador desenha assim quando sabe que a
   interface é escura — nada de caixa customizada */
body.appChrome{color-scheme:dark;}
body.appChrome input[type="checkbox"],body.appChrome input[type="radio"]{accent-color:var(--accent);}
/* checklist do dia: o respiro é do checkbox, não do texto */
#dashTodoList .hot-toggle input[type="checkbox"]{margin-right:10px;}

/* checklist do dia: respiro mínimo (o card não pode crescer e desalinhar a coluna
   do lado), divisor entre as linhas e colunas sempre na mesma posição */
#dashTodoList .hot-toggle{padding-top:9px!important;padding-bottom:9px!important;gap:8px;line-height:1.3;border-bottom:1px solid var(--border-hi)!important;}
#dashTodoList .hot-toggle:last-child{border-bottom:0!important;}
#dashTodoList .hot-toggle > span{gap:1px;min-width:0;flex:1;}
#dashTodoList .hot-toggle small{line-height:1.3;}
/* data e botão de apagar sempre na mesma coluna, independente do texto */
#dashTodoList .hot-toggle > span[style*="margin-left:auto"]{flex:0 0 62px;margin-left:0!important;text-align:right;}
#dashTodoList .hot-toggle .btn.danger{flex:0 0 auto;margin-left:8px!important;}

/* Rodapé padrão das dialogs de criar/editar: divisor em cima (igual ao header),
   um espaço à esquerda pra um terceiro botão (apagar, por exemplo) e o par
   CANCELAR + SALVAR à direita. */
.dlgFoot{display:flex;align-items:center;gap:8px;margin:18px -18px -18px;padding:14px 18px;border-top:1px solid #262629;}
.dlgFoot .dlgFootSpacer{flex:1;}
.dlgFoot .btn,.dlgFoot .scDarkBtnGhost,.dlgFoot .dashIndexBtn{flex:0 0 auto;width:auto;}
.dlgFootWide{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;}
.dlgFootFlush{margin:0;padding:14px 18px;}
/* dentro das dialogs: caixa e texto um pouco maiores */
.agendaDayModal input[type="checkbox"],.hirerDialogOverlay input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px;}
.agendaDayModal .agdRecurRow label,.hirerDialogOverlay .agdRecurRow label{font-size:14.5px;}
.agendaDayModal .agdRecurRow label span,.hirerDialogOverlay .agdRecurRow label span{font-size:14.5px!important;}
.agendaDayModal .hot-toggle,.hirerDialogOverlay .hot-toggle{font-size:14px;}

.appCommandModalBody .dlgFoot{margin:18px -18px -18px;padding:14px 18px;}

/* hover do rodapé: os dois botões só escurecem, sem trocar de cor */
.dlgFoot .scDarkBtnGhost:hover{background:#0f1012;border-color:var(--border-hi);color:var(--ink-dim);}
.dlgFoot .dashIndexBtn.blue:hover,.dlgFoot .btn:not(.ghost):not(.danger):hover{filter:brightness(.85);}
/* data e hora: mesma altura dos outros campos e ícone claro */
body.appChrome input[type="date"],body.appChrome input[type="time"],body.appChrome input[type="datetime-local"]{
  padding:12px 14px;box-sizing:border-box;font-family:var(--sans-ui);color-scheme:dark;min-width:0;
}
body.appChrome input[type="date"]::-webkit-calendar-picker-indicator,
body.appChrome input[type="time"]::-webkit-calendar-picker-indicator,
body.appChrome input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.8);opacity:.9;cursor:pointer;}
/* rodapé do Novo show: a linha de status vazia embaixo é que engordava o rodapé */
#newShowDialogOverlay .dlgFoot{height:auto;min-height:0;}
#newShowStatus:empty{display:none;}

/* a linha de ações das integrações segue o rodapé padrão */
.integrationActions.dlgFoot{margin:18px -18px -18px;padding:14px 18px;justify-content:flex-end;}
#integrationDialogBody{padding:18px;}

/* ícone do seletor de data/hora sempre claro (o padrão do Chrome é preto) */
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="week"]{color-scheme:dark !important;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator{
  filter:none !important;opacity:1 !important;cursor:pointer;
}
input[type="date"]::-webkit-datetime-edit,input[type="time"]::-webkit-datetime-edit,input[type="datetime-local"]::-webkit-datetime-edit{color:var(--ink);}
input[type="date"]::-webkit-datetime-edit-text,input[type="time"]::-webkit-datetime-edit-text{color:var(--ink-faint);}

/* lista de tarefas: seta de expandir sempre visível */
.tasksRowExpandBtn{display:flex!important;align-items:center;justify-content:center;background:none;border:0;color:var(--ink-faint);cursor:pointer;padding:0;width:32px;height:32px;}
.tasksRowExpandBtn:hover{color:var(--ink);background:none;}
.tasksRowMain{cursor:pointer;}
/* atividade e observações com respiro */
.tasksActivityList,.tasksNoteList{display:flex;flex-direction:column;gap:10px;margin-top:10px;}
.tasksActivityItem,.tasksNoteItem{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid var(--border);}
.tasksActivityItem:last-child,.tasksNoteItem:last-child{border-bottom:0;}
.tasksActivityItem small,.tasksNoteItem small{color:var(--ink-faint);font-size:11.5px;}
.tasksNoteItem p{margin:0;font-size:13.5px;line-height:1.5;}
.tasksExpandColLabel{display:block;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);}
.tasksExpandCols{gap:26px;}
/* adicionar observação: campo maior e botão igual ao "buscar" */
.tasksNoteAddRow{display:flex;gap:8px;align-items:center;margin-top:16px;}
.tasksNoteAddRow input{flex:1;}
.tasksNoteAddRow .btn.ghost{flex:none;width:auto;}
/* ações com ícone */
.tasksExpandActions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.tasksExpandActions .dashIndexBtn{display:inline-flex;align-items:center;gap:6px;width:auto;}

/* observações: o respiro é no texto, não na caixa */
.tasksNoteItem p,.tasksNoteItem small{padding-left:12px;}
/* atividade: ícone colado no texto, sem esticar a linha */
.tasksActivityItem{flex-direction:row!important;align-items:flex-start;justify-content:flex-start!important;gap:10px;}
.tasksActivityItem>*{flex:0 0 auto;}
.tasksActivityIcon{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg2);border:1px solid var(--border-hi);color:var(--ink-dim);margin-top:1px;}
.tasksActivityIcon.ok{color:#5fd38d;border-color:#2c4a38;}
.tasksActivityIcon.blocked{color:#ff8a8a;border-color:#5c2a2a;}
.tasksActivityIcon.reopen,.tasksActivityIcon.new{color:#89afff;border-color:#2b3d63;}
.tasksActivityText{display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.4;min-width:0;}
/* botão de adicionar observação: mesma altura do campo, sem esticar */
.tasksNoteAddRow{align-items:stretch;}
.tasksNoteAddRow input{flex:1;height:46px;box-sizing:border-box;}
.tasksNoteAddRow .btn.ghost{height:46px!important;min-height:46px;padding:0 16px;display:flex;align-items:center;justify-content:center;margin:0;}

a.dashPaginationBtn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
a.dashPaginationBtn.isDisabled{opacity:.35;pointer-events:none;}

/* CALENDÁRIO NO MOBILE
   Sete colunas com o nome do evento dentro da célula não cabem em 360px: o mês
   virava um borrão. Aqui a grade fica quadrada e compacta, e cada evento aparece
   como um pontinho colorido — o nome vem na lista do dia, ao toque. */
@media (max-width:860px){
  .showCentralSplit{display:flex;flex-direction:column;align-items:stretch;gap:16px;}
  .showCentralSplit>.dashCard{width:100%;min-width:0;}
  .showCentralPanel{position:static!important;}
  .showCentralCalWrap{order:-1;}
  .agendaCalHead{gap:10px;font-size:14px;margin-bottom:12px;}
  .agendaCalHead .btn.ghost{width:34px;height:34px;padding:0;flex:none;justify-content:center;}
  /* cabeçalho dos dias na MESMA grade das células (senão as colunas dançam) */
  .agendaCalWeekdays{gap:4px;font-size:10.5px;letter-spacing:.04em;margin-bottom:6px;}
  .agendaCalGrid{gap:4px;width:100%;}
  .agendaCalCell{min-height:46px!important;aspect-ratio:auto!important;padding:5px 2px 6px!important;align-items:center;justify-content:space-between;gap:4px;border-radius:8px;}
  .agendaCalCell.empty{background:transparent!important;min-height:46px!important;}
  .agendaCalCellNum{font-size:13px;font-weight:600;color:var(--ink)!important;line-height:1.2;}
  .agendaCalCell.isToday .agendaCalCellNum{font-size:13px;}
  /* nome do evento não cabe em 7 colunas: vira pontinho, o nome está na lista do dia */
  .agendaCalEvents{flex-direction:row!important;flex-wrap:wrap;gap:3px;justify-content:center;align-items:center;width:auto;}
  .agendaCalEvent{width:7px;height:7px;min-width:7px;padding:0!important;border-radius:50%;font-size:0!important;line-height:0;overflow:hidden;flex:none;color:transparent!important;}
  .agendaCalEvent b{display:none;}
  .agendaCalEventMore{display:none!important;}
}
@media (max-width:400px){
  .agendaCalCell{min-height:42px!important;}
  .agendaCalCellNum{font-size:12px;}
}

/* par de campos lado a lado dentro das dialogs (data + hora) */
.dlgFieldRow{display:flex;gap:10px;}
.dlgFieldRow>div{flex:1;min-width:0;}
.dlgFieldRow input{width:100%;}

/* CENTRAL DO SHOW NO MOBILE
   A página é densa (hero, resumo, checklist, formulários largos). Aqui os pares de
   campos passam a empilhar, o hero perde peso e as ações viram alvos de toque. */
@media (max-width:760px){
  /* pares de campos escritos com flex inline (data+hora, valor+status) empilham */
  .showStepPanel .field[style*="flex"]{flex-wrap:wrap;gap:10px!important;}
  .showStepPanel .field[style*="flex"]>div{flex:1 1 100%!important;min-width:0;}
  .showStepPanel .field input,.showStepPanel .field select,.showStepPanel .field textarea{width:100%;box-sizing:border-box;}
  .showStepPanel input,.showStepPanel select{min-height:46px;}
  .showStepPanel textarea{min-height:96px;}
  /* hero mais leve: sem imagem pesada de fundo e com respiro menor */
  .scHero{padding:18px 16px;margin-bottom:14px;}
  .scHeroTop{gap:14px;}
  .scHeroTitleWrap h1{font-size:19px;}
  .scHeroPills{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .scHeroPill{min-width:0;padding:10px 12px;}
  .scHeroBarRow{flex-wrap:wrap;gap:8px;margin-top:12px;}
  .scSavedFeedback{margin-left:0;}
  /* linha do tempo vertical com o fio ligando os pontos */
  .scPrepTimeline{gap:0!important;padding:2px 0;}
  .scPrepTimelineStep{align-items:center!important;gap:10px!important;padding:7px 0;width:100%;}
  .scPrepTimelineStep::after{content:'';position:absolute;left:6px;top:22px;bottom:-7px;width:2px;background:rgba(255,255,255,.14);}
  .scPrepTimelineStep:last-child::after{display:none;}
  .scPrepTimelineStep.done::after{background:#3ecf8e;}
  .scPrepTimelineStep b{font-size:13px;}
  .scPrepTimelineHero .scPrepTimelineStep .hint{display:block;font-size:11px;color:rgba(255,255,255,.45);}
  /* cabeçalhos de card: título numa linha, ações na outra, sem apertar */
  .showStepPanel .dashCardHead{flex-wrap:wrap;gap:10px;}
  .showStepPanel .dashCardHead>*{min-width:0;}
  .showStepPanel .dashCardHead .btn,.showStepPanel .dashCardHead .scDarkBtn,.showStepPanel .dashCardHead .scDarkBtnGhost,.showStepPanel .dashCardHead .dashIndexBtn{min-height:42px;}
  .showStepPanel .dashCardBody2{padding-left:14px;padding-right:14px;}
  /* dados vindos da Sympla: uma coluna por linha em vez de duas apertadas */
  .scProviderInfoGrid{grid-template-columns:1fr 1fr;gap:12px;}
  /* checklist e documentos: alvos de toque maiores */
  .scChecklistMoreBtn{padding:6px 10px;font-size:18px;}
  .scDocRow{padding:12px;}
  .scDocGrid{grid-template-columns:1fr 1fr;gap:10px;}
  /* semana: dois dias por linha já é o padrão; só o respiro interno */
  .weekDayCol{padding:12px 12px;min-height:96px;}
}
@media (max-width:400px){
  .scHeroPills{grid-template-columns:1fr;}
  .scProviderInfoGrid{grid-template-columns:1fr;}
}

/* checklist técnico: categoria em cima, tarefa embaixo, alinhadas com o checkbox */
.scChkRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border-hi);}
.scChkLabel{flex:1;min-width:0;border-bottom:0!important;padding:0!important;display:flex;align-items:flex-start;gap:12px;}
.scChkLabel input[type="checkbox"]{margin-top:2px;flex:none;}
.scChkText{display:flex;flex-direction:column;gap:3px;min-width:0;}
.scChkTask{font-size:13.5px;line-height:1.35;}
.scChkRow .scChecklistMoreBtn{margin-top:-2px;}
/* linha de adicionar item: campo isolado, seletores isolados, botão na largura toda */
.scChkAddRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;}
.scChkAddRow #prepNewItem{grid-column:1/-1;width:100%;}
.scChkAddRow select{width:100%;}
.scChkAddRow .scChkAddBtn{grid-column:1/-1;width:100%;justify-content:center;}
/* filtro no topo das tarefas, numa linha só */
.scPrepFilterBar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.scPrepFilterBar .scPrepSidebarLabel{margin:0;flex:none;}
.scPrepFilterBar .dashFilterRow{display:flex;gap:6px;flex-wrap:wrap;}
.scPrepLayout{grid-template-columns:1fr;}
/* ações de card só com ícone */
.scIconBtnRow{display:flex;gap:6px;}
.scIconBtn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-hi);background:var(--bg2);color:var(--ink-dim);border-radius:8px;cursor:pointer;padding:0;text-decoration:none;}
.scIconBtn:hover{border-color:var(--accent);color:var(--accent);}
.scIconBtnPrimary{background:#0d47c0;border-color:#0d47c0;color:#fff;}
.scIconBtnPrimary:hover{background:#0b3ba3;border-color:#0b3ba3;color:#fff;}
/* vendas de ingressos: azul vibrante */
.salesBar{background:#2f7bff;}
/* data e hora: mesma caixa dos demais campos, sem altura nem largura extra */
input[type="date"],input[type="time"],input[type="datetime-local"]{width:100%;min-width:0;box-sizing:border-box;height:auto;}
@media (max-width:760px){
  /* calendário da semana: só as setas, o período sai */
  .weekAgendaHead .weekRangePill{display:none;}
}

@media (max-width:760px){.weekAgendaGrid .weekDayCol:nth-child(2n){border-right:0;}}

/* data e hora: nunca mais largos que a caixa do campo */
input[type="date"],input[type="time"],input[type="datetime-local"]{min-width:0!important;max-width:100%!important;}
/* a tag da categoria tem a largura do próprio texto */
.scChkText .dashIndexType{align-self:flex-start;width:auto;max-width:max-content;flex:none;}
@media (max-width:760px){
  /* na faixa da semana ficam só as setas */
  .weekAgendaCard .weekRangePill{display:none!important;}
  /* corpo do card com respiro do título e dos botões */
  .showStepPanel .dashCardBody2{margin-top:10px;padding-top:4px;}
}

/* cabeçalho de card no mobile: a altura fixa de 38px do tema escuro fazia os
   botões vazarem por cima do título quando a linha quebrava */
@media (max-width:760px){
  html.dark-theme .showStepPanel .dashCard > .dashCardHead{height:auto!important;min-height:0!important;padding:10px 6px!important;flex-wrap:wrap;gap:8px;align-items:center;}
  .showStepPanel .dashCardHead .dashCardLabel{flex:1 1 auto;min-width:0;}
  .showStepPanel .dashCardHead .scIconBtnRow{flex:0 0 auto;margin-left:auto;}
}
/* data e hora: o widget nativo tem largura intrínseca própria e estourava a caixa */
.field input[type="date"],.field input[type="time"],.field input[type="datetime-local"],
.dlgFieldRow input[type="date"],.dlgFieldRow input[type="time"]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;}
.field,.dlgFieldRow>div{min-width:0;}
input[type="date"]::-webkit-date-and-time-value{text-align:left;min-width:0;}

/* Data e hora: o valor + o ícone do calendário precisam de uma largura mínima,
   senão a coluna aperta e o texto sai cortado. A linha quebra em vez de espremer. */
.field,.dlgFieldRow{flex-wrap:wrap;}
.field>div,.dlgFieldRow>div,.scChkAddRow>*{min-width:0;}
.field input,.field select,.dlgFieldRow input{max-width:100%;}
input[type="date"],input[type="time"],input[type="datetime-local"]{width:100%!important;max-width:100%!important;box-sizing:border-box;padding-left:12px!important;padding-right:8px!important;}
.field>div:has(input[type="date"]),.dlgFieldRow>div:has(input[type="date"]){min-width:150px;}
.field>div:has(input[type="time"]),.dlgFieldRow>div:has(input[type="time"]){min-width:120px;}
/* o campo de texto ao lado não pode ser espremido: a linha quebra antes */
.field>div:has(input[type="text"]),.field>div:has(select){min-width:170px;flex-grow:2;}
/* calendário do mês no mobile: pontinhos mais vivos */
@media (max-width:860px){
  html.dark-theme .agendaCalEvent{color:transparent!important;}
  html.dark-theme .agendaCalEvent.confirmado,html.dark-theme .agendaCalEvent.teal{background:#22e39b!important;}
  html.dark-theme .agendaCalEvent.neg,html.dark-theme .agendaCalEvent.amber{background:#ffc247!important;}
  html.dark-theme .agendaCalEvent.orange{background:#ff8a3d!important;}
  html.dark-theme .agendaCalEvent.green{background:#3ddc84!important;}
  html.dark-theme .agendaCalEvent.blue{background:#4d9dff!important;}
  html.dark-theme .agendaCalEvent.pink{background:#ff5cc8!important;}
  html.dark-theme .agendaCalEvent.indigo{background:#7b6bff!important;}
  html.dark-theme .agendaCalEvent.purple{background:#a78bfa!important;}
  html.dark-theme .agendaCalEvent.red{background:#ff5c5c!important;}
}

/* Semana no mobile: sete colunas fixas estouravam a largura do card e os últimos
   dias (justamente onde costuma estar o show) ficavam cortados fora da tela. */
@media (max-width:760px){
  .weekAgendaGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;width:100%;}
  .weekAgendaGrid .weekDayCol{min-width:0!important;width:auto!important;border-right:1px solid var(--border-hi);}
  .weekAgendaGrid .weekDayCol:nth-child(2n){border-right:0;}
  .weekAgendaHead{flex-wrap:wrap;gap:8px;}
  .weekDayItemText{white-space:normal;overflow-wrap:anywhere;}
}

/* UF é sempre curto: campo estreito, cidade fica com o resto da linha */
.fieldUF{flex:0 0 92px;}
.fieldUF select{width:100%;}

/* ---------- LISTAS EM FORMATO DE CARTÃO NO MOBILE ---------- */
@media (max-width:760px){
  /* linhas de grade (arquivos, contratos, financeiro, resultados dos shows) */
  .negTable .negRowHead{display:none!important;}
  .negRow{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:13px 12px!important;border-bottom:1px solid var(--border-hi);}
  .negRow>span{font-size:12.5px;color:var(--ink-dim);min-width:0;}
  .negRow>span:first-child{flex:1 1 100%;font-size:14px;color:var(--ink);}
  .negRow>span:first-child b{font-size:14px;}
  .negRow>span:last-child{margin-left:auto;text-align:right;}
  .negRow>span[data-rotulo]{display:flex;flex-direction:column;gap:1px;}
  .negRow>span[data-rotulo]::before{content:attr(data-rotulo);font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);}
  /* arquivos: o primeiro item é a miniatura */
  .negRow>span:has(.fileThumbIcon),.negRow>span:has(.fileThumbImg){flex:0 0 auto!important;}
  .negRow .fileTitleCell{flex:1 1 calc(100% - 60px);font-size:14px;color:var(--ink);}

  /* tabelas (equipe, contratantes, parceiros, páginas) viram cartões */
  .saSubsTable{display:block;width:100%;}
  .saSubsTable colgroup,.saSubsTable thead{display:none;}
  .saSubsTable tbody,.saSubsTable tr{display:block;width:100%;}
  .saSubsTable tr{border:1px solid var(--border-hi);border-radius:10px;padding:12px;margin-bottom:8px;background:var(--bg2);}
  .saSubsTable td{display:flex;justify-content:space-between;align-items:center;gap:12px;width:auto!important;border:0!important;padding:3px 0!important;font-size:12.5px;color:var(--ink-dim);text-align:right;}
  .saSubsTable td:first-child{font-size:14.5px;color:var(--ink);font-weight:600;text-align:left;padding-bottom:6px!important;}
  .saSubsTable td:empty{display:none;}
  .saSubsTable td[data-rotulo]::before{content:attr(data-rotulo);font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);text-align:left;}

  /* comunicação: lista OU comunicado, com volta */
  .notifMailLayout{display:block;}
  .notifMailLayout .notifMailDetail{display:none;}
  .notifMailLayout.showDetail .notifMailList{display:none;}
  .notifMailLayout.showDetail .notifMailDetail{display:block;}
  .commBackBtn{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border-hi);color:var(--accent);font-size:13px;font-weight:600;padding:12px 16px;cursor:pointer;}

  /* números grandes: cabem melhor menores */
  .dealStatsRow b,.dealStatCard b,.dealStatValue{font-size:19px!important;}
  .finMoneyVal,.finStatCard b{font-size:18px!important;letter-spacing:-.01em;}
  .negRow .finValue,.negRow b{overflow-wrap:anywhere;}
}
@media (max-width:760px){.commBackBtn{display:block;}}


/* valores em reais um pouco menores */
.finMoneyVal{font-size:22px;}

@media (max-width:760px){
  /* três cards de rodapé (assinaturas pendentes, vencimentos, tipos) empilhados */
  .dealBottomRow{display:grid!important;grid-template-columns:1fr!important;gap:12px;}
  /* comunicação abre na lista; o detalhe só depois de escolher um e-mail */
  .notifMailLayout .notifMailList{display:block;}
}

.finFiltBtn{display:inline-flex;align-items:center;gap:6px;}
.finFiltIcon{display:none;line-height:0;}
@media (max-width:760px){
  /* filtro cabe na caixa: "Todos" por extenso, receita e despesa viram setas */
  .finFiltBtn .finFiltTxt{display:none;}
  .finFiltBtn .finFiltIcon{display:inline-flex;}
  .finFiltBtn{padding-left:11px;padding-right:11px;}
  .finFiltBtn[data-f="receita"]{color:#3ddc84;}
  .finFiltBtn[data-f="despesa"]{color:#ff6b6b;}
  /* botão de registrar recebimento alinhado à esquerda */
  #finExpectList .dashIndexRow{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
  #finExpectList .dashIndexActions{margin-left:0!important;width:auto;justify-content:flex-start;}
  #finExpectList .dashIndexBtn{width:auto;flex:none;}
  /* SEUS ARQUIVOS
     [ícone] [título · tipo] [x]
             [criado em · alterado em]        */
  .negRowFile{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto auto!important;column-gap:10px!important;row-gap:3px!important;align-items:center!important;}
  .negRowFile>.fileIconCell{grid-column:1!important;grid-row:1/span 2!important;align-self:center!important;}
  .negRowFile>span:last-child{grid-column:4!important;grid-row:1/span 2!important;}
  .negRowFile>.fileTitleCell{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center;gap:6px;min-width:0;font-size:14px!important;color:var(--ink)!important;}
  .negRowFile .fileTitleText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .negRowFile>span[data-rotulo="Tipo"]{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;display:block!important;font-size:11.5px;color:var(--ink-faint);white-space:nowrap;}
  .negRowFile>span[data-rotulo="Tipo"]::before{content:none!important;}
  .negRowFile>span[data-rotulo="Criado em"]{grid-column:2!important;grid-row:2!important;justify-self:start!important;white-space:nowrap;}
  .negRowFile>span[data-rotulo="Alterado em"]{grid-column:3!important;grid-row:2!important;justify-self:end!important;white-space:nowrap;}
  .negRowFile>span[data-rotulo="Criado em"],.negRowFile>span[data-rotulo="Alterado em"]{flex-direction:row!important;gap:4px;align-items:baseline;font-size:11px;min-width:0;overflow:hidden;}
  /* rótulos curtos: "criado em / alterado em" não cabem lado a lado em 390px */
  .negRowFile>span[data-rotulo="Criado em"]::before{content:"criado"!important;font-size:9.5px;text-transform:none;}
  .negRowFile>span[data-rotulo="Alterado em"]::before{content:"alterado"!important;font-size:9.5px;text-transform:none;}
  .negRowFile>span:last-child{grid-column:4!important;grid-row:1/span 2!important;align-self:center!important;margin-left:0!important;}
}

@media (max-width:760px){.accountSwitchGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;}.accountSwitchTile{padding:16px 10px;}}

.tmEmail{display:block;overflow:hidden;text-overflow:ellipsis;}
.tmSituacao{display:block;font-size:11px;color:var(--ink-faint);margin-top:1px;}
@media (max-width:760px){
  .saSubsTable td.tmAccessCell{align-items:flex-start;}
  .saSubsTable td.tmAccessCell>span:not(.tmEmail):not(.tmSituacao){text-align:right;}
  .tmAccessCell{flex-wrap:wrap;align-items:baseline;}
  /* e-mail na mesma linha do rótulo; a situação desce sozinha */
  .tmAccessCell .tmEmail{flex:1;min-width:0;text-align:right;}
  /* a situação sempre numa linha própria, abaixo do e-mail */
  .tmAccessCell .tmSituacao{flex:1 0 100%;width:100%;text-align:right;order:2;}
  .tmAccessCell .tmEmail{order:1;}
  .tmAccessCell::before{order:0;}
  /* planejamento: valor grande cabe numa linha só */
  /* dois valores de R$ 500.000,00 lado a lado precisam caber sem quebrar */
  .dealStatsRow b,.dealStatCard b,.dealStatValue{font-size:13.5px!important;white-space:nowrap;letter-spacing:-.03em;}
  .dealStatsRow small,.dealStatCard small{font-size:10.5px;}
}

/* comunicação: cabeçalho de cada coluna */
.notifMailListCol{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--border-hi);}
.notifMailDetailCol{display:flex;flex-direction:column;min-width:0;}
.notifMailColHead{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding:12px 16px;border-bottom:1px solid var(--border-hi);background:#111114;display:flex;align-items:center;gap:8px;}
.notifMailColCount{font-family:var(--mono);font-size:10px;color:var(--ink-dim);}
.notifMailListCol .notifMailList{border-right:0;border-radius:0;min-height:0;flex:1;}
.notifMailDetailCol .notifMailDetail{border-radius:0;min-height:0;flex:1;}
@media (max-width:760px){
  .notifMailLayout{display:block;}
  .notifMailLayout .notifMailDetailCol{display:none;}
  .notifMailLayout.showDetail .notifMailListCol{display:none;}
  .notifMailLayout.showDetail .notifMailDetailCol{display:flex;}
  .notifMailListCol{border-right:0;}
  .notifMailColHead{display:none;}
  .notifMailList{max-height:none!important;border-bottom:0!important;}
}

/* checklist técnico: cada categoria com sua cor viva no tema escuro */
html.dark-theme .scChkText .dashIndexType{border:0!important;font-weight:700;letter-spacing:.04em;}
html.dark-theme .chkCat-org{background:#12314f!important;color:#5fb2ff!important;}
html.dark-theme .chkCat-div{background:#3d1f43!important;color:#f07ce0!important;}
html.dark-theme .chkCat-log{background:#123d33!important;color:#22e39b!important;}
html.dark-theme .chkCat-equip{background:#402a12!important;color:#ffab4d!important;}
@media (max-width:760px){
  /* estatísticas do show: todos os cartões do mesmo tamanho */
  .showStepPanel .dealStatsRow{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px;align-items:stretch;}
  .showStepPanel .dealStatCard{min-height:88px;height:100%;box-sizing:border-box;align-items:flex-start;}
  .showStepPanel .dealStatValue{white-space:nowrap;}
}

/* voltar pra lista de comunicados (só faz sentido quando a lista sai da tela) */
.commBackBtn{display:none;align-items:center;gap:6px;background:none;border:0;color:var(--accent);font-family:var(--sans-ui);font-size:13px;font-weight:600;padding:0 0 14px;margin:0;cursor:pointer;}
.commBackBtn:hover{text-decoration:underline;}
@media (max-width:760px){.commBackBtn{display:inline-flex;}}

/* feixe de luz correndo pela borda do botão de preview */
.pfMobilePreviewToggle{position:fixed;overflow:hidden;isolation:isolate;}
.pfMobilePreviewToggle::before{content:"";position:absolute;inset:-160%;z-index:0;background:conic-gradient(from 0turn,rgba(255,255,255,0) 0 72%,var(--accent) 86%,#9fc4ff 92%,rgba(255,255,255,0) 100%);animation:pfBeamSpin 2.6s linear infinite;}
.pfMobilePreviewToggle::after{content:"";position:absolute;inset:1.5px;z-index:1;border-radius:inherit;background:#1b1b1e;}
.pfMobilePreviewToggle>span{position:relative;z-index:2;}
@keyframes pfBeamSpin{to{transform:rotate(1turn);}}
@media (prefers-reduced-motion:reduce){.pfMobilePreviewToggle::before{animation:none;}}

@media (max-width:760px){
  /* configurações: cartões de minha conta empilhados */
  .dashTwoCol{display:grid!important;grid-template-columns:1fr!important;gap:12px;}
  /* dados da conta: rótulo em cima, valor embaixo */
  .accountInfoRow{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px;padding:10px 0;}
  .accountInfoRow .accountInfoLabel{flex:none;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);}
  .accountInfoRow>span:last-child,.accountInfoRow>a{text-align:left!important;overflow-wrap:anywhere;min-width:0;font-size:14px;color:var(--ink);}
  /* endereços ativos: a url pode ser longa, então vem embaixo do rótulo */
  .accountUrlList .accountInfoRow>a{color:var(--accent);}
  /* pessoas com acesso: cada pessoa vira um cartão, ações numa linha própria */
  .dashIndexList .dashIndexRow{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 12px;}
  .dashIndexList .dashIndexRow:first-child{display:none;}
  .dashIndexList .dashIndexTitle{font-size:14.5px;line-height:1.35;}
  .dashIndexList .dashIndexType{font-size:10px;}
  .dashIndexList .dashIndexMeta{display:block;font-size:11.5px;overflow-wrap:anywhere;}
  .dashIndexList .dashIndexActions .dashIndexBtn{padding:8px 12px;font-size:12px;}
  .dashIndexList .dashIndexRow .dashIndexMain{width:100%;min-width:0;}
  .dashIndexList .dashIndexRow .dashIndexTitle{display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
  .dashIndexList .dashIndexRow .dashIndexActions{width:100%;display:flex;flex-wrap:wrap;gap:8px;margin-left:0!important;justify-content:flex-start;}
  .dashIndexList .dashIndexRow .dashIndexActions form{margin:0;}
  .dashIndexList .dashIndexRow .dashIndexBtn{width:auto;flex:none;}
  /* equipe no dashboard: informações à esquerda, o ✕ à direita */
  .teamMemberRow:not(.dashEmptyState){display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px;}
  .dashEmptyState.teamMemberRow{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;text-align:center!important;gap:6px;}
  .dashEmptyState.teamMemberRow p,.dashEmptyState.teamMemberRow b{margin:0;text-align:center!important;}
  .teamMemberRow .dashIndexMain{flex:1;min-width:0;}
  .teamMemberRow .dashIndexActions{flex:none;width:auto!important;margin-left:auto!important;justify-content:flex-end!important;}
  /* atividades recentes: ícone numa coluna, textos na outra */
  .activityRow,.dealActivityList>*{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px;}
  .activityRow>svg,.activityRow>span:first-child,.dealActivityList>*>span:first-child{flex:none;}
  .activityRow>div,.activityRow>span:nth-child(2),.dealActivityList>*>div{flex:1;min-width:0;}
}

.accountUrlLink{display:inline-flex;align-items:center;gap:5px;}
.accountUrlLink svg{flex:none;opacity:.7;}
.accountUrlLink:hover svg{opacity:1;}

@media (max-width:760px){
  /* filtros logo abaixo da busca, tudo numa linha que rola */
  .mobileFilterStrip{display:block!important;margin:0 0 14px;}
  .mobileFilterStrip .tasksFilterLabel{display:block;margin:0 0 6px;}
  .mobileFilterTrack{display:flex!important;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
  .mobileFilterTrack::-webkit-scrollbar{display:none;}
  .mobileFilterTrack>*{flex:none!important;white-space:nowrap;width:auto!important;}
  .mobileTopCreateBtn{width:auto!important;display:inline-flex;justify-content:center;margin:0 0 14px!important;}
  /* a coluna lateral pode sumir se ficou vazia */
  .tasksFilterCard:not(:has(.tasksFilterGroup)) .dashCardBody2:empty{display:none;}
  .tasksPageLayout{display:block!important;}
}

/* retrospectiva do show: uma cor viva por coluna */
html.dark-theme .retroGood .dealColHead{color:#22e39b;border-bottom-color:rgba(34,227,155,.45);}
html.dark-theme .retroBad .dealColHead{color:#ff6b6b;border-bottom-color:rgba(255,107,107,.45);}
html.dark-theme .retroLessons .dealColHead{color:#5fb2ff;border-bottom-color:rgba(95,178,255,.45);}
html.dark-theme .retroImprove .dealColHead{color:#ffab4d;border-bottom-color:rgba(255,171,77,.45);}
.retroGood .dealColHead span{background:rgba(34,227,155,.16)!important;color:#22e39b!important;}
.retroBad .dealColHead span{background:rgba(255,107,107,.16)!important;color:#ff6b6b!important;}
.retroLessons .dealColHead span{background:rgba(95,178,255,.16)!important;color:#5fb2ff!important;}
.retroImprove .dealColHead span{background:rgba(255,171,77,.16)!important;color:#ffab4d!important;}
.retroGood{border-top:2px solid #22e39b;}
.retroBad{border-top:2px solid #ff6b6b;}
.retroLessons{border-top:2px solid #5fb2ff;}
.retroImprove{border-top:2px solid #ffab4d;}
.dealCol[class*="retro"]{border-radius:10px;overflow:hidden;}

/* listas do card principal com o mesmo desenho do relatório do show */
.dashHeroOptList li a{display:flex;align-items:center;gap:10px;}
.dashHeroOptList li a>span:nth-child(2){flex:1;min-width:0;}
.dashHeroOptList .dashHeroReportArrow{flex:none;opacity:.6;}
.dashHeroOptList li a:hover .dashHeroReportArrow{opacity:1;}

/* barra de reações das páginas públicas */
.reacBar{display:flex;justify-content:center;align-items:center;gap:8px;margin:28px auto 18px;padding:8px;width:max-content;max-width:100%;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:0 10px 30px -18px rgba(0,0,0,.6);transition:transform .3s ease;}
.reacBar:hover{transform:scale(1.03);}
.reacBtn{position:relative;display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;background:rgba(255,255,255,.08);border-radius:999px;padding:8px 13px;font-size:20px;line-height:1;transition:transform .25s ease,background .25s ease;}
.reacBtn:hover{transform:translateY(-6px) scale(1.12);background:rgba(255,255,255,.16);}
.reacBtn::before{content:attr(data-label);position:absolute;top:-26px;left:50%;transform:translateX(-50%);padding:2px 7px;border-radius:7px;background:rgba(0,0,0,.72);color:#fff;font-size:9.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;}
.reacBtn:hover::before{opacity:1;}
.reacCount{font-size:11.5px;font-weight:700;opacity:.75;}
.reacBtn.reacDone{background:rgba(255,255,255,.2);}
.reacBtn.reacPop{animation:reacPop .55s cubic-bezier(.2,1.6,.4,1);}
@keyframes reacPop{0%{transform:scale(1);}35%{transform:scale(1.45) translateY(-8px);}100%{transform:scale(1);}}
.reacFloat{position:absolute;left:50%;top:0;transform:translateX(-50%);font-size:18px;pointer-events:none;animation:reacFloat .9s ease-out forwards;}
@keyframes reacFloat{0%{opacity:1;transform:translate(-50%,0) scale(1);}100%{opacity:0;transform:translate(-50%,-46px) scale(1.5);}}
.reacPreviewBox{display:flex;justify-content:center;padding:10px 0 4px;}
@media (prefers-reduced-motion:reduce){.reacBtn,.reacBar{transition:none;}.reacBtn.reacPop{animation:none;}}

/* radar: carregando centralizado no painel */
.radarLoadingWrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;width:100%;height:100%;min-height:60vh;padding:24px;box-sizing:border-box;}

/* abas do radar com setas no mobile */
.buzzTabsScroller{position:relative;}
.buzzTabsArrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:26px;height:26px;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(20,20,22,.92);color:rgba(255,255,255,.7);cursor:pointer;z-index:2;padding:0;}
.buzzTabsArrowLeft{left:-4px;}
.buzzTabsArrowRight{right:-4px;}
@media (max-width:760px){
  .buzzTabsArrow{display:flex;}
  .buzzTabsScroller .buzzTabs{padding:0 26px;}
  /* dialog do radar com cantos arredondados também no celular */
  .buzzFullOverlay{padding:10px;}
  .buzzFullInner{border-radius:16px!important;height:calc(100vh - 20px)!important;max-height:none!important;}
}

/* cartão de plugin: título à esquerda, chave de ativar à direita */
.pluginCardHead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;}
.pluginSwitch{display:inline-flex;align-items:center;gap:7px;margin:0;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);}
.pluginSwitch input{width:auto;flex:none;accent-color:var(--accent);margin:0;}
.pluginSwitch:hover{color:var(--ink-dim);}

/* agenda rápida: dados numa coluna, ações na outra */
.quickContactRow{display:flex;align-items:center;gap:12px;}
.quickContactRow .dashIndexMain{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.quickContactRow .dashIndexMeta{display:block;overflow-wrap:anywhere;}
.quickContactRow .dashIndexActions{flex:none;margin-left:auto;}
.quickContactRow .scIconBtn{width:38px;height:38px;}

/* loader do radar: a frase inteira entra e sai */


/* botão em relevo: pílula com sombra sólida, flutua no hover e afunda no clique.
   A cor é sempre a que o artista escolheu (--accent sobre --ink). */
.theme-btn-lift .pubLink,.theme-btn-lift .pubLinkRow,.theme-btn-lift .pubYtCard{
  border-radius:50px;border:1px solid color-mix(in srgb,var(--ink) 62%,transparent);
  box-shadow:3px 3px 0 color-mix(in srgb,var(--ink) 62%,transparent);
  transform:translateY(-.1em);transition:transform .2s,box-shadow .2s;
}
.theme-btn-lift .pubLink:hover,.theme-btn-lift .pubLinkRow:hover,.theme-btn-lift .pubYtCard:hover{
  box-shadow:4px 6px 0 color-mix(in srgb,var(--ink) 62%,transparent);transform:translateY(-.4em);
}
.theme-btn-lift .pubLink:active,.theme-btn-lift .pubLinkRow:active,.theme-btn-lift .pubYtCard:active{box-shadow:none;transform:translateY(0);}
.theme-btn-lift .pubNextShowCard{border-radius:26px;border:1px solid color-mix(in srgb,var(--ink) 62%,transparent);box-shadow:3px 3px 0 color-mix(in srgb,var(--ink) 62%,transparent);}
.container-radius-square .theme-btn-lift .pubLink{border-radius:10px;}

/* botão tático: moldura externa em dois colchetes, faixa diagonal entrando no
   hover e marcas nos cantos. Faixa e marca usam o accent do artista; a moldura,
   a cor de texto da página. A faixa é um gradiente no próprio elemento, então o
   texto nunca fica atrás dela. */
.theme-btn-tactical .pubLink,.theme-btn-tactical .pubLinkRow,.theme-btn-tactical .pubYtCard{
  position:relative;border-radius:0;border:1px solid color-mix(in srgb,var(--ink) 72%,transparent);
  outline:1px solid color-mix(in srgb,var(--ink) 28%,transparent);outline-offset:5px;
  font-weight:700;letter-spacing:.05em;
  background-image:linear-gradient(115deg,transparent 0 34%,var(--accent) 34% 66%,transparent 66% 100%);
  background-size:280% 100%;background-position:210% 0;background-repeat:no-repeat;
  transition:background-position .3s ease-in-out,border-color .3s,color .3s;
}
.theme-btn-tactical .pubLink:hover,.theme-btn-tactical .pubLinkRow:hover,.theme-btn-tactical .pubYtCard:hover{
  background-position:34% 0;border-color:var(--accent);
}
.theme-btn-tactical .pubLink::before,.theme-btn-tactical .pubLinkRow::before{content:"";position:absolute;top:-1px;left:-1px;width:4px;height:4px;background:color-mix(in srgb,var(--ink) 72%,transparent);transition:background-color .15s ease-in-out;}
.theme-btn-tactical .pubLink::after,.theme-btn-tactical .pubLinkRow::after{content:"";position:absolute;bottom:-1px;right:-1px;width:5px;height:5px;background:var(--accent);transition:background-color .15s ease-in-out;}
.theme-btn-tactical .pubLink:hover::before,.theme-btn-tactical .pubLink:hover::after,.theme-btn-tactical .pubLinkRow:hover::before,.theme-btn-tactical .pubLinkRow:hover::after{background:var(--ink);}
.theme-btn-tactical .pubLinks,.theme-btn-tactical .pubLinkList{gap:18px;}
.theme-btn-tactical .pubNextShowCard{border-radius:0;border:1px solid color-mix(in srgb,var(--ink) 72%,transparent);outline:1px solid color-mix(in srgb,var(--ink) 28%,transparent);outline-offset:5px;}

/* botão arcade: bloco inclinado com sombra sólida e três setas que avançam no
   hover. Os links do público são <a> sem marcação interna, então as setas são
   um pseudo-elemento com chevrons (não o SVG do exemplo) e o texto é
   contra-inclinado pelo próprio pseudo container. Cores: accent + cor de texto. */
.theme-btn-arcade .pubLink,.theme-btn-arcade .pubLinkRow,.theme-btn-arcade .pubYtCard{
  position:relative;border:0;border-radius:0;transform:skewX(-12deg);
  box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 78%,transparent);
  transition:box-shadow .5s,transform .5s;padding-right:52px;
  font-weight:700;letter-spacing:.02em;
}
.theme-btn-arcade .pubLink:hover,.theme-btn-arcade .pubLinkRow:hover,.theme-btn-arcade .pubYtCard:hover{
  box-shadow:10px 10px 0 var(--accent);
}
.theme-btn-arcade .pubLink::after,.theme-btn-arcade .pubLinkRow::after{
  content:"\276F\276F\276F";position:absolute;right:16px;top:50%;
  transform:translateY(-50%) skewX(12deg);letter-spacing:-.14em;font-size:.8em;
  opacity:.55;transition:right .5s,opacity .5s,letter-spacing .5s;pointer-events:none;
}
.theme-btn-arcade .pubLink:hover::after,.theme-btn-arcade .pubLinkRow:hover::after{right:10px;opacity:1;letter-spacing:.02em;animation:pubArcadeSetas 1s infinite;}
@keyframes pubArcadeSetas{0%,100%{color:currentColor;}50%{color:var(--bg);}}
.theme-btn-arcade .pubNextShowCard{border-radius:0;border:0;box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 78%,transparent);}
@media (prefers-reduced-motion:reduce){.theme-btn-arcade .pubLink:hover::after{animation:none;}}

/* botão tecla: relevo de painel físico, com luz em cima, sombra projetada e
   afundamento no clique. O branco e o cinza do exemplo saem do accent do
   artista (luz clara por dentro, sombra escura do mesmo tom). */
.theme-btn-tecla .pubLink,.theme-btn-tecla .pubLinkRow,.theme-btn-tecla .pubYtCard{
  border:0;border-radius:10px;
  box-shadow:rgba(0,0,0,.38) 8px 8px 8px,
             color-mix(in srgb,var(--accent) 55%,#fff) 1.5px 1.5px 2px 0 inset,
             color-mix(in srgb,var(--accent) 72%,#000) -3.2px -3.2px 8px 0 inset;
  transition:box-shadow .1s ease-in-out,transform .1s ease-in-out;
}
.theme-btn-tecla .pubLink:hover,.theme-btn-tecla .pubLinkRow:hover,.theme-btn-tecla .pubYtCard:hover{
  box-shadow:rgba(0,0,0,.42) 10px 10px 10px,
             color-mix(in srgb,var(--accent) 62%,#fff) 1.5px 1.5px 2px 0 inset,
             color-mix(in srgb,var(--accent) 72%,#000) -3.2px -3.2px 8px 0 inset;
}
.theme-btn-tecla .pubLink:active,.theme-btn-tecla .pubLinkRow:active,.theme-btn-tecla .pubYtCard:active{
  box-shadow:rgba(0,0,0,0) 0 0 0,inset .5px .5px 4px rgba(0,0,0,.8),
             color-mix(in srgb,var(--accent) 72%,#000) -3.2px -3.2px 8px 0 inset;
  transform:translateY(.5px);
}
.theme-btn-tecla .pubNextShowCard{border:0;border-radius:10px;box-shadow:rgba(0,0,0,.38) 8px 8px 8px,color-mix(in srgb,var(--accent) 55%,#fff) 1.5px 1.5px 2px 0 inset,color-mix(in srgb,var(--accent) 72%,#000) -3.2px -3.2px 8px 0 inset;}
.theme-btn-tecla .pubLinks,.theme-btn-tecla .pubLinkList{gap:16px;}

/* botão neon: fundo escuro do accent, contorno aceso, base mais grossa e uma
   faixa de luz que atravessa no hover. Cores derivadas do accent do artista. */
.theme-btn-neon .pubLink,.theme-btn-neon .pubLinkRow,.theme-btn-neon .pubYtCard{
  position:relative;overflow:hidden;border-radius:6px;
  background:var(--link-bg,color-mix(in srgb,var(--accent) 22%,#000));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 72%,#fff)));
  border:1px solid color-mix(in srgb,var(--accent) 65%,#fff);
  border-bottom-width:4px;font-weight:600;
  transition:filter .3s,border-width .3s,opacity .3s;
}
.theme-btn-neon .pubLink:hover,.theme-btn-neon .pubLinkRow:hover,.theme-btn-neon .pubYtCard:hover{
  filter:brightness(1.5);border-top-width:4px;border-bottom-width:1px;
}
.theme-btn-neon .pubLink:active,.theme-btn-neon .pubLinkRow:active,.theme-btn-neon .pubYtCard:active{opacity:.75;}
.theme-btn-neon .pubLink::after,.theme-btn-neon .pubLinkRow::after{
  content:"";position:absolute;left:0;top:-150%;width:100%;height:5px;border-radius:6px;
  background:color-mix(in srgb,var(--accent) 72%,#fff);opacity:.5;
  box-shadow:0 0 10px 10px color-mix(in srgb,var(--accent) 40%,transparent);
  transition:top .5s;pointer-events:none;
}
.theme-btn-neon .pubLink:hover::after,.theme-btn-neon .pubLinkRow:hover::after{top:150%;}
.theme-btn-neon .pubNextShowCard{border-radius:6px;background:color-mix(in srgb,var(--accent) 22%,#000);border:1px solid color-mix(in srgb,var(--accent) 65%,#fff);border-bottom-width:4px;}
@media (prefers-reduced-motion:reduce){.theme-btn-neon .pubLink::after{display:none;}}

/* botão preenchimento: pílula macia em relevo suave; no hover a cor entra da
   esquerda até tomar o botão. O degradê sai do accent do artista. */
.theme-btn-fill .pubLink,.theme-btn-fill .pubLinkRow,.theme-btn-fill .pubYtCard{
  position:relative;overflow:hidden;z-index:1;border:0;border-radius:30em;
  background:var(--link-bg,color-mix(in srgb,var(--ink) 8%,transparent));
  box-shadow:6px 6px 12px color-mix(in srgb,var(--ink) 22%,transparent),
             -6px -6px 12px color-mix(in srgb,var(--bg) 90%,#fff);
  transition:color .4s;
}
.theme-btn-fill .pubLink::before,.theme-btn-fill .pubLinkRow::before{
  content:"";position:absolute;top:0;left:0;width:0;height:100%;border-radius:30em;
  background-image:linear-gradient(to right,var(--accent) 0%,color-mix(in srgb,var(--accent) 45%,#fff) 100%);
  transition:width .5s ease;z-index:-1;pointer-events:none;
}
.theme-btn-fill .pubLink:hover::before,.theme-btn-fill .pubLinkRow:hover::before{width:100%;}
.theme-btn-fill .pubNextShowCard{border:0;border-radius:30px;box-shadow:6px 6px 12px color-mix(in srgb,var(--ink) 22%,transparent),-6px -6px 12px color-mix(in srgb,var(--bg) 90%,#fff);}
@media (prefers-reduced-motion:reduce){.theme-btn-fill .pubLink::before{transition:none;}}

/* botão camadas: pilha de sombras sólidas que vai escurecendo; no hover a pilha
   assenta e o botão assume o accent. Cada degrau é o accent misturado com preto
   em passos crescentes, no lugar da escala de cinza fixa do exemplo. */
.theme-btn-camadas .pubLink,.theme-btn-camadas .pubLinkRow,.theme-btn-camadas .pubYtCard{
  border:0;border-radius:2px;transition:all .5s;
  box-shadow:2px 2px 0 color-mix(in srgb,var(--accent) 90%,#000),
             4px 4px 0 color-mix(in srgb,var(--accent) 80%,#000),
             6px 6px 0 color-mix(in srgb,var(--accent) 70%,#000),
             8px 8px 0 color-mix(in srgb,var(--accent) 60%,#000),
             10px 10px 0 color-mix(in srgb,var(--accent) 50%,#000),
             12px 12px 0 color-mix(in srgb,var(--accent) 40%,#000),
             14px 14px 0 color-mix(in srgb,var(--accent) 30%,#000),
             16px 16px 0 color-mix(in srgb,var(--accent) 20%,#000),
             18px 18px 0 color-mix(in srgb,var(--accent) 10%,#000);
}
.theme-btn-camadas .pubLink:hover,.theme-btn-camadas .pubLinkRow:hover,.theme-btn-camadas .pubYtCard:hover{
  box-shadow:none;background:var(--link-bg,color-mix(in srgb,var(--accent) 60%,#000));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 20%,#fff)));
}
/* a pilha ocupa 18px pra baixo e pra direita: precisa de folga entre os links */
.theme-btn-camadas .pubLinks,.theme-btn-camadas .pubLinkList{gap:26px;padding-right:20px;}
.theme-btn-camadas .pubNextShowCard{border-radius:2px;box-shadow:4px 4px 0 color-mix(in srgb,var(--accent) 80%,#000),8px 8px 0 color-mix(in srgb,var(--accent) 60%,#000),12px 12px 0 color-mix(in srgb,var(--accent) 40%,#000);}

/* botão placa: placa interna suspensa dentro de uma moldura; no hover ela desce
   e encosta. Os links públicos não têm span interno, então a moldura externa é
   um outline deslocado e a placa é o próprio link. Cor: accent do artista. */
.theme-btn-placa .pubLink,.theme-btn-placa .pubLinkRow,.theme-btn-placa .pubYtCard{
  position:relative;top:-.4em;border-radius:.2em;
  border:.08em solid color-mix(in srgb,var(--accent) 75%,#fff);
  box-shadow:0 .4em .1em .019em color-mix(in srgb,var(--accent) 75%,#fff);
  outline:.08em solid color-mix(in srgb,var(--accent) 55%,transparent);
  outline-offset:.42em;transition:all .5s;
}
.theme-btn-placa .pubLink:hover,.theme-btn-placa .pubLinkRow:hover,.theme-btn-placa .pubYtCard:hover{
  transform:translateY(.4em);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 75%,#fff);
}
/* a moldura e o deslocamento pedem folga entre os links */
.theme-btn-placa .pubLinks,.theme-btn-placa .pubLinkList{gap:22px;}
.theme-btn-placa .pubNextShowCard{border-radius:.2em;border:.08em solid color-mix(in srgb,var(--accent) 75%,#fff);outline:.08em solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:.42em;}

/* botão recorte: borda tracejada, passe-partout claro em volta e sombra macia;
   afunda um fio no clique. As duas cores do exemplo saem do accent do artista
   (traço no tom cheio, moldura no tom claro). */
.theme-btn-recorte .pubLink,.theme-btn-recorte .pubLinkRow,.theme-btn-recorte .pubYtCard{
  border:2px dashed color-mix(in srgb,var(--accent) 80%,#000);border-radius:15px;
  background:var(--link-bg,color-mix(in srgb,var(--accent) 28%,#fff));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 85%,#000)));
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,#fff),2px 2px 4px 2px rgba(0,0,0,.5);
  transition:.1s ease-in-out,.4s color;
}
.theme-btn-recorte .pubLink:active,.theme-btn-recorte .pubLinkRow:active,.theme-btn-recorte .pubYtCard:active{
  transform:translate(.1em,.1em);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,#fff),1.5px 1.5px 2.5px 1.5px rgba(0,0,0,.5);
}
/* o passe-partout de 4px pede folga entre os links */
.theme-btn-recorte .pubLinks,.theme-btn-recorte .pubLinkList{gap:18px;}
.theme-btn-recorte .pubNextShowCard{border:2px dashed color-mix(in srgb,var(--accent) 80%,#000);border-radius:15px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,#fff),2px 2px 4px 2px rgba(0,0,0,.5);}

/* botão escavado: pílula com sombra interna suave dos dois lados (relevo
   neumórfico). Os cinzas do exemplo saem do accent do artista: um passo escuro e
   um claro do mesmo tom, sobre um fundo levemente tingido. */
.theme-btn-neu .pubLink,.theme-btn-neu .pubLinkRow,.theme-btn-neu .pubYtCard{
  border-radius:50px;border:2px solid color-mix(in srgb,var(--accent) 30%,#fff);
  background:var(--link-bg,color-mix(in srgb,var(--accent) 18%,#fff));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 88%,#000)));
  box-shadow:inset 4px 4px 10px color-mix(in srgb,var(--accent) 45%,#000),
             inset -4px -4px 10px color-mix(in srgb,var(--accent) 12%,#fff);
  transition:all .2s ease-in-out;
}
.theme-btn-neu .pubLink:hover,.theme-btn-neu .pubLinkRow:hover,.theme-btn-neu .pubYtCard:hover,
.theme-btn-neu .pubLink:focus-visible,.theme-btn-neu .pubLinkRow:focus-visible{
  outline:none;
  box-shadow:inset 2px 2px 5px color-mix(in srgb,var(--accent) 45%,#000),
             inset -2px -2px 5px color-mix(in srgb,var(--accent) 12%,#fff),
             2px 2px 5px color-mix(in srgb,var(--accent) 45%,#000),
             -2px -2px 5px color-mix(in srgb,var(--accent) 12%,#fff);
}
.theme-btn-neu .pubNextShowCard{border-radius:26px;border:2px solid color-mix(in srgb,var(--accent) 30%,#fff);box-shadow:inset 4px 4px 10px color-mix(in srgb,var(--accent) 45%,#000),inset -4px -4px 10px color-mix(in srgb,var(--accent) 12%,#fff);}

/* botão bloco: caixa escura com contorno grosso e sombra sólida do mesmo tom;
   no clique a sombra some e o bloco desliza pra ela. O quase-branco do exemplo
   vem do accent do artista clareado. */
.theme-btn-bloco .pubLink,.theme-btn-bloco .pubLinkRow,.theme-btn-bloco .pubYtCard{
  border-radius:10px;text-transform:uppercase;letter-spacing:.03em;
  border:2px solid color-mix(in srgb,var(--accent) 40%,#fff);
  background:var(--link-bg,color-mix(in srgb,var(--accent) 16%,#000));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 30%,#fff)));
  box-shadow:3px 3px color-mix(in srgb,var(--accent) 40%,#fff);
  transition:box-shadow .12s,transform .12s;
}
.theme-btn-bloco .pubLink:active,.theme-btn-bloco .pubLinkRow:active,.theme-btn-bloco .pubYtCard:active{
  box-shadow:none;transform:translate(3px,3px);
}
.theme-btn-bloco .pubNextShowCard{border-radius:10px;border:2px solid color-mix(in srgb,var(--accent) 40%,#fff);background:color-mix(in srgb,var(--accent) 16%,#000);box-shadow:3px 3px color-mix(in srgb,var(--accent) 40%,#fff);}

/* botão salto: contorno grosso e sombra sólida à esquerda; no hover pula pra
   cima e pra direita com elástico. O amarelo fixo do exemplo vira o accent. */
.theme-btn-salto .pubLink,.theme-btn-salto .pubLinkRow,.theme-btn-salto .pubYtCard{
  border-radius:1em;font-weight:800;
  border:3px solid var(--accent);
  background:var(--link-bg,color-mix(in srgb,var(--accent) 12%,#000));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 25%,#fff)));
  box-shadow:-5px 5px 0 0 var(--accent);
  transition:cubic-bezier(.68,-.55,.265,1.55) .4s;
}
.theme-btn-salto .pubLink:hover,.theme-btn-salto .pubLinkRow:hover,.theme-btn-salto .pubYtCard:hover{transform:translate(5px,-5px);}
/* a sombra sai 5px pra esquerda: sem folga ela encosta na borda da coluna */
.theme-btn-salto .pubLinks,.theme-btn-salto .pubLinkList{gap:18px;padding-left:6px;}
.theme-btn-salto .pubNextShowCard{border-radius:1em;border:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,#000);box-shadow:-5px 5px 0 0 var(--accent);}

/* botão quadrinho: preenchido com contorno preto e sombra sólida; no hover
   inverte (fundo claro, texto e sombra no accent) e no clique assenta. O
   vermelho do exemplo é o accent do artista. */
.theme-btn-quadrinho .pubLink,.theme-btn-quadrinho .pubLinkRow,.theme-btn-quadrinho .pubYtCard{
  border-radius:10px;font-weight:800;
  border:2px solid color-mix(in srgb,var(--ink) 88%,#000);
  background:var(--link-bg,var(--accent));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 12%,#fff)));
  box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 88%,#000);
  transition:all .3s ease;
}
.theme-btn-quadrinho .pubLink:hover,.theme-btn-quadrinho .pubLinkRow:hover,.theme-btn-quadrinho .pubYtCard:hover{
  background:var(--link-bg,color-mix(in srgb,var(--accent) 8%,#fff));
  color:var(--accent);border-color:var(--accent);
  box-shadow:5px 5px 0 var(--accent);
}
.theme-btn-quadrinho .pubLink:active,.theme-btn-quadrinho .pubLinkRow:active,.theme-btn-quadrinho .pubYtCard:active{
  box-shadow:none;transform:translateY(4px);
}
/* a sombra avança 5px: folga entre os links */
.theme-btn-quadrinho .pubLinks,.theme-btn-quadrinho .pubLinkList{gap:18px;}
.theme-btn-quadrinho .pubNextShowCard{border-radius:10px;border:2px solid color-mix(in srgb,var(--ink) 88%,#000);box-shadow:5px 5px 0 color-mix(in srgb,var(--ink) 88%,#000);}

/* botão brilho: fundo escuro com contorno no accent; no hover acende um halo em
   volta e um véu de cor por dentro, no clique encolhe um pouco. */
.theme-btn-brilho .pubLink,.theme-btn-brilho .pubLinkRow,.theme-btn-brilho .pubYtCard{
  position:relative;border-radius:8px;font-weight:600;
  border:2px solid var(--accent);
  background:var(--link-bg,color-mix(in srgb,var(--accent) 10%,#000));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 22%,#fff)));
  transition:border-color .3s,box-shadow .3s,transform .3s,background-color .3s;
}
.theme-btn-brilho .pubLink:hover,.theme-btn-brilho .pubLinkRow:hover,.theme-btn-brilho .pubYtCard:hover{
  border-color:color-mix(in srgb,var(--accent) 70%,#fff);
  background:var(--link-bg,color-mix(in srgb,var(--accent) 22%,#000));
  box-shadow:0 0 20px 10px color-mix(in srgb,var(--accent) 60%,transparent);
}
.theme-btn-brilho .pubLink:active,.theme-btn-brilho .pubLinkRow:active,.theme-btn-brilho .pubYtCard:active{
  transform:scale(.95);box-shadow:0 0 10px 5px color-mix(in srgb,var(--accent) 40%,transparent);
}
/* o halo se espalha 10px: folga entre os links */
.theme-btn-brilho .pubLinks,.theme-btn-brilho .pubLinkList{gap:20px;}
.theme-btn-brilho .pubNextShowCard{border-radius:8px;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,#000);}

/* botão moldura solta: um contorno fino deslocado atrás do bloco; no hover os
   dois trocam de lugar. Cores do artista (bloco no accent, contorno na cor de
   texto da página). */
.theme-btn-moldura .pubLink,.theme-btn-moldura .pubLinkRow,.theme-btn-moldura .pubYtCard{
  position:relative;border:0;border-radius:0;transition:.25s ease;
}
.theme-btn-moldura .pubLink::before,.theme-btn-moldura .pubLinkRow::before{
  content:"";position:absolute;box-sizing:border-box;top:0;left:0;width:100%;height:100%;
  border:1px solid color-mix(in srgb,var(--ink) 55%,transparent);
  transform:translate(-5px,-5px);transition:.25s ease;pointer-events:none;
}
.theme-btn-moldura .pubLink:hover,.theme-btn-moldura .pubLinkRow:hover,.theme-btn-moldura .pubYtCard:hover{transform:translate(-5px,-5px);}
.theme-btn-moldura .pubLink:hover::before,.theme-btn-moldura .pubLinkRow:hover::before{transform:translate(5px,5px);}
/* a moldura sai 5px pra cima e pra esquerda: folga na lista */
.theme-btn-moldura .pubLinks,.theme-btn-moldura .pubLinkList{gap:18px;padding:6px 0 0 6px;}
.theme-btn-moldura .pubNextShowCard{border-radius:0;border:0;box-shadow:-5px -5px 0 -4px color-mix(in srgb,var(--ink) 55%,transparent);}

/* botão tecla 3D: base grossa em perspectiva; no hover a tecla desce um pouco e
   no clique encosta na base. Todas as camadas saem do accent do artista. */
.theme-btn-tecla3d .pubLink,.theme-btn-tecla3d .pubLinkRow,.theme-btn-tecla3d .pubYtCard{
  position:relative;border-radius:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.03em;
  border:2px solid color-mix(in srgb,var(--accent) 55%,#fff);
  background:var(--link-bg,color-mix(in srgb,var(--accent) 82%,#000));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 35%,#fff)));
  transform-style:preserve-3d;
  transition:transform 150ms cubic-bezier(0,0,.58,1),background 150ms cubic-bezier(0,0,.58,1);
}
.theme-btn-tecla3d .pubLink::before,.theme-btn-tecla3d .pubLinkRow::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:color-mix(in srgb,var(--accent) 55%,#fff);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,#000),0 .625em 0 0 color-mix(in srgb,var(--accent) 30%,#000);
  transform:translate3d(0,.75em,-1em);
  transition:transform 150ms cubic-bezier(0,0,.58,1),box-shadow 150ms cubic-bezier(0,0,.58,1);
  pointer-events:none;
}
.theme-btn-tecla3d .pubLink:hover,.theme-btn-tecla3d .pubLinkRow:hover,.theme-btn-tecla3d .pubYtCard:hover{transform:translate(0,.25em);}
.theme-btn-tecla3d .pubLink:hover::before,.theme-btn-tecla3d .pubLinkRow:hover::before{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,#000),0 .5em 0 0 color-mix(in srgb,var(--accent) 30%,#000);
  transform:translate3d(0,.5em,-1em);
}
.theme-btn-tecla3d .pubLink:active,.theme-btn-tecla3d .pubLinkRow:active,.theme-btn-tecla3d .pubYtCard:active{transform:translate(0,.75em);}
.theme-btn-tecla3d .pubLink:active::before,.theme-btn-tecla3d .pubLinkRow:active::before{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,#000),0 0 color-mix(in srgb,var(--accent) 30%,#000);
  transform:translate3d(0,0,-1em);
}
/* a base ocupa ~0.75em abaixo de cada tecla */
.theme-btn-tecla3d .pubLinks,.theme-btn-tecla3d .pubLinkList{gap:26px;}
.theme-btn-tecla3d .pubNextShowCard{border-radius:.75em;border:2px solid color-mix(in srgb,var(--accent) 55%,#fff);box-shadow:0 .5em 0 0 color-mix(in srgb,var(--accent) 30%,#000);}

/* botão ficha: fundo claro, contorno firme e sombra sólida; desliza pra sombra
   no clique. O cinza-escuro do exemplo vem do accent do artista escurecido. */
.theme-btn-ficha .pubLink,.theme-btn-ficha .pubLinkRow,.theme-btn-ficha .pubYtCard{
  border-radius:5px;font-weight:600;
  border:2px solid color-mix(in srgb,var(--accent) 78%,#000);
  background:var(--link-bg,color-mix(in srgb,var(--accent) 6%,#fff));
  color:var(--link-text,var(--link-text-auto,color-mix(in srgb,var(--accent) 78%,#000)));
  box-shadow:4px 4px color-mix(in srgb,var(--accent) 78%,#000);
  transition:box-shadow .12s,transform .12s;
}
.theme-btn-ficha .pubLink:active,.theme-btn-ficha .pubLinkRow:active,.theme-btn-ficha .pubYtCard:active{
  box-shadow:0 0 color-mix(in srgb,var(--accent) 78%,#000);transform:translate(3px,3px);
}
.theme-btn-ficha .pubLinks,.theme-btn-ficha .pubLinkList{gap:18px;}
.theme-btn-ficha .pubNextShowCard{border-radius:5px;border:2px solid color-mix(in srgb,var(--accent) 78%,#000);background:color-mix(in srgb,var(--accent) 6%,#fff);box-shadow:4px 4px color-mix(in srgb,var(--accent) 78%,#000);}

/* ---- FORMATOS DE ÍCONE SOCIAL (acabamento fino) ---- */
/* vidro fosco: pastilha translúcida com desfoque, aro de luz no topo e um leve
   destaque interno. O toque de cor vem do accent do artista. */
.icons-vidro .pubSocials{gap:12px;}
.icons-vidro .pubSocials a{
  width:46px;height:46px;border-radius:14px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);
  background:color-mix(in srgb,var(--ink) 7%,transparent);backdrop-filter:blur(10px) saturate(1.2);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 22%,transparent),0 6px 16px -8px rgba(0,0,0,.55);
  transition:transform .22s cubic-bezier(.2,.8,.3,1),background-color .22s,border-color .22s,box-shadow .22s;
}
.icons-vidro .pubSocials a:hover{
  transform:translateY(-2px);
  background:color-mix(in srgb,var(--accent) 22%,transparent);
  border-color:color-mix(in srgb,var(--accent) 55%,transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 28%,transparent),0 10px 22px -10px color-mix(in srgb,var(--accent) 60%,transparent);
}
.icons-vidro .pubSocials a:active{transform:translateY(0);}

/* relevo macio: disco com degradê sutil, luz em cima e sombra embaixo; afunda no
   clique como um botão físico. */
.icons-relevo .pubSocials{gap:14px;}
.icons-relevo .pubSocials a{
  width:46px;height:46px;border-radius:50%;border:0;
  background:linear-gradient(160deg,color-mix(in srgb,var(--ink) 12%,transparent) 0%,color-mix(in srgb,var(--ink) 4%,transparent) 100%);
  box-shadow:inset 0 1px 1px color-mix(in srgb,#fff 26%,transparent),
             inset 0 -2px 3px rgba(0,0,0,.28),
             0 4px 10px -4px rgba(0,0,0,.5);
  transition:transform .18s,box-shadow .18s,color .18s;
}
.icons-relevo .pubSocials a:hover{color:var(--accent);box-shadow:inset 0 1px 1px color-mix(in srgb,#fff 34%,transparent),inset 0 -2px 3px rgba(0,0,0,.24),0 7px 16px -6px color-mix(in srgb,var(--accent) 55%,transparent);}
.icons-relevo .pubSocials a:active{transform:translateY(1px);box-shadow:inset 0 2px 4px rgba(0,0,0,.4);}

/* aro duplo: dois anéis concêntricos; no hover o externo acende no accent e gira
   um fio, deixando o traço do ícone em destaque. */
.icons-aro .pubSocials{gap:16px;}
.icons-aro .pubSocials a{
  position:relative;width:44px;height:44px;border-radius:50%;background:transparent;
  border:1.5px solid color-mix(in srgb,var(--ink) 26%,transparent);
  transition:border-color .25s,color .25s,transform .25s;
}
.icons-aro .pubSocials a::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);
  transition:border-color .25s,transform .25s,opacity .25s;pointer-events:none;
}
.icons-aro .pubSocials a:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.04);}
.icons-aro .pubSocials a:hover::after{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:scale(1.06);}
@media (prefers-reduced-motion:reduce){
  .icons-vidro .pubSocials a,.icons-relevo .pubSocials a,.icons-aro .pubSocials a{transition:none;}
}

/* ===== RADAR 360 — mesma linguagem do hub =====
   Invólucros do dashboard: casca #202020 raio 9 + miolo #111114 raio 8, bordas
   #26282d, Inter, tags do dashIndexType, azul #0d47c0. */
.buzzFullInner{--rdInk:#e4e5e9;--rdDim:#9a9ea6;--rdFaint:#71767f;--rdL:#26282d;--rdAcc:#0d47c0;--rdAccIn:#5f96f0;
  width:min(1080px,100%);height:min(760px,90vh);background:#101011;border:1px solid var(--rdL);border-radius:12px;
  font-family:var(--sans-ui);color:var(--rdInk);display:flex;flex-direction:column;overflow:hidden}
.rdDsp{font-family:var(--sans-ui);font-weight:700;text-transform:none;letter-spacing:-.02em;line-height:1.2}
/* cabeçalho */
.rdMast{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--rdL);flex:none}
.rdMastL{display:flex;align-items:center;gap:12px;min-width:0}
.rdLogo{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--rdInk);white-space:nowrap}
.rdLogo i{font-style:normal;color:var(--rdAccIn)}
.rdIssue{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--rdDim);min-width:0}
.rdIssue b{font-weight:600;color:var(--rdInk);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rdIssue i{font-style:normal;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--rdFaint)}
.rdMastR{display:flex;align-items:center;gap:12px;flex:none}
.rdBrand{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--rdInk)}
.buzzFullInner .rdBrand,.buzzFullInner .rdBrand svg,.buzzFullInner .rdBrand .glitchText{color:#fff!important;stroke:currentColor}
.buzzFullInner .rdBrand .glitchText::before,.buzzFullInner .rdBrand .glitchText::after{color:transparent}
.rdIb{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;line-height:0;background:transparent;color:var(--rdDim);border-radius:8px;cursor:pointer;transition:.18s}
.rdIb svg{display:block}
.rdIb:hover{color:var(--rdInk);background:#202020}
/* abas: pfCleanTabs */
.buzzFullInner .rdTabsWrap{flex:none}
.buzzFullInner .buzzTabs{display:flex;align-items:center;gap:26px;padding:0 18px;border-bottom:1px solid var(--rdL);overflow-x:auto;scrollbar-width:none}
.buzzFullInner .buzzTabs::-webkit-scrollbar{display:none}
.buzzFullInner .buzzTab{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;padding:12px 2px;background:none;border:0;border-radius:0;cursor:pointer;
  font-family:var(--sans-ui);font-size:14px;font-weight:600;color:var(--rdFaint);white-space:nowrap;transition:color .15s}
.buzzFullInner .buzzTab:hover{color:var(--rdDim);background:none}
.buzzFullInner .buzzTab i{font-style:normal;font-size:11px;font-weight:500;color:var(--rdFaint);margin-left:2px}
.buzzFullInner .buzzTab.active{color:var(--rdInk);background:none}
.buzzFullInner .buzzTab.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--rdInk)}
.rdFace,.rdFaceSep{display:none}
/* corpo: cartões empilhados */
.buzzModalBody.rdBody{padding:14px!important;display:flex;flex-direction:column;gap:12px;overflow-y:auto}
.buzzPanel>.rdCover,.buzzPanel>.rdFeat,.buzzPanel>.rdMarq,.buzzPanel>.rdPaneHd{background:#202020;border:1px solid var(--rdL);border-radius:9px;padding:6px;margin-bottom:12px}
/* capa */
.rdCover{display:grid;grid-template-columns:1fr 264px;gap:12px;border-bottom:0!important}
.rdCoverL{background:var(--bg2);border-radius:8px;padding:20px;border-right:0!important}
.rdFolio{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rdAccIn)}
.rdFolio::before{content:"";width:16px;height:1.5px;background:var(--rdAccIn)}
.rdFolio::after{display:none}
.rdCoverL h1{margin:0;font-size:26px;line-height:1.22;font-weight:700;letter-spacing:-.022em;color:var(--rdInk);max-width:24ch}
.rdCoverL h1 span{display:inline}
.rdCoverL h1 .out{color:var(--rdInk);-webkit-text-stroke:0}
.rdCoverL h1 .hl{color:var(--rdAccIn)}
.rdLeadRow{margin-top:14px;padding-top:0;border-top:0}
.rdLede{margin:0;font-size:14px;line-height:1.65;color:var(--rdDim);max-width:56ch}
.rdCoverR{display:flex;flex-direction:column}
.rdPortrait{background:var(--bg2);border-radius:8px;padding:18px 16px;border-bottom:0!important;text-align:center}
.rdPortraitImg{width:120px;height:120px;border-radius:50%;margin:0 auto;background:linear-gradient(150deg,#2b3550,#1a1c22) center/cover;border:1px solid var(--rdL);display:grid;place-items:center;overflow:hidden}
.rdPortraitImg span{font-size:30px;font-weight:700;letter-spacing:-.02em;color:#9fb4e0;font-family:var(--sans-ui)}
.rdPortraitCap{margin:14px 0 0;font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--rdDim)}
.rdSpark{display:block;width:100%;height:38px;margin-top:10px}
.rdStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}
.rdSt{background:var(--card);border-radius:8px;padding:12px 14px;border:0!important;display:flex;flex-direction:column;gap:8px}
.rdStTop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rdStTop>span:first-child{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--rdDim)}
.rdStIcon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none}
.rdStIcon.green{background:#173d31;color:#4fcaa1}
.rdStIcon.blue{background:#12294f;color:#5f96f0}
.rdStIcon.purple{background:#2d1f4a;color:#b58bf0}
.rdStIcon.amber{background:#5a3f14;color:#f0b45f}
.rdSt b{display:block;font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--rdInk);font-family:var(--sans-ui)}
@media (max-width:900px){.rdStats{grid-template-columns:1fr 1fr}}
/* faixa de sinais */
.rdMarq{overflow:hidden}
.rdMarq{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.rdMarqIn{display:flex;gap:8px;width:max-content;animation:rdSlide 46s linear infinite;padding:10px 0}
.rdMarq:hover .rdMarqIn{animation-play-state:paused}
.rdPil{display:inline-flex;align-items:center;height:24px;padding:2px 9px;border:1.5px solid var(--rdL);border-radius:0;background:transparent;color:var(--rdDim);
  font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-family:var(--sans-ui)}
.rdPil.solid{background:var(--card);border-color:var(--card);color:var(--rdInk)}
.rdPil.acc{background:#1b2a4a;border-color:#1b2a4a;color:#8ab4ff}
@keyframes rdSlide{to{transform:translateX(-50%)}}
/* matéria principal */
.rdFeat{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;border-bottom:0!important}
.rdFeatL{background:var(--bg2);border-radius:8px;padding:20px;border-right:0!important}
.rdKicker{display:inline-flex;align-items:center;height:auto;margin:0;padding:2px 9px;border-radius:0;background:transparent;border:1.5px solid rgba(34,227,155,.45);color:#22e39b;
  font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;font-family:var(--sans-ui)}
.rdFeatL h2{margin:14px 0 0;font-size:20px;line-height:1.32;font-weight:700;letter-spacing:-.015em;color:var(--rdInk);max-width:30ch}
.rdMeter{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--rdFaint)}
.rdBars{display:flex;gap:3px}
.rdBars i{width:5px;height:12px;background:#26272c;border-radius:1px}
.rdBars i.f{background:#22e39b}
.rdBars i.p{background:linear-gradient(to top,#22e39b var(--r,50%),#26272c var(--r,50%))}
.rdCols{margin-top:16px;columns:1;column-rule:0}
.rdCols p{margin:0 0 14px;font-size:14px;line-height:1.68;color:#cfd2d8}
.rdCols p b{display:block;margin-bottom:5px;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--rdFaint)}
.rdDo{margin-top:4px;padding-top:0;border-top:0;background:var(--card);border-radius:8px;padding:14px 16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.rdDo p{margin:0;flex:1;min-width:210px;font-size:13.5px;line-height:1.6;color:var(--rdInk)}
.rdDo p b{display:block;margin-bottom:4px;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--rdAccIn)}
.rdCta{height:36px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:5px;background:var(--rdAcc);color:#fff;
  font-family:var(--sans-ui);font-size:12.5px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;transition:.18s}
.rdCta:hover{background:#0b3ba3}
.rdCta .rdArw{width:auto;height:auto;border:0;background:none;color:inherit}
.rdArw{width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid var(--rdL);border-radius:50%;color:var(--rdDim);background:transparent;cursor:pointer;transition:.18s}
.rdArw svg{transition:transform .25s cubic-bezier(.2,.9,.25,1)}
.rdArw:hover{background:var(--rdAcc);border-color:var(--rdAcc);color:#fff}
.rdArw:hover svg{transform:translate(2px,-2px)}
.rdArw.lg{width:36px;height:36px}
/* fontes da descoberta */
.rdFeatR{background:var(--bg2);border-radius:8px;padding:20px}
.rdFeatR h3{margin:0 0 12px;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--rdFaint);font-weight:500;font-family:var(--sans-ui)}
.rdSrc{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--rdL);align-items:center}
.rdSrc:first-of-type{padding-top:0}
.rdSrc:last-child{border-bottom:0;padding-bottom:0}
.rdSrcIcon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1}
.rdSrcIcon.green{background:#173d31;color:#4fcaa1}
.rdSrcIcon.blue{background:#12294f;color:#5f96f0}
.rdSrcIcon.purple{background:#2d1f4a;color:#b58bf0}
.rdSrcIcon.amber{background:#5a3f14;color:#f0b45f}
.rdSrc b{display:block;font-size:13px;font-weight:600;line-height:1.5;color:var(--rdInk)}
/* listas */
.rdSecHd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 8px;min-height:38px}
.rdSecHd h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--rdInk);text-transform:none}
.rdSecHd span{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--rdFaint)}
.rdRow{display:grid;grid-template-columns:34px 1fr auto 30px;gap:16px;align-items:start;padding:18px 16px;border-top:0;border-bottom:1px solid var(--rdL);transition:background .15s}
.rdRow:last-child{border-bottom:0}
.rdRow:hover{background:#16161a}
.rdRowN{padding:0;font-size:17px;font-weight:700;letter-spacing:-.02em;color:#3a3b41;-webkit-text-stroke:0;line-height:1.35;transition:color .18s;font-family:var(--sans-ui)}
.rdRow:hover .rdRowN{color:var(--c,var(--rdAccIn))}
.rdRowB{padding:0;border-left:0}
.rdRowB h4{margin:0;font-family:var(--sans-ui);font-size:14.5px;font-weight:700;line-height:1.4;letter-spacing:0;color:var(--rdInk);max-width:52ch;text-transform:none}
.rdRowB p{margin:7px 0 0;font-size:13px;line-height:1.6;color:var(--rdDim);max-width:64ch}
.rdRowB .rdRowAct{margin-top:9px;font-size:11.5px;letter-spacing:0;color:var(--c,var(--rdAccIn))}
.rdRowSub{color:var(--rdFaint);font-weight:500}
.rdRowR{padding:0;display:flex;flex-direction:column;align-items:flex-end;gap:8px;justify-content:flex-start}
.rdRowA{display:grid;place-items:center;padding:0}
.rdTag{display:inline-flex;align-items:center;height:auto;padding:2px 9px;border-radius:0;border:1.5px solid var(--rdL);background:transparent;
  font-family:var(--sans-ui);font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--rdDim);transition:.18s;white-space:nowrap}
.rdTag.t-op{color:#22e39b;border-color:rgba(34,227,155,.45)}
.rdTag.t-al{color:#ea6a63;border-color:rgba(234,106,99,.45)}
.rdTag.t-cr{color:var(--rdAccIn);border-color:rgba(95,150,240,.45)}
.rdTag.t-cx{color:#9c8cf0;border-color:rgba(156,140,240,.45)}
.rdRow:hover .rdTag{background:transparent;color:inherit}
.rdPct{font-size:11.5px;color:var(--rdFaint)}
.rdFit{margin-top:11px;height:3px;max-width:240px;border-radius:3px;background:#26272c;overflow:hidden}
.rdFit i{display:block;height:100%;border-radius:3px;background:var(--c,#22e39b)}
.rdEmpty{padding:22px 16px;color:var(--rdFaint);font-size:13.5px}
/* capa das outras abas */
.rdPaneHd{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 8px;min-height:38px;border-bottom:0!important}
.rdPaneHd h2{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--rdInk)}
.rdPaneHd h2 br{display:none}
.rdPaneHd .rdFolio{margin:0 0 2px}
/* as listas de cada aba ficam num cartão */
.buzzPanel:not([data-panel="geral"])>.rdRow,.buzzPanel:not([data-panel="geral"])>.rdGallery,.buzzPanel:not([data-panel="geral"])>.rdEmpty{background:var(--bg2)}
.buzzPanel:not([data-panel="geral"])>.rdRow:first-of-type{border-radius:8px 8px 0 0}
.buzzPanel:not([data-panel="geral"])>.rdRow:last-of-type{border-radius:0 0 8px 8px}
/* galeria */
.buzzFullInner .rdGallery{display:grid;grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:auto!important;gap:8px!important;padding:0!important;min-height:0!important}
.buzzFullInner .rdGallery .rdGalleryItem{grid-row:auto!important;grid-column:auto!important;border-radius:8px!important;aspect-ratio:4/3;border:0!important;overflow:hidden}
.buzzFullInner .rdGallery .rdGalleryItem img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){
  .rdCover,.rdFeat{grid-template-columns:1fr}
  .buzzFullInner .rdGallery{grid-template-columns:repeat(2,1fr)!important}
  .rdRow{grid-template-columns:28px 1fr 30px}
  .rdRowR{grid-column:2;flex-direction:row;align-items:center}
  .rdRowA{grid-row:1;grid-column:3;align-items:start}
  .rdCoverL h1{font-size:22px}
  .rdFeatL h2{font-size:18px}
}
@media (prefers-reduced-motion:reduce){.rdMarqIn{animation:none}}

/* texto "Carregando" em perspectiva, abaixo do radar */
.radarLoadingWrap .loader{--main-size:4em;--text-color:#ffffff;--shine-color:#ffffff40;--shadow-color:#aaaaaa;
  display:flex;justify-content:center;align-items:center;overflow:hidden;user-select:none;position:relative;margin-top:30px;
  font-size:var(--main-size);font-weight:900;text-transform:uppercase;color:var(--text-color);width:7.3em;height:1em;
  filter:drop-shadow(0 0 .05em var(--shine-color));}
.radarLoadingWrap .loader .text{display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;position:absolute;}
.radarLoadingWrap .loader .text:nth-child(1){clip-path:polygon(0% 0%,11.11% 0%,11.11% 100%,0% 100%);font-size:calc(var(--main-size)/20);margin-left:-2.1em;opacity:.6;}
.radarLoadingWrap .loader .text:nth-child(2){clip-path:polygon(11.11% 0%,22.22% 0%,22.22% 100%,11.11% 100%);font-size:calc(var(--main-size)/16);margin-left:-.98em;opacity:.7;}
.radarLoadingWrap .loader .text:nth-child(3){clip-path:polygon(22.22% 0%,33.33% 0%,33.33% 100%,22.22% 100%);font-size:calc(var(--main-size)/13);margin-left:-.33em;opacity:.8;}
.radarLoadingWrap .loader .text:nth-child(4){clip-path:polygon(33.33% 0%,44.44% 0%,44.44% 100%,33.33% 100%);font-size:calc(var(--main-size)/11);margin-left:-.05em;opacity:.9;}
.radarLoadingWrap .loader .text:nth-child(5){clip-path:polygon(44.44% 0%,55.55% 0%,55.55% 100%,44.44% 100%);font-size:calc(var(--main-size)/10);margin-left:0;opacity:1;}
.radarLoadingWrap .loader .text:nth-child(6){clip-path:polygon(55.55% 0%,66.66% 0%,66.66% 100%,55.55% 100%);font-size:calc(var(--main-size)/11);margin-left:.05em;opacity:.9;}
.radarLoadingWrap .loader .text:nth-child(7){clip-path:polygon(66.66% 0%,77.77% 0%,77.77% 100%,66.66% 100%);font-size:calc(var(--main-size)/13);margin-left:.33em;opacity:.8;}
.radarLoadingWrap .loader .text:nth-child(8){clip-path:polygon(77.77% 0%,88.88% 0%,88.88% 100%,77.77% 100%);font-size:calc(var(--main-size)/16);margin-left:.98em;opacity:.7;}
.radarLoadingWrap .loader .text:nth-child(9){clip-path:polygon(88.88% 0%,100% 0%,100% 100%,88.88% 100%);font-size:calc(var(--main-size)/20);margin-left:2.1em;opacity:.6;}
.radarLoadingWrap .loader .text span{animation:rdScrolling 2s cubic-bezier(.1,.6,.9,.4) infinite,rdShadow 2s cubic-bezier(.1,.6,.9,.4) infinite;}
.radarLoadingWrap .loader .text:nth-child(1) span{background:linear-gradient(to right,var(--text-color) 4%,var(--shadow-color) 7%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;}
.radarLoadingWrap .loader .text:nth-child(2) span{background:linear-gradient(to right,var(--text-color) 9%,var(--shadow-color) 13%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;}
.radarLoadingWrap .loader .text:nth-child(3) span{background:linear-gradient(to right,var(--text-color) 15%,var(--shadow-color) 18%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;}
.radarLoadingWrap .loader .text:nth-child(4) span{background:linear-gradient(to right,var(--text-color) 20%,var(--shadow-color) 23%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;}
.radarLoadingWrap .loader .text:nth-child(6) span{background:linear-gradient(to right,var(--shadow-color) 29%,var(--text-color) 32%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;}
.radarLoadingWrap .loader .text:nth-child(7) span{background:linear-gradient(to right,var(--shadow-color) 34%,var(--text-color) 37%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;}
.radarLoadingWrap .loader .text:nth-child(8) span{background:linear-gradient(to right,var(--shadow-color) 39%,var(--text-color) 42%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;}
.radarLoadingWrap .loader .text:nth-child(9) span{background:linear-gradient(to right,var(--shadow-color) 45%,var(--text-color) 48%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;}
.radarLoadingWrap .loader .line{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:.05em;width:calc(var(--main-size)/2);margin-top:.9em;border-radius:.05em;}
.radarLoadingWrap .loader .line::before{content:"";position:absolute;height:100%;width:100%;background-color:var(--text-color);opacity:.3;}
.radarLoadingWrap .loader .line::after{content:"";position:absolute;height:100%;width:100%;background-color:var(--text-color);border-radius:.05em;transform:translateX(-90%);animation:rdWobble 2s cubic-bezier(.5,.8,.5,.2) infinite;}
@keyframes rdWobble{0%{transform:translateX(-90%)}50%{transform:translateX(90%)}100%{transform:translateX(-90%)}}
@keyframes rdScrolling{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes rdShadow{0%{background-position:-98% 0}100%{background-position:102% 0}}

/* listas das abas do Radar */
.rdRowSub{color:var(--rdFaint);font-weight:400}
.rdRowB h4 a{color:inherit;text-decoration:none}
.rdRowB h4 a:hover{color:var(--rdAcc)}
.rdFit{margin-top:14px;height:2px;max-width:280px;background:rgba(244,243,240,.14);border-radius:2px;overflow:hidden}
.rdFit i{display:block;height:100%;background:var(--c,#5fdba7);border-radius:2px}
.rdEmpty{padding:28px 24px;color:var(--rdFaint);font-size:13.5px}
.rdGallery{display:grid;grid-template-columns:repeat(3,1fr)}
.rdGallery .rdGalleryItem{display:block;border-right:1px solid var(--rdL);border-bottom:1px solid var(--rdL);aspect-ratio:4/3;overflow:hidden}
.rdGallery .rdGalleryItem:nth-child(3n){border-right:0}
.rdGallery .rdGalleryItem img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.rdGallery .rdGalleryItem:hover img{transform:scale(1.04)}
@media (max-width:900px){.rdGallery{grid-template-columns:1fr 1fr}.rdGallery .rdGalleryItem:nth-child(3n){border-right:1px solid var(--rdL)}.rdGallery .rdGalleryItem:nth-child(2n){border-right:0}}


/* salvar no clipping: só a seta/ícone, sem fundo cheio */
.buzzFullInner .rdRowA .rdArw{background:transparent!important;border:1px solid var(--rdL)!important;color:var(--rdDim)!important;box-shadow:none!important;padding:0!important}
.buzzFullInner .rdRowA .rdArw:hover{border-color:var(--rdAcc)!important;color:var(--rdAcc)!important;background:transparent!important}

/* fundo da janela do Radar */
.buzzFullInner{background:#101011!important}
/* marca ao lado do fechar */
.rdMastR{display:flex;align-items:center;gap:14px}
.rdBrand{display:inline-flex;align-items:center;gap:8px;color:var(--rdInk);font-weight:600;font-size:14px;letter-spacing:-.01em}
.rdBrand svg{color:var(--rdAcc)}
/* fontes da descoberta com respiro e ícone colorido, como nas estatísticas */
.rdFeatR h3{margin-bottom:14px}
.rdSrc{grid-template-columns:30px 1fr;gap:14px;padding:16px 0;align-items:center}
.rdSrcIcon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1}
.rdSrcIcon.green{background:#173d31;color:#4fcaa1}
.rdSrcIcon.blue{background:#12294f;color:#5f96f0}
.rdSrcIcon.purple{background:#2d1f4a;color:#b58bf0}
.rdSrcIcon.amber{background:#5a3f14;color:#f0b45f}
.rdSrc b{line-height:1.5}
/* curva do momentum */
.rdSpark{display:block;width:100%;height:40px;margin-top:14px}

/* lista de movimentos dentro do cartão do hub */
.rdListCard{background:#202020;border:1px solid var(--rdL);border-radius:9px;padding:6px}
.rdListBody{background:var(--bg2);border-radius:8px;overflow:hidden}
.rdListCard .rdSecHd{padding:12px 8px}
/* cabeçalho das outras abas sem fundo */
.buzzPanel>.rdPaneHd{background:transparent!important;border:0!important;padding:6px 8px 2px!important;margin-bottom:6px!important}
/* a marca usa a cor dominante só onde faz sentido */
.rdLogo i,.rdFolio,.rdCoverL h1 .hl,.rdRowB .rdRowAct,.rdDo p b{color:var(--rdAccIn)}
.rdFolio::before{background:var(--rdAccIn)}

/* janela enxuta enquanto carrega, crescendo quando o conteúdo chega */
.buzzFullInner{transition:width .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1)}
.buzzFullInner.rdLoadingBox{width:min(360px,92vw)!important;height:320px!important;align-items:center;justify-content:center}
.buzzFullInner.rdLoadingBox .radarLoadingWrap{min-height:0;padding:0}
.buzzFullInner.rdLoadingBox .radarLoadingWrap .loader{--main-size:3.6em;margin-top:22px}
/* logo no título */
.rdLogoMark{display:inline-flex;align-items:center;color:#fff;margin-right:7px;vertical-align:-3px}
.rdLogo{display:inline-flex;align-items:center}
/* gráfico maior: iguala a altura das duas caixas do topo */
.rdSpark{height:76px;margin-top:14px}
.rdPortrait{display:flex;flex-direction:column;justify-content:center;height:100%}
.rdCoverR{height:100%}

.scChkTask{text-transform:capitalize!important}

/* atenção e crescimento compartilham o mesmo laranja, com contraste de leitura */
.rdTag.t-warn{color:#f0a24c;border-color:rgba(240,162,76,.5)}
/* imprensa: a linha ganha a borda na cor dominante da foto */
.buzzPanel[data-panel="imprensa"] .rdRow .rdTag{color:var(--rdAccIn);border-color:var(--rdAccIn)}
.buzzPanel[data-panel="imprensa"] .rdRowB .rdRowAct{color:var(--rdAccIn)}

/* hover de texto no Radar sempre em branco */
.buzzFullInner .rdRow:hover .rdRowB h4,
.buzzFullInner .rdRow:hover .rdRowB p,
.buzzFullInner .rdRow:hover .rdRowB .rdRowAct,
.buzzFullInner .rdRow:hover .rdRowN,
.buzzFullInner .rdRow:hover .rdPct,
.buzzFullInner .rdSrc:hover b,
.buzzFullInner .rdRowB h4 a:hover{color:#fff}

/* importação do Linktree */
.importThemeBox{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--card);border-radius:8px;padding:14px 16px;margin-bottom:16px}
.importSwatches{display:flex;gap:8px}
.importSwatches span{width:26px;height:26px;border-radius:50%;border:1px solid var(--border-hi);display:block}
.importList{display:flex;flex-direction:column;gap:8px}
.importRow{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:8px;padding:10px 12px}
.importCheck{flex:none;margin:0!important;padding:0!important;border-bottom:0!important}
.importThumb{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:none}
.importThumbEmpty{display:grid;place-items:center;background:var(--bg2);color:var(--ink-faint);border:1px solid var(--border-hi)}
.importFields{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;flex:1;min-width:0}
.importFields input{width:100%}
@media (max-width:760px){.importFields{grid-template-columns:1fr}.importRow{align-items:flex-start}}

/* importar lançamento */
.impRelease{display:flex;gap:16px;align-items:flex-start}
.impCover{width:112px;height:112px;flex:none;border-radius:10px;background:var(--card) center/cover;border:1px solid var(--border-hi)}
.impReleaseFields{flex:1;min-width:0}
.impPlatTag{flex:none;min-width:104px;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-dim);border:1.5px solid var(--border-hi);padding:2px 9px}
.importRow input[type="text"]{flex:1;min-width:0}
@media (max-width:760px){.impRelease{flex-direction:column}.impCover{width:96px;height:96px}.importRow{flex-wrap:wrap}}

.impHost{display:flex;gap:8px}
.impHost select{flex:0 0 auto;max-width:210px}
.impHost input{flex:1;min-width:0}
@media (max-width:640px){.impHost{flex-direction:column}.impHost select{max-width:none}}

/* ---- cabeçalho imersivo: foto fixa ao fundo, conteúdo sobe por cima ----
   A foto não acompanha a rolagem; um véu escurece de leve conforme o conteúdo
   sobe e clareia de novo quando volta pro topo. */
.pubStagePhoto,.pubStageVeil{display:none}
.theme-layout-imersivo{position:relative;padding-top:0!important}
.theme-layout-imersivo .pubStagePhoto{display:block;position:fixed;inset:0;background-position:center;background-size:cover;z-index:0;}
.theme-layout-imersivo .pubStageVeil{display:block;position:fixed;inset:0;z-index:1;pointer-events:none;
  /* a foto some na cor de fundo do site, não no preto: as três paradas usam --bg
     e a rolagem só aumenta o quanto dela cobre a imagem */
  /* a foto entra na cor de destaque e termina na cor de fundo da página */
  background:linear-gradient(180deg,
    transparent 0%,
    color-mix(in srgb, var(--accent,#2665d6) 30%, transparent) 34%,
    color-mix(in srgb, var(--accent,#2665d6) 62%, var(--bg,#0a0b0d)) 66%,
    var(--bg,#0a0b0d) 100%);
  opacity:calc(.18 + var(--imersivo-scroll,0) * .82);transition:opacity .18s linear}
.theme-layout-imersivo .pubContentContainer{position:relative;z-index:2;padding-top:min(62vh,520px)}
.theme-layout-imersivo .pubAvatar{display:none}
.theme-layout-imersivo .pubName{text-shadow:0 2px 18px rgba(0,0,0,.55)}
.theme-layout-imersivo .pubTag{text-shadow:0 1px 12px rgba(0,0,0,.5)}
.theme-layout-imersivo .pubLinks,.theme-layout-imersivo .pubOtherPages,.theme-layout-imersivo .pubBioFoot,
.theme-layout-imersivo .desktopUnified{position:relative;z-index:2}
/* atrás do primeiro botão o fundo já é sólido, pra leitura não competir com a foto */
.theme-layout-imersivo .pubLinks::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:-40px;width:100vw;height:calc(100% + 80px);
  background:linear-gradient(180deg,transparent 0,var(--bg,#0a0b0d) 40px);z-index:-1;pointer-events:none}
@media (max-width:760px){.theme-layout-imersivo .pubContentContainer{padding-top:min(56vh,420px)}}
@media (prefers-reduced-motion:reduce){.theme-layout-imersivo .pubStageVeil{transition:none}}

/* ===== CABEÇALHOS: dez arranjos de foto, nome e frase =====
   Todos usam só os tokens da página (--accent, --bg, --ink) e reordenam os
   mesmos elementos do herói: .pubAvatar, .pubName, .pubTag, .pubSocials. */

/* faixa: nome sobre um bloco de destaque, foto pequena acima */
.theme-layout-faixa{padding-top:44px}
.theme-layout-faixa .pubAvatar{width:64px;height:64px;margin-bottom:16px}
.theme-layout-faixa .pubName{display:inline-block;background:var(--accent);color:var(--bg);padding:6px 16px;border-radius:6px;font-size:clamp(24px,6vw,34px);line-height:1.15;margin:0}
.theme-layout-faixa .pubTag{margin-top:14px;font-size:14px}

/* lateral: foto quadrada à esquerda, nome e frase à direita */
.theme-layout-lateral{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;text-align:left;padding-top:44px}
.theme-layout-lateral .pubAvatar{grid-row:1 / span 2;width:88px;height:88px;border-radius:12px;margin:0}
.theme-layout-lateral .pubName{grid-column:2;margin:0;font-size:clamp(22px,5.4vw,30px);line-height:1.2}
.theme-layout-lateral .pubTag{grid-column:2;margin:6px 0 0;font-size:13.5px}
.theme-layout-lateral .pubSocials{grid-column:1 / -1;justify-content:flex-start;margin-top:20px}
.theme-layout-lateral .pubLinks,.theme-layout-lateral .pubOtherPages,.theme-layout-lateral .pubBioFoot{grid-column:1 / -1;text-align:center}
@media (min-width:760px){.theme-layout-lateral{max-width:640px;margin:0 auto}.theme-layout-lateral .pubAvatar{width:112px;height:112px}}

/* moldura: foto emoldurada com o nome apoiado na base */
.theme-layout-moldura{padding-top:40px}
.theme-layout-moldura .pubAvatar{width:min(300px,72vw);height:min(300px,72vw);border-radius:14px;border:8px solid var(--accent);margin:0 auto -26px;position:relative;z-index:1}
.theme-layout-moldura .pubName{position:relative;z-index:2;display:inline-block;background:var(--bg);border:1px solid var(--border,rgba(255,255,255,.14));border-radius:8px;padding:8px 18px;font-size:clamp(20px,5vw,26px);margin:0}
.theme-layout-moldura .pubTag{margin-top:14px}

/* cápsula: foto grande e o nome numa pílula de destaque */
.theme-layout-capsula{padding-top:48px}
.theme-layout-capsula .pubAvatar{width:min(210px,58vw);height:min(210px,58vw);border-radius:50%;box-shadow:0 0 0 2px var(--accent),0 0 0 12px color-mix(in srgb,var(--accent) 18%,transparent);margin-bottom:26px}
.theme-layout-capsula .pubName{display:inline-block;border:1.5px solid var(--accent);color:var(--accent);border-radius:100px;padding:8px 22px;font-size:clamp(19px,4.6vw,24px);margin:0}
.theme-layout-capsula .pubTag{margin-top:14px;font-size:14px}

/* revista: nome grande atravessando a foto */
.theme-layout-revista{padding-top:0;position:relative}
.theme-layout-revista .pubAvatar{width:100%;max-width:none;height:min(360px,54vh);border-radius:0;background-size:cover;background-position:center;margin:0}
.theme-layout-revista .pubName{position:relative;margin:-34px 0 0;padding:0 18px;font-size:clamp(34px,11vw,64px);font-weight:900;line-height:.92;letter-spacing:-.03em;text-shadow:0 4px 24px rgba(0,0,0,.5);mix-blend-mode:normal}
.theme-layout-revista .pubTag{margin-top:14px;padding:0 18px}
@media (min-width:760px){.theme-layout-revista .pubAvatar{height:420px}.theme-layout-revista .pubName{font-size:76px;margin-top:-48px}}

/* etiqueta: nome à esquerda, frase numa etiqueta mono à direita */
.theme-layout-etiqueta{text-align:left;padding-top:46px}
.theme-layout-etiqueta .pubAvatar{width:56px;height:56px;margin:0 0 18px}
.theme-layout-etiqueta .pubName{margin:0;font-size:clamp(26px,7vw,40px);line-height:1.05;letter-spacing:-.02em}
.theme-layout-etiqueta .pubTag{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--accent);color:var(--accent);border-radius:4px;padding:5px 10px}
.theme-layout-etiqueta .pubSocials{justify-content:flex-start;margin-top:22px}
.theme-layout-etiqueta .pubLinks,.theme-layout-etiqueta .pubOtherPages,.theme-layout-etiqueta .pubBioFoot{text-align:center}
@media (min-width:760px){.theme-layout-etiqueta{max-width:640px;margin:0 auto}}

/* duo: foto e nome separados por um filete de destaque */
.theme-layout-duo{display:flex;align-items:center;gap:18px;text-align:left;padding-top:46px;flex-wrap:wrap}
.theme-layout-duo .pubAvatar{width:76px;height:76px;margin:0;flex:none}
.theme-layout-duo .pubName{margin:0;padding-left:18px;border-left:3px solid var(--accent);font-size:clamp(21px,5.2vw,28px);line-height:1.2;flex:1;min-width:0}
.theme-layout-duo .pubTag{flex:1 1 100%;margin:12px 0 0;font-size:13.5px}
.theme-layout-duo .pubSocials{flex:1 1 100%;justify-content:flex-start;margin-top:18px}
.theme-layout-duo .pubLinks,.theme-layout-duo .pubOtherPages,.theme-layout-duo .pubBioFoot{flex:1 1 100%;text-align:center}
@media (min-width:760px){.theme-layout-duo{max-width:640px;margin:0 auto}}

/* mono: só tipografia */
.theme-layout-mono{padding-top:70px}
.theme-layout-mono .pubAvatar{display:none}
.theme-layout-mono .pubName{margin:0;font-size:clamp(30px,8vw,46px);line-height:1.02;letter-spacing:-.03em}
.theme-layout-mono .pubTag{margin-top:18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim,inherit)}
.theme-layout-mono .pubTag::after{content:"";display:block;width:52px;height:2px;background:var(--accent);margin:18px auto 0}

/* selo: foto pequena com anel duplo */
.theme-layout-selo{padding-top:52px}
.theme-layout-selo .pubAvatar{width:104px;height:104px;border-radius:50%;border:2px solid var(--accent);outline:1px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:6px;margin-bottom:22px}
.theme-layout-selo .pubName{margin:0;font-size:clamp(22px,5.6vw,30px);letter-spacing:-.01em}
.theme-layout-selo .pubTag{margin-top:12px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}

/* vitrine: banner largo com nome e frase sobre a foto */
.theme-layout-vitrine{padding:0;position:relative}
.theme-layout-vitrine .pubAvatar{width:100%;max-width:none;height:min(300px,46vh);border-radius:0;background-size:cover;background-position:center;margin:0;display:block}
.theme-layout-vitrine .pubName,.theme-layout-vitrine .pubTag{position:relative;z-index:2;padding:0 20px}
.theme-layout-vitrine .pubName{margin:-96px 0 0;font-size:clamp(26px,7vw,38px);line-height:1.1;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.theme-layout-vitrine .pubTag{margin:8px 0 0;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.theme-layout-vitrine .pubSocials{margin-top:24px}
.theme-layout-vitrine::after{content:"";position:absolute;left:0;right:0;top:0;height:min(300px,46vh);z-index:1;pointer-events:none;
  background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--bg) 78%,transparent) 82%,var(--bg) 100%)}
@media (min-width:760px){
  .theme-layout-vitrine .pubAvatar,.theme-layout-vitrine::after{height:340px}
  .theme-layout-vitrine .pubName{margin-top:-110px}
}
.theme-layout-moldura .pubAvatar,.theme-layout-capsula .pubAvatar,.theme-layout-lateral .pubAvatar,.theme-layout-selo .pubAvatar{background-size:cover;background-position:center}

/* a foto nunca encosta nos botões de marca e compartilhar */
.pubHero .pubAvatar{margin-top:max(var(--pub-avatar-top,0px),0px)}
.pubHero:not(.theme-layout-revista):not(.theme-layout-vitrine):not(.theme-layout-floating):not(.theme-layout-banner){--pub-avatar-top:8px}
.theme-layout-revista .pubAvatar,.theme-layout-vitrine .pubAvatar{margin-top:0}
.theme-layout-revista,.theme-layout-vitrine{padding-top:0}
.theme-layout-revista .pubBrandBadge,.theme-layout-revista .pubShareBtn,
.theme-layout-vitrine .pubBrandBadge,.theme-layout-vitrine .pubShareBtn{top:16px}

/* ===== FORMATOS INDEPENDENTES: foto, nome, frase e botões do rodapé =====
   Cada família tem seu prefixo e um alinhamento próprio, aplicados por cima do
   arranjo do cabeçalho. */
/* --- foto --- */
.ph-circulo .pubAvatar{border-radius:50%}
.ph-quadrada .pubAvatar{border-radius:0}
.ph-arredondada .pubAvatar{border-radius:16px}
.ph-moldura .pubAvatar{border-radius:12px;border:6px solid var(--accent)}
.ph-anel .pubAvatar{border-radius:50%;border:2px solid var(--accent);outline:1px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:6px}
.ph-sombra .pubAvatar{border-radius:50%;box-shadow:0 18px 40px -18px rgba(0,0,0,.75),0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent)}
.ph-grande .pubAvatar{width:min(220px,60vw);height:min(220px,60vw);border-radius:50%}
.ph-pequena .pubAvatar{width:64px;height:64px;border-radius:50%}
.ph-banner .pubAvatar{width:100%;max-width:none;height:min(260px,40vh);border-radius:0;background-size:cover;background-position:center;margin-left:0;margin-right:0}
.ph-oculta .pubAvatar{display:none}
.pha-left .pubAvatar{margin-left:0;margin-right:auto}
.pha-center .pubAvatar{margin-left:auto;margin-right:auto}
.pha-right .pubAvatar{margin-left:auto;margin-right:0}
/* --- nome --- */
.nm-normal .pubName{}
.nm-grande .pubName{font-size:clamp(30px,8vw,48px);line-height:1.02;letter-spacing:-.03em}
.nm-faixa .pubName{display:inline-block;background:var(--accent);color:var(--bg);padding:6px 16px;border-radius:6px}
.nm-pilula .pubName{display:inline-block;border:1.5px solid var(--accent);color:var(--accent);border-radius:100px;padding:8px 22px}
.nm-vazado .pubName{color:transparent;-webkit-text-stroke:1.4px var(--ink);font-size:clamp(30px,8vw,48px);letter-spacing:-.03em}
.nm-caixa .pubName{text-transform:uppercase;letter-spacing:.14em;font-size:clamp(18px,4.6vw,26px)}
.nm-filete .pubName{display:inline-block;padding-bottom:10px;border-bottom:3px solid var(--accent)}
.nm-lateral .pubName{display:inline-block;padding-left:16px;border-left:3px solid var(--accent);text-align:left}
.nm-sublinha .pubName{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:6px}
.nm-oculto .pubName{display:none}
.nma-left .pubName{text-align:left}
.nma-center .pubName{text-align:center}
.nma-right .pubName{text-align:right}
/* --- frase curta --- */
.tg-normal .pubTag{}
.tg-mono .pubTag{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
.tg-etiqueta .pubTag{display:inline-block;border:1px solid var(--accent);color:var(--accent);border-radius:4px;padding:5px 10px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.tg-serif .pubTag{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:clamp(16px,4vw,21px)}
.tg-filete .pubTag::after{content:"";display:block;width:52px;height:2px;background:var(--accent);margin-top:16px}
.tg-destaque .pubTag{color:var(--accent);font-weight:600}
.tg-grande .pubTag{font-size:clamp(16px,4.2vw,20px);line-height:1.5}
.tg-oculta .pubTag{display:none}
.tga-left .pubTag{text-align:left}
.tga-left .tg-filete .pubTag::after,.tga-left.tg-filete .pubTag::after{margin-left:0;margin-right:auto}
.tga-center .pubTag{text-align:center}
.tga-center.tg-filete .pubTag::after{margin-left:auto;margin-right:auto}
.tga-right .pubTag{text-align:right}
.tga-right.tg-filete .pubTag::after{margin-left:auto;margin-right:0}
/* --- botões do rodapé (redes sociais) --- */
.ft-circulo .pubSocials a{border-radius:50%}
.ft-quadrado .pubSocials a{border-radius:0}
.ft-arredondado .pubSocials a{border-radius:10px}
.ft-contorno .pubSocials a{background:transparent!important;border:1.5px solid color-mix(in srgb,var(--ink) 30%,transparent)}
.ft-contorno .pubSocials a:hover{border-color:var(--accent);color:var(--accent)}
.ft-cheio .pubSocials a{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--bg)!important}
.ft-linha .pubSocials{gap:22px}
.ft-linha .pubSocials a{background:transparent!important;border:0!important;width:auto;height:auto}
.ft-largo .pubSocials a{width:52px;height:52px}
.ft-oculto .pubSocials{display:none}
.fta-left .pubSocials{justify-content:flex-start}
.fta-center .pubSocials{justify-content:center}
.fta-right .pubSocials{justify-content:flex-end}

/* formato + alinhamento na mesma linha */
.fmtRow{display:flex;gap:8px;align-items:center}
.fmtRow select{flex:1;min-width:0}
.alignGroup{display:flex;gap:2px;flex:none;background:var(--bg2);border:1px solid var(--border-hi);border-radius:8px;padding:2px}
.alignBtn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink-faint);border-radius:6px;cursor:pointer;padding:0;line-height:0;transition:.15s}
.alignBtn:hover{color:var(--ink);background:#202020}
.alignBtn.on{background:var(--accent-strong,#0d47c0);color:#fff}
@media (max-width:560px){.fmtRow{flex-wrap:wrap}.fmtRow select{flex:1 1 100%}}

/* o fundo da página acompanha o conteúdo inteiro, não só a primeira dobra */
html:has(.pubHero){background:inherit}
body:has(.pubHero){min-height:100dvh}
body:has(.pubHero) .pubHero{min-height:100dvh}
/* botões da lista de páginas seguem o formato escolhido, mantendo o desenho do link */
.ft-circulo .pubOtherPages a{border-radius:100px}
.ft-quadrado .pubOtherPages a{border-radius:0}
.ft-arredondado .pubOtherPages a{border-radius:12px}
.ft-contorno .pubOtherPages a{background:transparent!important;border:1.5px solid color-mix(in srgb,var(--ink) 30%,transparent)}
.ft-contorno .pubOtherPages a:hover{border-color:var(--accent);color:var(--accent)}
.ft-cheio .pubOtherPages a{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--bg)!important}
.ft-linha .pubOtherPages a{background:transparent!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)!important;border-radius:0!important}
.ft-largo .pubOtherPages a{padding-top:20px;padding-bottom:20px;font-size:1.05em}
.ft-oculto .pubOtherPages{display:none}

/* container sem cor definida fica realmente transparente */
.pubContentContainer:not([style*="background-color"]):not([style*="--container-bg"]){background-color:transparent}

/* ===== NOMES ANIMADOS =====
   Todas as cores saem do tema: --accent (destaque), --ink (texto) e --bg (fundo).
   A segunda cor do par é o destaque girado no matiz, pra ter contraste sem
   inventar cor nova. */
.pubHero{--nm-alt:oklch(from var(--accent) l c calc(h + 150))}
@supports not (color:oklch(from #000 l c h)){.pubHero{--nm-alt:var(--ink)}}

/* 1. sombras dançantes */
.nm-sombras .pubName{color:var(--ink);animation:nmSombras 2s infinite}
@keyframes nmSombras{
  0%,100%{text-shadow:5px 5px 0 var(--accent),10px 10px 0 var(--nm-alt)}
  50%{text-shadow:-5px -5px 0 var(--nm-alt),-10px -10px 0 var(--accent)}
}

/* 2. derretido em degradê */
.nm-derretido .pubName{background:linear-gradient(90deg,var(--accent),var(--nm-alt),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;animation:nmDerrete 3s infinite ease-in-out}
@keyframes nmDerrete{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}

/* 3. glitch com chuva */
.nm-glitch .pubName{position:relative;color:var(--accent);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent),0 0 30px color-mix(in srgb,var(--accent) 30%,transparent);isolation:isolate}
.nm-glitch .pubName::before{content:attr(data-nome);position:absolute;inset:0;color:var(--nm-alt);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:nmGlitch 2s infinite;pointer-events:none}
.nm-glitch .pubName::after{content:"";position:absolute;inset:-6px;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--accent) 14%,transparent) 0,color-mix(in srgb,var(--accent) 22%,transparent) 2px,transparent 4px);
  animation:nmChuva 6s linear infinite;mask-image:linear-gradient(180deg,transparent,#000 40%,transparent)}
@keyframes nmGlitch{
  0%,100%{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(0)}
  33%{clip-path:polygon(0 0,100% 0,100% 15%,0 15%);transform:translate(-4px,-4px)}
  66%{clip-path:polygon(0 85%,100% 85%,100% 100%,0 100%);transform:translate(4px,4px)}
}
@keyframes nmChuva{0%{transform:translateY(-40%)}100%{transform:translateY(40%)}}

/* 4. preenchido com a foto do perfil */
.nm-mascara .pubName{color:transparent;-webkit-text-fill-color:transparent;
  background-image:var(--nm-foto,linear-gradient(90deg,var(--accent),var(--nm-alt)));
  background-size:200%;background-position:0 50%;-webkit-background-clip:text;background-clip:text;
  font-weight:800;animation:nmMascara 6s infinite alternate linear}
@keyframes nmMascara{0%{background-position:0 50%}100%{background-position:100% 50%}}

/* 5. neon pulsante */
.nm-neon .pubName{color:var(--ink);animation:nmNeon 1.6s infinite alternate}
@keyframes nmNeon{
  0%{text-shadow:0 0 5px var(--accent),0 0 10px var(--accent),0 0 22px var(--accent),0 0 44px color-mix(in srgb,var(--accent) 70%,transparent)}
  100%{text-shadow:0 0 8px var(--nm-alt),0 0 18px var(--nm-alt),0 0 38px var(--nm-alt),0 0 76px color-mix(in srgb,var(--nm-alt) 60%,transparent)}
}

/* 6. letras em onda */
.nm-onda .pubName span.nmL{display:inline-block;animation:nmOnda 2s ease-in-out infinite}
.nm-onda .pubName span.nmL:nth-child(2n){animation-delay:.15s}
.nm-onda .pubName span.nmL:nth-child(3n){animation-delay:.3s}
.nm-onda .pubName span.nmL:nth-child(4n){animation-delay:.45s}
.nm-onda .pubName span.nmL:nth-child(5n){animation-delay:.6s}
@keyframes nmOnda{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* 7. sombras empilhadas */
.nm-empilhado .pubName{text-transform:uppercase;letter-spacing:.18rem;color:var(--accent);animation:nmEmpilha 1.4s ease-in infinite}
@keyframes nmEmpilha{
  0%{text-shadow:none}
  20%{transform:translate(-4px,-4px);text-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 78%,var(--bg))}
  40%{transform:translate(-8px,-8px);text-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 78%,var(--bg)),6px 6px 0 color-mix(in srgb,var(--accent) 56%,var(--bg))}
  50%,60%{transform:translate(-10px,-10px);text-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 78%,var(--bg)),6px 6px 0 color-mix(in srgb,var(--accent) 56%,var(--bg)),9px 9px 0 color-mix(in srgb,var(--accent) 34%,var(--bg))}
  80%{text-shadow:3px 3px 0 color-mix(in srgb,var(--accent) 78%,var(--bg))}
  100%{text-shadow:none}
}

/* 8. letreiro em perspectiva */
.nm-letreiro .pubName{display:block;max-width:100%;overflow:hidden;white-space:nowrap;position:relative;
  background:color-mix(in srgb,var(--accent) 16%,var(--bg));border-radius:8px;padding:14px 0;
  transform:perspective(360px) rotateX(6deg);color:var(--accent)}
.nm-letreiro .pubName span.nmMarq{display:inline-block;padding-left:100%;animation:nmLetreiro 9s linear infinite}
@keyframes nmLetreiro{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

@media (prefers-reduced-motion:reduce){
  .nm-sombras .pubName,.nm-derretido .pubName,.nm-glitch .pubName::before,.nm-glitch .pubName::after,
  .nm-mascara .pubName,.nm-neon .pubName,.nm-onda .pubName span.nmL,.nm-empilhado .pubName,
  .nm-letreiro .pubName span.nmMarq{animation:none}
}

.pubShareBtn,.pubBrandBadge{position:fixed!important;top:calc(20px + env(safe-area-inset-top,0px))!important;bottom:auto!important;z-index:40;
  width:36px!important;height:36px!important;min-width:36px;min-height:36px;padding:0!important;margin:0!important;box-sizing:border-box;border-radius:50%!important;
  display:inline-flex!important;align-items:center;justify-content:center;line-height:0}
.pubShareBtn{right:20px!important;left:auto!important}
.pubBrandBadge{left:20px!important;right:auto!important}
.pubShareBtn svg,.pubBrandBadge svg{display:block}
/* 2) miniatura sempre cheia, mesmo em foto em pé */
.pubLinkThumb{object-fit:cover!important;object-position:center;background:none!important;display:block}
/* 3) miniatura acima do texto, por link */
.pubLinkRow.thumb-top,.pubLinkRowMain.thumb-top{flex-direction:column!important;align-items:center!important;gap:8px;text-align:center}
.thumb-top .pubLinkThumb{width:40px!important;height:40px!important;flex:none}
.link-thumb-circle .thumb-top .pubLinkThumb{border-radius:50%}
.pubLinkRow.thumb-top .pubLinkRowMain{width:100%}
.thumb-top .pubLinkText{text-align:center;align-items:center}
.links-left .thumb-top .pubLinkText{text-align:left;align-items:flex-start}
/* 4) frase curta com a mesma cara do título */
/* frase com cara de botão: herda as regras de .pubLinkRow (fundo, borda, raio,
   sombra e o formato escolhido) e só ajusta a tipografia e o miolo */
.pubTagBtn{width:100%;max-width:480px;margin:0 auto 32px!important;min-height:auto;padding:14px 18px;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:14.5px;font-weight:600;line-height:1.3;color:var(--link-text,var(--ink))!important;opacity:1}
.links-left .pubTagBtn{text-align:left;justify-content:flex-start}

/* nome com respiro: o peso da fonte vai e volta. Uso as fontes variáveis que já
   carregamos (Inter e as demais do Google), então não entra arquivo novo. */
@font-face{font-family:'RespiroVF';src:url("https://garet.typeforward.com/assets/fonts/shared/TFMixVF.woff2") format('woff2');font-display:swap}
.nm-respiro .pubName{
  font-family:'RespiroVF',var(--sans-ui),sans-serif;
  background:none!important;-webkit-text-fill-color:currentColor;color:var(--ink);
  font-variation-settings:'wght' 100;font-weight:100;
  animation:nmRespiro 3s ease-in-out infinite;
  will-change:font-variation-settings;
}
@keyframes nmRespiro{
  from,to{font-variation-settings:'wght' 100}
  50%{font-variation-settings:'wght' 900}
}
@media (prefers-reduced-motion:reduce){.nm-respiro .pubName{animation:none;font-variation-settings:'wght' 500;font-weight:500}}

/* thumb do YouTube em 4:3 tem tarja gravada: recorto no eixo vertical */
.pubLinkThumb[src*="hqdefault"],.pubLinkThumb[src*="mqdefault"],.pubLinkThumb[src*="sddefault"]{clip-path:inset(12.5% 0 12.5% 0);transform:scale(1.34)}

/* formatos da miniatura dos links */
.link-thumb-rounded .pubLinkThumb{border-radius:12px}
.link-thumb-wide .pubLinkThumb{width:64px!important;height:36px!important;border-radius:8px}
.link-thumb-large .pubLinkThumb{width:56px!important;height:56px!important;border-radius:10px}
.link-thumb-ring .pubLinkThumb{border-radius:50%;border:2px solid var(--accent);outline:1px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:3px}
.link-thumb-shadow .pubLinkThumb{border-radius:10px}
/* na posição de cima, o formato continua valendo */
.link-thumb-wide .thumb-top .pubLinkThumb{width:64px!important;height:36px!important}
.link-thumb-large .thumb-top .pubLinkThumb{width:56px!important;height:56px!important}

/* link em destaque: cor do tema, brilho e um selo, pra não passar despercebido */
.pubLinkRow.hot{
  position:relative;
  border:2px solid var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 16%,var(--link-bg-color,transparent))!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent),0 14px 30px -14px color-mix(in srgb,var(--accent) 70%,transparent)!important;
  transform:scale(1.015);
  z-index:2;
}
.pubLinkRow.hot .pubLinkText b{font-weight:800}
.pubLinkRow.hot::after{
  content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;
  box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent);
  animation:pubHotPulse 2.4s ease-out infinite;
}
@keyframes pubHotPulse{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 50%,transparent)}
  70%{box-shadow:0 0 0 12px transparent}
  100%{box-shadow:0 0 0 0 transparent}
}
.pubLinkRow.hot .pubLinkThumb{box-shadow:0 0 0 2px var(--accent)}
@media (prefers-reduced-motion:reduce){.pubLinkRow.hot::after{animation:none}.pubLinkRow.hot{transform:none}}

/* glifos do Simple Icons: nos estilos que não são "marca", herdam a cor do tema */
.glyphLineIcon svg path,.glyphBoldIcon svg path,.glyphBadgeIcon svg path,.glyphPunchIcon svg path{fill:currentColor}
.pubSocials svg{width:100%;height:100%;display:block}
.glyphBrandIcon svg,.glyphLineIcon svg,.glyphBoldIcon svg,.glyphBadgeIcon svg,.glyphPunchIcon svg{width:52%;height:52%;margin:auto}

/* formatos da miniatura: o raio precisa vencer a regra base */
.link-thumb-square .pubLinkThumb{border-radius:8px!important}
.link-thumb-circle .pubLinkThumb{border-radius:50%!important}
.link-thumb-rounded .pubLinkThumb{border-radius:12px!important}
.link-thumb-wide .pubLinkThumb{border-radius:8px!important}
.link-thumb-large .pubLinkThumb{border-radius:10px!important}
.link-thumb-ring .pubLinkThumb{border-radius:50%!important}
.link-thumb-shadow .pubLinkThumb{border-radius:10px!important}
/* todos ganham a mesma sombra suave, pra descolar do fundo */
.link-thumb-square .pubLinkThumb,.link-thumb-circle .pubLinkThumb,.link-thumb-rounded .pubLinkThumb,
.link-thumb-wide .pubLinkThumb,.link-thumb-large .pubLinkThumb,.link-thumb-ring .pubLinkThumb{
  box-shadow:0 4px 10px -6px rgba(0,0,0,.55)}
/* sombra sólida: bloco deslocado, sem desfoque, na cor da borda do botão */
.link-thumb-shadow .pubLinkThumb{box-shadow:4px 4px 0 var(--link-border,color-mix(in srgb,var(--ink) 32%,transparent))!important}
/* anel na mesma cor da borda do botão */
.link-thumb-ring .pubLinkThumb{border-color:var(--link-border,color-mix(in srgb,var(--ink) 32%,transparent))!important;
  outline-color:color-mix(in srgb,var(--link-border,var(--ink)) 55%,transparent)!important;box-shadow:none!important}

/* sombra leve na miniatura (opcional) */
.thumb-soft .pubLinkThumb{box-shadow:0 4px 12px -6px rgba(0,0,0,.6)!important}

/* frase curta: a caixa acompanha só a altura do texto */
.format-bento .pubTag{min-height:auto!important}

/* e-mail: envelope no lugar da miniatura, no estilo da página */
.pubLinkThumbGlyph{display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--link-text-color,var(--ink)) 12%,transparent);
  color:var(--link-text-color,var(--ink))}
.pubLinkThumbGlyph svg{width:56%;height:56%}

/* player sem rótulo/legenda: sem espaço de legenda e encostado no vizinho, pra dar
   pra empilhar um vídeo e um player de música juntinhos */
.pubEmbedBare{margin-bottom:8px!important}
.pubEmbedBare .cap{display:none}
.pubEmbedBare + .pubEmbedBare{margin-top:0!important}

/* rodapé das páginas públicas: assinatura, privacidade e reportar erro */
.pubFootLinks{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;line-height:1.6;margin-top:18px}
.pubFootLinks a,.pubFootBtn,.pubFootSep{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.04em;text-decoration:none;background:none;border:0;padding:0;
  color:color-mix(in srgb,var(--ink,#eef0f2) 55%,transparent)}
.pubFootBtn{cursor:pointer}
.pubFootSep{opacity:.5}
.pubFootLinks a:hover,.pubFootBtn:hover{color:var(--ink,#eef0f2);text-decoration:underline}
/* dialog de reportar erro */
/* etiquetas com o tom escuro que a dialog tinha antes */
.pubReportDialog .pubReportTag{background:#17181c;border-color:#17181c;color:#f2f2f4}
.pubReportDialog .pubReportTag:hover{background:#2665d6;border-color:#2665d6;color:#fff}
.pubReportDialog .pubReportChosen{color:#15161a}
.pubReportDialog .pubReportChange{color:#7a7d87}
.pubReportDialog .pubReportChange:hover{color:#15161a}
.pubReportDialog .pubReportStatus{color:#7a7d87!important;flex:1;margin:0!important}
.pubReportDialog .pubReportGhost{border-color:#dcdee4;color:#15161a}
.pubReportDialog .pubReportSend{background:#15161a;color:#fff}
.pubReportDialog::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

.pubFootReport{cursor:pointer}
