/* Etapa 6 — corrections scoped to the established TubeDirector design. */
/* The planning empty state previously inherited the seven-column grid and occupied only column 1. */
#page-planejamento #weekGrid:has(> .fresh-empty){display:flex!important;min-width:0!important;align-items:center;justify-content:center;min-height:340px;width:100%;}
#page-planejamento #weekGrid > .fresh-empty{width:min(100%,440px);max-width:none;margin:auto;text-align:center;min-height:260px;}
#page-planejamento .week-scroll:has(#weekGrid > .fresh-empty){overflow:hidden;padding:0;margin:0;}
/* Reusable empty states in panels and lists. */
#page-canais .fresh-channel-no-results,#page-canais .fresh-channel-no-results .fresh-empty{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-inline:auto;}
#page-producao .fresh-stage-empty,#page-producao .fresh-stage-empty .fresh-empty{min-width:0;width:100%;text-align:center;margin-inline:auto;}
/* Modal paint + scrollbar. Border radius is applied to the actual scroll container, not a pseudo-element. */
#modalBackdrop .v4-modal{border-radius:26px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(126,144,230,.72) transparent;overscroll-behavior:contain;background-clip:padding-box;}
#modalBackdrop .v4-modal::-webkit-scrollbar{width:9px}
#modalBackdrop .v4-modal::-webkit-scrollbar-track{background:transparent;margin-block:24px}
#modalBackdrop .v4-modal::-webkit-scrollbar-thumb{border-radius:12px;border:2px solid #111a42;background:linear-gradient(#669bff,#9348d4)}
#modalBackdrop .fresh-form textarea,#modalBackdrop .fresh-form input,#modalBackdrop .fresh-form select{color:#f6f7ff!important;background:linear-gradient(115deg,rgba(8,20,54,.97),rgba(21,21,61,.95))!important;border:1px solid rgba(130,166,243,.42)!important;border-radius:12px;min-width:0;box-shadow:inset 0 1px 5px rgba(0,0,0,.14)}
#modalBackdrop .fresh-form textarea{font:inherit;line-height:1.65;display:block;resize:vertical;width:100%;min-height:85px;padding:13px 15px}
#modalBackdrop .fresh-form textarea::placeholder,#modalBackdrop .fresh-form input::placeholder{color:#899bc5}
#modalBackdrop .fresh-form textarea:focus,#modalBackdrop .fresh-form input:focus,#modalBackdrop .fresh-form select:focus{outline:2px solid rgba(57,226,255,.72);outline-offset:1px}
#modalBackdrop .fresh-edit-avatar,#modalBackdrop .fresh-edit-avatar-aligned{display:flex;align-items:center;gap:13px;min-width:0}
#modalBackdrop .fresh-edit-avatar .fresh-avatar,#modalBackdrop .fresh-edit-avatar .fresh-avatar-wrapper{width:43px;height:43px;flex:0 0 43px}
#modalBackdrop .fresh-edit-avatar > div{min-width:0;flex:1}
/* Fix decoration repaint flicker: avoid hover scale/brightness on large liquid-glass surfaces. */
@media (hover:hover) and (pointer:fine){
  .v4-primary:hover,.v4-secondary:hover,.channel-settings-button:hover,.channel-chooser-trigger:hover,.channel-choice:hover,.channel-admin-card:hover,.kanban-card:hover,.settings-nav button:hover,.v4-tab-row button:hover,.notification-popover button:hover,.profile-menu-actions button:hover{transform:none!important;filter:none!important}
  .v4-primary:hover,.v4-secondary:hover,.channel-settings-button:hover,.channel-chooser-trigger:hover{box-shadow:0 0 20px rgba(100,142,255,.25),inset 0 1px 8px rgba(255,255,255,.12)}
  .v4-primary svg,.v4-secondary svg,.icon-round svg,.side-nav .nav-item svg{transition:transform .2s cubic-bezier(.23,.8,.25,1.1)}
  .v4-primary:hover svg,.v4-secondary:hover svg,.icon-round:hover svg,.side-nav .nav-item:hover svg{transform:scale(1.08)}
}
/* Explicitly remove the transparent accent layers which could bleed into adjacent panels. */
.kpi-strip::before,.performance-panel::before{clip-path:inset(0 round 19px)}
.kpi-strip,.performance-panel{overflow:hidden;isolation:isolate}
/* Orb: fixed Saturn-like rings, only luminous travelers move; no rotating full ovals. */
.orb-scene .td-orbit-arc{top:50%!important;width:430px!important;height:145px!important;transform:translate(-50%,-50%) rotate(-13deg)!important;filter:none!important;box-shadow:0 0 13px rgba(87,167,255,.17)!important}
.orb-scene .td-orbit-arc.back{z-index:1!important;border-top:2px solid rgba(193,98,255,.67)!important;clip-path:inset(0 0 48% 0)!important}
.orb-scene .td-orbit-arc.front{z-index:7!important;border-bottom:2px solid rgba(39,236,255,.9)!important;clip-path:inset(48% 0 0 0)!important}
.orb-scene .td-orbit-orbiting-dot{top:50%!important;offset-path:none!important;animation:none!important;opacity:0!important}
.orb-scene .td-orbit-arc.front::after,.orb-scene .td-orbit-arc.back::after{content:"";position:absolute;pointer-events:none;width:8px;height:8px;border-radius:100%;background:#e8ffff;box-shadow:0 0 10px 3px #49eaff,0 0 24px #a25cff;left:50%;top:50%;transform-origin:0 0;animation:td-orbit-travel 11s linear infinite}
.orb-scene .td-orbit-arc.back::after{animation-delay:-4.8s;background:#ffd8ff;width:5px;height:5px}
@keyframes td-orbit-travel{from{transform:translate(-50%,-50%) translateX(212px) scale(.5)}25%{transform:translate(-50%,-50%) translateY(-70px) scale(1)}50%{transform:translate(-50%,-50%) translateX(-212px) scale(.7)}75%{transform:translate(-50%,-50%) translateY(70px) scale(1.1)}to{transform:translate(-50%,-50%) translateX(212px) scale(.5)}}
@media(prefers-reduced-motion:reduce){.orb-scene .td-orbit-arc::after{animation:none!important}}
/* Extra calendar date button */
#manageScheduleExceptions.td-add-card{min-height:43px;padding:0 15px;border-radius:25px;border:1px solid rgba(84,234,254,.52);background:linear-gradient(110deg,rgba(30,114,177,.58),rgba(126,53,196,.55));color:white;font-weight:750;white-space:nowrap;box-shadow:0 0 20px rgba(37,151,250,.12)}
#manageScheduleExceptions.td-add-card:hover{border-color:#91f4ff;box-shadow:0 0 17px rgba(74,190,255,.26)}
.td-diagnostic #tdDiagnosticResult{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid rgba(122,171,244,.28);background:rgba(16,31,74,.44);border-radius:17px}
.td-diag-row{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid rgba(121,166,250,.12);padding-bottom:9px;font-size:13px}.td-diag-row strong{color:#e7edff}.td-diag-row span{color:#6ae6f4;text-align:right}
.td-diag-reason{font-size:12px;color:#b7c7e8;line-height:1.5;margin:4px 0 0}
.fresh-channel-card-footer{flex-wrap:wrap}
.fresh-channel-card-footer [data-diagnose-channel]{font-size:11px;min-height:38px}