*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#30364a;--muted:#8f97aa;--line:#e5e9f2;--panel:rgba(255,255,255,.82);--primary:#8b8ee9;--primary2:#73cce9;--shadow:0 24px 70px rgba(74,91,130,.14)}body{min-height:100vh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 0 0,#dff6ff,transparent 34%),radial-gradient(circle at 100% 100%,#eedfff,transparent 34%),#f7f9fd;padding:28px}body[data-theme="clean"]{background:#f4f6fa;--primary:#6978c9;--primary2:#7ea9d4}.hidden{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1540px;min-height:850px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr) 275px;border:1px solid rgba(255,255,255,.9);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.76);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.sidebar{padding:26px 18px;display:flex;flex-direction:column;background:rgba(226,243,255,.55);border-right:1px solid rgba(140,170,210,.12)}.brand,.profile,.menu-item,.section-heading,.primary-button,.secondary-button,.text-button,.quick-card button{display:flex;align-items:center}.brand{gap:10px;margin:0 8px 28px}.brand-mark,.soft-icon,.stat-icon{display:grid;place-items:center}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#aee8fa,#c9b9f5);color:white}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{font-size:10px;color:var(--muted);margin-top:2px}.profile{gap:11px;padding:12px;margin-bottom:25px;border-radius:16px;background:rgba(255,255,255,.58)}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#d5f3ff,#e8dcff);font-weight:800;color:#59617c}.profile h3{font-size:13px}.profile p{font-size:11px;color:var(--muted);margin-top:3px}.menu{display:grid;gap:7px}.menu-item{position:relative;width:100%;gap:11px;padding:12px 13px;border:0;border-radius:13px;background:transparent;color:#687086;text-align:left}.menu-item svg{width:18px}.menu-item:hover,.menu-item.active{background:rgba(255,255,255,.9);color:#6572b4}.menu-item.active{box-shadow:0 8px 20px rgba(96,120,160,.09)}.nav-badge{margin-left:auto;background:#f3b7c1;color:#7c4d56;border-radius:20px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.main-content{padding:34px;min-width:0;overflow:auto}.app-view{display:none}.app-view.active-view{display:block}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#9aa2b3;font-size:10px;font-weight:800;margin-bottom:7px}h1{font-size:31px;line-height:1.1;margin-bottom:7px}h2{line-height:1.15}.subtitle{font-size:13px;color:var(--muted)}.primary-button,.secondary-button{justify-content:center;gap:8px;border:0;border-radius:13px;padding:12px 16px;font-size:12px;font-weight:750}.primary-button{color:white;background:linear-gradient(135deg,var(--primary2),#aaa0ed);box-shadow:0 9px 22px rgba(129,145,217,.22)}.primary-button:hover{transform:translateY(-1px)}.secondary-button{background:#f1f4f8;color:#6f778b}.secondary-button.danger{color:#a45e69;background:#fff0f2}.primary-button svg,.secondary-button svg{width:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{display:flex;gap:15px;align-items:center;padding:18px;border-radius:20px;min-height:120px}.stat-icon{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.62)}.stat-icon svg{width:19px}.stat-card p{font-size:11px;color:#6d7487}.stat-card h2{font-size:29px;margin:5px 0 3px}.stat-card span{font-size:10px;color:var(--muted)}.tone-blue{background:#e7f6ff}.tone-purple{background:#eeeaff}.tone-amber{background:#fff2dc}.tone-rose{background:#ffecef}.card,.toolbar-card{background:var(--panel);border:1px solid var(--line);border-radius:21px;box-shadow:0 9px 25px rgba(96,116,150,.055)}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.card{padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.card-title{font-size:13px;font-weight:800}.card-header span{display:block;margin-top:3px;font-size:10px;color:var(--muted)}.soft-icon{width:35px;height:35px;border-radius:11px;background:#f1f4fb;color:#7783b8}.soft-icon svg{width:17px}.text-button{gap:5px;border:0;background:transparent;color:#7187c1;font-size:11px}.text-button svg{width:14px}.real-chart{height:245px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;padding-top:20px}.chart-day{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.chart-value{font-size:9px;color:#8c94a6}.chart-track{height:185px;width:min(34px,75%);display:flex;align-items:flex-end;border-radius:12px;background:#f1f3f8;overflow:hidden}.chart-bar{width:100%;min-height:3px;border-radius:12px;background:linear-gradient(180deg,#91d9f1,#b7a9ed);transition:.3s}.chart-label{font-size:9px;color:#9299aa}.incident-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #eef1f6}.incident-item:last-child{border:0}.incident-item strong{font-size:12px}.incident-item p,.incident-folio{display:block;color:var(--muted);font-size:9px;margin-top:4px}.status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:750}.status.accepted{background:#e8f7ee;color:#5b956f}.status.pending{background:#fff2dc;color:#a77a39}.status.rejected{background:#ffe8ec;color:#ad6470}.empty-state{min-height:190px;display:grid;place-items:center;text-align:center;color:var(--muted);padding:25px}.empty-state div{display:grid;gap:6px;justify-items:center}.empty-state svg{width:28px}.empty-state strong{font-size:12px;color:#60687a}.empty-state p{font-size:10px}.right-panel{padding:34px 20px;background:rgba(248,251,255,.52);border-left:1px solid rgba(150,175,205,.12)}.right-panel .card{margin-bottom:15px}.today-card h2{font-size:27px;margin:10px 0 5px}.today-card>p{font-size:11px;color:var(--muted)}.hours-pill{display:inline-flex;margin-top:17px;padding:7px 10px;border-radius:10px;background:#eaf5ff;color:#687fb1;font-size:10px}.summary-card{text-align:center}.summary-card .card-header{text-align:left}.progress-circle{width:132px;height:132px;margin:22px auto 15px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#aaa0ed 0 0%,#edf0f6 0)}.progress-inner{width:98px;height:98px;border-radius:50%;display:grid;place-items:center;background:white;font-size:22px;font-weight:800}.summary-card>p{font-size:10px;color:var(--muted);line-height:1.5}.quick-card>p{margin-bottom:10px}.quick-card button{width:100%;gap:10px;padding:11px 0;border:0;border-bottom:1px solid #eef1f6;background:transparent;text-align:left;color:#626a7c}.quick-card button:last-child{border:0}.quick-card button>svg{width:16px}.quick-card button>svg:last-child{margin-left:auto;width:13px}.quick-card button span{flex:1}.quick-card button b,.quick-card button small{display:block}.quick-card button b{font-size:10px}.quick-card button small{font-size:8px;color:var(--muted);margin-top:2px}.toolbar-card{padding:15px;margin-bottom:15px}.search-box{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:#fafbfe}.search-box svg{width:16px;color:#8c94a6}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.filter-button,.request-filter{border:1px solid var(--line);background:white;color:#777f92;border-radius:10px;padding:7px 11px;font-size:10px}.filter-button.active,.request-filter.active{border-color:transparent;background:linear-gradient(135deg,#e8f7ff,#eee9ff);color:#626a9c}.list-count{font-size:10px;color:var(--muted);margin:12px 3px}.history-list{display:grid;gap:11px}.history-card,.request-card{padding:17px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.82)}.history-card-top,.request-card-top{display:flex;justify-content:space-between;gap:15px}.history-card h3,.request-card h3{font-size:13px}.history-card-folio,.request-card small{font-size:9px;color:var(--muted)}.history-meta{display:flex;gap:15px;flex-wrap:wrap;margin:12px 0;font-size:9px;color:var(--muted)}.history-description,.request-description{font-size:10px;color:#646c7f;line-height:1.55}.history-footer,.request-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.details-button,.tiny-button{border:0;background:transparent;color:#7186bd;font-size:10px}.schedule-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;margin-bottom:14px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(135deg,#eaf8ff,#f1edff)}.schedule-overview span{font-size:9px;color:var(--muted)}.schedule-overview strong{display:block;font-size:25px;margin-top:3px}.schedule-overview p{font-size:10px;color:#7d8495}.weekly-schedule{display:grid;gap:9px}.schedule-row{display:grid;grid-template-columns:125px 1fr 1fr 100px 115px;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.8)}.schedule-day strong,.schedule-day small{display:block}.schedule-day strong{font-size:11px}.schedule-day small{font-size:8px;color:var(--muted);margin-top:3px}.schedule-row label{font-size:8px;color:var(--muted)}.schedule-row .form-input{margin-top:4px}.day-hours{font-size:10px;text-align:center;color:#6d7589}.rest-toggle{display:flex;align-items:center;gap:6px;font-size:9px!important;color:#687086!important}.rest-toggle input{accent-color:#9794e8}.schedule-row.is-rest{opacity:.68}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.mini-stats div{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.mini-stats span,.mini-stats strong{display:block}.mini-stats span{font-size:9px;color:var(--muted)}.mini-stats strong{font-size:23px;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{display:grid;gap:15px;align-content:start}.settings-card label{font-size:10px;color:#646c7e}.section-heading{gap:11px}.section-heading h3{font-size:13px}.section-heading p{font-size:9px;color:var(--muted);margin-top:3px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-option{padding:12px;border:1px solid var(--line);border-radius:14px;background:white;text-align:left;color:var(--ink)}.theme-option.active{outline:2px solid #a7a4e9}.theme-option b,.theme-option small{display:block}.theme-option b{font-size:10px;margin-top:8px}.theme-option small{font-size:8px;color:var(--muted);margin-top:2px}.theme-preview{display:block;height:55px;border-radius:9px}.pastel-preview{background:linear-gradient(135deg,#dff6ff 0 50%,#eadfff 50%)}.clean-preview{background:linear-gradient(135deg,#f4f6fa 0 50%,#dfe4ef 50%)}.danger-card{grid-column:1/-1}.form-section{display:block;margin-bottom:18px}.form-label,.time-grid label{display:block;font-size:10px;font-weight:750;color:#5d6579;margin-bottom:7px}.form-input{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;outline:0;background:#fafbfe;color:var(--ink);font-size:11px}.form-input:focus{border-color:#aaa4e8;box-shadow:0 0 0 3px rgba(170,164,232,.1)}textarea.form-input{min-height:90px;resize:vertical}.time-grid,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:14px}.duration-box{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:18px;border-radius:13px;background:linear-gradient(135deg,#eef9ff,#f3efff)}.duration-box svg{width:18px}.duration-box small,.duration-box strong{display:block}.duration-box small{font-size:8px;color:var(--muted)}.duration-box strong{font-size:10px;margin-top:2px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented label{position:relative}.segmented input{position:absolute;opacity:0}.segmented span{display:block;text-align:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fafbfe;font-size:10px}.segmented input:checked+span{background:#eeebff;border-color:#b7b0ec;color:#5d6591}.incident-types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.type-option{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fafbfe;color:#60687b;text-align:left;font-size:9px}.type-option svg{width:16px}.type-option.selected{background:linear-gradient(135deg,#e8f7ff,#eee9ff);border-color:#b8b1ec;color:#59618d}.upload-box{display:flex;align-items:center;gap:11px;padding:13px;border:1px dashed #cfd5e4;border-radius:13px;background:#fafcff}.upload-box svg{width:19px}.upload-box strong,.upload-box small{display:block}.upload-box strong{font-size:10px}.upload-box small{font-size:8px;color:var(--muted);margin-top:3px}.upload-box input{display:none}.selected-file{font-size:9px;color:#737c94;margin-top:6px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-overlay{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(43,51,76,.28);backdrop-filter:blur(8px)}.modal-overlay.show{display:flex}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;padding:26px;border:1px solid rgba(255,255,255,.95);border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(55,65,100,.22)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.modal-header h2{font-size:22px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:#f1f4f8;color:#737b8e}.icon-button svg{width:16px}.detail-status-row{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-bottom:15px}.detail-grid>div,.detail-section{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fafbfe}.detail-grid small,.detail-section small{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.detail-grid strong,.detail-section p{font-size:10px;line-height:1.5}.detail-section{margin-top:9px}.toast{position:fixed;z-index:4000;left:50%;bottom:28px;max-width:calc(100% - 30px);padding:11px 16px;border-radius:12px;background:#363c50;color:white;font-size:10px;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{}body.modal-open{overflow:hidden}
@media(max-width:1180px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.right-panel{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding:10px 10px 80px}.app-shell{display:block;min-height:calc(100vh - 90px);border-radius:22px}.sidebar,.right-panel{display:none}.main-content{padding:22px 15px}.page-header{flex-direction:column}.page-header .primary-button{width:100%}h1{font-size:26px}.stats-grid{gap:8px}.stat-card{min-height:105px;padding:13px;gap:9px}.stat-icon{width:34px;height:34px}.stat-card h2{font-size:24px}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.real-chart{height:210px}.schedule-overview{align-items:flex-start;flex-direction:column}.schedule-row{grid-template-columns:1fr 1fr}.schedule-day{grid-column:1/-1}.day-hours{text-align:left}.rest-toggle{justify-self:end}.mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;grid-template-columns:repeat(5,1fr);padding:7px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(65,80,120,.17);backdrop-filter:blur(18px)}.mobile-nav-item{display:grid;justify-items:center;gap:3px;border:0;border-radius:11px;padding:7px 3px;background:transparent;color:#858c9d;font-size:8px}.mobile-nav-item svg{width:17px}.mobile-nav-item.active{background:linear-gradient(135deg,#e8f7ff,#eee9ff);color:#6671a7}.danger-card{grid-column:auto}}
@media(max-width:520px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{display:block}.stat-icon{margin-bottom:8px}.incident-types{grid-template-columns:1fr 1fr}.time-grid,.detail-grid{grid-template-columns:1fr}.modal-overlay{padding:0}.modal{height:100%;max-height:none;border-radius:0;padding:20px}.theme-options{grid-template-columns:1fr}.schedule-row{grid-template-columns:1fr}.schedule-day,.rest-toggle{grid-column:auto}.rest-toggle{justify-self:start}.form-actions>*{flex:1}}

/* ===== PulseDesk Cute v2 additions ===== */
:root{--accent:#9b9ae8;--accent2:#8ed9f5;--accent-soft:#eeedff;--page:#f6f9ff;--panel-rgb:255,255,255;--sidebar-rgb:224,242,255;--ink:#30364a;--muted:#9299aa;--line:#e5e9f2;--panel:rgba(var(--panel-rgb),.82);--danger:#bd6c78}
body{background:radial-gradient(circle at 5% 8%,color-mix(in srgb,var(--accent2) 28%,transparent),transparent 34%),radial-gradient(circle at 94% 90%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 32%),var(--page);transition:background .3s,color .3s}.ambient{position:fixed;pointer-events:none;filter:blur(50px);opacity:.18;border-radius:50%;z-index:-1}.ambient-one{width:260px;height:260px;top:2%;left:20%;background:var(--accent2)}.ambient-two{width:300px;height:300px;bottom:0;right:10%;background:var(--accent)}
.sidebar{background:rgba(var(--sidebar-rgb),.58)}.brand-mark,.primary-button{background:linear-gradient(135deg,var(--accent2),var(--accent))}.menu-item.active,.mobile-nav-item.active{color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 80%,white)}.soft-icon,.stat-icon{color:var(--accent)}.progress-circle{background:conic-gradient(var(--accent) 0 0%,#edf0f6 0 100%)}
.profile-button{border:0;width:100%;text-align:left;cursor:pointer}.profile-button>svg{width:14px;margin-left:auto;color:var(--muted)}.profile-photo{width:112px;height:112px;border-radius:30px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;font-weight:800;font-size:30px;box-shadow:0 14px 30px rgba(80,90,140,.16)}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo-wrap{display:grid;justify-items:start;gap:9px}.photo-button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel);font-size:9px;cursor:pointer}.photo-button svg{width:14px}.photo-button input{display:none}.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-hero{grid-column:1/-1;display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 16%,white),color-mix(in srgb,var(--accent) 13%,white))}.profile-hero h2{font-size:25px}.profile-hero #profilePreviewNickname{color:var(--muted);margin:4px 0 10px}.profile-pill{display:inline-block;padding:7px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:750}.profile-section{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label{font-size:9px;color:var(--muted)}.tenure-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:13px;background:color-mix(in srgb,var(--accent-soft) 65%,white)}.tenure-card svg{width:18px;color:var(--accent)}.tenure-card small,.tenure-card strong{display:block}.tenure-card small{font-size:8px;color:var(--muted)}.tenure-card strong{font-size:10px;margin-top:2px}
.help-tabs{display:flex;gap:8px;margin-bottom:14px}.help-tab{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:10px 13px;border-radius:12px;font-size:10px}.help-tab svg{width:15px}.help-tab.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 16%,white),color-mix(in srgb,var(--accent) 14%,white));color:var(--accent);border-color:transparent}.help-panel{display:none}.help-panel.active{display:block}.faq-categories{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.faq-category{border:1px solid var(--line);background:var(--panel);padding:7px 10px;border-radius:999px;font-size:9px;color:var(--muted)}.faq-category.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.faq-list{display:grid;gap:9px}.faq-item{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;gap:10px;padding:14px;border:0;background:transparent;text-align:left;color:var(--ink);font-size:10px;font-weight:750}.faq-question svg{width:16px;color:var(--accent)}.faq-question .chev{margin-left:auto;transition:.2s}.faq-item.open .chev{transform:rotate(180deg)}.faq-answer{display:none;padding:0 14px 14px 40px;font-size:10px;line-height:1.65;color:var(--muted)}.faq-item.open .faq-answer{display:block}
.assistant-shell{display:grid;grid-template-columns:260px 1fr;min-height:570px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel)}.assistant-intro{padding:24px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent2) 18%,white),color-mix(in srgb,var(--accent) 16%,white));display:flex;flex-direction:column}.assistant-intro h2{font-size:28px}.assistant-intro>p:not(.eyebrow){font-size:10px;line-height:1.6;color:var(--muted);margin-top:6px}.assistant-orb{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),var(--accent));color:white;box-shadow:0 14px 35px color-mix(in srgb,var(--accent) 30%,transparent);margin-bottom:20px}.assistant-orb svg{width:28px;height:28px}.assistant-note{margin-top:auto;display:flex;gap:8px;padding:11px;border-radius:13px;background:rgba(255,255,255,.58);font-size:8px;line-height:1.5;color:var(--muted)}.assistant-note svg{width:14px;flex:none}.assistant-chat{display:grid;grid-template-rows:1fr auto auto;min-width:0}.chat-messages{padding:22px;overflow:auto;max-height:440px;display:flex;flex-direction:column;gap:11px}.chat-bubble{max-width:82%;padding:11px 13px;border-radius:15px;font-size:10px;line-height:1.55}.chat-bubble.bot{align-self:flex-start;background:color-mix(in srgb,var(--accent-soft) 62%,white);color:var(--ink);border-bottom-left-radius:5px}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent2),var(--accent));color:white;border-bottom-right-radius:5px}.suggestion-chips{display:flex;gap:7px;overflow:auto;padding:0 18px 12px}.suggestion-chip{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:7px 9px;border-radius:999px;font-size:8px}.chat-input{display:flex;gap:8px;padding:14px 18px 18px;border-top:1px solid var(--line)}.chat-input input{flex:1;border:1px solid var(--line);border-radius:13px;padding:11px 13px;background:var(--panel);color:var(--ink);outline:none}.chat-input .primary-button{width:42px;padding:0;justify-content:center}
.wide-card{grid-column:1/-1}.theme-options{grid-template-columns:repeat(3,1fr)}.theme-preview{height:65px;border:1px solid rgba(120,130,160,.08)}.sky-preview{background:linear-gradient(135deg,#dff6ff 0 50%,#dadfff 50%)}.sakura-preview{background:linear-gradient(135deg,#fff0f5 0 50%,#ffdce9 50%)}.wisteria-preview{background:linear-gradient(135deg,#f3efff 0 50%,#d9ccff 50%)}.matcha-preview{background:linear-gradient(135deg,#f6f3dc 0 50%,#dcebcf 50%)}.moonlight-preview{background:linear-gradient(135deg,#161b2e 0 50%,#2a2244 50%)}.cyber-preview{background:linear-gradient(135deg,#dffcff 0 50%,#e5d7ff 50%)}.switch-row{display:flex!important;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.switch-row input{accent-color:var(--accent)}
/* theme palettes */
body[data-theme="sky"]{--accent:#9698e8;--accent2:#83d8f5;--accent-soft:#edecff;--page:#f5faff;--panel-rgb:255,255,255;--sidebar-rgb:220,242,255}
body[data-theme="sakura"]{--accent:#e897b3;--accent2:#ffc3d8;--accent-soft:#fff0f5;--page:#fff8fb;--panel-rgb:255,253,254;--sidebar-rgb:255,234,243}
body[data-theme="wisteria"]{--accent:#a487e8;--accent2:#d2b8ff;--accent-soft:#f1ebff;--page:#faf8ff;--panel-rgb:255,254,255;--sidebar-rgb:238,232,255}
body[data-theme="matcha"]{--accent:#7fa777;--accent2:#b9d9a9;--accent-soft:#eef5e8;--page:#fbfcf5;--panel-rgb:255,255,250;--sidebar-rgb:236,245,226}
body[data-theme="cyber"]{--accent:#9d6eff;--accent2:#58e4ed;--accent-soft:#eee7ff;--page:#f5fbff;--panel-rgb:255,255,255;--sidebar-rgb:220,249,252}
body[data-theme="moonlight"]{--accent:#b99cff;--accent2:#6fd6ff;--accent-soft:#292441;--page:#121625;--panel-rgb:27,31,49;--sidebar-rgb:24,30,49;--ink:#f2efff;--muted:#9ca4bd;--line:#343a54;color:var(--ink)}
body[data-theme="moonlight"] .app-shell,body[data-theme="moonlight"] .card,body[data-theme="moonlight"] .toolbar-card,body[data-theme="moonlight"] .history-card,body[data-theme="moonlight"] .request-card,body[data-theme="moonlight"] .faq-item,body[data-theme="moonlight"] .assistant-shell,body[data-theme="moonlight"] .theme-option,body[data-theme="moonlight"] .form-input,body[data-theme="moonlight"] .search-box,body[data-theme="moonlight"] .type-option,body[data-theme="moonlight"] .segmented span,body[data-theme="moonlight"] .modal{background:rgba(var(--panel-rgb),.92);color:var(--ink)}body[data-theme="moonlight"] .sidebar{background:rgba(var(--sidebar-rgb),.94)}body[data-theme="moonlight"] .modal-overlay{background:rgba(3,5,13,.65)}body[data-theme="moonlight"] input,body[data-theme="moonlight"] textarea,body[data-theme="moonlight"] select{color-scheme:dark}body[data-theme="moonlight"] .profile-hero,body[data-theme="moonlight"] .assistant-intro{background:linear-gradient(135deg,#222944,#29213f)}body[data-theme="moonlight"] .assistant-note{background:rgba(255,255,255,.05)}
@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-hero{grid-column:auto}.assistant-shell{grid-template-columns:1fr}.assistant-intro{min-height:230px}.assistant-note{margin-top:18px}.theme-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.profile-hero{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.theme-options{grid-template-columns:1fr 1fr}.assistant-shell{min-height:620px}.chat-messages{max-height:390px}.help-tabs{display:grid;grid-template-columns:1fr 1fr}.help-tab{justify-content:center}}


/* ===== PulseDesk v3: profile fix, requests, mascot & anime-inspired themes ===== */
.avatar{overflow:hidden;position:relative;isolation:isolate}.avatar img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover;position:absolute;inset:0}.profile-photo{position:relative;isolation:isolate;flex:0 0 112px;overflow:hidden!important}.profile-photo img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important}.profile-layout,.profile-hero,.profile-section{background-image:none!important}
.request-mini-stats{grid-template-columns:repeat(4,1fr)}.request-guide{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 10%,white),color-mix(in srgb,var(--accent) 8%,white))}.request-guide strong{display:block;font-size:11px}.request-guide p{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5}.request-dates{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.request-dates label{font-size:9px;color:var(--muted)}.schedule-snapshot{padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 45%,white);font-size:9px;line-height:1.55;color:#667084}.request-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:9px;color:var(--muted)}.request-evidence{margin-top:9px;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:9px}.supervisor-demo{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.supervisor-demo small{margin-right:auto;color:var(--muted)}.tiny-button.accept{color:#4f8d67;background:#e8f7ee;padding:7px 9px;border-radius:9px}.tiny-button.reject{color:#ad6470;background:#ffe8ec;padding:7px 9px;border-radius:9px}
.mascot-wrap{display:flex;align-items:center;gap:12px;margin-bottom:18px}.mascot-copy small,.mascot-copy strong{display:block}.mascot-copy small{font-size:8px;color:var(--muted)}.mascot-copy strong{font-size:12px;margin-top:2px}.mascot{--m1:var(--accent2);--m2:var(--accent);position:relative;width:72px;height:62px;border-radius:31px 31px 27px 27px;background:linear-gradient(145deg,var(--m1),var(--m2));box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 25%,transparent)}.mascot-ear{position:absolute;top:-9px;width:24px;height:25px;background:var(--m1);transform:rotate(45deg);border-radius:7px}.mascot-ear.left{left:8px}.mascot-ear.right{right:8px}.mascot-eye{position:absolute;top:25px;width:7px;height:9px;border-radius:50%;background:#fff}.mascot-eye.left{left:20px}.mascot-eye.right{right:20px}.mascot-mouth{position:absolute;left:50%;top:38px;width:14px;height:7px;border-bottom:2px solid rgba(255,255,255,.95);border-radius:0 0 12px 12px;transform:translateX(-50%)}.mascot-star{position:absolute;right:-6px;top:-10px;color:#fff;font-size:18px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.12))}
.striker-preview{background:linear-gradient(135deg,#071b44 0 34%,#1687ff 34% 68%,#dcecff 68%)}.volley-preview{background:linear-gradient(135deg,#1e2028 0 45%,#ff8a2b 45% 75%,#fff0df 75%)}.shinobi-preview{background:linear-gradient(135deg,#24222a 0 38%,#ed722e 38% 72%,#f4d7a4 72%)}.hero-preview{background:linear-gradient(135deg,#173c34 0 38%,#65c78d 38% 68%,#ed6a68 68%)}.sorcerer-preview{background:linear-gradient(135deg,#0e1020 0 40%,#5841a8 40% 72%,#8dcfff 72%)}.mecha-preview{background:linear-gradient(135deg,#f5f8fb 0 42%,#78dce8 42% 70%,#52667e 70%)}
body[data-theme="striker"]{--accent:#147cff;--accent2:#71b7ff;--accent-soft:#e6f1ff;--page:#f4f8ff;--panel-rgb:255,255,255;--sidebar-rgb:224,239,255}body[data-theme="volley"]{--accent:#ef7f2c;--accent2:#ffb15e;--accent-soft:#fff0e0;--page:#fff9f4;--panel-rgb:255,254,252;--sidebar-rgb:255,239,220}body[data-theme="shinobi"]{--accent:#db6c2d;--accent2:#f1ad55;--accent-soft:#fff0dd;--page:#fff9f1;--panel-rgb:255,254,250;--sidebar-rgb:248,235,217}body[data-theme="hero"]{--accent:#43a879;--accent2:#86d6ad;--accent-soft:#e9f7ef;--page:#f5fcf8;--panel-rgb:255,255,255;--sidebar-rgb:226,246,234}body[data-theme="sorcerer"]{--accent:#7358d6;--accent2:#76b9f4;--accent-soft:#ede9ff;--page:#171827;--panel-rgb:31,31,49;--sidebar-rgb:27,28,47;--ink:#f4f1ff;--muted:#a8abc4;--line:#3a3b56}body[data-theme="mecha"]{--accent:#4caec0;--accent2:#8fe4ea;--accent-soft:#e6f8fa;--page:#f5fafc;--panel-rgb:255,255,255;--sidebar-rgb:228,245,248}
body[data-theme="sorcerer"] .app-shell,body[data-theme="sorcerer"] .card,body[data-theme="sorcerer"] .toolbar-card,body[data-theme="sorcerer"] .history-card,body[data-theme="sorcerer"] .request-card,body[data-theme="sorcerer"] .faq-item,body[data-theme="sorcerer"] .assistant-shell,body[data-theme="sorcerer"] .theme-option,body[data-theme="sorcerer"] .form-input,body[data-theme="sorcerer"] .search-box,body[data-theme="sorcerer"] .type-option,body[data-theme="sorcerer"] .segmented span,body[data-theme="sorcerer"] .modal{background:rgba(var(--panel-rgb),.94);color:var(--ink)}body[data-theme="sorcerer"] .sidebar{background:rgba(var(--sidebar-rgb),.96)}body[data-theme="sorcerer"] input,body[data-theme="sorcerer"] textarea,body[data-theme="sorcerer"] select{color-scheme:dark}
@media(max-width:900px){.request-mini-stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){.request-dates{grid-template-columns:1fr}.request-mini-stats{grid-template-columns:1fr 1fr}}


/* ===== PulseDesk v4 polish: coherent themes, mascots, graveyard chart ===== */
.brand small{display:none!important}
.right-panel{background:rgba(var(--sidebar-rgb),.34)!important;transition:background .25s ease}.right-panel .card{background:rgba(var(--panel-rgb),.86)!important}
.graveyard-hint{display:block;margin-top:4px;font-size:9px;color:var(--accent);font-weight:650}.chart-bar.zero{height:0!important}.chart-empty{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--muted)}.chart-empty strong{font-size:12px;color:var(--ink)}.chart-empty small{max-width:250px;font-size:9px;line-height:1.5}

/* Mascot companion */
.mascot-companion{width:100%;margin:-12px 0 20px;padding:13px 16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 11%,rgba(var(--panel-rgb),.94)),color-mix(in srgb,var(--accent) 9%,rgba(var(--panel-rgb),.94)));display:flex;align-items:center;gap:13px;text-align:left;color:var(--ink);box-shadow:0 10px 28px rgba(80,90,130,.07);transition:.22s}.mascot-companion:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 36%,var(--line))}.mascot-companion>svg{margin-left:auto;width:18px;color:var(--accent)}.mascot-message{display:grid;gap:2px}.mascot-message small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--accent)}.mascot-message strong{font-size:11px}.mascot-message span{font-size:8px;color:var(--muted)}
.theme-mascot{--m1:var(--accent);--m2:var(--accent2);position:relative;width:58px;height:52px;flex:0 0 58px;display:block;animation:mascotFloat 3.4s ease-in-out infinite;filter:drop-shadow(0 8px 10px color-mix(in srgb,var(--accent) 14%,transparent))}.theme-mascot.mini{width:42px;height:38px;flex-basis:42px}.tm-face{position:absolute;inset:8px 5px 1px;border-radius:48% 48% 45% 45%;background:linear-gradient(145deg,color-mix(in srgb,var(--m2) 58%,white),color-mix(in srgb,var(--m1) 74%,white));border:2px solid rgba(255,255,255,.72)}.tm-ear{position:absolute;z-index:-1;top:0;width:19px;height:24px;border-radius:65% 65% 35% 35%;background:linear-gradient(145deg,color-mix(in srgb,var(--m2) 58%,white),color-mix(in srgb,var(--m1) 70%,white))}.tm-ear-left{left:7px;transform:rotate(-24deg)}.tm-ear-right{right:7px;transform:rotate(24deg)}.tm-eye{position:absolute;top:22px;width:5px;height:7px;border-radius:999px;background:#40465c}.tm-eye-left{left:19px}.tm-eye-right{right:19px}.tm-mouth{position:absolute;left:50%;top:31px;width:9px;height:5px;border-bottom:2px solid #51576a;border-radius:50%;transform:translateX(-50%)}.tm-mark{position:absolute;right:0;top:5px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--panel-rgb),.95);color:var(--accent);font-size:10px;font-weight:900;box-shadow:0 4px 10px rgba(60,70,100,.12)}.assistant-mascot{width:76px;height:68px;flex-basis:76px}.assistant-mascot .tm-face{inset:10px 7px 1px}.assistant-mascot .tm-eye{top:30px}.assistant-mascot .tm-eye-left{left:26px}.assistant-mascot .tm-eye-right{right:26px}.assistant-mascot .tm-mouth{top:41px}.mascot-float{position:fixed;right:22px;bottom:22px;z-index:1450;border:1px solid var(--line);width:58px;height:58px;border-radius:20px;background:rgba(var(--panel-rgb),.94);box-shadow:0 14px 35px rgba(60,70,110,.18);display:none;place-items:center}.mascot-float .theme-mascot{transform:scale(.85)}@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}

/* Theme-specific mascot silhouettes / accents */
body[data-theme="volley"] .tm-ear,body[data-theme="striker"] .tm-ear{height:18px;top:4px;border-radius:45% 70% 30% 50%}body[data-theme="mecha"] .tm-face{border-radius:16px;background:linear-gradient(145deg,#f8fdff,color-mix(in srgb,var(--accent2) 38%,white));border-color:color-mix(in srgb,var(--accent) 30%,white)}body[data-theme="mecha"] .tm-ear{border-radius:4px;width:12px;height:18px;top:9px}body[data-theme="shinobi"] .tm-mark{content:'✦';background:#2d2935;color:#ff9b61}body[data-theme="moonlight"] .tm-ear{height:31px;width:15px;top:-5px}body[data-theme="sakura"] .tm-mark{background:#fff2f7;color:#e88fac}

/* Rebuilt dark themes: dark but soft, not concrete gray */
body[data-theme="moonlight"]{--accent:#b7a5ff;--accent2:#81cfff;--accent-soft:#312b4a;--page:#15172a;--panel-rgb:31,33,56;--sidebar-rgb:25,28,49;--ink:#f5f2ff;--muted:#b1b3ca;--line:#3b3e60;background:radial-gradient(circle at 5% 0,#253b55 0,transparent 32%),radial-gradient(circle at 95% 100%,#3b2857 0,transparent 34%),#15172a!important}
body[data-theme="sorcerer"]{--accent:#b48cff;--accent2:#7b9cff;--accent-soft:#33294f;--page:#171526;--panel-rgb:34,30,53;--sidebar-rgb:29,25,47;--ink:#f7f2ff;--muted:#b8b0c8;--line:#493e62;background:radial-gradient(circle at 3% 5%,#282453 0,transparent 30%),radial-gradient(circle at 90% 100%,#412647 0,transparent 34%),#171526!important}
body[data-theme="moonlight"] .app-shell,body[data-theme="sorcerer"] .app-shell{background:rgba(var(--panel-rgb),.77)!important;border-color:rgba(255,255,255,.08)!important}
body[data-theme="moonlight"] .sidebar,body[data-theme="sorcerer"] .sidebar{background:rgba(var(--sidebar-rgb),.9)!important}
body[data-theme="moonlight"] .right-panel,body[data-theme="sorcerer"] .right-panel{background:rgba(var(--sidebar-rgb),.65)!important}
body[data-theme="moonlight"] .card,body[data-theme="moonlight"] .toolbar-card,body[data-theme="moonlight"] .history-card,body[data-theme="moonlight"] .request-card,body[data-theme="moonlight"] .faq-item,body[data-theme="moonlight"] .assistant-shell,body[data-theme="moonlight"] .theme-option,body[data-theme="moonlight"] .form-input,body[data-theme="moonlight"] .search-box,body[data-theme="moonlight"] .type-option,body[data-theme="moonlight"] .segmented span,body[data-theme="moonlight"] .modal,body[data-theme="sorcerer"] .card,body[data-theme="sorcerer"] .toolbar-card,body[data-theme="sorcerer"] .history-card,body[data-theme="sorcerer"] .request-card,body[data-theme="sorcerer"] .faq-item,body[data-theme="sorcerer"] .assistant-shell,body[data-theme="sorcerer"] .theme-option,body[data-theme="sorcerer"] .form-input,body[data-theme="sorcerer"] .search-box,body[data-theme="sorcerer"] .type-option,body[data-theme="sorcerer"] .segmented span,body[data-theme="sorcerer"] .modal{background:rgba(var(--panel-rgb),.88)!important;color:var(--ink)!important;border-color:var(--line)!important}
body[data-theme="moonlight"] .stat-card,body[data-theme="sorcerer"] .stat-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,#252840),color-mix(in srgb,var(--accent2) 8%,#252840))!important;color:var(--ink)!important}body[data-theme="moonlight"] .stat-card p,body[data-theme="moonlight"] .stat-card span,body[data-theme="sorcerer"] .stat-card p,body[data-theme="sorcerer"] .stat-card span{color:var(--muted)!important}body[data-theme="moonlight"] .progress-inner,body[data-theme="sorcerer"] .progress-inner{background:#22253d!important;color:var(--ink)!important}body[data-theme="moonlight"] .hours-pill,body[data-theme="sorcerer"] .hours-pill{background:var(--accent-soft)!important;color:#ddd5ff!important}

/* Make all light themes feel intentional */
body[data-theme="striker"]{--accent:#4d79ee;--accent2:#85c9ff;--accent-soft:#eaf1ff;--page:#f4f8ff;--panel-rgb:255,255,255;--sidebar-rgb:224,237,255;background:radial-gradient(circle at 0 0,#d9ecff,transparent 36%),radial-gradient(circle at 100% 100%,#e5e7ff,transparent 35%),#f5f8ff!important}
body[data-theme="volley"]{--accent:#ed8c50;--accent2:#ffbd72;--accent-soft:#fff0e5;--page:#fffaf5;--panel-rgb:255,254,252;--sidebar-rgb:255,238,220;background:radial-gradient(circle at 0 0,#fff0da,transparent 35%),radial-gradient(circle at 100% 100%,#f8e3e1,transparent 36%),#fffaf6!important}
body[data-theme="shinobi"]{--accent:#e77a45;--accent2:#ffc46b;--accent-soft:#fff0df;--page:#fff9f4;--panel-rgb:255,253,250;--sidebar-rgb:255,234,217;background:radial-gradient(circle at 0 0,#ffe8cc,transparent 34%),radial-gradient(circle at 100% 100%,#f3e1dd,transparent 35%),#fff9f4!important}
body[data-theme="hero"]{--accent:#50a27a;--accent2:#f08c86;--accent-soft:#eaf7ef;--page:#f7fbf8;--panel-rgb:255,255,254;--sidebar-rgb:226,244,233;background:radial-gradient(circle at 0 0,#dff5e8,transparent 34%),radial-gradient(circle at 100% 100%,#ffe8e7,transparent 35%),#f8fbf9!important}
body[data-theme="mecha"]{--accent:#4d9fca;--accent2:#8ce0e8;--accent-soft:#e8f8fb;--page:#f5fbfd;--panel-rgb:255,255,255;--sidebar-rgb:222,244,248;background:linear-gradient(135deg,#f4fbfd,#eef5fa)!important}

@media(max-width:760px){.mascot-companion{display:none}.mascot-float{display:grid;bottom:82px;right:14px}.chart-empty{min-height:180px}.mascot-message span{display:none}}


/* ===== PulseDesk v5 — theme + mascot overhaul ===== */
.work-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}.work-summary>div{padding:13px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,var(--accent-soft));}.work-summary span,.work-summary strong{display:block}.work-summary span{font-size:8px;color:var(--muted);line-height:1.35}.work-summary strong{font-size:17px;margin-top:4px}.notification-center{display:grid;gap:8px}.notice-item{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 94%,var(--accent-soft));font-size:9px;color:var(--ink)}.notice-item svg{width:16px;color:var(--accent)}

/* Dark themes use layered navy/plum surfaces instead of flat gray blocks */
body[data-theme="moonlight"]{--page:#0f1324;--panel-rgb:24,29,50;--sidebar-rgb:17,22,41;--ink:#f6f7ff;--muted:#aeb7d2;--line:#303955;--accent:#9f91ff;--accent2:#6bc8ff;--accent-soft:#29294a;background:radial-gradient(circle at 12% 4%,rgba(70,128,180,.28),transparent 34%),radial-gradient(circle at 92% 92%,rgba(122,76,169,.25),transparent 36%),linear-gradient(145deg,#101426,#17172c)!important}
body[data-theme="sorcerer"]{--page:#120f1e;--panel-rgb:29,24,45;--sidebar-rgb:22,18,36;--ink:#faf6ff;--muted:#b9aecb;--line:#403452;--accent:#b787ff;--accent2:#778dff;--accent-soft:#302443;background:radial-gradient(circle at 8% 4%,rgba(81,64,151,.32),transparent 32%),radial-gradient(circle at 92% 96%,rgba(150,55,112,.20),transparent 35%),linear-gradient(145deg,#120f1e,#1b1527)!important}
body[data-theme="moonlight"] .app-shell,body[data-theme="sorcerer"] .app-shell{background:rgba(var(--panel-rgb),.72)!important;box-shadow:0 28px 80px rgba(0,0,0,.28)!important}
body[data-theme="moonlight"] .main-content,body[data-theme="sorcerer"] .main-content{background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 35%)}
body[data-theme="moonlight"] .card,body[data-theme="moonlight"] .toolbar-card,body[data-theme="moonlight"] .history-card,body[data-theme="moonlight"] .request-card,body[data-theme="sorcerer"] .card,body[data-theme="sorcerer"] .toolbar-card,body[data-theme="sorcerer"] .history-card,body[data-theme="sorcerer"] .request-card{box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
body[data-theme="moonlight"] .menu-item:hover,body[data-theme="moonlight"] .menu-item.active,body[data-theme="sorcerer"] .menu-item:hover,body[data-theme="sorcerer"] .menu-item.active{background:color-mix(in srgb,var(--accent) 16%,transparent)!important;color:#f5f1ff!important}
body[data-theme="moonlight"] .chart-track,body[data-theme="sorcerer"] .chart-track{background:rgba(255,255,255,.07)!important}
body[data-theme="moonlight"] .search-box,body[data-theme="moonlight"] .form-input,body[data-theme="sorcerer"] .search-box,body[data-theme="sorcerer"] .form-input{background:rgba(8,11,24,.34)!important}

/* Every theme gets a genuinely different little companion silhouette */
.theme-mascot[data-mascot-kind="crow"] .tm-face{background:#222839;border-radius:52% 52% 44% 44%}.theme-mascot[data-mascot-kind="crow"] .tm-ear{width:22px;height:13px;top:7px;background:#171c29;border-radius:90% 15% 80% 15%}.theme-mascot[data-mascot-kind="crow"] .tm-ear-left{left:0;transform:rotate(-28deg)}.theme-mascot[data-mascot-kind="crow"] .tm-ear-right{right:0;transform:scaleX(-1) rotate(-28deg)}.theme-mascot[data-mascot-kind="crow"] .tm-mouth{width:13px;height:8px;border:0;background:#f0a04b;clip-path:polygon(0 50%,100% 0,100% 100%);top:31px}
.theme-mascot[data-mascot-kind="bunny"] .tm-ear{height:34px;width:13px;top:-10px;border-radius:80% 80% 35% 35%}.theme-mascot[data-mascot-kind="bunny"] .tm-face{border-radius:48%}
.theme-mascot[data-mascot-kind="fox"] .tm-ear{width:22px;height:25px;top:-1px;border-radius:8% 80% 20% 70%;clip-path:polygon(50% 0,100% 100%,0 82%)}.theme-mascot[data-mascot-kind="fox"] .tm-face{border-radius:52% 52% 48% 48%}.theme-mascot[data-mascot-kind="fox"] .tm-mark{background:#eef5ff}
.theme-mascot[data-mascot-kind="frog"] .tm-ear{z-index:1;width:17px;height:17px;top:3px;border-radius:50%;background:#ffb169}.theme-mascot[data-mascot-kind="frog"] .tm-face{border-radius:46% 46% 54% 54%}
.theme-mascot[data-mascot-kind="hero"] .tm-face{border-radius:45% 45% 38% 38%;box-shadow:inset 0 -8px 0 color-mix(in srgb,var(--accent) 18%,transparent)}.theme-mascot[data-mascot-kind="hero"] .tm-ear{width:10px;height:18px;top:4px;border-radius:4px;transform:none}.theme-mascot[data-mascot-kind="hero"] .tm-ear-left{left:8px;transform:rotate(-18deg)}.theme-mascot[data-mascot-kind="hero"] .tm-ear-right{right:8px;transform:rotate(18deg)}
.theme-mascot[data-mascot-kind="robot"] .tm-face{border-radius:15px;background:linear-gradient(145deg,#fbfeff,#d8f6fa);border:2px solid color-mix(in srgb,var(--accent) 35%,white)}.theme-mascot[data-mascot-kind="robot"] .tm-ear{width:8px;height:17px;top:12px;border-radius:3px}.theme-mascot[data-mascot-kind="robot"] .tm-mouth{width:13px;border-radius:2px}
.theme-mascot[data-mascot-kind="drone"] .tm-face{inset:14px 4px 5px;border-radius:18px}.theme-mascot[data-mascot-kind="drone"] .tm-ear{width:24px;height:5px;top:11px;border-radius:99px}.theme-mascot[data-mascot-kind="drone"] .tm-eye{top:24px}.theme-mascot[data-mascot-kind="drone"] .tm-mouth{top:34px}
.theme-mascot[data-mascot-kind="axolotl"] .tm-ear{width:24px;height:12px;top:12px;border-radius:50%;background:#f7a8c7}.theme-mascot[data-mascot-kind="axolotl"] .tm-ear-left{left:-3px;transform:rotate(25deg)}.theme-mascot[data-mascot-kind="axolotl"] .tm-ear-right{right:-3px;transform:rotate(-25deg)}
.theme-mascot[data-mascot-kind="cat"] .tm-ear{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;height:23px}.theme-mascot[data-mascot-kind="tanuki"] .tm-face{box-shadow:inset 11px 0 0 color-mix(in srgb,#665647 16%,transparent),inset -11px 0 0 color-mix(in srgb,#665647 16%,transparent)}
.theme-mascot[data-mascot-kind="spirit"]{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 30%,transparent))}.theme-mascot[data-mascot-kind="spirit"] .tm-face{border-radius:55% 55% 45% 45%;opacity:.92}.theme-mascot[data-mascot-kind="spirit"] .tm-ear{display:none}
.theme-mascot[data-mascot-kind="cloud"] .tm-face{border-radius:50% 50% 44% 44%}.theme-mascot[data-mascot-kind="cloud"] .tm-ear{width:18px;height:18px;top:8px;border-radius:50%}
@media(max-width:600px){.work-summary{grid-template-columns:1fr 1fr}}

/* ===== PulseDesk v6 — 16-theme skin system + illustrated mascots ===== */
.theme-mascot{display:inline-grid;place-items:center;width:64px;height:64px;flex:0 0 64px;filter:drop-shadow(0 8px 14px color-mix(in srgb,var(--accent) 18%,transparent));animation:pdFloat 3.8s ease-in-out infinite}.theme-mascot svg{width:100%;height:100%;display:block;overflow:visible}.theme-mascot.mini{width:78px;height:70px;flex-basis:78px}.assistant-mascot{width:108px;height:94px}.mascot-float .theme-mascot{width:46px;height:46px;flex-basis:46px}@keyframes pdFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
.chart-empty{grid-column:1/-1;width:100%;height:100%;min-height:210px;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;text-align:center!important;gap:7px;padding:20px 32px}.chart-empty strong{max-width:300px;font-size:13px;line-height:1.3;color:var(--ink)}.chart-empty small{max-width:320px;font-size:10px;line-height:1.55;color:var(--muted)}
.mascot-companion{overflow:hidden}.mascot-message{min-width:0}.mascot-message small{letter-spacing:.12em}.mascot-wrap{align-items:center}

/* Theme preview tiles */
.sky-preview{background:linear-gradient(135deg,#d9f4ff,#f8fbff 48%,#ded9ff)}
.sakura-preview{background:linear-gradient(135deg,#ffe0ec,#fff8fb 48%,#f3d6ff)}
.wisteria-preview{background:linear-gradient(135deg,#e8dcff,#fbf8ff 48%,#d7e6ff)}
.matcha-preview{background:linear-gradient(135deg,#e5efd5,#fffdf4 48%,#cdddb9)}
.striker-preview{background:linear-gradient(135deg,#d9eaff,#f7fbff 48%,#a9c7ff)}
.volley-preview{background:linear-gradient(135deg,#ffe8cd,#fffaf4 48%,#f39b57)}
.hero-preview{background:linear-gradient(135deg,#dff5e8,#fff 45%,#ffd9d8)}
.mecha-preview{background:linear-gradient(135deg,#e6fbff,#f9feff 45%,#9fdce8)}
.moonlight-preview{background:linear-gradient(135deg,#11162b,#242147 52%,#897be5)}
.cyber-preview{background:linear-gradient(135deg,#0c1320,#10354a 48%,#f05bc5)}
.sorcerer-preview{background:linear-gradient(135deg,#151020,#2c1940 48%,#8f63d6)}
.shinobi-preview{background:linear-gradient(135deg,#161514,#29201b 48%,#e77a45)}
.noir-preview{background:linear-gradient(135deg,#0c0d10,#20151a 52%,#b83b55)}
.emerald-preview{background:linear-gradient(135deg,#0b1714,#173229 52%,#71ae86)}
.abyss-preview{background:linear-gradient(135deg,#07151f,#0b3140 52%,#4cb3c5)}
.galaxy-preview{background:linear-gradient(135deg,#0e1024,#2b1f4e 48%,#b052bf)}
.dark-option{position:relative}.dark-option:after{content:'DARK';position:absolute;top:8px;right:8px;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:7px;font-weight:800;letter-spacing:.08em}

/* Light skins */
body[data-theme="sky"]{--accent:#8d8ce8;--accent2:#81d5f1;--accent-soft:#edf3ff;--page:#f7fbff;--panel-rgb:255,255,255;--sidebar-rgb:224,243,255;--ink:#30364a;--muted:#8e97aa;--line:#e2e9f2;background:radial-gradient(circle at 0 0,#dff6ff,transparent 35%),radial-gradient(circle at 100% 100%,#ebe2ff,transparent 34%),#f8fbff!important}
body[data-theme="sakura"]{--accent:#e889b1;--accent2:#ffb0cb;--accent-soft:#fff0f5;--page:#fff8fb;--panel-rgb:255,255,255;--sidebar-rgb:255,236,245;--ink:#493745;--muted:#9b8493;--line:#f0dfe8;background:radial-gradient(circle at 0 0,#ffe2ee,transparent 36%),radial-gradient(circle at 100% 100%,#f5e4ff,transparent 34%),#fff9fb!important}
body[data-theme="wisteria"]{--accent:#977fcf;--accent2:#b8a7ea;--accent-soft:#f2ecff;--page:#fbf9ff;--panel-rgb:255,255,255;--sidebar-rgb:239,232,255;--ink:#3f3652;--muted:#948aa5;--line:#e7def2;background:radial-gradient(circle at 0 0,#ede4ff,transparent 35%),radial-gradient(circle at 100% 100%,#e5efff,transparent 35%),#fbf9ff!important}
body[data-theme="matcha"]{--accent:#789666;--accent2:#aecb90;--accent-soft:#edf4e6;--page:#fbfcf7;--panel-rgb:255,255,251;--sidebar-rgb:237,244,225;--ink:#3b4638;--muted:#899282;--line:#e2e9d9;background:radial-gradient(circle at 0 0,#e7f0d7,transparent 35%),radial-gradient(circle at 100% 100%,#f5ead8,transparent 34%),#fbfcf8!important}
body[data-theme="striker"]{--accent:#547ce9;--accent2:#80bbff;--accent-soft:#e9f1ff;--page:#f5f9ff;--panel-rgb:255,255,255;--sidebar-rgb:226,237,255;--ink:#263957;--muted:#7f8da5;--line:#dce6f3;background:radial-gradient(circle at 0 0,#dcecff,transparent 35%),radial-gradient(circle at 100% 100%,#e8eaff,transparent 35%),#f6f9ff!important}
body[data-theme="volley"]{--accent:#eb7f3b;--accent2:#ffb45f;--accent-soft:#fff0df;--page:#fffaf5;--panel-rgb:255,255,253;--sidebar-rgb:255,238,220;--ink:#413733;--muted:#95867e;--line:#efe1d7;background:radial-gradient(circle at 0 0,#ffe8cb,transparent 35%),radial-gradient(circle at 100% 100%,#f8e3de,transparent 35%),#fffaf6!important}
body[data-theme="hero"]{--accent:#4c9f76;--accent2:#ee7f7d;--accent-soft:#eaf7ef;--page:#f7fbf8;--panel-rgb:255,255,254;--sidebar-rgb:226,244,233;--ink:#30453a;--muted:#82938a;--line:#dcebe1;background:radial-gradient(circle at 0 0,#ddf3e6,transparent 34%),radial-gradient(circle at 100% 100%,#ffe3e2,transparent 35%),#f8fbf9!important}
body[data-theme="mecha"]{--accent:#489bbd;--accent2:#78d7e4;--accent-soft:#e7f8fb;--page:#f4fbfd;--panel-rgb:255,255,255;--sidebar-rgb:223,244,248;--ink:#29404d;--muted:#7a909b;--line:#dcebef;background:linear-gradient(135deg,#f5fcfd,#edf7fa)!important}

/* Dark skins: distinct layered surfaces instead of one flat navy block */
body[data-mode="dark"]{color-scheme:dark;--ink:#f7f8ff;--muted:#aeb6cc;--line:rgba(255,255,255,.11);--panel:rgba(var(--panel-rgb),.88);--shadow:0 28px 80px rgba(0,0,0,.34)}
body[data-mode="dark"] .app-shell{background:color-mix(in srgb,var(--page) 58%,rgba(var(--panel-rgb),.78));border-color:rgba(255,255,255,.08);box-shadow:var(--shadow);backdrop-filter:blur(28px)}
body[data-mode="dark"] .sidebar{background:rgba(var(--sidebar-rgb),.92);border-color:rgba(255,255,255,.07)}
body[data-mode="dark"] .main-content{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0) 35%)}
body[data-mode="dark"] .right-panel{background:color-mix(in srgb,var(--page) 72%,#fff 3%);border-color:rgba(255,255,255,.07)}
body[data-mode="dark"] .card,body[data-mode="dark"] .toolbar-card,body[data-mode="dark"] .history-card,body[data-mode="dark"] .request-card,body[data-mode="dark"] .schedule-row,body[data-mode="dark"] .mini-stats div{background:rgba(var(--panel-rgb),.82);border-color:var(--line);box-shadow:0 12px 32px rgba(0,0,0,.16)}
body[data-mode="dark"] .profile{background:rgba(255,255,255,.07)}
body[data-mode="dark"] .menu-item{color:color-mix(in srgb,var(--muted) 93%,white)}
body[data-mode="dark"] .menu-item:hover,body[data-mode="dark"] .menu-item.active{background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.025));color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}
body[data-mode="dark"] .tone-blue{background:linear-gradient(145deg,color-mix(in srgb,#5ab7e8 18%,rgba(var(--panel-rgb),.96)),rgba(var(--panel-rgb),.96))}
body[data-mode="dark"] .tone-purple{background:linear-gradient(145deg,color-mix(in srgb,#9a7cff 20%,rgba(var(--panel-rgb),.96)),rgba(var(--panel-rgb),.96))}
body[data-mode="dark"] .tone-amber{background:linear-gradient(145deg,color-mix(in srgb,#f0ad55 19%,rgba(var(--panel-rgb),.96)),rgba(var(--panel-rgb),.96))}
body[data-mode="dark"] .tone-rose{background:linear-gradient(145deg,color-mix(in srgb,#e16f8f 18%,rgba(var(--panel-rgb),.96)),rgba(var(--panel-rgb),.96))}
body[data-mode="dark"] .stat-card p,body[data-mode="dark"] .stat-card h2,body[data-mode="dark"] .history-description,body[data-mode="dark"] .request-description{color:var(--ink)}
body[data-mode="dark"] .stat-card span{color:var(--muted)}
body[data-mode="dark"] .stat-icon,body[data-mode="dark"] .soft-icon{background:rgba(255,255,255,.08);color:color-mix(in srgb,var(--accent) 70%,white)}
body[data-mode="dark"] .search-box,body[data-mode="dark"] .form-input,body[data-mode="dark"] .segmented span,body[data-mode="dark"] .upload-box,body[data-mode="dark"] .detail-grid>div,body[data-mode="dark"] .detail-section{background:rgba(0,0,0,.16);border-color:var(--line);color:var(--ink)}
body[data-mode="dark"] .search-box input,body[data-mode="dark"] .form-input{color:var(--ink)}
body[data-mode="dark"] .filter-button,body[data-mode="dark"] .request-filter,body[data-mode="dark"] .theme-option{background:rgba(255,255,255,.05);border-color:var(--line);color:var(--ink)}
body[data-mode="dark"] .filter-button.active,body[data-mode="dark"] .request-filter.active{background:color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.04));color:#fff}
body[data-mode="dark"] .schedule-overview,body[data-mode="dark"] .duration-box{background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 10%,rgba(var(--panel-rgb),.8)),color-mix(in srgb,var(--accent) 11%,rgba(var(--panel-rgb),.86)));border-color:var(--line)}
body[data-mode="dark"] .chart-track{background:rgba(255,255,255,.065)}
body[data-mode="dark"] .chart-bar{background:linear-gradient(180deg,var(--accent2),var(--accent))}
body[data-mode="dark"] .progress-inner{background:rgba(var(--panel-rgb),1);color:var(--ink)}
body[data-mode="dark"] .hours-pill{background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.04));color:color-mix(in srgb,var(--accent2) 65%,white)}
body[data-mode="dark"] .quick-card button{border-color:var(--line);color:var(--ink)}
body[data-mode="dark"] .mascot-companion{background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 8%,rgba(var(--panel-rgb),.82)),color-mix(in srgb,var(--accent) 10%,rgba(var(--panel-rgb),.88)));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
body[data-mode="dark"] .chart-empty strong{color:var(--ink)}
body[data-mode="dark"] .assistant-intro{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,rgba(var(--panel-rgb),.9)),rgba(var(--panel-rgb),.82))}

body[data-theme="moonlight"]{--page:#0d1220;--panel-rgb:27,34,58;--sidebar-rgb:16,22,39;--accent:#9a8bff;--accent2:#73caff;--accent-soft:#272a49;background:radial-gradient(circle at 10% 0,#1d3c5b 0,transparent 34%),radial-gradient(circle at 95% 100%,#342750 0,transparent 36%),#0d1220!important}
body[data-theme="cyber"]{--page:#070d16;--panel-rgb:15,31,43;--sidebar-rgb:8,19,29;--accent:#ef62ca;--accent2:#64ecff;--accent-soft:#1b3140;background:radial-gradient(circle at 0 0,rgba(30,176,214,.24),transparent 34%),radial-gradient(circle at 100% 100%,rgba(228,54,181,.19),transparent 35%),linear-gradient(135deg,#070d16,#101121)!important}
body[data-theme="sorcerer"]{--page:#100b19;--panel-rgb:36,25,51;--sidebar-rgb:21,14,31;--accent:#ae7af1;--accent2:#7488ff;--accent-soft:#322242;background:radial-gradient(circle at 8% 0,rgba(109,76,184,.29),transparent 34%),radial-gradient(circle at 92% 100%,rgba(165,55,128,.18),transparent 35%),#100b19!important}
body[data-theme="shinobi"]{--page:#11100f;--panel-rgb:37,31,27;--sidebar-rgb:22,20,18;--accent:#ed7b3f;--accent2:#ffb05e;--accent-soft:#3b281d;background:radial-gradient(circle at 0 0,rgba(190,76,24,.25),transparent 35%),radial-gradient(circle at 100% 100%,rgba(105,48,32,.2),transparent 34%),linear-gradient(145deg,#11100f,#1c1714)!important}
body[data-theme="noir"]{--page:#090a0d;--panel-rgb:29,25,31;--sidebar-rgb:16,16,20;--accent:#c74662;--accent2:#f07a8d;--accent-soft:#392129;background:radial-gradient(circle at 90% 0,rgba(183,45,73,.20),transparent 34%),linear-gradient(145deg,#090a0d,#171217)!important}
body[data-theme="emerald"]{--page:#07120f;--panel-rgb:20,42,35;--sidebar-rgb:10,26,22;--accent:#74b78c;--accent2:#9dd8a8;--accent-soft:#213a30;background:radial-gradient(circle at 10% 0,rgba(60,139,102,.23),transparent 34%),radial-gradient(circle at 100% 100%,rgba(41,94,77,.22),transparent 34%),#07120f!important}
body[data-theme="abyss"]{--page:#06111a;--panel-rgb:15,39,51;--sidebar-rgb:8,24,33;--accent:#4fb5c8;--accent2:#72d9e5;--accent-soft:#173746;background:radial-gradient(circle at 10% 0,rgba(32,116,144,.27),transparent 34%),radial-gradient(circle at 95% 100%,rgba(20,74,102,.25),transparent 35%),#06111a!important}
body[data-theme="galaxy"]{--page:#090b1d;--panel-rgb:30,25,58;--sidebar-rgb:16,14,36;--accent:#b25bc1;--accent2:#7178ff;--accent-soft:#30264d;background:radial-gradient(circle at 5% 0,rgba(68,82,183,.28),transparent 32%),radial-gradient(circle at 95% 100%,rgba(174,63,170,.21),transparent 35%),linear-gradient(145deg,#090b1d,#17112b)!important}

@media(max-width:760px){.theme-options{grid-template-columns:1fr 1fr}.assistant-mascot{width:88px;height:80px}.chart-empty{min-height:170px}}
@media(max-width:520px){.theme-options{grid-template-columns:1fr}.theme-mascot.mini{width:66px;height:60px}}
body[data-mode="dark"]{--progress-track:rgba(255,255,255,.09)}
body[data-mode="light"]{--progress-track:#edf0f6}
body[data-mode="dark"] .modal{background:rgba(var(--panel-rgb),.98);border-color:var(--line);box-shadow:0 30px 90px rgba(0,0,0,.46)}
body[data-mode="dark"] .icon-button,body[data-mode="dark"] .secondary-button{background:rgba(255,255,255,.07);color:var(--ink)}
body[data-mode="dark"] .secondary-button.danger{background:rgba(199,70,91,.14);color:#ff9dad}
body[data-mode="dark"] .toast{background:color-mix(in srgb,var(--panel) 82%,#000);border:1px solid var(--line)}
body[data-mode="dark"] .status.accepted{background:rgba(82,176,119,.16);color:#9de0b5}
body[data-mode="dark"] .status.pending{background:rgba(232,166,70,.15);color:#ffd28a}
body[data-mode="dark"] .status.rejected{background:rgba(220,91,119,.16);color:#ff9fb2}
body[data-mode="dark"] .theme-option.active{outline-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}

/* ===== PulseDesk v6.1 · Theme-aware forms & modals ===== */
:root{
  --modal-bg:rgba(var(--panel-rgb),.985);
  --field-bg:color-mix(in srgb,var(--panel) 86%,var(--accent-soft) 14%);
  --field-hover:color-mix(in srgb,var(--panel) 72%,var(--accent-soft) 28%);
  --field-selected:color-mix(in srgb,var(--accent-soft) 72%,var(--panel) 28%);
  --field-text:var(--ink);
  --field-muted:var(--muted);
}

.modal{
  background:var(--modal-bg)!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
.modal .eyebrow,.modal .form-label,.modal .time-grid label{color:var(--muted)!important}
.modal .form-input,
.modal .type-option,
.modal .segmented span,
.modal .upload-box,
.modal .detail-grid>div,
.modal .detail-section{
  background:var(--field-bg)!important;
  color:var(--field-text)!important;
  border-color:var(--line)!important;
}
.modal .type-option:hover,
.modal .segmented label:hover span,
.modal .upload-box:hover{
  background:var(--field-hover)!important;
  border-color:color-mix(in srgb,var(--accent) 35%,var(--line))!important;
}
.modal .type-option.selected,
.modal .segmented input:checked+span{
  background:var(--field-selected)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--accent) 58%,var(--line))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);
}
.modal .form-input:focus{
  background:var(--field-hover)!important;
  border-color:var(--accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)!important;
}
.modal .duration-box{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--accent2) 15%,var(--panel)),
    color-mix(in srgb,var(--accent) 16%,var(--panel)))!important;
  color:var(--ink)!important;
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));
}
.modal .duration-box small,.modal .selected-file,.modal input::placeholder,.modal textarea::placeholder{color:var(--muted)!important}
.modal .icon-button{
  background:color-mix(in srgb,var(--panel) 78%,var(--accent-soft) 22%)!important;
  color:var(--ink)!important;
  border:1px solid var(--line);
}
.modal .primary-button{
  background:linear-gradient(135deg,var(--accent2),var(--accent))!important;
  color:#fff!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 25%,transparent)!important;
}
.modal-overlay{
  background:color-mix(in srgb,var(--page) 54%,rgba(0,0,0,.52))!important;
}

/* Dark themes: controls are dark surfaces, never white cards. */
body[data-mode="dark"]{
  --modal-bg:color-mix(in srgb,rgb(var(--panel-rgb)) 95%,#000 5%);
  --field-bg:rgba(255,255,255,.055);
  --field-hover:rgba(255,255,255,.085);
  --field-selected:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.055));
}
body[data-mode="dark"] .modal-overlay{
  background:rgba(2,5,12,.67)!important;
  backdrop-filter:blur(12px) saturate(.9);
}
body[data-mode="dark"] .modal .type-option svg,
body[data-mode="dark"] .modal .duration-box svg,
body[data-mode="dark"] .modal .upload-box svg{color:var(--accent2)}
body[data-mode="dark"] .modal input,
body[data-mode="dark"] .modal textarea,
body[data-mode="dark"] .modal select{color-scheme:dark}
body[data-mode="dark"] .modal .secondary-button{
  background:rgba(255,255,255,.07)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
}

/* Give every family a slightly different modal aura instead of one generic dark box. */
body[data-theme="moonlight"] .modal{box-shadow:0 32px 95px rgba(73,70,170,.30)!important}
body[data-theme="cyber"] .modal{box-shadow:0 32px 95px rgba(43,206,234,.18),0 0 0 1px rgba(239,98,202,.08)!important}
body[data-theme="sorcerer"] .modal{box-shadow:0 32px 95px rgba(123,71,190,.25)!important}
body[data-theme="shinobi"] .modal{box-shadow:0 32px 95px rgba(213,95,42,.20)!important}
body[data-theme="noir"] .modal{box-shadow:0 32px 95px rgba(181,49,78,.20)!important}
body[data-theme="emerald"] .modal{box-shadow:0 32px 95px rgba(63,145,104,.20)!important}
body[data-theme="abyss"] .modal{box-shadow:0 32px 95px rgba(37,139,163,.22)!important}
body[data-theme="galaxy"] .modal{box-shadow:0 32px 95px rgba(145,72,187,.24)!important}

/* v6.2 — Liquid glass + immersive request flow */
:root{--glass-a:var(--accent2);--glass-b:var(--accent);--glass-c:#d9c4ff}
.modal .type-option,.request-type-option{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a) 18%,var(--field-bg)),color-mix(in srgb,var(--glass-b) 12%,var(--field-bg)))!important;border:1px solid color-mix(in srgb,var(--glass-a) 28%,var(--line))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 24px color-mix(in srgb,var(--glass-b) 8%,transparent);backdrop-filter:blur(14px) saturate(1.18);transition:.22s ease}
.modal .type-option:before,.request-type-option:before{content:"";position:absolute;inset:-70% 45% 35% -20%;z-index:-1;background:radial-gradient(circle,rgba(255,255,255,.34),transparent 68%);transform:rotate(-18deg);pointer-events:none}
.modal .type-option:hover,.request-type-option:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--glass-b) 55%,var(--line))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 12px 30px color-mix(in srgb,var(--glass-b) 16%,transparent)}
.modal .type-option.selected,.request-type-option.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a) 45%,var(--field-bg)),color-mix(in srgb,var(--glass-b) 36%,var(--field-bg)))!important;border-color:color-mix(in srgb,var(--glass-a) 72%,white 8%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 3px color-mix(in srgb,var(--glass-b) 14%,transparent),0 15px 34px color-mix(in srgb,var(--glass-b) 20%,transparent)}
.request-modal{width:min(760px,100%)}.request-modal .modal-subtitle{color:var(--muted);font-size:10px;margin-top:5px}.request-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.request-type-option{min-height:72px;padding:13px;border-radius:17px;color:var(--ink);display:flex;align-items:center;gap:12px;text-align:left}.request-type-option>svg{width:22px;height:22px;flex:0 0 auto;color:var(--accent2)}.request-type-option span{display:grid;gap:3px}.request-type-option strong{font-size:10px}.request-type-option small{font-size:8px;color:var(--muted)}.request-form-panel{padding:18px;border-radius:20px;background:color-mix(in srgb,var(--field-bg) 82%,transparent);border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}.request-selection-banner{display:flex;align-items:center;gap:11px;padding:12px 14px;margin-bottom:17px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a) 20%,var(--field-bg)),color-mix(in srgb,var(--glass-b) 18%,var(--field-bg)));border:1px solid color-mix(in srgb,var(--glass-a) 25%,var(--line))}.request-selection-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--glass-a),var(--glass-b));color:white;box-shadow:0 8px 22px color-mix(in srgb,var(--glass-b) 24%,transparent)}.request-selection-icon svg{width:18px}.request-selection-banner small,.request-selection-banner strong{display:block}.request-selection-banner small{font-size:8px;color:var(--muted)}.request-selection-banner strong{font-size:11px;margin-top:3px}.modal .primary-button{background:linear-gradient(135deg,var(--glass-a),var(--glass-b))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 30px color-mix(in srgb,var(--glass-b) 28%,transparent)!important}.modal .upload-box{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a) 9%,var(--field-bg)),color-mix(in srgb,var(--glass-b) 7%,var(--field-bg)))!important}
body[data-mode="dark"]{--field-text:#f6f8ff;--muted:#b8c1d3;--field-bg:rgba(255,255,255,.085);--field-hover:rgba(255,255,255,.12)}body[data-mode="dark"] .modal{color:#f7f9ff}body[data-mode="dark"] .modal .form-label,body[data-mode="dark"] .modal label,body[data-mode="dark"] .request-type-option strong{color:#f2f5fb!important}body[data-mode="dark"] .request-type-option small,body[data-mode="dark"] .modal .modal-subtitle,body[data-mode="dark"] .modal .selected-file{color:#b8c1d3!important}body[data-mode="dark"] .modal .form-input{color:#f7f9ff!important;background:rgba(255,255,255,.085)!important}body[data-mode="dark"] .modal .form-input::placeholder{color:#9faac0!important}body[data-mode="dark"] .schedule-snapshot{background:rgba(255,255,255,.09)!important;color:#d9dfeb!important;border-color:rgba(255,255,255,.14)!important}
body[data-theme="sakura"]{--glass-a:#ffb5cf;--glass-b:#d995e8;--glass-c:#9bbcf7}body[data-theme="sky"]{--glass-a:#73d7ee;--glass-b:#8d8ff0;--glass-c:#d5c3ff}body[data-theme="volley"]{--glass-a:#ffbd67;--glass-b:#ff7c45;--glass-c:#292f43}body[data-theme="matcha"]{--glass-a:#a9d9ad;--glass-b:#69bca0;--glass-c:#e8dca8}body[data-theme="wisteria"]{--glass-a:#d8b8ef;--glass-b:#9888e8;--glass-c:#7ebbe7}body[data-theme="hero"]{--glass-a:#69c995;--glass-b:#ef7e7b;--glass-c:#ffd66e}body[data-theme="moonlight"]{--glass-a:#8394ff;--glass-b:#a66bf1;--glass-c:#66d5ef}body[data-theme="cyber"]{--glass-a:#33e1e8;--glass-b:#ed61c9;--glass-c:#7657ff}body[data-theme="sorcerer"]{--glass-a:#8e75ef;--glass-b:#d05ad8;--glass-c:#34227d}body[data-theme="shinobi"]{--glass-a:#ffad48;--glass-b:#e85e36;--glass-c:#8d2b32}body[data-theme="noir"]{--glass-a:#f0617b;--glass-b:#a72f58;--glass-c:#6d173f}body[data-theme="emerald"]{--glass-a:#86dda4;--glass-b:#3da879;--glass-c:#b9e9cf}body[data-theme="abyss"]{--glass-a:#64d5df;--glass-b:#258ba3;--glass-c:#335c9e}body[data-theme="galaxy"]{--glass-a:#b57cff;--glass-b:#ed66c9;--glass-c:#5578ff}
@media(max-width:600px){.request-type-grid{grid-template-columns:1fr}.request-form-panel{padding:13px}.request-type-option{min-height:62px}}

/* ===== PulseDesk v6.3 · Dark theme legibility + glass depth ===== */
body[data-mode="dark"]{
  --dark-surface-1:color-mix(in srgb,var(--page) 76%,white 4%);
  --dark-surface-2:color-mix(in srgb,var(--page) 64%,white 8%);
  --dark-surface-3:color-mix(in srgb,var(--page) 52%,white 13%);
  --dark-border:color-mix(in srgb,var(--accent2) 24%,rgba(255,255,255,.18));
  --dark-text:var(--ink);
  --dark-muted:var(--muted);
}

body[data-mode="dark"] .modal .eyebrow,
body[data-mode="dark"] .modal .form-label,
body[data-mode="dark"] .modal label,
body[data-mode="dark"] .modal h2,
body[data-mode="dark"] .request-type-option strong{
  color:var(--dark-text)!important;
}
body[data-mode="dark"] .modal .modal-subtitle,
body[data-mode="dark"] .modal .selected-file,
body[data-mode="dark"] .request-type-option small,
body[data-mode="dark"] .duration-box small{
  color:var(--dark-muted)!important;
}
body[data-mode="dark"] .modal .form-input,
body[data-mode="dark"] .modal .search-box,
body[data-mode="dark"] .modal .segmented span,
body[data-mode="dark"] .modal .upload-box,
body[data-mode="dark"] .request-form-panel{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--dark-surface-2) 86%,var(--glass-a) 5%),
    color-mix(in srgb,var(--dark-surface-1) 92%,var(--glass-b) 4%))!important;
  border-color:var(--dark-border)!important;
  color:var(--dark-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body[data-mode="dark"] .modal .form-input::placeholder,
body[data-mode="dark"] .modal input::placeholder,
body[data-mode="dark"] .modal textarea::placeholder{
  color:#aeb8ca!important;
  opacity:1;
}
body[data-mode="dark"] .modal .type-option,
body[data-mode="dark"] .request-type-option{
  color:var(--dark-text)!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--dark-surface-3) 74%,var(--glass-a) 13%),
    color-mix(in srgb,var(--dark-surface-2) 82%,var(--glass-b) 10%))!important;
  border-color:color-mix(in srgb,var(--glass-a) 34%,rgba(255,255,255,.16))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 26px rgba(0,0,0,.16)!important;
}
body[data-mode="dark"] .modal .type-option span,
body[data-mode="dark"] .request-type-option span,
body[data-mode="dark"] .request-type-option strong{
  color:var(--dark-text)!important;
}
body[data-mode="dark"] .modal .type-option svg,
body[data-mode="dark"] .request-type-option>svg{
  color:color-mix(in srgb,var(--glass-a) 78%,white)!important;
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--glass-a) 22%,transparent));
}
body[data-mode="dark"] .modal .type-option:hover,
body[data-mode="dark"] .request-type-option:hover{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--dark-surface-3) 64%,var(--glass-a) 22%),
    color-mix(in srgb,var(--dark-surface-2) 70%,var(--glass-b) 18%))!important;
  border-color:color-mix(in srgb,var(--glass-a) 58%,white 8%)!important;
}
body[data-mode="dark"] .modal .type-option.selected,
body[data-mode="dark"] .request-type-option.selected{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--glass-a) 48%,var(--dark-surface-3)),
    color-mix(in srgb,var(--glass-b) 44%,var(--dark-surface-2)))!important;
  border-color:color-mix(in srgb,var(--glass-a) 72%,white 18%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 0 2px color-mix(in srgb,var(--glass-a) 22%,transparent),0 14px 38px color-mix(in srgb,var(--glass-b) 28%,transparent)!important;
}
body[data-mode="dark"] .modal .segmented span{
  color:#dce2ee!important;
}
body[data-mode="dark"] .modal .segmented input:checked+span{
  color:#fff!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--glass-a) 32%,var(--dark-surface-3)),
    color-mix(in srgb,var(--glass-b) 28%,var(--dark-surface-2)))!important;
  border-color:color-mix(in srgb,var(--glass-a) 68%,white 12%)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--glass-b) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
body[data-mode="dark"] .duration-box,
body[data-mode="dark"] .request-selection-banner{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--glass-a) 18%,var(--dark-surface-2)),
    color-mix(in srgb,var(--glass-b) 17%,var(--dark-surface-1)))!important;
  border:1px solid color-mix(in srgb,var(--glass-a) 28%,rgba(255,255,255,.12))!important;
}
body[data-mode="dark"] .schedule-snapshot{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--dark-surface-3) 88%,var(--glass-a) 5%),
    color-mix(in srgb,var(--dark-surface-2) 92%,var(--glass-b) 4%))!important;
  color:#edf1f8!important;
  border:1px solid var(--dark-border)!important;
}
body[data-mode="dark"] .modal .secondary-button{
  background:var(--dark-surface-3)!important;
  color:#f5f7fb!important;
  border:1px solid var(--dark-border)!important;
}
body[data-mode="dark"] .modal .primary-button{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.22);
}
body[data-theme="shinobi"][data-mode="dark"] .modal{background:linear-gradient(155deg,#1f1814,#120e0d)!important}
body[data-theme="emerald"][data-mode="dark"] .modal{background:linear-gradient(155deg,#123328,#081b16)!important}
body[data-theme="abyss"][data-mode="dark"] .modal{background:linear-gradient(155deg,#123847,#071a24)!important}
body[data-theme="noir"][data-mode="dark"] .modal{background:linear-gradient(155deg,#25181d,#0d0a0c)!important}
body[data-theme="galaxy"][data-mode="dark"] .modal{background:linear-gradient(155deg,#211839,#0e0d20)!important}
body[data-theme="moonlight"][data-mode="dark"] .modal{background:linear-gradient(155deg,#20284a,#11152c)!important}
body[data-theme="cyber"][data-mode="dark"] .modal{background:linear-gradient(155deg,#102b31,#120f2d)!important}
body[data-theme="sorcerer"][data-mode="dark"] .modal{background:linear-gradient(155deg,#261c46,#120d25)!important}

/* ===== PulseDesk v6.4 · Light Liquid Glass + modal cleanup ===== */
/* Los temas claros usan cristal perlado; los oscuros conservan cristal ahumado. */
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .app-shell{
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.48));
  border-color:rgba(255,255,255,.8);
  box-shadow:0 30px 90px rgba(92,105,150,.18), inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(28px) saturate(135%);
  -webkit-backdrop-filter:blur(28px) saturate(135%);
}
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .card,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .toolbar-card,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .history-card,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .request-card,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .modal{
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.64));
  border:1px solid rgba(255,255,255,.88);
  box-shadow:0 22px 60px rgba(98,109,155,.16), inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
}
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .form-input,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .search-box,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .upload-box{
  background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.48));
  border-color:rgba(255,255,255,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 8px 24px rgba(104,115,158,.07);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .type-option,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .request-type-option{
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 17%,rgba(255,255,255,.76)),color-mix(in srgb,var(--accent) 14%,rgba(255,255,255,.68)));
  border-color:rgba(255,255,255,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px color-mix(in srgb,var(--accent) 10%,transparent);
  backdrop-filter:blur(12px) saturate(140%);
  -webkit-backdrop-filter:blur(12px) saturate(140%);
}
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .type-option:hover,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .request-type-option:hover{
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 28px color-mix(in srgb,var(--accent) 18%,transparent);
}
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .type-option.selected,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="shinobi"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]):not([data-theme="galaxy"]) .request-type-option.selected{
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 68%,white),color-mix(in srgb,var(--accent) 58%,white));
  border-color:rgba(255,255,255,.95);
  color:#fff;
  box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.75);
}

/* Evita que cualquier fragmento antiguo de Evidencia pueda flotar fuera del modal. */
body > .form-section,
body > .form-actions{display:none!important}

/* v7: horarios especiales */
.special-time-panel{margin:14px 0;padding:16px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--surface,#fff) 82%,transparent));backdrop-filter:blur(16px)}
.special-time-title{display:flex;gap:10px;align-items:center;margin-bottom:12px}.special-time-title svg{color:var(--accent)}.special-time-title small{display:block;margin-top:2px;opacity:.72}
.special-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.special-time-grid label span{display:block;font-size:.78rem;font-weight:700;margin-bottom:6px}.chat-bubble{white-space:pre-line}
@media(max-width:700px){.special-time-grid{grid-template-columns:1fr}}

/* v8 — Mi corte + Adherencia */
.period-toolbar{display:flex;gap:12px;align-items:end;padding:16px;margin-bottom:18px;flex-wrap:wrap}
.period-toolbar>div{min-width:170px;flex:1}.period-toolbar label{display:block;font-size:.76rem;font-weight:800;margin:0 0 6px;opacity:.72}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.metric-card{padding:18px;border-radius:20px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-30px;top:-30px;background:color-mix(in srgb,var(--accent) 12%,transparent)}
.metric-card small{display:block;font-weight:750;opacity:.68;margin-bottom:7px}.metric-card strong{font-size:1.55rem}.metric-card span{display:block;font-size:.78rem;opacity:.65;margin-top:4px}
.section-card{padding:18px;margin-top:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h2{margin:2px 0 0}
.info-banner{display:flex;gap:12px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--accent) 8%,var(--surface,#fff));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);margin:10px 0 16px;backdrop-filter:blur(14px)}
.info-banner svg{flex:0 0 auto;color:var(--accent)}.info-banner strong,.info-banner span{display:block}.info-banner span{font-size:.82rem;opacity:.72;margin-top:3px}
.cut-day,.adh-day{padding:14px 0;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}.cut-day:last-child,.adh-day:last-child{border-bottom:0}
.day-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.day-head strong{font-size:.95rem}.day-head span{font-size:.8rem;opacity:.68}
.day-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.mini-tag{font-size:.73rem;font-weight:750;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent)}
.checklist{display:grid;gap:9px}.check-row{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,transparent)}.check-row svg{width:18px;height:18px;color:var(--accent);margin-top:1px}.check-row span{font-size:.84rem}
.adh-bar{height:14px;border-radius:999px;background:color-mix(in srgb,currentColor 8%,transparent);overflow:hidden;margin-top:10px;display:flex}.adh-seg{height:100%}.adh-seg.scheduled{background:color-mix(in srgb,var(--accent) 70%,#8dd9b7)}.adh-seg.justified{background:color-mix(in srgb,var(--accent) 55%,#e4b5ff)}.adh-seg.review{background:color-mix(in srgb,var(--accent) 45%,#ffb3b3)}
.adh-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:.72rem;opacity:.72}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr}.period-toolbar>div{min-width:100%}}

/* v8.1 — Hero Pop uses its own green/coral identity */
body[data-theme="hero"] .modal .type-option,
body[data-theme="hero"] .request-type-option{
  background:linear-gradient(135deg,
    color-mix(in srgb,#69c995 18%,var(--field-bg)),
    color-mix(in srgb,#ef7e7b 13%,var(--field-bg)))!important;
  border-color:color-mix(in srgb,#69c995 28%,var(--line))!important;
}
body[data-theme="hero"] .modal .type-option:nth-child(3n+2),
body[data-theme="hero"] .request-type-option:nth-child(3n+2){
  background:linear-gradient(135deg,
    color-mix(in srgb,#ffd66e 18%,var(--field-bg)),
    color-mix(in srgb,#ef7e7b 14%,var(--field-bg)))!important;
}
body[data-theme="hero"] .modal .type-option:nth-child(3n),
body[data-theme="hero"] .request-type-option:nth-child(3n){
  background:linear-gradient(135deg,
    color-mix(in srgb,#69c995 16%,var(--field-bg)),
    color-mix(in srgb,#ffd66e 15%,var(--field-bg)))!important;
}
body[data-theme="hero"] .modal .type-option.selected,
body[data-theme="hero"] .request-type-option.selected{
  background:linear-gradient(135deg,#69c995,#ef7e7b)!important;
  color:white!important;
  border-color:rgba(255,255,255,.7)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,#ef7e7b 16%,transparent),0 14px 34px color-mix(in srgb,#69c995 20%,transparent)!important;
}
body[data-theme="hero"] .modal .type-option.selected svg,
body[data-theme="hero"] .request-type-option.selected>svg{color:white!important}

/* Mi corte + Adherencia now behave like proper application pages */
.workforce-toolbar{display:flex;gap:12px;align-items:end;padding:16px;margin-bottom:18px;flex-wrap:wrap}
.workforce-toolbar>div{min-width:170px;flex:1}
.metric-card{
  background:var(--panel);
  border:1px solid var(--line);
  box-shadow:0 9px 25px rgba(96,116,150,.055);
}
#cutView .page-heading,#adherenceView .page-heading{margin-bottom:18px}
#cutView .page-heading h1,#adherenceView .page-heading h1{font-size:31px;margin-bottom:7px}
#cutView .page-heading p,#adherenceView .page-heading p{color:var(--muted);font-size:13px}
#cutView .primary-button,#adherenceView .primary-button{min-height:42px}

/* v8.2 — Conciliación */
.reconcile-row{padding:14px 0;border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,.8fr);gap:16px}
.reconcile-row:last-child{border-bottom:0}.reconcile-main{display:flex;gap:12px;align-items:flex-start}.reconcile-main>div:last-child>span{display:block;font-size:.79rem;opacity:.67;margin-top:3px}
.reconcile-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);flex:0 0 auto}
.reconcile-reason{padding:10px 12px;border-radius:13px;background:color-mix(in srgb,var(--accent) 5%,transparent)}.reconcile-reason small,.reconcile-reason span{display:block}.reconcile-reason small{font-size:.7rem;font-weight:800;opacity:.58;text-transform:uppercase;letter-spacing:.08em}.reconcile-reason span{font-size:.8rem;margin-top:3px}
.rec-risk .reconcile-icon{color:#d45c68;background:color-mix(in srgb,#d45c68 10%,transparent)}.rec-ok .reconcile-icon{color:#3ba674;background:color-mix(in srgb,#3ba674 10%,transparent)}
.empty-workforce{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:6px;color:var(--muted)}.empty-workforce svg{width:34px;height:34px;color:var(--accent)}.empty-workforce strong{color:var(--text)}.empty-workforce span{font-size:.8rem;max-width:470px}
@media(max-width:700px){.reconcile-row{grid-template-columns:1fr}}

/* v8.2 — custom time picker */
.pd-native-time{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}
.pd-time-trigger{width:100%;min-height:46px;border:1px solid var(--line);border-radius:14px;background:var(--field-bg);color:var(--text);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font:inherit;cursor:pointer;transition:.2s ease;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent)}
.pd-time-trigger:hover,.pd-time-trigger:focus{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 52%,transparent);outline:none}
.pd-time-trigger svg{width:17px;height:17px;color:var(--accent)}.pd-time-value{font-weight:650}
.time-picker-overlay{position:fixed;inset:0;z-index:9999;background:rgba(10,14,25,.24);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:18px}.time-picker-overlay.open{display:flex}
.time-picker-popover{width:min(430px,100%);border-radius:28px;padding:22px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid color-mix(in srgb,#fff 55%,var(--line));box-shadow:0 30px 90px rgba(28,32,52,.22);backdrop-filter:blur(32px) saturate(135%)}
.time-picker-head{display:flex;justify-content:space-between;align-items:center}.time-picker-head h3{margin:3px 0 0;font-size:22px}.time-picker-display{text-align:center;font-size:38px;font-weight:850;letter-spacing:-.04em;margin:20px 0;padding:16px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a,var(--accent)) 15%,transparent),color-mix(in srgb,var(--glass-b,var(--accent)) 12%,transparent));border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}
.time-picker-controls{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:end;gap:10px}.time-unit label{display:block;text-align:center;font-size:.72rem;font-weight:800;opacity:.6;margin-bottom:6px}.stepper{display:grid;grid-template-rows:34px 48px 34px;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--field-bg)}.stepper button{border:0;background:transparent;color:var(--muted);cursor:pointer}.stepper button:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}.stepper input{width:100%;border:0;background:transparent;text-align:center;font:800 21px/1 inherit;color:var(--text);outline:0}.time-colon{align-self:center;font-size:29px;font-weight:800;margin-top:17px}
.ampm-toggle{display:grid;gap:7px;padding-bottom:2px}.ampm-toggle button{border:1px solid var(--line);border-radius:12px;background:var(--field-bg);color:var(--muted);padding:10px 11px;font-weight:800;cursor:pointer}.ampm-toggle button.active{background:linear-gradient(135deg,var(--glass-a,var(--accent)),var(--glass-b,var(--accent)));color:white;border-color:transparent;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 20%,transparent)}
.time-quick{display:flex;gap:7px;margin:14px 0 18px;flex-wrap:wrap}.time-quick button{border:1px solid var(--line);background:color-mix(in srgb,var(--field-bg) 92%,transparent);color:var(--text);border-radius:999px;padding:7px 11px;font-weight:750;cursor:pointer}.time-quick button:hover{border-color:var(--accent);color:var(--accent)}
.time-picker-actions{display:flex;justify-content:flex-end;gap:9px}
@media(max-width:480px){.time-picker-controls{grid-template-columns:1fr auto 1fr}.ampm-toggle{grid-column:1/-1;grid-template-columns:1fr 1fr}.time-picker-display{font-size:32px}.time-picker-popover{border-radius:24px}}


/* ===== PulseDesk v6.4 · Theme-aware dashboard gradients + Pearl Shore ===== */
/* Dashboard status cards now inherit each theme instead of fixed blue/purple/amber/rose. */
:root{
  --stat-report-a:var(--glass-a,var(--accent2));
  --stat-report-b:var(--glass-b,var(--accent));
  --stat-accepted-a:var(--glass-b,var(--accent));
  --stat-accepted-b:var(--glass-c,var(--accent2));
  --stat-pending-a:var(--glass-c,var(--accent2));
  --stat-pending-b:var(--glass-a,var(--accent));
  --stat-rejected-a:var(--glass-b,var(--accent));
  --stat-rejected-b:var(--glass-a,var(--accent2));
}
.stat-card{position:relative;overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 10px 28px color-mix(in srgb,var(--accent) 7%,transparent)}
.stat-card:after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;right:-30px;top:-34px;background:rgba(255,255,255,.28);filter:blur(.2px);z-index:-1}
.tone-blue{background:linear-gradient(135deg,color-mix(in srgb,var(--stat-report-a) 30%,var(--panel)),color-mix(in srgb,var(--stat-report-b) 18%,var(--panel)))!important}
.tone-purple{background:linear-gradient(135deg,color-mix(in srgb,var(--stat-accepted-a) 27%,var(--panel)),color-mix(in srgb,var(--stat-accepted-b) 18%,var(--panel)))!important}
.tone-amber{background:linear-gradient(135deg,color-mix(in srgb,var(--stat-pending-a) 27%,var(--panel)),color-mix(in srgb,var(--stat-pending-b) 16%,var(--panel)))!important}
.tone-rose{background:linear-gradient(135deg,color-mix(in srgb,var(--stat-rejected-a) 28%,var(--panel)),color-mix(in srgb,var(--stat-rejected-b) 17%,var(--panel)))!important}
.stat-card .stat-icon{background:color-mix(in srgb,var(--panel) 72%,transparent);border:1px solid rgba(255,255,255,.28);color:var(--accent)}
body[data-mode="dark"] .stat-card{border-color:color-mix(in srgb,var(--accent2) 20%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.12)}
body[data-mode="dark"] .stat-card:after{background:rgba(255,255,255,.055)}
body[data-mode="dark"] .tone-blue{background:linear-gradient(135deg,color-mix(in srgb,var(--stat-report-a) 19%,rgba(var(--panel-rgb),.96)),color-mix(in srgb,var(--stat-report-b) 10%,rgba(var(--panel-rgb),.96)))!important}
body[data-mode="dark"] .tone-purple{background:linear-gradient(135deg,color-mix(in srgb,var(--stat-accepted-a) 18%,rgba(var(--panel-rgb),.96)),color-mix(in srgb,var(--stat-accepted-b) 10%,rgba(var(--panel-rgb),.96)))!important}
body[data-mode="dark"] .tone-amber{background:linear-gradient(135deg,color-mix(in srgb,var(--stat-pending-a) 18%,rgba(var(--panel-rgb),.96)),color-mix(in srgb,var(--stat-pending-b) 9%,rgba(var(--panel-rgb),.96)))!important}
body[data-mode="dark"] .tone-rose{background:linear-gradient(135deg,color-mix(in srgb,var(--stat-rejected-a) 19%,rgba(var(--panel-rgb),.96)),color-mix(in srgb,var(--stat-rejected-b) 10%,rgba(var(--panel-rgb),.96)))!important}

/* Extra glass palettes for themes that previously fell back to generic colors. */
body[data-theme="striker"]{--glass-a:#7fc6ff;--glass-b:#527ce9;--glass-c:#a8a2ff}
body[data-theme="mecha"]{--glass-a:#79e5e9;--glass-b:#48a6c5;--glass-c:#b8f4f0}

/* Hero Pop: keep the whole status row in its comic mint/coral/gold family. */
body[data-theme="hero"]{--stat-report-a:#6fd3a0;--stat-report-b:#a9e7bd;--stat-accepted-a:#75cfa0;--stat-accepted-b:#d8ef94;--stat-pending-a:#ffd66e;--stat-pending-b:#f5a95f;--stat-rejected-a:#ef7e7b;--stat-rejected-b:#f6aaa0}

/* Pearl Shore — warm sand, nacre, sea-glass and soft iridescence. */
body[data-theme="pearl"]{
  --accent:#a99bc6;--accent2:#7fcfd0;--accent-soft:#f4f0f7;--page:#fbfaf6;
  --panel-rgb:255,255,252;--sidebar-rgb:245,242,230;--ink:#45434b;--muted:#918b91;--line:#e8e1d9;
  --glass-a:#91d8d4;--glass-b:#d5a8d5;--glass-c:#f2d28f;
  --stat-report-a:#86d8d5;--stat-report-b:#c7e9e5;
  --stat-accepted-a:#c9b2e3;--stat-accepted-b:#e9d7ef;
  --stat-pending-a:#f3d59b;--stat-pending-b:#f6e8bd;
  --stat-rejected-a:#efb6c5;--stat-rejected-b:#d9b9dc;
  background:radial-gradient(circle at 8% 5%,rgba(245,215,157,.32),transparent 31%),radial-gradient(circle at 86% 12%,rgba(139,220,216,.26),transparent 28%),radial-gradient(circle at 91% 88%,rgba(220,177,218,.25),transparent 32%),linear-gradient(145deg,#fffdf8,#f8f5ef 52%,#f6fbfa)!important;
}
.pearl-preview{background:linear-gradient(135deg,#fffaf0 0%,#f3dfaa 24%,#fffdf8 48%,#eadfd7 68%,#e8eef0 84%,#f7d9c9 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -8px 22px rgba(208,178,127,.10)}
body[data-theme="pearl"] .app-shell{box-shadow:0 26px 76px rgba(111,104,119,.14),0 0 55px rgba(140,210,207,.09)}
body[data-theme="pearl"] .brand-mark,body[data-theme="pearl"] .primary-button{background:linear-gradient(135deg,#83d5d1,#c6a7dc 58%,#f1cc91)}
body[data-theme="pearl"] .chart-bar{background:linear-gradient(180deg,#7fd3d1,#c6a8dd 58%,#efc98e)}
body[data-theme="pearl"] .mascot-companion{background:linear-gradient(135deg,rgba(236,249,245,.88),rgba(249,238,244,.82),rgba(252,244,221,.78));border-color:rgba(197,177,190,.35)}
body[data-theme="pearl"] .theme-option.active{outline-color:#a9cfc9}


/* ===== PulseDesk v6.5 · True theme glass + refined Pearl Shore ===== */
/* Each theme gets its own four-card palette. The cards no longer inherit a generic blue/lilac set. */
body[data-theme="sky"]{--r1:#83dff2;--r2:#c4eff8;--a1:#8fa4f4;--a2:#d5d9ff;--p1:#b9dff8;--p2:#cdbff7;--x1:#a9c9f5;--x2:#d8c5ef}
body[data-theme="sakura"]{--r1:#ffb7d2;--r2:#ffe1eb;--a1:#eda7cd;--a2:#f6d4e8;--p1:#ffd0ad;--p2:#f7b8c9;--x1:#d9b8ee;--x2:#f5c1d4}
body[data-theme="wisteria"]{--r1:#c9b6f5;--r2:#e9e1ff;--a1:#9f94ef;--a2:#d6d3ff;--p1:#b7d3f4;--p2:#c9b4ed;--x1:#a7a7e9;--x2:#d7b9ed}
body[data-theme="matcha"]{--r1:#b9d79a;--r2:#eef4d9;--a1:#8fb77c;--a2:#d8e8bd;--p1:#e8d7a8;--p2:#d8e4b5;--x1:#b7c99d;--x2:#e8d8c5}
body[data-theme="striker"]{--r1:#73b9ff;--r2:#cde3ff;--a1:#4f7ce8;--a2:#b7cdfc;--p1:#8bbcf9;--p2:#d6e4ff;--x1:#7e91ed;--x2:#bbc9ff}
body[data-theme="volley"]{--r1:#ffb15d;--r2:#ffe0b8;--a1:#ff8e4d;--a2:#ffc392;--p1:#ffd072;--p2:#ffe5ac;--x1:#d76f45;--x2:#efb181}
body[data-theme="hero"]{--r1:#70cf9c;--r2:#ccebd4;--a1:#8bcf75;--a2:#d9efa4;--p1:#ffd36b;--p2:#ffe8a7;--x1:#ed817e;--x2:#f6beb2}
body[data-theme="mecha"]{--r1:#75dce6;--r2:#c9f4f6;--a1:#55b8cb;--a2:#b5e8ef;--p1:#90d9ef;--p2:#d8f2fa;--x1:#7ebbcf;--x2:#c4e5ee}
body[data-theme="moonlight"]{--r1:#7184e8;--r2:#3c477d;--a1:#9877e6;--a2:#53458a;--p1:#6476c8;--p2:#725aa7;--x1:#8b6cb8;--x2:#45486f}
body[data-theme="cyber"]{--r1:#30cbd4;--r2:#154b68;--a1:#be4fb0;--a2:#53335f;--p1:#546fdc;--p2:#263968;--x1:#e157ae;--x2:#33476c}
body[data-theme="sorcerer"]{--r1:#7865d0;--r2:#3a306f;--a1:#9a66d5;--a2:#4c3479;--p1:#6848aa;--p2:#3f3272;--x1:#b05ab0;--x2:#50336f}
body[data-theme="shinobi"]{--r1:#d88842;--r2:#503226;--a1:#b35d34;--a2:#4a2a22;--p1:#d5a04e;--p2:#594127;--x1:#a74434;--x2:#47252a}
body[data-theme="noir"]{--r1:#9a364e;--r2:#3d1f29;--a1:#b33d61;--a2:#472333;--p1:#7e3452;--p2:#38202e;--x1:#c64e66;--x2:#512433}
body[data-theme="emerald"]{--r1:#4fa374;--r2:#183e31;--a1:#71bb85;--a2:#264f39;--p1:#7aa46a;--p2:#304b35;--x1:#4a8e71;--x2:#263d36}
body[data-theme="abyss"]{--r1:#3babc2;--r2:#123b49;--a1:#2c819d;--a2:#173d57;--p1:#4c8fae;--p2:#243f66;--x1:#416d9d;--x2:#243750}
body[data-theme="galaxy"]{--r1:#8663dc;--r2:#33275f;--a1:#c15eb3;--a2:#563365;--p1:#6b72dd;--p2:#353a75;--x1:#9b58c3;--x2:#472d68}

/* Warm nacre: ivory, champagne, shell, tiny sea-glass reflections — not rainbow. */
body[data-theme="pearl"]{
  --accent:#b89b70;--accent2:#e5c98d;--accent-soft:#fbf2df;--page:#fbf8f0;
  --panel-rgb:255,253,248;--sidebar-rgb:248,243,231;--ink:#4d463f;--muted:#958b7f;--line:#e9dfd1;
  --glass-a:#e8ca8c;--glass-b:#ead8c8;--glass-c:#cfdedf;
  --r1:#e6c98f;--r2:#fff3d2;--a1:#cfc4ac;--a2:#f5ebd9;--p1:#efd49b;--p2:#f9e9c5;--x1:#e7bfae;--x2:#f5e3d5;
  background:
    radial-gradient(circle at 9% 8%,rgba(239,211,157,.34),transparent 30%),
    radial-gradient(circle at 86% 14%,rgba(224,235,231,.25),transparent 23%),
    radial-gradient(circle at 90% 88%,rgba(240,211,195,.24),transparent 30%),
    linear-gradient(145deg,#fffdf8 0%,#faf5e9 52%,#f7f3eb 100%)!important;
}
body[data-theme="pearl"] .app-shell{background:rgba(255,253,248,.80);border-color:rgba(255,255,255,.98);box-shadow:0 28px 80px rgba(113,91,64,.12),0 0 55px rgba(225,203,163,.12)}
body[data-theme="pearl"] .sidebar{background:rgba(248,242,226,.66)}
body[data-theme="pearl"] .right-panel{background:rgba(250,247,238,.60)}
body[data-theme="pearl"] .brand-mark,body[data-theme="pearl"] .primary-button{background:linear-gradient(135deg,#d4b16e 0%,#f0d99e 44%,#d9c8b8 73%,#c8d9d9 100%);box-shadow:0 10px 24px rgba(181,145,89,.18)}
body[data-theme="pearl"] .chart-bar{background:linear-gradient(180deg,#d8b873,#f0d89f 48%,#d9cec0 74%,#c7dada)}
body[data-theme="pearl"] .mascot-companion{background:linear-gradient(135deg,rgba(255,250,238,.92),rgba(249,241,224,.86),rgba(241,238,228,.84));border-color:rgba(212,190,155,.45)}
body[data-theme="pearl"] .menu-item:hover,body[data-theme="pearl"] .menu-item.active{background:rgba(255,250,240,.88);color:#957447}
body[data-theme="pearl"] .theme-option.active{outline-color:#d5b878}

/* Glass status cards: unique pair per theme, with soft material highlights rather than one repeated bubble. */
.stat-card{--card-a:var(--r1);--card-b:var(--r2);background:
  radial-gradient(ellipse at 18% 8%,rgba(255,255,255,.72),transparent 34%),
  linear-gradient(135deg,color-mix(in srgb,var(--card-a) 55%,var(--panel)) 0%,color-mix(in srgb,var(--card-b) 44%,var(--panel)) 100%)!important;
  border-color:color-mix(in srgb,var(--card-a) 24%,var(--line));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 30px color-mix(in srgb,var(--card-a) 9%,transparent);
  backdrop-filter:blur(18px) saturate(115%)}
.stat-card:after{display:none!important}
.tone-blue{--card-a:var(--r1);--card-b:var(--r2)}
.tone-purple{--card-a:var(--a1);--card-b:var(--a2)}
.tone-amber{--card-a:var(--p1);--card-b:var(--p2)}
.tone-rose{--card-a:var(--x1);--card-b:var(--x2)}
.tone-blue .stat-icon{color:var(--r1)}.tone-purple .stat-icon{color:var(--a1)}.tone-amber .stat-icon{color:var(--p1)}.tone-rose .stat-icon{color:var(--x1)}
.stat-card .stat-icon{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.66);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}

body[data-mode="dark"] .stat-card{background:
  radial-gradient(ellipse at 15% 5%,rgba(255,255,255,.075),transparent 34%),
  linear-gradient(135deg,color-mix(in srgb,var(--card-a) 28%,rgba(var(--panel-rgb),.96)),color-mix(in srgb,var(--card-b) 18%,rgba(var(--panel-rgb),.96)))!important;
  border-color:color-mix(in srgb,var(--card-a) 25%,var(--line));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 13px 32px rgba(0,0,0,.13)}
body[data-mode="dark"] .stat-card .stat-icon{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.09);color:color-mix(in srgb,var(--card-a) 80%,white)}

/* Pearl cards are deliberately subtle and pearlescent: champagne/ivory/shell, not rainbow. */
body[data-theme="pearl"] .stat-card{background:
  radial-gradient(ellipse at 15% 4%,rgba(255,255,255,.94),transparent 38%),
  radial-gradient(circle at 90% 88%,color-mix(in srgb,var(--card-b) 18%,transparent),transparent 38%),
  linear-gradient(135deg,color-mix(in srgb,var(--card-a) 34%,#fffdf8),color-mix(in srgb,var(--card-b) 24%,#fffaf2))!important;
  border-color:color-mix(in srgb,var(--card-a) 28%,#eadfce);box-shadow:inset 0 1px 0 #fff,0 13px 30px rgba(151,125,88,.07)}
body[data-theme="pearl"] .stat-card .stat-icon{background:rgba(255,253,247,.78);border-color:rgba(223,205,176,.50)}


/* ===== PulseDesk v6.6 · Theme-aware Sí/No selection ===== */
/* The selected call-impact option now follows each theme instead of staying purple. */
body[data-mode="light"] .modal .segmented input:checked+span{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--accent2) 27%,var(--field-bg)) 0%,
      color-mix(in srgb,var(--accent) 24%,var(--field-bg)) 100%)!important;
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--accent) 48%,var(--line))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),
    0 8px 22px color-mix(in srgb,var(--accent2) 9%,transparent)!important;
}
body[data-mode="light"] .modal .segmented label:hover span{
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line))!important;
  background:color-mix(in srgb,var(--accent2) 8%,var(--field-hover))!important;
}
body[data-theme="pearl"][data-mode="light"] .modal .segmented input:checked+span{
  background:linear-gradient(135deg,rgba(245,224,181,.72),rgba(238,224,210,.76),rgba(219,229,226,.72))!important;
  border-color:rgba(194,163,111,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 0 0 3px rgba(212,184,134,.10),0 8px 22px rgba(177,143,91,.09)!important;
}


/* ===== PulseDesk v6.7 · Bitácora personal ===== */
.journal-page-header{align-items:center}
.journal-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 8%,var(--panel)),color-mix(in srgb,var(--accent) 7%,var(--panel)));box-shadow:0 8px 24px rgba(60,75,110,.04)}
.journal-notice strong{font-size:12px}.journal-notice p{font-size:10px;color:var(--muted);line-height:1.55;margin-top:3px}
.journal-layout{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(430px,1.18fr);gap:16px}
.journal-calendar-card,.journal-day-card{min-height:520px}
.journal-calendar-head{display:grid;grid-template-columns:38px 1fr 38px;gap:10px;align-items:center;text-align:center;margin-bottom:19px}
.journal-calendar-head h2{font-size:20px;text-transform:capitalize}
.journal-weekdays,.journal-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}
.journal-weekdays{margin-bottom:7px}.journal-weekdays span{text-align:center;color:var(--muted);font-size:8px;font-weight:800}
.journal-day{position:relative;aspect-ratio:1;border:1px solid transparent;border-radius:14px;background:color-mix(in srgb,var(--field-bg,#fafbfe) 92%,transparent);color:var(--ink);font-size:10px;font-weight:800;transition:.18s ease}
.journal-day:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent2) 7%,var(--field-bg,#fafbfe))}
.journal-day.other-month{opacity:.28}.journal-day.is-today{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}
.journal-day.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a,var(--accent2)) 23%,var(--field-bg,#fafbfe)),color-mix(in srgb,var(--glass-b,var(--accent)) 22%,var(--field-bg,#fafbfe)));border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 8%,transparent)}
.journal-note-dot{position:absolute;width:6px;height:6px;border-radius:999px;background:var(--accent);bottom:7px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.journal-day small{position:absolute;right:5px;top:4px;font-size:6px;color:var(--accent)}
.journal-calendar-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}
.journal-calendar-legend span{display:flex;align-items:center;gap:6px}.journal-dot-demo{width:7px;height:7px;border-radius:50%;background:var(--accent)}.journal-today-demo{width:12px;height:12px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:4px}
.journal-day-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.journal-day-heading h2{font-size:19px;text-transform:capitalize}
.journal-tools{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:8px;margin-bottom:15px}
.journal-search{display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:var(--field-bg,#fafbfe)}.journal-search svg{width:15px;color:var(--muted)}.journal-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px;padding:10px 0}
.journal-entries{display:grid;gap:9px}.journal-entry{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:11px;padding:13px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 91%,transparent);transition:.18s ease}.journal-entry:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 8px 20px rgba(60,75,110,.045)}
.journal-entry-time{font-size:10px;font-weight:850;color:var(--accent);padding-top:2px}.journal-entry-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.journal-entry-title h3{font-size:11px}.journal-entry-body p{font-size:9px;line-height:1.55;color:var(--muted);white-space:pre-wrap;margin-top:5px}.journal-entry-body>small{display:block;font-size:7px;color:var(--muted);opacity:.72;margin-top:7px}
.journal-tag{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:7px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 13%,transparent)}
.journal-entry-actions{display:flex;gap:2px;align-self:start}.journal-entry-actions button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted)}.journal-entry-actions button svg{width:14px}.journal-entry-actions button:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.journal-entry-actions .journal-delete:hover{color:#c96373;background:rgba(201,99,115,.08)}
.journal-empty{min-height:300px;display:grid;place-items:center;text-align:center;color:var(--muted)}.journal-empty>div{display:grid;justify-items:center;gap:6px}.journal-empty svg{width:34px;color:var(--accent)}.journal-empty strong{font-size:11px;color:var(--ink)}.journal-empty p{font-size:9px;max-width:360px;line-height:1.5}.journal-empty button{margin-top:8px}
.journal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.journal-textarea{min-height:140px}.journal-private-note{display:flex;gap:8px;align-items:center;padding:10px 12px;margin:2px 0 16px;border-radius:13px;background:color-mix(in srgb,var(--accent) 6%,var(--field-bg,#fafbfe));color:var(--muted);font-size:8px}.journal-private-note svg{width:15px;color:var(--accent)}
body[data-mode="dark"] .journal-day,body[data-mode="dark"] .journal-search{color:var(--ink);background:color-mix(in srgb,var(--field-bg) 94%,transparent)}
body[data-mode="dark"] .journal-entry{background:color-mix(in srgb,var(--panel) 96%,transparent)}
@media(max-width:1000px){.journal-layout{grid-template-columns:1fr}.journal-calendar-card,.journal-day-card{min-height:auto}}
@media(max-width:620px){.journal-tools,.journal-form-grid{grid-template-columns:1fr}.journal-entry{grid-template-columns:58px minmax(0,1fr)}.journal-entry-actions{grid-column:2}.journal-calendar-card,.journal-day-card{padding:15px}.journal-day{border-radius:11px}}

/* v6.8 · Ayuda de rango de fecha */
.incident-date-hint{display:block;margin:6px 2px 0;color:var(--muted);font-size:8px;line-height:1.4}


/* ===== PulseDesk v7.0 · Theme-safe UI + productividad ===== */
:root{--surface-accent:var(--accent);--surface-accent2:var(--accent2);--field-bg:#fafbfe}
/* Elimina azules heredados: todos estos componentes toman la paleta del tema activo */
.schedule-overview,.duration-box,.filter-button.active,.request-filter.active,.mobile-nav-item.active,.type-option.selected{
 background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a,var(--accent2)) 18%,var(--panel)),color-mix(in srgb,var(--glass-b,var(--accent)) 16%,var(--panel)))!important;
 border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;color:var(--ink)!important}
.schedule-row .form-input:focus,.search-box:focus-within,.form-input:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)!important}
.rest-toggle input{accent-color:var(--accent)!important}.details-button,.text-button{color:var(--accent)!important}
/* Topbar material: single source of truth; geometry remains in layout rules. */
#agentApp .utility-bar,#supervisorApp .sup-utility-bar{
 background:color-mix(in srgb,var(--panel) 5%,transparent)!important;
 border-color:transparent!important;box-shadow:none!important;isolation:auto!important;
 -webkit-backdrop-filter:blur(10px) saturate(135%)!important;backdrop-filter:blur(10px) saturate(135%)!important;
}
#agentApp .utility-bar::before,#supervisorApp .sup-utility-bar::before,
#agentApp .utility-bar::after,#supervisorApp .sup-utility-bar::after{content:none!important}
body.pd-scrolled #agentApp .utility-bar,body.pd-scrolled #supervisorApp .sup-utility-bar{
 background:color-mix(in srgb,var(--panel) 14%,transparent)!important;
 -webkit-backdrop-filter:blur(34px) saturate(180%)!important;backdrop-filter:blur(34px) saturate(180%)!important;
 box-shadow:0 4px 18px rgb(0 0 0 / .04)!important;
}
#agentApp .utility-bar :is(.utility-search,.utility-icon,.pd-profile-top,.pd-settings-gear),
#supervisorApp .sup-utility-bar :is(.utility-search,.utility-icon,.pd-profile-top,.pd-settings-gear){
 background:color-mix(in srgb,var(--panel) 12%,transparent)!important;
 border-color:color-mix(in srgb,var(--ink) 9%,transparent)!important;
 box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}

.utility-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:-5px 0 18px}.utility-search{min-width:220px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:13px;padding:9px 11px;background:var(--panel);color:var(--muted);font-size:10px}.utility-search svg{width:15px}.utility-search span{flex:1;text-align:left}.utility-search kbd{font-size:8px;border:1px solid var(--line);border-radius:6px;padding:3px 5px;background:color-mix(in srgb,var(--panel) 75%,var(--accent-soft))}.utility-icon{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink)}.utility-icon svg{width:16px}.utility-badge{position:absolute;right:-4px;top:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:white;font-size:8px;border:2px solid var(--page)}
.utility-popover{display:none;position:fixed;z-index:3500;top:82px;right:max(25px,calc((100vw - 1540px)/2 + 25px));width:min(360px,calc(100vw - 30px));max-height:480px;overflow:auto;padding:15px;border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,var(--panel) 94%,var(--page));box-shadow:0 22px 60px rgba(45,55,85,.18);backdrop-filter:blur(24px)}.utility-popover.show{display:block}.utility-popover-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 4px 10px}.utility-popover-head h3{font-size:16px}.popover-item{width:100%;display:flex;align-items:center;gap:11px;border:0;border-top:1px solid var(--line);padding:12px 4px;background:transparent;color:var(--ink);text-align:left}.popover-item>svg{width:18px;color:var(--accent)}.popover-item span{display:grid;gap:3px}.popover-item b{font-size:10px}.popover-item small{font-size:8px;color:var(--muted)}.popover-item.is-read{opacity:.58}
.quick-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.tiny-icon-button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted)}.tiny-icon-button:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.tiny-icon-button svg{width:14px}.quick-empty{font-size:9px;color:var(--muted);padding:12px 0}.favorite-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px}.favorite-choice input{position:absolute;opacity:0}.favorite-choice span{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:11px;font-size:9px;background:var(--field-bg)}.favorite-choice span svg{width:14px}.favorite-choice input:checked+span{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--field-bg));color:var(--ink)}
.reminder-compose{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reminder-compose .primary-button{grid-column:1/-1}.reminder-list{display:grid;gap:6px;margin-top:10px}.reminder-item{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--field-bg)}.reminder-check{border:0;background:transparent;color:var(--accent)}.reminder-check svg{width:16px}.reminder-item span{display:grid;gap:2px}.reminder-item b{font-size:9px}.reminder-item small{font-size:8px;color:var(--muted)}.reminder-item.done{opacity:.5}.reminder-item.done b{text-decoration:line-through}
.global-search-modal{width:min(720px,100%)}.global-search-input{padding:14px;margin-bottom:12px}.global-search-results{display:grid;gap:7px;max-height:55vh;overflow:auto}.global-result{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--field-bg);color:var(--ink);text-align:left}.global-result>svg{width:17px;color:var(--accent)}.global-result span{display:grid;gap:2px}.global-result small{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.global-result b{font-size:10px}.global-result em{font-style:normal;font-size:8px;color:var(--muted)}
.copy-folio{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--muted);cursor:pointer}.copy-folio svg{width:10px;height:10px}.copy-folio:hover{color:var(--accent)}
.journal-day{overflow:hidden}.journal-incident-dot{position:absolute;left:5px;bottom:5px;width:6px;height:6px;border-radius:50%;background:var(--accent2);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent2) 18%,transparent)}
body[data-mode="dark"]{--field-bg:color-mix(in srgb,var(--panel) 86%,#0b1020)}body[data-mode="dark"] .utility-search,body[data-mode="dark"] .utility-icon,body[data-mode="dark"] .utility-popover{background:color-mix(in srgb,var(--panel) 94%,#0b1020)}
@media(max-width:760px){.utility-bar{justify-content:stretch}.utility-search{min-width:0;flex:1}.utility-search kbd{display:none}.utility-popover{top:70px;right:15px}.favorite-settings,.reminder-compose{grid-template-columns:1fr}}


/* ===== PulseDesk v7.1 · Perfil protegido + Nami reset ===== */
.profile-lock-note{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;margin:12px 0 14px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 6%,var(--panel)),color-mix(in srgb,var(--accent) 6%,var(--panel)));color:var(--muted);font-size:8px;line-height:1.45}
.profile-lock-note svg{width:15px;height:15px;flex:0 0 auto;color:var(--accent)}
.profile-lock-note.privileged{border-color:color-mix(in srgb,var(--accent2) 22%,var(--line))}
.locked-field{position:relative}.locked-field::after{content:"Protegido";position:absolute;right:9px;top:4px;font-size:6px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);opacity:.72}
.form-input.profile-locked:disabled{opacity:1;cursor:not-allowed;color:color-mix(in srgb,var(--ink) 72%,var(--muted));background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--accent) 3%,var(--panel)));border-color:color-mix(in srgb,var(--line) 88%,var(--accent))}
.form-input.profile-locked:disabled:hover{border-color:color-mix(in srgb,var(--line) 88%,var(--accent));box-shadow:none}

.assistant-chat{grid-template-rows:auto 1fr auto auto}
.assistant-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent)}
.assistant-chat-toolbar strong,.assistant-chat-toolbar span{display:block}.assistant-chat-toolbar strong{font-size:9px;color:var(--ink)}.assistant-chat-toolbar>div>span{font-size:7px;color:var(--muted);margin-top:2px}
.assistant-reset-button{display:flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:10px;padding:7px 10px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));color:var(--accent);font-size:8px;font-weight:800;transition:.18s ease}
.assistant-reset-button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.assistant-reset-button svg{width:13px;height:13px}
@media(max-width:520px){.assistant-chat-toolbar>div>span{display:none}.assistant-reset-button span{display:none}.assistant-reset-button{width:34px;height:34px;padding:0;justify-content:center}}


/* ===== PulseDesk v7.2 · Nami dark readability + Nacre polish ===== */
body[data-mode="dark"] .assistant-note{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--accent) 16%,rgba(var(--panel-rgb),.96)),
    color-mix(in srgb,var(--accent2) 10%,rgba(var(--panel-rgb),.96)))!important;
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));
  color:color-mix(in srgb,var(--ink) 90%,white)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.08);
}
body[data-mode="dark"] .assistant-note span{
  color:color-mix(in srgb,var(--ink) 88%,white)!important;
  opacity:1!important;
}
body[data-mode="dark"] .assistant-note svg{
  color:var(--accent2)!important;
  opacity:1!important;
}

/* Give every dark family its own subtle note tint. */
body[data-theme="moonlight"] .assistant-note{background:linear-gradient(135deg,rgba(104,94,186,.22),rgba(81,97,151,.18))!important;border-color:rgba(151,135,232,.34)}
body[data-theme="cyber"] .assistant-note{background:linear-gradient(135deg,rgba(52,183,203,.18),rgba(191,74,165,.16))!important;border-color:rgba(91,216,225,.30)}
body[data-theme="sorcerer"] .assistant-note{background:linear-gradient(135deg,rgba(102,66,169,.23),rgba(147,83,192,.16))!important;border-color:rgba(177,122,229,.28)}
body[data-theme="shinobi"] .assistant-note{background:linear-gradient(135deg,rgba(165,91,47,.22),rgba(100,66,49,.20))!important;border-color:rgba(221,141,82,.28)}
body[data-theme="noir"] .assistant-note{background:linear-gradient(135deg,rgba(139,45,70,.23),rgba(72,40,51,.22))!important;border-color:rgba(202,79,108,.30)}
body[data-theme="emerald"] .assistant-note{background:linear-gradient(135deg,rgba(62,135,95,.22),rgba(47,92,72,.20))!important;border-color:rgba(102,184,131,.28)}
body[data-theme="abyss"] .assistant-note{background:linear-gradient(135deg,rgba(36,138,158,.22),rgba(40,86,108,.20))!important;border-color:rgba(80,188,203,.30)}
body[data-theme="galaxy"] .assistant-note{background:linear-gradient(135deg,rgba(108,67,165,.23),rgba(151,67,158,.18))!important;border-color:rgba(177,108,210,.30)}

/* Pearl Shore: make Nacre feel like a real mascot, not a thin line icon. */
body[data-theme="pearl"] .assistant-mascot{
  width:118px!important;
  height:104px!important;
  filter:drop-shadow(0 12px 20px rgba(178,145,99,.18)) drop-shadow(0 2px 6px rgba(255,255,255,.7));
}
body[data-theme="pearl"] .assistant-mascot svg,
body[data-theme="pearl"] #dashboardMascot svg{
  overflow:visible;
}
body[data-theme="pearl"] .mascot-wrap{
  padding:8px 10px 10px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,250,238,.72),rgba(238,229,216,.5));
  border:1px solid rgba(211,190,154,.24);
}
body[data-theme="pearl"] .mascot-copy small{color:#a58c70}
body[data-theme="pearl"] .mascot-copy strong{color:#675b52}


/* ===== PulseDesk v7.3 · Avatar temático + Nacre fix ===== */

/* Sidebar profile card */
.profile-button .avatar{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  aspect-ratio:1/1;
  border-radius:50%!important;
  overflow:hidden;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--accent2) 34%,var(--panel)),
    color-mix(in srgb,var(--accent) 28%,var(--panel)))!important;
  color:color-mix(in srgb,var(--ink) 74%,var(--accent))!important;
  border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}
.profile-button .avatar span{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  font-size:15px;
  font-weight:850;
  line-height:1;
}
.profile-button .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block;
  border-radius:50%!important;
}

/* Larger profile preview should also stay perfectly circular and theme-aware */
.profile-photo{
  border-radius:50%!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--accent2) 30%,var(--panel)),
    color-mix(in srgb,var(--accent) 26%,var(--panel)))!important;
  color:color-mix(in srgb,var(--ink) 74%,var(--accent))!important;
}
.profile-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}
.profile-photo span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}

/* Theme-specific fallback avatar accents */
body[data-theme="sky"] .avatar,body[data-theme="sky"] .profile-photo{background:linear-gradient(135deg,#d9f4fb,#dfe5ff)!important}
body[data-theme="sakura"] .avatar,body[data-theme="sakura"] .profile-photo{background:linear-gradient(135deg,#ffe1ec,#f4d7ee)!important}
body[data-theme="wisteria"] .avatar,body[data-theme="wisteria"] .profile-photo{background:linear-gradient(135deg,#e8e0ff,#d9e4ff)!important}
body[data-theme="matcha"] .avatar,body[data-theme="matcha"] .profile-photo{background:linear-gradient(135deg,#eef4dc,#d8e8c3)!important}
body[data-theme="pearl"] .avatar,body[data-theme="pearl"] .profile-photo{background:linear-gradient(135deg,#fff5df,#ead7c6,#dce7e3)!important}
body[data-theme="striker"] .avatar,body[data-theme="striker"] .profile-photo{background:linear-gradient(135deg,#dcecff,#c8d8ff)!important}
body[data-theme="volley"] .avatar,body[data-theme="volley"] .profile-photo{background:linear-gradient(135deg,#fff0d7,#ffd2a5)!important}
body[data-theme="hero"] .avatar,body[data-theme="hero"] .profile-photo{background:linear-gradient(135deg,#e4f7ed,#ffd9d3)!important}
body[data-theme="mecha"] .avatar,body[data-theme="mecha"] .profile-photo{background:linear-gradient(135deg,#e2fbfb,#cfeef2)!important}
body[data-mode="dark"] .avatar,body[data-mode="dark"] .profile-photo{
  color:var(--ink)!important;
  border-color:color-mix(in srgb,var(--accent) 22%,var(--line));
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--accent2) 18%,rgba(var(--panel-rgb),.95)),
    color-mix(in srgb,var(--accent) 22%,rgba(var(--panel-rgb),.95)))!important;
}

/* Nacre: force a full rendered mascot block instead of line-art fallback */
body[data-theme="pearl"] .assistant-mascot,
body[data-theme="pearl"] #dashboardMascot{
  display:inline-grid!important;
  place-items:center!important;
  width:104px!important;
  height:88px!important;
  min-width:104px!important;
  min-height:88px!important;
}
body[data-theme="pearl"] .assistant-mascot svg,
body[data-theme="pearl"] #dashboardMascot svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:visible!important;
}
body[data-theme="pearl"] .mascot-wrap{
  min-height:132px;
  display:flex;
  align-items:center;
  gap:14px;
}


/* ===== PulseDesk v7.4 · Nacre visual parity fix ===== */
body[data-theme="pearl"] .mascot-wrap{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body[data-theme="pearl"] .assistant-mascot,
body[data-theme="pearl"] #dashboardMascot{
  width:58px!important;
  height:52px!important;
  min-width:58px!important;
  min-height:52px!important;
  filter:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-theme="pearl"] .assistant-mascot svg,
body[data-theme="pearl"] #dashboardMascot svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:visible!important;
}


/* ===== PulseDesk v7.6 · Nacre visible en Asistente IA ===== */
/* Nacre no usa IDs/gradientes SVG duplicados; el mismo dibujo funciona en todas sus copias. */
body[data-theme="pearl"] .assistant-intro .mascot-wrap{
  min-height:0!important;
  padding:0!important;
  margin:0 0 18px 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

body[data-theme="pearl"] .assistant-intro .assistant-mascot{
  width:78px!important;
  height:68px!important;
  min-width:78px!important;
  min-height:68px!important;
  flex:0 0 78px!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  background:transparent!important;
  filter:drop-shadow(0 6px 8px rgba(151,116,71,.18))!important;
}

body[data-theme="pearl"] .assistant-intro .assistant-mascot svg{
  width:78px!important;
  height:68px!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}

/* Dashboard keeps its compact companion size. */
body[data-theme="pearl"] #dashboardMascot{
  width:58px!important;
  height:52px!important;
  min-width:58px!important;
  min-height:52px!important;
}
body[data-theme="pearl"] #dashboardMascot svg{
  width:58px!important;
  height:52px!important;
  display:block!important;
}


/* ===== PulseDesk v7.7 · Astra visible en Asistente IA ===== */
body[data-theme="galaxy"] .assistant-intro .assistant-mascot{
  width:82px!important;
  height:76px!important;
  min-width:82px!important;
  min-height:76px!important;
  flex:0 0 82px!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  background:transparent!important;
  filter:drop-shadow(0 7px 10px rgba(74,43,118,.24))!important;
}
body[data-theme="galaxy"] .assistant-intro .assistant-mascot svg{
  width:82px!important;
  height:76px!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}


/* ===== PulseDesk v7.8 · Workforce dark theme integration ===== */
body[data-mode="dark"] #cutView .info-banner,
body[data-mode="dark"] #adherenceView .info-banner,
body[data-mode="dark"] #reconcileView .info-banner{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--glass-a,var(--accent)) 17%,rgba(var(--panel-rgb),.93)),
      color-mix(in srgb,var(--glass-b,var(--accent2)) 12%,rgba(var(--panel-rgb),.93)))!important;
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;
  color:var(--ink)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 28px rgba(0,0,0,.10)!important;
}
body[data-mode="dark"] #cutView .info-banner strong,
body[data-mode="dark"] #adherenceView .info-banner strong,
body[data-mode="dark"] #reconcileView .info-banner strong{
  color:var(--ink)!important;
  opacity:1!important;
}
body[data-mode="dark"] #cutView .info-banner span,
body[data-mode="dark"] #adherenceView .info-banner span,
body[data-mode="dark"] #reconcileView .info-banner span{
  color:color-mix(in srgb,var(--ink) 76%,var(--muted))!important;
  opacity:1!important;
}
body[data-mode="dark"] #cutView .info-banner svg,
body[data-mode="dark"] #adherenceView .info-banner svg,
body[data-mode="dark"] #reconcileView .info-banner svg{
  color:var(--accent2)!important;
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 30%,transparent));
}

/* Toolbar + metric cards should belong to the active dark palette too. */
body[data-mode="dark"] #cutView .workforce-toolbar,
body[data-mode="dark"] #adherenceView .workforce-toolbar,
body[data-mode="dark"] #reconcileView .workforce-toolbar,
body[data-mode="dark"] #cutView .metric-card,
body[data-mode="dark"] #adherenceView .metric-card,
body[data-mode="dark"] #reconcileView .metric-card,
body[data-mode="dark"] #cutView .section-card,
body[data-mode="dark"] #adherenceView .section-card,
body[data-mode="dark"] #reconcileView .section-card{
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--glass-a,var(--accent)) 5%,rgba(var(--panel-rgb),.96)),
      color-mix(in srgb,var(--glass-b,var(--accent2)) 4%,rgba(var(--panel-rgb),.96)))!important;
  border-color:color-mix(in srgb,var(--accent) 13%,var(--line))!important;
  color:var(--ink)!important;
}

/* The little decorative corner in the metrics should use the active palette. */
body[data-mode="dark"] #cutView .metric-card:after,
body[data-mode="dark"] #adherenceView .metric-card:after,
body[data-mode="dark"] #reconcileView .metric-card:after{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--glass-a,var(--accent)) 23%,transparent),
    color-mix(in srgb,var(--glass-b,var(--accent2)) 18%,transparent))!important;
}

/* Inputs and review rows remain readable instead of drifting toward the light theme. */
body[data-mode="dark"] #cutView .form-input,
body[data-mode="dark"] #adherenceView .form-input,
body[data-mode="dark"] #reconcileView .form-input{
  background:color-mix(in srgb,rgba(var(--sidebar-rgb),.70) 62%,rgba(var(--panel-rgb),.92))!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}
body[data-mode="dark"] #cutView .check-row,
body[data-mode="dark"] #adherenceView .check-row,
body[data-mode="dark"] #reconcileView .reconcile-reason{
  background:color-mix(in srgb,var(--accent) 8%,rgba(var(--panel-rgb),.86))!important;
  color:var(--ink)!important;
}

/* Extra per-theme character: same structure, different palette. */
body[data-theme="moonlight"] #cutView .info-banner,
body[data-theme="moonlight"] #adherenceView .info-banner,
body[data-theme="moonlight"] #reconcileView .info-banner{background:linear-gradient(135deg,rgba(91,103,180,.28),rgba(107,83,158,.22))!important}
body[data-theme="cyber"] #cutView .info-banner,
body[data-theme="cyber"] #adherenceView .info-banner,
body[data-theme="cyber"] #reconcileView .info-banner{background:linear-gradient(135deg,rgba(34,151,171,.22),rgba(175,49,147,.18))!important}
body[data-theme="sorcerer"] #cutView .info-banner,
body[data-theme="sorcerer"] #adherenceView .info-banner,
body[data-theme="sorcerer"] #reconcileView .info-banner{background:linear-gradient(135deg,rgba(103,74,171,.28),rgba(145,61,151,.20))!important}
body[data-theme="shinobi"] #cutView .info-banner,
body[data-theme="shinobi"] #adherenceView .info-banner,
body[data-theme="shinobi"] #reconcileView .info-banner{background:linear-gradient(135deg,rgba(139,77,42,.25),rgba(86,54,36,.24))!important}
body[data-theme="noir"] #cutView .info-banner,
body[data-theme="noir"] #adherenceView .info-banner,
body[data-theme="noir"] #reconcileView .info-banner{background:linear-gradient(135deg,rgba(119,37,55,.26),rgba(65,31,42,.24))!important}
body[data-theme="emerald"] #cutView .info-banner,
body[data-theme="emerald"] #adherenceView .info-banner,
body[data-theme="emerald"] #reconcileView .info-banner{background:linear-gradient(135deg,rgba(48,112,80,.27),rgba(34,72,57,.24))!important}
body[data-theme="abyss"] #cutView .info-banner,
body[data-theme="abyss"] #adherenceView .info-banner,
body[data-theme="abyss"] #reconcileView .info-banner{background:linear-gradient(135deg,rgba(33,116,137,.27),rgba(27,72,92,.24))!important}
body[data-theme="galaxy"] #cutView .info-banner,
body[data-theme="galaxy"] #adherenceView .info-banner,
body[data-theme="galaxy"] #reconcileView .info-banner{background:linear-gradient(135deg,rgba(105,65,169,.28),rgba(143,55,145,.22))!important}

/* Astra: keep assistant presentation compact and friendly. */
body[data-theme="galaxy"] .assistant-intro .assistant-mascot{
  width:76px!important;
  height:70px!important;
  min-width:76px!important;
  min-height:70px!important;
  flex:0 0 76px!important;
  filter:drop-shadow(0 7px 10px rgba(85,53,145,.20))!important;
}
body[data-theme="galaxy"] .assistant-intro .assistant-mascot svg{
  width:76px!important;
  height:70px!important;
}


/* ===== PulseDesk v7.9 · Iconos de Incidencias + Solicitudes más visibles =====
   No cambia el layout ni la estética general. Solo aumenta jerarquía visual.
   Todo toma los colores del tema activo. */

/* ---------- INCIDENCIAS ---------- */
.modal .incident-types .type-option{
  transition:
    opacity .18s ease,
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.modal .incident-types .type-option svg{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  padding:7px!important;
  border-radius:11px!important;

  color:color-mix(in srgb,var(--glass-b,var(--accent)) 88%,var(--ink))!important;
  stroke-width:2.35!important;

  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--glass-a,var(--accent2)) 27%,var(--field-bg,#fafbfe)),
      color-mix(in srgb,var(--glass-b,var(--accent)) 21%,var(--field-bg,#fafbfe)))!important;

  border:1px solid color-mix(in srgb,var(--glass-a,var(--accent2)) 42%,var(--line))!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 6px 16px color-mix(in srgb,var(--glass-b,var(--accent)) 17%,transparent)!important;

  transition:
    transform .18s ease,
    filter .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    color .18s ease;
}

.modal .incident-types .type-option:hover{
  transform:translateY(-1px);
}

.modal .incident-types .type-option:hover svg{
  transform:scale(1.07);
  border-color:color-mix(in srgb,var(--glass-a,var(--accent2)) 66%,var(--line))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    0 9px 22px color-mix(in srgb,var(--glass-b,var(--accent)) 24%,transparent)!important;
}

.modal .incident-types .type-option.selected{
  transform:translateY(-2px) scale(1.012);
  border-color:color-mix(in srgb,var(--glass-a,var(--accent2)) 76%,white 14%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 0 0 3px color-mix(in srgb,var(--glass-a,var(--accent2)) 15%,transparent),
    0 14px 34px color-mix(in srgb,var(--glass-b,var(--accent)) 26%,transparent)!important;
}

.modal .incident-types .type-option.selected svg{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  color:#fff!important;
  stroke-width:2.6!important;

  background:linear-gradient(
    135deg,
    var(--glass-a,var(--accent2)),
    var(--glass-b,var(--accent))
  )!important;

  border-color:color-mix(in srgb,var(--glass-a,var(--accent2)) 72%,white 28%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 0 0 4px color-mix(in srgb,var(--glass-a,var(--accent2)) 14%,transparent),
    0 11px 28px color-mix(in srgb,var(--glass-b,var(--accent)) 34%,transparent)!important;
}

/* Al seleccionar uno, los demás se mantienen legibles pero pierden protagonismo. */
.modal .incident-types:has(.type-option.selected) .type-option:not(.selected){
  opacity:.58;
}
.modal .incident-types:has(.type-option.selected) .type-option:not(.selected):hover{
  opacity:.90;
}


/* ---------- SOLICITUDES ---------- */
.request-type-option{
  transition:
    opacity .18s ease,
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.request-type-option>svg{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  padding:7px!important;
  border-radius:12px!important;

  color:color-mix(in srgb,var(--glass-b,var(--accent)) 90%,var(--ink))!important;
  stroke-width:2.35!important;

  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--glass-a,var(--accent2)) 28%,var(--field-bg,#fafbfe)),
      color-mix(in srgb,var(--glass-b,var(--accent)) 22%,var(--field-bg,#fafbfe)))!important;

  border:1px solid color-mix(in srgb,var(--glass-a,var(--accent2)) 44%,var(--line))!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.50),
    0 7px 17px color-mix(in srgb,var(--glass-b,var(--accent)) 18%,transparent)!important;

  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    color .18s ease;
}

.request-type-option:hover{
  transform:translateY(-1px);
}

.request-type-option:hover>svg{
  transform:scale(1.07);
  border-color:color-mix(in srgb,var(--glass-a,var(--accent2)) 68%,var(--line))!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    0 10px 24px color-mix(in srgb,var(--glass-b,var(--accent)) 25%,transparent)!important;
}

.request-type-option.selected{
  transform:translateY(-2px) scale(1.012);
  border-color:color-mix(in srgb,var(--glass-a,var(--accent2)) 78%,white 14%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.50),
    0 0 0 3px color-mix(in srgb,var(--glass-a,var(--accent2)) 16%,transparent),
    0 14px 34px color-mix(in srgb,var(--glass-b,var(--accent)) 28%,transparent)!important;
}

.request-type-option.selected>svg{
  width:38px!important;
  height:38px!important;
  flex-basis:38px!important;

  color:#fff!important;
  stroke-width:2.65!important;

  background:linear-gradient(
    135deg,
    var(--glass-a,var(--accent2)),
    var(--glass-b,var(--accent))
  )!important;

  border-color:color-mix(in srgb,var(--glass-a,var(--accent2)) 74%,white 26%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.50),
    0 0 0 4px color-mix(in srgb,var(--glass-a,var(--accent2)) 15%,transparent),
    0 12px 30px color-mix(in srgb,var(--glass-b,var(--accent)) 36%,transparent)!important;
}

/* Igual que incidencias: al elegir una solicitud, esa opción manda. */
.request-type-grid:has(.request-type-option.selected) .request-type-option:not(.selected){
  opacity:.58;
}
.request-type-grid:has(.request-type-option.selected) .request-type-option:not(.selected):hover{
  opacity:.90;
}


/* ---------- TEMAS OSCUROS ---------- */
body[data-mode="dark"] .modal .incident-types .type-option svg,
body[data-mode="dark"] .request-type-option>svg{
  color:color-mix(in srgb,var(--glass-a,var(--accent2)) 84%,white)!important;

  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--glass-a,var(--accent2)) 32%,var(--dark-surface-3,var(--field-bg))),
      color-mix(in srgb,var(--glass-b,var(--accent)) 25%,var(--dark-surface-2,var(--field-bg))))!important;

  border-color:
    color-mix(in srgb,var(--glass-a,var(--accent2)) 52%,rgba(255,255,255,.18))!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 8px 20px rgba(0,0,0,.22)!important;
}

body[data-mode="dark"] .modal .incident-types .type-option.selected svg,
body[data-mode="dark"] .request-type-option.selected>svg{
  color:#fff!important;

  background:linear-gradient(
    135deg,
    var(--glass-a,var(--accent2)),
    var(--glass-b,var(--accent))
  )!important;

  border-color:
    color-mix(in srgb,var(--glass-a,var(--accent2)) 70%,white 30%)!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 0 0 4px color-mix(in srgb,var(--glass-a,var(--accent2)) 16%,transparent),
    0 12px 30px color-mix(in srgb,var(--glass-b,var(--accent)) 38%,transparent)!important;
}


/* ---------- HERO POP conserva su identidad verde/coral ---------- */
body[data-theme="hero"] .modal .incident-types .type-option svg,
body[data-theme="hero"] .request-type-option>svg{
  color:#3d765c!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,#69c995 28%,var(--field-bg)),
    color-mix(in srgb,#ef7e7b 20%,var(--field-bg)))!important;
  border-color:color-mix(in srgb,#69c995 45%,var(--line))!important;
}

body[data-theme="hero"] .modal .incident-types .type-option.selected svg,
body[data-theme="hero"] .request-type-option.selected>svg{
  color:white!important;
  background:linear-gradient(135deg,#69c995,#ef7e7b)!important;
  border-color:rgba(255,255,255,.72)!important;
}


/* ---------- Móvil ---------- */
@media(max-width:520px){
  .modal .incident-types .type-option svg{
    width:31px!important;
    height:31px!important;
    flex-basis:31px!important;
    padding:6px!important;
  }
  .modal .incident-types .type-option.selected svg{
    width:33px!important;
    height:33px!important;
    flex-basis:33px!important;
  }
  .request-type-option>svg{
    width:33px!important;
    height:33px!important;
    flex-basis:33px!important;
    padding:6px!important;
  }
  .request-type-option.selected>svg{
    width:35px!important;
    height:35px!important;
    flex-basis:35px!important;
  }
}


/* =========================================================
   PulseDesk v7.9.1 — Dark theme agent-info contrast fix
   Fixes pale/gray info cards (e.g. Antigüedad) in ALL dark themes.
   Uses each theme's own palette instead of a fixed gray surface.
   ========================================================= */

/* Agent profile informational/stat cards */
body[data-mode="dark"] .profile-stat,
body[data-mode="dark"] .profile-info-card,
body[data-mode="dark"] .agent-info-card,
body[data-mode="dark"] .info-stat,
body[data-mode="dark"] .profile-meta-card,
body[data-mode="dark"] .employment-stat,
body[data-mode="dark"] .employment-info-card{
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--glass-a, var(--accent2)) 13%, var(--dark-surface-2, var(--panel))),
      color-mix(in srgb, var(--glass-b, var(--accent)) 9%, var(--dark-surface-3, var(--panel)))
    ) !important;
  border: 1px solid
    color-mix(in srgb, var(--glass-a, var(--accent2)) 24%, rgba(255,255,255,.10)) !important;
  color: var(--ink) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 22px rgba(0,0,0,.10) !important;
}

/* If the card is built from a generic metric/card class inside profile sections */
body[data-mode="dark"] #profileView .metric,
body[data-mode="dark"] #profileView .stat-card,
body[data-mode="dark"] #profileView .info-card,
body[data-mode="dark"] #profileView .profile-card,
body[data-mode="dark"] #profileView .mini-card,
body[data-mode="dark"] #profileView [class*="seniority"],
body[data-mode="dark"] #profileView [class*="antig"]{
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--glass-a, var(--accent2)) 13%, var(--dark-surface-2, var(--panel))),
      color-mix(in srgb, var(--glass-b, var(--accent)) 9%, var(--dark-surface-3, var(--panel)))
    ) !important;
  border-color:
    color-mix(in srgb, var(--glass-a, var(--accent2)) 24%, rgba(255,255,255,.10)) !important;
  color: var(--ink) !important;
}

/* Text hierarchy: no washed-out labels */
body[data-mode="dark"] #profileView .profile-stat *,
body[data-mode="dark"] #profileView .profile-info-card *,
body[data-mode="dark"] #profileView .agent-info-card *,
body[data-mode="dark"] #profileView .info-stat *,
body[data-mode="dark"] #profileView .profile-meta-card *,
body[data-mode="dark"] #profileView .employment-stat *,
body[data-mode="dark"] #profileView .employment-info-card *{
  opacity: 1;
}

body[data-mode="dark"] #profileView .profile-stat small,
body[data-mode="dark"] #profileView .profile-stat .label,
body[data-mode="dark"] #profileView .profile-info-card small,
body[data-mode="dark"] #profileView .profile-info-card .label,
body[data-mode="dark"] #profileView .agent-info-card small,
body[data-mode="dark"] #profileView .agent-info-card .label,
body[data-mode="dark"] #profileView .info-stat small,
body[data-mode="dark"] #profileView .info-stat .label,
body[data-mode="dark"] #profileView .profile-meta-card small,
body[data-mode="dark"] #profileView .profile-meta-card .label,
body[data-mode="dark"] #profileView .employment-stat small,
body[data-mode="dark"] #profileView .employment-stat .label,
body[data-mode="dark"] #profileView .employment-info-card small,
body[data-mode="dark"] #profileView .employment-info-card .label{
  color: var(--muted) !important;
}

/* Icons inherit the active dark theme instead of staying pink/gray. */
body[data-mode="dark"] #profileView .profile-stat svg,
body[data-mode="dark"] #profileView .profile-info-card svg,
body[data-mode="dark"] #profileView .agent-info-card svg,
body[data-mode="dark"] #profileView .info-stat svg,
body[data-mode="dark"] #profileView .profile-meta-card svg,
body[data-mode="dark"] #profileView .employment-stat svg,
body[data-mode="dark"] #profileView .employment-info-card svg{
  color: var(--glass-a, var(--accent2)) !important;
  stroke-width: 2.15;
}

/* Broad fallback specifically for profile rows/cards whose old inline/background
   was a pale neutral. This is scoped to profile + dark mode only. */
body[data-mode="dark"] #profileView .profile-section [style*="background"]{
  --pd-profile-dark-card:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--glass-a, var(--accent2)) 12%, var(--dark-surface-2, var(--panel))),
      color-mix(in srgb, var(--glass-b, var(--accent)) 8%, var(--dark-surface-3, var(--panel)))
    );
}

/* Known info-row patterns used by PulseDesk */
body[data-mode="dark"] #profileView .profile-info-row,
body[data-mode="dark"] #profileView .profile-detail-card,
body[data-mode="dark"] #profileView .work-info-item,
body[data-mode="dark"] #profileView .personal-info-item{
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--glass-a, var(--accent2)) 13%, var(--dark-surface-2, var(--panel))),
      color-mix(in srgb, var(--glass-b, var(--accent)) 9%, var(--dark-surface-3, var(--panel)))
    ) !important;
  border-color:
    color-mix(in srgb, var(--glass-a, var(--accent2)) 24%, rgba(255,255,255,.10)) !important;
}


/* =========================================================
   PulseDesk v7.9.2
   1) FIX REAL de tarjetas de información del agente en dark.
   2) Iconos: sin "cuadrado sobre rectángulo"; solo glyph relleno/acento.
   ========================================================= */

/* --- PERFIL / INFORMACIÓN DEL AGENTE: dark themes --- */
/* These selectors include the concrete profile summary/info structures plus
   safe profile-scoped fallbacks. */
body[data-mode="dark"] .profile-summary-card,
body[data-mode="dark"] .profile-kpi,
body[data-mode="dark"] .profile-stat-card,
body[data-mode="dark"] .profile-info-item,
body[data-mode="dark"] .profile-data-card,
body[data-mode="dark"] .agent-stat-card,
body[data-mode="dark"] .agent-data-card,
body[data-mode="dark"] .seniority-card,
body[data-mode="dark"] .tenure-card,
body[data-mode="dark"] [data-profile-stat],
body[data-mode="dark"] [data-profile-info]{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--glass-a,var(--accent2)) 10%,var(--dark-surface-2,var(--panel))),
      color-mix(in srgb,var(--glass-b,var(--accent)) 7%,var(--dark-surface-3,var(--panel)))
    ) !important;
  border:1px solid color-mix(in srgb,var(--glass-a,var(--accent2)) 20%,rgba(255,255,255,.10)) !important;
  color:var(--ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 20px rgba(0,0,0,.10)!important;
}

/* PulseDesk's agent profile uses rounded info rows/cards; catch those only
   inside the profile content and avoid touching buttons/inputs. */
body[data-mode="dark"] .profile-page .info-row,
body[data-mode="dark"] .profile-page .stat,
body[data-mode="dark"] .profile-page .stat-item,
body[data-mode="dark"] .profile-page .summary-item,
body[data-mode="dark"] .profile-page .detail-item,
body[data-mode="dark"] .profile-page .data-item,
body[data-mode="dark"] .profile-page .info-item,
body[data-mode="dark"] .profile-content .info-row,
body[data-mode="dark"] .profile-content .stat,
body[data-mode="dark"] .profile-content .stat-item,
body[data-mode="dark"] .profile-content .summary-item,
body[data-mode="dark"] .profile-content .detail-item,
body[data-mode="dark"] .profile-content .data-item,
body[data-mode="dark"] .profile-content .info-item{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--glass-a,var(--accent2)) 10%,var(--dark-surface-2,var(--panel))),
      color-mix(in srgb,var(--glass-b,var(--accent)) 7%,var(--dark-surface-3,var(--panel)))
    )!important;
  border-color:color-mix(in srgb,var(--glass-a,var(--accent2)) 20%,rgba(255,255,255,.10))!important;
}

/* --- INCIDENCIAS: icon itself emphasized, NO capsule/square --- */
.modal .incident-types .type-option svg{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--glass-b,var(--accent))!important;
  stroke-width:2.65!important;
  filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--glass-b,var(--accent)) 18%,transparent))!important;
}

.modal .incident-types .type-option:hover svg{
  transform:scale(1.08)!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  color:color-mix(in srgb,var(--glass-b,var(--accent)) 88%,var(--ink))!important;
  filter:drop-shadow(0 3px 5px color-mix(in srgb,var(--glass-b,var(--accent)) 28%,transparent))!important;
}

.modal .incident-types .type-option.selected{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--glass-b,var(--accent)) 58%,var(--line))!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--glass-b,var(--accent)) 13%,transparent)!important;
}

.modal .incident-types .type-option.selected svg{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--glass-b,var(--accent))!important;
  stroke-width:3!important;
  filter:
    drop-shadow(0 0 3px color-mix(in srgb,var(--glass-a,var(--accent2)) 32%,transparent))
    drop-shadow(0 4px 6px color-mix(in srgb,var(--glass-b,var(--accent)) 30%,transparent))!important;
}

/* Keep other choices subdued only after a selection. */
.modal .incident-types:has(.type-option.selected) .type-option:not(.selected){
  opacity:.60!important;
}
.modal .incident-types:has(.type-option.selected) .type-option:not(.selected):hover{
  opacity:.88!important;
}

/* --- SOLICITUDES: same visual language --- */
.request-type-option>svg{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--glass-b,var(--accent))!important;
  stroke-width:2.65!important;
  filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--glass-b,var(--accent)) 18%,transparent))!important;
}

.request-type-option:hover>svg{
  transform:scale(1.08)!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  color:color-mix(in srgb,var(--glass-b,var(--accent)) 88%,var(--ink))!important;
  filter:drop-shadow(0 3px 5px color-mix(in srgb,var(--glass-b,var(--accent)) 28%,transparent))!important;
}

.request-type-option.selected{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--glass-b,var(--accent)) 58%,var(--line))!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--glass-b,var(--accent)) 13%,transparent)!important;
}

.request-type-option.selected>svg{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--glass-b,var(--accent))!important;
  stroke-width:3!important;
  filter:
    drop-shadow(0 0 3px color-mix(in srgb,var(--glass-a,var(--accent2)) 32%,transparent))
    drop-shadow(0 4px 6px color-mix(in srgb,var(--glass-b,var(--accent)) 30%,transparent))!important;
}

.request-type-grid:has(.request-type-option.selected) .request-type-option:not(.selected){
  opacity:.60!important;
}
.request-type-grid:has(.request-type-option.selected) .request-type-option:not(.selected):hover{
  opacity:.88!important;
}

/* Dark themes: brighter glyph, still no secondary capsule. */
body[data-mode="dark"] .modal .incident-types .type-option svg,
body[data-mode="dark"] .request-type-option>svg{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  color:color-mix(in srgb,var(--glass-a,var(--accent2)) 72%,white 28%)!important;
}

body[data-mode="dark"] .modal .incident-types .type-option.selected svg,
body[data-mode="dark"] .request-type-option.selected>svg{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  color:color-mix(in srgb,var(--glass-b,var(--accent)) 76%,white 24%)!important;
  filter:
    drop-shadow(0 0 4px color-mix(in srgb,var(--glass-a,var(--accent2)) 40%,transparent))
    drop-shadow(0 4px 7px color-mix(in srgb,var(--glass-b,var(--accent)) 34%,transparent))!important;
}

/* Hero Pop special palette */
body[data-theme="hero"] .modal .incident-types .type-option svg,
body[data-theme="hero"] .request-type-option>svg{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#49a875!important;
}
body[data-theme="hero"] .modal .incident-types .type-option.selected svg,
body[data-theme="hero"] .request-type-option.selected>svg{
  color:#e7656d!important;
}


/* =========================================================
   PulseDesk v7.9.3 — selected icon contrast
   El icono seleccionado pasa a blanco/aperlado para separarse
   claramente del fondo de acento, sin añadir otra cápsula.
   ========================================================= */

.modal .incident-types .type-option.selected svg,
.request-type-option.selected > svg{
  color:#fff !important;
  stroke:#fff !important;
  filter:
    drop-shadow(0 1px 1px rgba(0,0,0,.20))
    drop-shadow(0 0 5px rgba(255,255,255,.28)) !important;
}

/* En temas claros usamos un blanco ligeramente aperlado para
   conservar contraste sin verse demasiado duro. */
body:not([data-mode="dark"]) .modal .incident-types .type-option.selected svg,
body:not([data-mode="dark"]) .request-type-option.selected > svg{
  color:#fffdfb !important;
  stroke:#fffdfb !important;
}

/* Hero Pop también respeta el icono seleccionado blanco. */
body[data-theme="hero"] .modal .incident-types .type-option.selected svg,
body[data-theme="hero"] .request-type-option.selected > svg{
  color:#fff !important;
  stroke:#fff !important;
}


/* =========================================================
   PulseDesk v7.9.4 — selected icon adaptive contrast
   DARK: icono blanco/aperlado.
   LIGHT: icono usa una versión más oscura del acento del tema.
   ========================================================= */

/* Temas claros: el seleccionado NO va blanco. Se oscurece con
   el color de acento del tema para conservar contraste. */
body:not([data-mode="dark"]) .modal .incident-types .type-option.selected svg,
body:not([data-mode="dark"]) .request-type-option.selected > svg{
  color: color-mix(in srgb, var(--accent, #7c6fe8) 72%, #30283a 28%) !important;
  stroke: color-mix(in srgb, var(--accent, #7c6fe8) 72%, #30283a 28%) !important;
  filter:
    drop-shadow(0 1px 1px rgba(255,255,255,.55))
    drop-shadow(0 0 3px color-mix(in srgb, var(--accent, #7c6fe8) 24%, transparent)) !important;
}

/* Temas oscuros: mantenemos el blanco que sí funciona bien. */
body[data-mode="dark"] .modal .incident-types .type-option.selected svg,
body[data-mode="dark"] .request-type-option.selected > svg{
  color:#fff !important;
  stroke:#fff !important;
  filter:
    drop-shadow(0 1px 1px rgba(0,0,0,.22))
    drop-shadow(0 0 5px rgba(255,255,255,.25)) !important;
}


/* =========================================================
   PulseDesk v7.9.5 — selected icon follows the ACTUAL theme
   Fix: PulseDesk changes themes with data-theme, not data-mode.
   ========================================================= */

/* LIGHT THEMES:
   Selected icon = a darker version of that theme's own --accent. */
body[data-theme="clean"] .modal .incident-types .type-option.selected svg,
body[data-theme="sky"] .modal .incident-types .type-option.selected svg,
body[data-theme="sakura"] .modal .incident-types .type-option.selected svg,
body[data-theme="wisteria"] .modal .incident-types .type-option.selected svg,
body[data-theme="matcha"] .modal .incident-types .type-option.selected svg,
body[data-theme="pearl"] .modal .incident-types .type-option.selected svg,
body[data-theme="striker"] .modal .incident-types .type-option.selected svg,
body[data-theme="volley"] .modal .incident-types .type-option.selected svg,
body[data-theme="hero"] .modal .incident-types .type-option.selected svg,
body[data-theme="mecha"] .modal .incident-types .type-option.selected svg,
body[data-theme="clean"] .request-type-option.selected > svg,
body[data-theme="sky"] .request-type-option.selected > svg,
body[data-theme="sakura"] .request-type-option.selected > svg,
body[data-theme="wisteria"] .request-type-option.selected > svg,
body[data-theme="matcha"] .request-type-option.selected > svg,
body[data-theme="pearl"] .request-type-option.selected > svg,
body[data-theme="striker"] .request-type-option.selected > svg,
body[data-theme="volley"] .request-type-option.selected > svg,
body[data-theme="hero"] .request-type-option.selected > svg,
body[data-theme="mecha"] .request-type-option.selected > svg{
  color: color-mix(in srgb, var(--accent) 76%, #201d28 24%) !important;
  stroke: color-mix(in srgb, var(--accent) 76%, #201d28 24%) !important;
  filter:none !important;
}

/* DARK THEMES:
   Selected icon = white/pearl for maximum contrast. */
body[data-theme="moonlight"] .modal .incident-types .type-option.selected svg,
body[data-theme="cyber"] .modal .incident-types .type-option.selected svg,
body[data-theme="sorcerer"] .modal .incident-types .type-option.selected svg,
body[data-theme="shinobi"] .modal .incident-types .type-option.selected svg,
body[data-theme="crimson"] .modal .incident-types .type-option.selected svg,
body[data-theme="emerald"] .modal .incident-types .type-option.selected svg,
body[data-theme="abyss"] .modal .incident-types .type-option.selected svg,
body[data-theme="galaxy"] .modal .incident-types .type-option.selected svg,
body[data-theme="moonlight"] .request-type-option.selected > svg,
body[data-theme="cyber"] .request-type-option.selected > svg,
body[data-theme="sorcerer"] .request-type-option.selected > svg,
body[data-theme="shinobi"] .request-type-option.selected > svg,
body[data-theme="crimson"] .request-type-option.selected > svg,
body[data-theme="emerald"] .request-type-option.selected > svg,
body[data-theme="abyss"] .request-type-option.selected > svg,
body[data-theme="galaxy"] .request-type-option.selected > svg{
  color:#fff !important;
  stroke:#fff !important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.24)) !important;
}


/* =========================================================
   PulseDesk v7.9.6 — Sakura vuelve a sentirse rosa
   Ajuste SOLO para iconos y selección de Incidencias/Solicitudes
   dentro de Sakura Bloom.
   ========================================================= */

/* Iconos normales: rosa sakura, no morado. */
body[data-theme="sakura"] .modal .incident-types .type-option svg,
body[data-theme="sakura"] .request-type-option > svg{
  color:#e889b0 !important;
  stroke:#e889b0 !important;
  filter:none !important;
}

/* Hover: rosa un poco más profundo. */
body[data-theme="sakura"] .modal .incident-types .type-option:hover svg,
body[data-theme="sakura"] .request-type-option:hover > svg{
  color:#d96f9f !important;
  stroke:#d96f9f !important;
}

/* Seleccionado: rosa más oscuro para contraste,
   manteniendo toda la esencia floral del tema. */
body[data-theme="sakura"] .modal .incident-types .type-option.selected svg,
body[data-theme="sakura"] .request-type-option.selected > svg{
  color:#b94f7e !important;
  stroke:#b94f7e !important;
  filter:
    drop-shadow(0 1px 1px rgba(255,255,255,.5))
    drop-shadow(0 0 3px rgba(232,137,176,.18)) !important;
}

/* El borde del seleccionado también se lleva al rosa, para que
   no aparezca ese acento violeta fuera de la paleta. */
body[data-theme="sakura"] .modal .incident-types .type-option.selected,
body[data-theme="sakura"] .request-type-option.selected{
  border-color:#e6a1c0 !important;
  box-shadow:
    0 0 0 2px rgba(232,137,176,.08),
    0 8px 20px rgba(232,137,176,.12) !important;
}


/* =========================================================
   PulseDesk v7.9.7 — Solicitudes = mismo lenguaje visual que Incidencias
   - Sin cápsula/cuadrado detrás del icono.
   - Icono visible por color del tema.
   - Selección más marcada.
   - LIGHT: seleccionado = acento oscuro + texto oscuro.
   - DARK: seleccionado = icono/texto blanco.
   - Sakura conserva rosa (no violeta).
   ========================================================= */

/* ---------- Base solicitudes ---------- */
.request-type-option{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--glass-a,var(--accent2)) 15%,var(--field-bg)),
      color-mix(in srgb,var(--glass-b,var(--accent)) 10%,var(--field-bg)))!important;
  border-color:color-mix(in srgb,var(--glass-a,var(--accent2)) 27%,var(--line))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 7px 20px color-mix(in srgb,var(--glass-b,var(--accent)) 7%,transparent)!important;
}

/* Icono limpio: sin "cuadrado dentro del rectángulo". */
.request-type-option>svg{
  width:27px!important;
  height:27px!important;
  flex:0 0 27px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--glass-b,var(--accent))!important;
  stroke:var(--glass-b,var(--accent))!important;
  stroke-width:2.65!important;
  filter:none!important;
}

/* Texto normal igual que incidencias. */
.request-type-option strong{
  color:var(--ink)!important;
  font-weight:760!important;
}
.request-type-option small{
  color:var(--muted)!important;
}

/* Hover sin saturar. */
.request-type-option:hover{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--glass-b,var(--accent)) 46%,var(--line))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    0 10px 24px color-mix(in srgb,var(--glass-b,var(--accent)) 12%,transparent)!important;
}
.request-type-option:hover>svg{
  transform:scale(1.07)!important;
  color:color-mix(in srgb,var(--glass-b,var(--accent)) 88%,var(--ink))!important;
  stroke:currentColor!important;
}

/* Seleccionado: el RECTÁNGULO marca estado; el icono no recibe cápsula extra. */
.request-type-option.selected{
  transform:translateY(-1px)!important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--glass-a,var(--accent2)) 36%,var(--field-bg)),
      color-mix(in srgb,var(--glass-b,var(--accent)) 28%,var(--field-bg)))!important;
  border-color:color-mix(in srgb,var(--glass-b,var(--accent)) 60%,var(--line))!important;
  box-shadow:
    0 0 0 2px color-mix(in srgb,var(--glass-a,var(--accent2)) 9%,transparent),
    0 10px 25px color-mix(in srgb,var(--glass-b,var(--accent)) 15%,transparent)!important;
}
.request-type-option.selected>svg{
  width:30px!important;
  height:30px!important;
  flex-basis:30px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  stroke-width:3!important;
}

/* Al seleccionar una, las demás bajan presencia, sin verse deshabilitadas. */
.request-type-grid:has(.request-type-option.selected) .request-type-option:not(.selected){
  opacity:.60!important;
}
.request-type-grid:has(.request-type-option.selected) .request-type-option:not(.selected):hover{
  opacity:.88!important;
}


/* ---------- TEMAS CLAROS ---------- */
/* Icono seleccionado: acento propio pero más oscuro. Texto NO blanco. */
body[data-theme="sky"] .request-type-option.selected>svg,
body[data-theme="sakura"] .request-type-option.selected>svg,
body[data-theme="wisteria"] .request-type-option.selected>svg,
body[data-theme="matcha"] .request-type-option.selected>svg,
body[data-theme="pearl"] .request-type-option.selected>svg,
body[data-theme="striker"] .request-type-option.selected>svg,
body[data-theme="volley"] .request-type-option.selected>svg,
body[data-theme="hero"] .request-type-option.selected>svg,
body[data-theme="mecha"] .request-type-option.selected>svg,
body[data-theme="clean"] .request-type-option.selected>svg{
  color:color-mix(in srgb,var(--accent) 76%,#201d28 24%)!important;
  stroke:currentColor!important;
  filter:none!important;
}

body[data-theme="sky"] .request-type-option.selected strong,
body[data-theme="sakura"] .request-type-option.selected strong,
body[data-theme="wisteria"] .request-type-option.selected strong,
body[data-theme="matcha"] .request-type-option.selected strong,
body[data-theme="pearl"] .request-type-option.selected strong,
body[data-theme="striker"] .request-type-option.selected strong,
body[data-theme="volley"] .request-type-option.selected strong,
body[data-theme="hero"] .request-type-option.selected strong,
body[data-theme="mecha"] .request-type-option.selected strong,
body[data-theme="clean"] .request-type-option.selected strong{
  color:var(--ink)!important;
}
body[data-theme="sky"] .request-type-option.selected small,
body[data-theme="sakura"] .request-type-option.selected small,
body[data-theme="wisteria"] .request-type-option.selected small,
body[data-theme="matcha"] .request-type-option.selected small,
body[data-theme="pearl"] .request-type-option.selected small,
body[data-theme="striker"] .request-type-option.selected small,
body[data-theme="volley"] .request-type-option.selected small,
body[data-theme="hero"] .request-type-option.selected small,
body[data-theme="mecha"] .request-type-option.selected small,
body[data-theme="clean"] .request-type-option.selected small{
  color:color-mix(in srgb,var(--muted) 86%,var(--ink) 14%)!important;
}


/* ---------- SAKURA: rosa de verdad ---------- */
body[data-theme="sakura"] .request-type-option>svg{
  color:#e889b0!important;
  stroke:#e889b0!important;
}
body[data-theme="sakura"] .request-type-option:hover>svg{
  color:#d96f9f!important;
  stroke:#d96f9f!important;
}
body[data-theme="sakura"] .request-type-option.selected{
  background:linear-gradient(135deg,#fde5ef,#f3d9f1)!important;
  border-color:#e6a1c0!important;
  box-shadow:0 0 0 2px rgba(232,137,176,.08),0 9px 22px rgba(232,137,176,.13)!important;
}
body[data-theme="sakura"] .request-type-option.selected>svg{
  color:#b94f7e!important;
  stroke:#b94f7e!important;
}


/* ---------- TEMAS OSCUROS ---------- */
body[data-theme="moonlight"] .request-type-option,
body[data-theme="cyber"] .request-type-option,
body[data-theme="sorcerer"] .request-type-option,
body[data-theme="shinobi"] .request-type-option,
body[data-theme="noir"] .request-type-option,
body[data-theme="emerald"] .request-type-option,
body[data-theme="abyss"] .request-type-option,
body[data-theme="galaxy"] .request-type-option{
  color:var(--ink)!important;
}
body[data-theme="moonlight"] .request-type-option>svg,
body[data-theme="cyber"] .request-type-option>svg,
body[data-theme="sorcerer"] .request-type-option>svg,
body[data-theme="shinobi"] .request-type-option>svg,
body[data-theme="noir"] .request-type-option>svg,
body[data-theme="emerald"] .request-type-option>svg,
body[data-theme="abyss"] .request-type-option>svg,
body[data-theme="galaxy"] .request-type-option>svg{
  color:color-mix(in srgb,var(--glass-a,var(--accent2)) 78%,white 22%)!important;
  stroke:currentColor!important;
}
body[data-theme="moonlight"] .request-type-option.selected>svg,
body[data-theme="cyber"] .request-type-option.selected>svg,
body[data-theme="sorcerer"] .request-type-option.selected>svg,
body[data-theme="shinobi"] .request-type-option.selected>svg,
body[data-theme="noir"] .request-type-option.selected>svg,
body[data-theme="emerald"] .request-type-option.selected>svg,
body[data-theme="abyss"] .request-type-option.selected>svg,
body[data-theme="galaxy"] .request-type-option.selected>svg{
  color:#fff!important;
  stroke:#fff!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.22))!important;
}
body[data-theme="moonlight"] .request-type-option.selected strong,
body[data-theme="cyber"] .request-type-option.selected strong,
body[data-theme="sorcerer"] .request-type-option.selected strong,
body[data-theme="shinobi"] .request-type-option.selected strong,
body[data-theme="noir"] .request-type-option.selected strong,
body[data-theme="emerald"] .request-type-option.selected strong,
body[data-theme="abyss"] .request-type-option.selected strong,
body[data-theme="galaxy"] .request-type-option.selected strong{
  color:#fff!important;
}
body[data-theme="moonlight"] .request-type-option.selected small,
body[data-theme="cyber"] .request-type-option.selected small,
body[data-theme="sorcerer"] .request-type-option.selected small,
body[data-theme="shinobi"] .request-type-option.selected small,
body[data-theme="noir"] .request-type-option.selected small,
body[data-theme="emerald"] .request-type-option.selected small,
body[data-theme="abyss"] .request-type-option.selected small,
body[data-theme="galaxy"] .request-type-option.selected small{
  color:rgba(255,255,255,.72)!important;
}


/* ---------- Banner de solicitud elegida ---------- */
/* También quitamos la cápsula del icono para respetar la misma regla visual. */
.request-selection-icon{
  width:32px!important;
  height:32px!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--glass-b,var(--accent))!important;
}
.request-selection-icon svg{
  width:26px!important;
  height:26px!important;
  stroke-width:2.8!important;
}

/* Claro: icono del banner oscuro según el acento. */
body[data-theme="sky"] .request-selection-icon,
body[data-theme="sakura"] .request-selection-icon,
body[data-theme="wisteria"] .request-selection-icon,
body[data-theme="matcha"] .request-selection-icon,
body[data-theme="pearl"] .request-selection-icon,
body[data-theme="striker"] .request-selection-icon,
body[data-theme="volley"] .request-selection-icon,
body[data-theme="hero"] .request-selection-icon,
body[data-theme="mecha"] .request-selection-icon,
body[data-theme="clean"] .request-selection-icon{
  color:color-mix(in srgb,var(--accent) 76%,#201d28 24%)!important;
}

/* Sakura banner rosa. */
body[data-theme="sakura"] .request-selection-icon{
  color:#b94f7e!important;
}

/* Dark: blanco. */
body[data-theme="moonlight"] .request-selection-icon,
body[data-theme="cyber"] .request-selection-icon,
body[data-theme="sorcerer"] .request-selection-icon,
body[data-theme="shinobi"] .request-selection-icon,
body[data-theme="noir"] .request-selection-icon,
body[data-theme="emerald"] .request-selection-icon,
body[data-theme="abyss"] .request-selection-icon,
body[data-theme="galaxy"] .request-selection-icon{
  color:#fff!important;
}


/* ---------- Mobile ---------- */
@media(max-width:600px){
  .request-type-option>svg{
    width:25px!important;
    height:25px!important;
    flex-basis:25px!important;
  }
  .request-type-option.selected>svg{
    width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
  }
}

/* v7.9.9 — eliminate remaining default-blue UI in light themes */
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]) .hours-pill{
  background:var(--accent-soft)!important;
  color:var(--accent)!important;
  border:1px solid color-mix(in srgb,var(--accent) 18%,transparent)!important;
}
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]) .soft-icon{
  background:var(--accent-soft)!important;
  color:var(--accent)!important;
}
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]) .text-button,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]) .details-button,
body:not([data-theme="moonlight"]):not([data-theme="cyber"]):not([data-theme="sorcerer"]):not([data-theme="noir"]):not([data-theme="emerald"]):not([data-theme="abyss"]) .tiny-button{color:var(--accent)!important}

/* ===== PulseDesk v8.0 · Developer/admin local controls ===== */
.admin-review-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;margin:-3px 0 14px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent-soft) 55%,var(--panel));}
.admin-review-actions>span{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:800;color:var(--ink)}
.admin-review-actions svg{width:15px;color:var(--accent)}
.admin-review-actions>div{display:flex;gap:7px;flex-wrap:wrap}
.admin-review-actions .tiny-button{padding:7px 9px;border-radius:9px;background:var(--panel);border:1px solid var(--line);color:var(--ink)}
body[data-mode="dark"] .admin-review-actions{background:color-mix(in srgb,var(--accent) 10%,var(--panel));}

/* ===== PulseDesk v8.2 DEV · revisión funcional ===== */
.review-note-field{display:block;width:100%;margin:10px 0}
.review-note-field small{display:block;color:var(--muted);font-size:8px;margin-bottom:6px}
.review-note-field textarea{min-height:70px;resize:vertical}
.admin-review-buttons{display:flex;gap:7px;flex-wrap:wrap}
.tiny-button.danger{color:#b95c6c;background:color-mix(in srgb,#d96d7e 10%,var(--panel))}
.request-review-controls{width:100%;display:grid;gap:8px}
.request-review-note-input{min-height:65px;resize:vertical}
.request-review-controls>div{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}
.request-review-note{margin-top:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--panel))}
.request-review-note small{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}
.request-review-note p{font-size:10px;color:var(--ink);line-height:1.45}

/* ===== PulseDesk v8.3 · horario de solicitudes ===== */
.request-time-range{margin-top:2px}
.request-time-range.hidden{display:none!important}


/* ===== PulseDesk v8.4 DEV · comentarios guardables ===== */
.tiny-button.comment-save{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:color-mix(in srgb,var(--accent) 82%,var(--ink));
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
}
.tiny-button.comment-save:hover{
  background:color-mix(in srgb,var(--accent) 14%,var(--panel));
}
.tiny-button.comment-save svg{width:13px;height:13px}
body[data-mode="dark"] .tiny-button.comment-save{
  color:color-mix(in srgb,var(--accent2) 72%,white);
  background:color-mix(in srgb,var(--accent) 10%,var(--panel));
  border-color:color-mix(in srgb,var(--accent2) 20%,var(--line));
}


/* ===== PulseDesk v8.5 DEV · solicitud de horarios refinada ===== */
.request-time-range{margin:3px 0 16px}
.request-time-mode{
  padding:14px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  border-radius:15px;
  background:color-mix(in srgb,var(--accent) 5%,var(--panel));
}
.request-time-mode.hidden{display:none!important}
.request-time-heading{margin-bottom:10px}
.request-time-heading small{display:block;color:var(--muted);font-size:8px;margin-bottom:3px}
.request-time-heading strong{font-size:10px;color:var(--ink)}
.request-time-help{margin-top:8px;font-size:8px;color:var(--muted)}
.request-time-grid{margin-bottom:0!important}
.request-time-grid label{font-size:9px;font-weight:700;color:var(--ink)}
.schedule-change-comparison{
  display:grid;
  grid-template-columns:1fr auto 1.25fr;
  gap:10px;
  align-items:center;
}
.schedule-change-box{
  padding:12px;
  border-radius:13px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--accent) 4%,var(--panel));
}
.schedule-change-box.requested{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line));
  background:color-mix(in srgb,var(--accent) 9%,var(--panel));
}
.schedule-change-box small{display:block;color:var(--muted);font-size:8px;margin-bottom:4px}
.schedule-change-box strong{font-size:10px;color:var(--ink)}
.schedule-change-arrow{width:18px;color:var(--accent)}
.schedule-change-inputs{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:7px;
  align-items:center;
}
.schedule-change-inputs span{color:var(--muted);font-size:9px}
.request-time-summary{
  margin-top:10px;
  padding:11px 12px;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  border-radius:12px;
  background:color-mix(in srgb,var(--accent) 5%,var(--panel));
}
.request-time-summary small{display:block;color:var(--muted);font-size:8px;margin-bottom:3px}
.request-time-summary strong{font-size:10px;color:var(--ink)}
.request-time-summary>i{width:16px;color:var(--accent)}
body[data-mode="dark"] .request-time-mode,
body[data-mode="dark"] .schedule-change-box,
body[data-mode="dark"] .request-time-summary{
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));
}
@media(max-width:650px){
  .schedule-change-comparison{grid-template-columns:1fr}
  .schedule-change-arrow{transform:rotate(90deg);justify-self:center}
  .request-time-summary{align-items:flex-start;flex-direction:column}
  .request-time-summary>i{transform:rotate(90deg)}
}


/* ===== PulseDesk v8.6 DEV · Restricción / Cambio de horario detallado ===== */
.schedule-request-details{
  margin:0 0 17px;
  padding:15px;
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));
  border-radius:17px;
  background:color-mix(in srgb,var(--accent) 4%,var(--panel));
}
.schedule-request-details.hidden{display:none!important}
.schedule-detail-heading{
  display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:13px
}
.schedule-detail-heading small,.weekly-request-head small,.request-docs-title small{
  display:block;color:var(--muted);font-size:8px;margin-bottom:3px
}
.schedule-detail-heading strong,.weekly-request-head strong,.request-docs-title strong{
  font-size:11px;color:var(--ink)
}
.schedule-detail-heading p{font-size:8px;color:var(--muted);margin-top:3px}
.schedule-detail-heading>svg{width:21px;color:var(--accent)}
.schedule-reason-grid{margin-bottom:13px}
.schedule-reason-grid label{font-size:9px;font-weight:700;color:var(--ink)}
.weekly-schedule-comparison{
  display:grid;grid-template-columns:1fr 1.25fr;gap:12px;margin-bottom:13px
}
.weekly-request-card{
  padding:12px;border:1px solid var(--line);border-radius:14px;
  background:color-mix(in srgb,var(--accent) 3%,var(--panel))
}
.weekly-request-card.requested{
  border-color:color-mix(in srgb,var(--accent) 24%,var(--line));
  background:color-mix(in srgb,var(--accent) 7%,var(--panel))
}
.weekly-request-head{
  display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px
}
.weekly-request-head>b{font-size:11px;color:var(--accent)}
.current-weekly-request,.requested-weekly-request{display:grid;gap:6px}
.current-request-row,.requested-schedule-row{
  min-height:33px;display:grid;align-items:center;gap:6px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)
}
.current-request-row{grid-template-columns:40px 1fr}
.current-request-row strong,.requested-schedule-row>strong{font-size:8px}
.current-request-row span{font-size:8px;color:var(--muted)}
.requested-schedule-row{grid-template-columns:34px 1fr auto 1fr auto}
.requested-schedule-row .form-input{padding:7px;font-size:9px}
.requested-schedule-row>span{font-size:8px;color:var(--muted)}
.req-off-toggle{display:flex;gap:4px;align-items:center;font-size:8px;color:var(--muted)}
.req-off-toggle input{accent-color:var(--accent)}
.request-docs-box,.ppc-hours-alert{
  padding:12px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--line))
}
.request-docs-box{background:color-mix(in srgb,var(--accent2) 5%,var(--panel))}
.request-docs-title{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.request-docs-title svg{width:18px;color:var(--accent)}
#scheduleDocsText{font-size:9px;color:var(--muted);line-height:1.55}
.ppc-hours-alert{display:flex;gap:9px;align-items:flex-start;margin-top:10px;background:color-mix(in srgb,#e8b64a 8%,var(--panel))}
.ppc-hours-alert.hidden{display:none!important}
.ppc-hours-alert svg{width:18px;color:#c69538;flex:0 0 auto}
.ppc-hours-alert strong{font-size:10px}
.ppc-hours-alert p{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.45}
.saved-schedule-detail{
  margin-top:10px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))
}
.saved-schedule-detail-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.saved-schedule-detail-head small{display:block;font-size:8px;color:var(--muted);margin-bottom:2px}
.saved-schedule-detail-head strong,.saved-schedule-detail-head span{font-size:9px;color:var(--ink)}
.saved-weekly-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.saved-weekly-grid>div{padding:6px;border-radius:8px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));text-align:center}
.saved-weekly-grid b,.saved-weekly-grid span{display:block;font-size:7px}
.saved-weekly-grid span{color:var(--muted);margin-top:2px}
.saved-ppc-note{margin-top:8px;font-size:8px;color:#b38331}
body[data-mode="dark"] .schedule-request-details,
body[data-mode="dark"] .weekly-request-card,
body[data-mode="dark"] .request-docs-box,
body[data-mode="dark"] .saved-schedule-detail{
  background:color-mix(in srgb,var(--accent) 8%,var(--panel))
}
@media(max-width:760px){
  .weekly-schedule-comparison{grid-template-columns:1fr}
  .saved-weekly-grid{grid-template-columns:repeat(2,1fr)}
  .requested-schedule-row{grid-template-columns:34px 1fr auto 1fr}
  .req-off-toggle{grid-column:2/-1}
}

/* ===== PulseDesk v9.0 · clarity + theme polish ===== */
.pd-request-short-help{font-size:8px!important;line-height:1.4;color:var(--muted);margin-top:4px}
.pd-eligibility{display:block;margin-top:5px;font-size:7.5px;color:color-mix(in srgb,var(--accent) 78%,var(--muted))}
.request-type-option.pd-locked{opacity:.7}
.request-type-option.pd-locked::after{content:"🔒";position:absolute;right:9px;top:8px;font-size:11px}
.selected-request-help{margin-bottom:14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.selected-request-help-title{display:flex;gap:9px;align-items:center;margin-bottom:7px}
.selected-request-help-title svg{width:18px;color:var(--accent)}
.selected-request-help-title small{display:block;font-size:8px;color:var(--muted)}
.selected-request-help-title strong{font-size:10px;color:var(--ink)}
.selected-request-help>p{font-size:9px;line-height:1.55;color:var(--muted)}
.request-cross-help,.vacation-reference{margin-top:9px;padding:9px 10px;border-radius:11px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));font-size:8px;line-height:1.5;color:var(--muted)}
.request-cross-help b,.vacation-reference b{color:var(--ink)}
.vacation-reference span{display:block;margin-top:3px}
.restriction-mode .weekly-request-card.requested{border-style:dashed}
.restriction-mode .requested-schedule-row .req-day-off{accent-color:var(--accent)}
.notification-tools{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;padding:7px 9px;border-bottom:1px solid var(--line)}
.notification-tools .tiny-button{font-size:7.5px}
body[data-mode="dark"] .selected-request-help,
body[data-mode="dark"] .request-cross-help,
body[data-mode="dark"] .vacation-reference{background:color-mix(in srgb,var(--accent) 9%,var(--panel))}

/* Incidence time panels: Late Break / Late Lunch / Schedule Extension */
.incident-form .time-grid,.incident-time-grid,.schedule-time-grid{
  background:color-mix(in srgb,var(--accent) 4%,var(--panel))!important;
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))!important;
  box-shadow:none!important;
}
.incident-form .time-grid .form-input,.incident-time-grid .form-input,.schedule-time-grid .form-input{
  background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%)!important;
  border-color:color-mix(in srgb,var(--accent) 14%,var(--line))!important;
}
body[data-mode="dark"] .incident-form .time-grid,
body[data-mode="dark"] .incident-time-grid,
body[data-mode="dark"] .schedule-time-grid{
  background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important;
}

/* ===== PulseDesk v9.2 · clean request UX ===== */

/* Cards stay simple: icon + original title/subtitle + ONE lock only. */
.request-type-option{position:relative}
.request-type-option .pd-request-short-help,
.request-type-option .pd-eligibility{display:none!important}
.request-type-option.pd-locked{opacity:.68}
.request-type-option.pd-locked::after{content:none!important}
.pd-card-lock{
  position:absolute;right:10px;top:10px;
  width:24px;height:24px;border-radius:999px;
  display:grid;place-items:center;
  color:color-mix(in srgb,var(--accent) 72%,var(--ink));
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));
  border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line));
}
.pd-card-lock svg{width:12px;height:12px}

/* Selected explanation is separate, compact and readable. */
.selected-request-help{
  margin-bottom:12px!important;
  padding:11px 13px!important;
}
.selected-request-help>p{max-width:850px;font-size:9px!important}
.request-cross-help,.vacation-reference{font-size:8px!important}

/* Restriction builder */
.restriction-builder{
  margin-bottom:12px;padding:13px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  border-radius:15px;
  background:color-mix(in srgb,var(--accent) 4%,var(--panel));
}
.restriction-builder.hidden{display:none!important}
.restriction-builder-head small{display:block;font-size:8px;color:var(--muted);margin-bottom:2px}
.restriction-builder-head strong{font-size:11px;color:var(--ink)}
.restriction-builder-head p{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.45}
.restriction-day-picker{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0}
.restriction-day-chip input{position:absolute;opacity:0;pointer-events:none}
.restriction-day-chip span{
  min-width:43px;padding:8px 10px;border-radius:10px;
  display:inline-flex;justify-content:center;
  font-size:8px;font-weight:750;color:var(--muted);
  border:1px solid var(--line);
  background:var(--field-bg);
  cursor:pointer;
}
.restriction-day-chip input:checked+span{
  color:var(--ink);
  border-color:color-mix(in srgb,var(--accent) 48%,var(--line));
  background:color-mix(in srgb,var(--accent) 12%,var(--field-bg));
  box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 10%,transparent);
}
.restriction-common-time{
  display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:end
}
.restriction-common-time label{font-size:8px;font-weight:750;color:var(--ink)}
.restriction-common-time>span{padding-bottom:11px;color:var(--muted);font-size:9px}
.restriction-auto-note{
  margin-top:9px;display:flex;gap:7px;align-items:flex-start;
  padding:9px 10px;border-radius:11px;
  background:color-mix(in srgb,var(--accent) 6%,var(--panel));
  color:var(--muted);font-size:8px;line-height:1.45
}
.restriction-auto-note svg{width:15px;flex:0 0 auto;color:var(--accent)}

.proposal-toolbar{
  margin-bottom:9px;padding:9px 10px;border-radius:11px;
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  background:color-mix(in srgb,var(--accent) 6%,var(--panel));
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))
}
.proposal-toolbar.hidden{display:none!important}
.proposal-toolbar small{display:block;font-size:7px;color:var(--muted);margin-bottom:2px}
.proposal-toolbar strong{font-size:8px;color:var(--ink)}
.uniform-schedule-note{margin-top:8px;font-size:7.5px;color:var(--muted);line-height:1.45}
.uniform-schedule-note.hidden{display:none!important}

.restriction-mode .requested-schedule-row .req-off-toggle{pointer-events:none;opacity:.7}
.restriction-mode .weekly-request-card.requested{
  background:color-mix(in srgb,var(--accent) 5%,var(--panel))!important;
}
body[data-mode="dark"] .restriction-builder,
body[data-mode="dark"] .proposal-toolbar,
body[data-mode="dark"] .restriction-auto-note{
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));
}

@media(max-width:680px){
  .restriction-common-time{grid-template-columns:1fr}
  .restriction-common-time>span{display:none}
  .proposal-toolbar{align-items:flex-start;flex-direction:column}
}

/* ===== PulseDesk v9.3 · automatic hours UX ===== */

/* Restriction proposal is visibly locked until manual editing. */
.manual-edit-locked .requested-schedule-row input[type="time"],
.manual-edit-locked .requested-schedule-row input[type="checkbox"]{
  cursor:not-allowed!important;
}
.manual-edit-locked .requested-schedule-row input[type="time"]:disabled{
  opacity:.52!important;
  filter:saturate(.7);
}
.manual-edit-locked .requested-weekly-request{
  position:relative;
}
.manual-edit-locked .requested-weekly-request::after{
  content:"🔒 Horario sugerido bloqueado · usa “Editar manualmente” para modificarlo";
  display:block;
  margin-top:8px;
  padding:8px 10px;
  border-radius:10px;
  font-size:7.5px;
  color:var(--muted);
  text-align:center;
  background:color-mix(in srgb,var(--accent) 5%,var(--panel));
  border:1px dashed color-mix(in srgb,var(--accent) 18%,var(--line));
}

/* Change request: automatic current → desired controls. */
.change-builder{
  margin-bottom:12px;
  padding:13px;
  border-radius:15px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  background:color-mix(in srgb,var(--accent) 4%,var(--panel));
}
.change-builder.hidden{display:none!important}
.change-builder-head small{display:block;font-size:8px;color:var(--muted);margin-bottom:2px}
.change-builder-head strong{font-size:11px;color:var(--ink)}
.change-builder-head p{font-size:8px;color:var(--muted);line-height:1.45;margin-top:3px}
.change-auto-comparison{
  display:grid;
  grid-template-columns:1fr auto 1.35fr;
  gap:10px;
  align-items:center;
  margin-top:11px;
}
.change-auto-comparison>svg{width:18px;color:var(--accent)}
.change-auto-box{
  padding:11px;
  border-radius:12px;
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--accent) 3%,var(--panel));
}
.change-auto-box.requested{
  border-color:color-mix(in srgb,var(--accent) 24%,var(--line));
  background:color-mix(in srgb,var(--accent) 7%,var(--panel));
}
.change-auto-box>small{display:block;font-size:7.5px;color:var(--muted);margin-bottom:3px}
.change-auto-box>strong{display:block;font-size:10px;color:var(--ink)}
.change-auto-box>span{display:block;font-size:7.5px;color:var(--muted);margin-top:3px}
.change-common-time{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:7px;
  align-items:end;
}
.change-common-time label{font-size:7.5px;font-weight:700;color:var(--ink)}
.change-common-time>span{padding-bottom:10px;color:var(--muted);font-size:8px}
.change-common-time .form-input:disabled{
  opacity:.7;
  cursor:not-allowed;
}
.reduction-hours-option{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin-top:10px;
  padding:10px 11px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));
  background:color-mix(in srgb,var(--accent) 4%,var(--panel));
  cursor:pointer;
}
.reduction-hours-option>input{
  margin-top:2px;
  accent-color:var(--accent);
}
.reduction-hours-option strong{display:block;font-size:9px;color:var(--ink)}
.reduction-hours-option small{display:block;margin-top:2px;font-size:7.5px;line-height:1.45;color:var(--muted)}
.change-auto-note{
  display:flex;
  gap:7px;
  align-items:flex-start;
  margin-top:9px;
  padding:8px 9px;
  border-radius:10px;
  background:color-mix(in srgb,var(--accent) 5%,var(--panel));
  color:var(--muted);
  font-size:7.5px;
  line-height:1.45;
}
.change-auto-note svg{width:14px;color:var(--accent);flex:0 0 auto}

/* Change weekly table is preview-only: no accidental manual edits. */
.change-mode .weekly-request-card.requested .requested-schedule-row input{
  cursor:not-allowed!important;
  opacity:.68;
}

body[data-mode="dark"] .change-builder,
body[data-mode="dark"] .change-auto-box,
body[data-mode="dark"] .reduction-hours-option,
body[data-mode="dark"] .change-auto-note{
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));
}

@media(max-width:720px){
  .change-auto-comparison{grid-template-columns:1fr}
  .change-auto-comparison>svg{transform:rotate(90deg);justify-self:center}
}


/* ===== PulseDesk v9.4 · horarios sin redundancias ===== */

/* Cambio de horario: se usa únicamente el bloque automático actual → deseado. */
.weekly-schedule-comparison.change-weekly-hidden{
  display:none!important;
}

/* Restricción: la parte editable aparece únicamente tras "Editar manualmente". */
.restriction-mode .requested-weekly-request.hidden,
.restriction-mode #uniformScheduleNote.hidden{
  display:none!important;
}

/* Al estar bloqueado, no mostramos una tabla enorme deshabilitada. */
.restriction-mode.manual-edit-locked .requested-weekly-request{
  display:none!important;
}
.restriction-mode .manual-edit-locked .requested-weekly-request{
  display:none!important;
}

/* La barra de propuesta queda limpia cuando la edición está cerrada. */
.restriction-mode .proposal-toolbar{
  margin-bottom:0;
}
.restriction-mode .manual-edit-active .proposal-toolbar{
  margin-bottom:9px;
}

/* El aviso de bloqueo anterior ya no es necesario porque la tabla no se muestra. */
.manual-edit-locked .requested-weekly-request::after{
  content:none!important;
  display:none!important;
}

/* ===== PulseDesk v9.5 · manual edit gating ===== */
#toggleRestrictionManualEdit:disabled,
#toggleRestrictionManualEdit.is-disabled{
  opacity:.42;
  cursor:not-allowed;
  filter:saturate(.55);
}
#toggleRestrictionManualEdit:not(:disabled){
  opacity:1;
}


/* ===== PulseDesk v9.6 · Late Break / Late Lunch / Schedule Extension =====
   Bloque más limpio, ligero y completamente dependiente de la paleta activa. */
.special-time-panel{
  margin:14px 0!important;
  padding:14px!important;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
  border-radius:16px!important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--accent) 5%,var(--panel)) 0%,
      color-mix(in srgb,var(--accent2) 3%,var(--panel)) 100%)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.special-time-title{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin-bottom:12px!important;
  padding-bottom:10px!important;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--line))!important;
}

.special-time-title>svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 auto!important;
  margin-top:1px!important;
  color:var(--accent)!important;
}

.special-time-title strong{
  display:block!important;
  color:var(--ink)!important;
  font-size:.92rem!important;
  line-height:1.2!important;
}

.special-time-title small{
  display:block!important;
  margin-top:3px!important;
  color:var(--muted)!important;
  opacity:1!important;
  font-size:.72rem!important;
  line-height:1.4!important;
}

.special-time-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

.special-time-grid label{
  min-width:0!important;
  color:var(--ink)!important;
}

.special-time-grid label span{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--muted)!important;
  font-size:.72rem!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
}

.special-time-grid .form-input{
  width:100%!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border-radius:13px!important;
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 2%,var(--field-bg))!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  font-size:.86rem!important;
  font-weight:650!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}

.special-time-grid .form-input:hover{
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;
}

.special-time-grid .form-input:focus{
  outline:none!important;
  border-color:color-mix(in srgb,var(--accent) 58%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 4%,var(--field-bg))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)!important;
}

/* El icono nativo del selector de hora también toma el acento cuando el navegador lo permite. */
.special-time-grid input[type="time"]{
  accent-color:var(--accent)!important;
}

/* Temas oscuros: nada de panel gris/lavado; conserva la profundidad del tema. */
body[data-mode="dark"] .special-time-panel{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--accent) 7%,var(--panel)) 0%,
      color-mix(in srgb,var(--accent2) 5%,var(--panel)) 100%)!important;
  border-color:color-mix(in srgb,var(--accent) 20%,var(--line))!important;
}

body[data-mode="dark"] .special-time-grid .form-input{
  background:color-mix(in srgb,var(--accent) 5%,var(--field-bg))!important;
  border-color:color-mix(in srgb,var(--accent) 17%,var(--line))!important;
}

body[data-mode="dark"] .special-time-grid .form-input:focus{
  background:color-mix(in srgb,var(--accent) 8%,var(--field-bg))!important;
  border-color:color-mix(in srgb,var(--accent) 62%,var(--line))!important;
}

/* Temas claros: el panel queda casi neutro, con el acento solamente como guía. */
body:not([data-mode="dark"]) .special-time-panel{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--accent) 3.5%,var(--panel)) 0%,
      color-mix(in srgb,var(--accent2) 2.5%,var(--panel)) 100%)!important;
}

body:not([data-mode="dark"]) .special-time-grid .form-input{
  background:color-mix(in srgb,var(--accent) 1.5%,var(--field-bg))!important;
}

@media(max-width:700px){
  .special-time-grid{grid-template-columns:1fr!important}
}

/* ===== PulseDesk v9.9 · escribir minutos dentro del reloj ===== */
#pickerMinute{
  cursor:text!important;
  caret-color:var(--accent)!important;
  user-select:text!important;
}
#pickerMinute:focus{
  outline:none!important;
}

/* ===== PulseDesk v10.0 · automatic special times ===== */
#specialTimePanel input:disabled{opacity:.72;cursor:not-allowed;background:color-mix(in srgb,var(--accent) 5%,var(--field-bg))!important}
#completedTime[type="text"]{text-align:center;font-weight:800;color:var(--accent)!important}

/* ===== PulseDesk v10.1 · especiales simétricos ===== */
#specialTimePanel .special-time-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:end!important;
  gap:14px!important;
}
#specialTimePanel .field{
  min-width:0!important;
}
#specialTimePanel #completedTime{
  display:flex!important;
  width:100%!important;
  min-height:48px!important;
  box-sizing:border-box!important;
  border:1px solid var(--field-border)!important;
  border-radius:14px!important;
  padding:0 16px!important;
  background:var(--field-bg)!important;
  color:var(--text)!important;
  font:inherit!important;
  font-weight:750!important;
  opacity:1!important;
  -webkit-text-fill-color:var(--text)!important;
}
#specialTimePanel #completedTime[type="time"]{
  appearance:none!important;
  -webkit-appearance:none!important;
}
#specialTimePanel #completedTime[type="time"]::-webkit-calendar-picker-indicator{
  display:none!important;
}
#specialTimePanel #completedTime[type="text"]{
  text-align:left!important;
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
}
#specialTimePanel #completedTime:disabled{
  cursor:default!important;
  opacity:1!important;
  background:color-mix(in srgb,var(--field-bg) 92%,var(--accent) 8%)!important;
}
@media(max-width:760px){
  #specialTimePanel .special-time-grid{
    grid-template-columns:1fr!important;
  }
}

/* ===== PulseDesk v10.3 · Schedule Extension correcto ===== */
#specialTimePanel #completedTime[type="time"]{
  text-align:initial!important;
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
  cursor:pointer!important;
}

/* ===== PulseDesk v10.4 · FIX bug línea/campo fantasma ===== */

/* El input nativo de Hora concluida/Fin de extensión vuelve a quedar
   realmente oculto detrás del selector personalizado. */
#specialTimePanel #completedTime.pd-native-time{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  min-height:1px!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

/* Late Break/Lunch: tercer campo visual automático, sin input nativo visible. */
.pd-auto-time-output{
  width:100%;
  min-height:46px;
  box-sizing:border-box;
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));
  border-radius:14px;
  background:color-mix(in srgb,var(--accent) 5%,var(--field-bg));
  color:var(--ink);
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 14px;
  font-size:.86rem;
  font-weight:650;
}
.pd-auto-time-output.hidden{display:none!important}

/* Schedule Extension: el tercer campo usa el mismo botón/reloj que los otros dos. */
#specialTimePanel .pd-time-trigger.hidden{display:none!important}
#specialTimePanel .pd-time-trigger{
  min-height:46px!important;
}

/* Anula por completo la regla vieja que agrandaba completedTime fuera de su celda. */
#specialTimePanel #completedTime{
  max-width:1px!important;
}

/* ===== PulseDesk · género y pronombres ===== */
#profileGender,#profilePronouns{
  appearance:auto;
  background-color:var(--field-bg,#fafbfe);
  color:var(--ink);
}


/* =========================================================
   PulseDesk v11.0 — Adaptive Themes foundation
   Existing Light/Dark themes remain untouched.
   First adaptive fantasy theme: EVERBLOOM.
   ========================================================= */

/* ---------- Settings: adaptive theme section ---------- */
.adaptive-theme-heading{
  grid-column:1/-1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:12px 2px 0;
  padding:15px 2px 8px;
  border-top:1px solid var(--line);
}
.adaptive-theme-heading>div{display:grid;gap:4px}
.adaptive-theme-heading strong{font-size:12px;color:var(--ink)}
.adaptive-theme-heading>small{max-width:430px;text-align:right;font-size:8px;line-height:1.45;color:var(--muted)}
.adaptive-theme-kicker{
  width:max-content;
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em;
  color:var(--accent);
}

.adaptive-option{position:relative;overflow:hidden}
.adaptive-option:after{
  content:'LIGHT + DARK';
  position:absolute;
  top:8px;
  right:8px;
  padding:3px 6px;
  border-radius:999px;
  background:rgba(24,40,45,.62);
  color:#fff;
  border:1px solid rgba(255,255,255,.34);
  backdrop-filter:blur(8px);
  font-size:7px;
  font-weight:900;
  letter-spacing:.07em;
}

.everbloom-preview{
  position:relative;
  overflow:hidden;
  display:block;
  background:
    linear-gradient(90deg,
      #eaf7d8 0 49.7%,
      #18233e 50.3% 100%)!important;
}
.everbloom-preview:before{
  content:'';
  position:absolute;
  inset:0 50% 0 0;
  background:
    radial-gradient(circle at 28% 24%,#fff7bf 0 5px,transparent 6px),
    radial-gradient(ellipse at 20% 100%,#8fc979 0 30%,transparent 31%),
    linear-gradient(180deg,#ccecff 0 58%,#dff0c3 59% 100%);
}
.everbloom-preview:after{
  content:'';
  position:absolute;
  inset:0 0 0 50%;
  background:
    radial-gradient(circle at 73% 24%,#fff6c7 0 5px,transparent 6px),
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 62% 42%,rgba(187,228,255,.85) 0 1px,transparent 1.8px),
    radial-gradient(circle at 38% 66%,rgba(226,242,187,.85) 0 1px,transparent 1.8px),
    linear-gradient(180deg,#111b35,#26315d 60%,#17322d);
}
.everbloom-preview-sun,
.everbloom-preview-moon{
  position:absolute;
  z-index:2;
  top:10px;
  width:9px;height:9px;border-radius:50%;
}
.everbloom-preview-sun{left:18%;background:#ffe38b;box-shadow:0 0 12px rgba(255,213,106,.8)}
.everbloom-preview-moon{right:18%;background:#fff4c9;box-shadow:0 0 12px rgba(210,226,255,.7)}

.adaptive-appearance-panel{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:3px;
  padding:14px 15px;
  border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));
  border-radius:16px;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--accent2) 7%,var(--panel)),
      color-mix(in srgb,var(--accent) 6%,var(--panel)));
  transition:opacity .18s ease,border-color .18s ease;
}
.adaptive-appearance-panel.is-disabled{opacity:.55}
.adaptive-appearance-copy{display:grid;gap:4px;min-width:0}
.adaptive-appearance-copy strong{font-size:11px;color:var(--ink)}
.adaptive-appearance-copy small{font-size:8px;color:var(--muted);line-height:1.45}
.appearance-segmented{
  display:grid;
  grid-template-columns:repeat(3,minmax(82px,1fr));
  gap:6px;
  padding:5px;
  border-radius:13px;
  background:color-mix(in srgb,var(--accent) 5%,var(--field-bg,#f5f7fb));
  border:1px solid var(--line);
}
.appearance-choice{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--muted);
  font-size:9px;
  font-weight:750;
  transition:.16s ease;
}
.appearance-choice svg{width:14px;height:14px}
.appearance-choice:hover:not(:disabled){
  color:var(--ink);
  background:color-mix(in srgb,var(--accent) 8%,transparent);
}
.appearance-choice.active{
  color:var(--ink);
  background:var(--panel);
  box-shadow:0 5px 15px color-mix(in srgb,var(--accent) 10%,transparent);
}
.appearance-choice:disabled{cursor:not-allowed;opacity:.52}

/* ---------- EVERBLOOM · common identity ---------- */
body[data-theme="everbloom"]{
  --glass-a:#9dddb1;
  --glass-b:#76b5a1;
  --glass-c:#d9d58e;
  --r1:#9bd8a6;--r2:#dbf0c6;
  --a1:#7bbf9b;--a2:#cbe8d0;
  --p1:#d9cd88;--p2:#f3e6ae;
  --x1:#90b9c7;--x2:#c5dcec;
}
body[data-theme="everbloom"] .ambient-one{background:var(--accent2)}
body[data-theme="everbloom"] .ambient-two{background:var(--accent)}
body[data-theme="everbloom"] .theme-mascot{
  filter:
    drop-shadow(0 8px 13px color-mix(in srgb,var(--accent) 20%,transparent))
    drop-shadow(0 0 10px color-mix(in srgb,var(--accent2) 12%,transparent));
}
body[data-theme="everbloom"] .mascot-companion{
  border-color:color-mix(in srgb,var(--accent) 19%,var(--line));
}

/* ---------- EVERBLOOM · LIGHT / Enchanted Meadow ---------- */
body[data-theme="everbloom"][data-mode="light"]{
  --accent:#6d9f6c;
  --accent2:#93c9b0;
  --accent-soft:#edf6df;
  --page:#f8fbef;
  --panel-rgb:255,255,249;
  --sidebar-rgb:232,244,218;
  --ink:#344439;
  --muted:#7f8e80;
  --line:#dee9d7;
  --field-bg:#fffef8;
  --field-hover:#f8fbef;
  background:
    radial-gradient(circle at 12% 8%,rgba(176,221,249,.48),transparent 30%),
    radial-gradient(circle at 88% 10%,rgba(255,237,169,.42),transparent 25%),
    radial-gradient(ellipse at 18% 110%,rgba(137,189,105,.25),transparent 36%),
    radial-gradient(ellipse at 84% 110%,rgba(101,166,120,.22),transparent 38%),
    linear-gradient(180deg,#eef9ff 0%,#f8fbe8 52%,#f5f7e8 100%)!important;
}
body[data-theme="everbloom"][data-mode="light"] .app-shell{
  border-color:rgba(255,255,255,.92);
  background:rgba(255,255,249,.77);
}
body[data-theme="everbloom"][data-mode="light"] .sidebar{
  background:rgba(232,244,218,.65);
}
body[data-theme="everbloom"][data-mode="light"] .profile-hero,
body[data-theme="everbloom"][data-mode="light"] .assistant-intro{
  background:
    linear-gradient(145deg,
      color-mix(in srgb,#dff2c6 55%,white),
      color-mix(in srgb,#d7eff4 42%,white))!important;
}
body[data-theme="everbloom"][data-mode="light"] .mascot-companion{
  background:
    linear-gradient(135deg,
      rgba(245,251,226,.94),
      rgba(231,246,239,.90))!important;
}

/* ---------- EVERBLOOM · DARK / Starlit Meadow ---------- */
body[data-theme="everbloom"][data-mode="dark"]{
  --page:#081512;
  --panel-rgb:19,39,35;
  --sidebar-rgb:10,27,25;
  --accent:#77c2a4;
  --accent2:#a5d6a7;
  --accent-soft:#193b32;
  --ink:#f1f7f2;
  --muted:#adc0b7;
  --line:rgba(202,235,214,.13);
  --glass-a:#91dec5;
  --glass-b:#7c8ee8;
  --glass-c:#e9d98f;
  --r1:#74c8a8;--r2:#264f43;
  --a1:#7e91df;--a2:#303e69;
  --p1:#d6c674;--p2:#564f2d;
  --x1:#6fc3cf;--x2:#254e58;
  background:
    radial-gradient(circle at 8% 9%,rgba(126,147,235,.19),transparent 28%),
    radial-gradient(circle at 90% 0%,rgba(143,206,173,.13),transparent 26%),
    radial-gradient(circle at 18% 18%,rgba(255,255,255,.82) 0 1px,transparent 1.7px),
    radial-gradient(circle at 36% 9%,rgba(197,226,255,.72) 0 1px,transparent 1.8px),
    radial-gradient(circle at 63% 16%,rgba(247,233,170,.78) 0 1px,transparent 1.7px),
    radial-gradient(circle at 82% 27%,rgba(211,240,255,.70) 0 1px,transparent 1.8px),
    radial-gradient(ellipse at 24% 110%,rgba(44,111,78,.32),transparent 38%),
    radial-gradient(ellipse at 82% 110%,rgba(45,88,87,.28),transparent 40%),
    linear-gradient(180deg,#0b1024 0%,#101b2e 47%,#0b211c 100%)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .app-shell{
  background:rgba(12,27,29,.82);
  border-color:rgba(171,225,199,.10);
  box-shadow:0 28px 85px rgba(0,0,0,.42);
}
body[data-theme="everbloom"][data-mode="dark"] .sidebar{
  background:rgba(10,27,25,.93);
}
body[data-theme="everbloom"][data-mode="dark"] .profile-hero,
body[data-theme="everbloom"][data-mode="dark"] .assistant-intro{
  background:
    linear-gradient(145deg,
      rgba(39,75,61,.62),
      rgba(37,45,79,.60))!important;
}
body[data-theme="everbloom"][data-mode="dark"] .mascot-companion{
  background:
    linear-gradient(135deg,
      rgba(27,56,48,.88),
      rgba(29,37,67,.82))!important;
  border-color:rgba(140,218,187,.18)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .theme-mascot{
  filter:
    drop-shadow(0 8px 14px rgba(0,0,0,.26))
    drop-shadow(0 0 14px rgba(126,218,185,.17));
}

/* Adaptive theme card keeps a balanced preview even while app itself is dark. */
body[data-mode="dark"] .adaptive-option{
  background:rgba(255,255,255,.05);
}
body[data-mode="dark"] .adaptive-appearance-panel{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--accent2) 8%,var(--dark-surface-2,var(--panel))),
      color-mix(in srgb,var(--accent) 7%,var(--dark-surface-3,var(--panel))));
}
body[data-mode="dark"] .appearance-segmented{background:rgba(0,0,0,.18)}
body[data-mode="dark"] .appearance-choice.active{
  background:color-mix(in srgb,var(--accent) 15%,rgba(255,255,255,.06));
  color:#fff;
}

@media(max-width:760px){
  .adaptive-theme-heading,
  .adaptive-appearance-panel{
    align-items:flex-start;
    flex-direction:column;
  }
  .adaptive-theme-heading>small{text-align:left}
  .appearance-segmented{width:100%}
}
@media(max-width:520px){
  .appearance-segmented{grid-template-columns:1fr}
}

/* =========================================================
   EVERBLOOM DARK POLISH v11.1
   Keep Starlit Meadow consistently dark across Dashboard.
   ========================================================= */
body[data-theme="everbloom"][data-mode="dark"] .main-content{
  background:linear-gradient(180deg,rgba(13,25,36,.52),rgba(10,31,27,.38));
}
body[data-theme="everbloom"][data-mode="dark"] .right-panel{
  background:rgba(8,24,22,.78)!important;
  border-left-color:rgba(171,225,199,.10)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .card,
body[data-theme="everbloom"][data-mode="dark"] .toolbar-card,
body[data-theme="everbloom"][data-mode="dark"] .history-card,
body[data-theme="everbloom"][data-mode="dark"] .request-card,
body[data-theme="everbloom"][data-mode="dark"] .schedule-row,
body[data-theme="everbloom"][data-mode="dark"] .mini-stats div{
  background:linear-gradient(145deg,rgba(18,42,37,.94),rgba(20,34,47,.92))!important;
  color:var(--ink)!important;
  border-color:rgba(171,225,199,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 34px rgba(0,0,0,.18)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .card-title,
body[data-theme="everbloom"][data-mode="dark"] .incident-item strong,
body[data-theme="everbloom"][data-mode="dark"] .quick-card button,
body[data-theme="everbloom"][data-mode="dark"] .today-card h2,
body[data-theme="everbloom"][data-mode="dark"] .summary-card,
body[data-theme="everbloom"][data-mode="dark"] .empty-state strong{
  color:var(--ink)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .card-header span,
body[data-theme="everbloom"][data-mode="dark"] .incident-item p,
body[data-theme="everbloom"][data-mode="dark"] .incident-folio,
body[data-theme="everbloom"][data-mode="dark"] .chart-value,
body[data-theme="everbloom"][data-mode="dark"] .chart-label,
body[data-theme="everbloom"][data-mode="dark"] .today-card>p,
body[data-theme="everbloom"][data-mode="dark"] .summary-card>p,
body[data-theme="everbloom"][data-mode="dark"] .quick-card button small{
  color:var(--muted)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .incident-item,
body[data-theme="everbloom"][data-mode="dark"] .quick-card button{
  border-color:rgba(171,225,199,.10)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .chart-track{
  background:rgba(255,255,255,.065)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .chart-bar{
  background:linear-gradient(180deg,#78d3ad,#8197e7)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .soft-icon{
  background:rgba(119,194,164,.12)!important;
  color:#9ee0c4!important;
}
body[data-theme="everbloom"][data-mode="dark"] .progress-circle{
  background:conic-gradient(#7bd0ad 0 var(--progress,0%),rgba(255,255,255,.08) var(--progress,0%) 100%);
}
body[data-theme="everbloom"][data-mode="dark"] .progress-inner{
  background:#102a24!important;
  color:var(--ink)!important;
}
body[data-theme="everbloom"][data-mode="dark"] .hours-pill{
  background:rgba(119,194,164,.10)!important;
  color:#9ee0c4!important;
}

/* =========================================================
   EVERBLOOM DARK POLISH v11.2
   Remove the gray wash from the central workspace only.
   ========================================================= */
body[data-theme="everbloom"][data-mode="dark"] .main-content{
  background:
    radial-gradient(circle at 88% 8%,rgba(87,126,157,.13),transparent 34%),
    radial-gradient(circle at 8% 88%,rgba(54,116,82,.12),transparent 38%),
    linear-gradient(180deg,#101d28 0%,#102823 100%)!important;
}


/* =========================================================
   PulseDesk v12 · Fantasy Adaptive Collection
   ========================================================= */

/* previews */
.dragonkeep-preview,.faewood-preview,.celestia-preview,.mermaid-preview,.arcane-preview,.elven-preview{position:relative;overflow:hidden}
.dragonkeep-preview{background:linear-gradient(90deg,#f6ddb0 0 49.5%,#241b2a 50.5%)}
.faewood-preview{background:linear-gradient(90deg,#e8f4d8 0 49.5%,#102721 50.5%)}
.celestia-preview{background:linear-gradient(90deg,#e9f6ff 0 49.5%,#211b48 50.5%)}
.mermaid-preview{background:linear-gradient(90deg,#c9f3ec 0 49.5%,#06253b 50.5%)}
.arcane-preview{background:linear-gradient(90deg,#f3dfbd 0 49.5%,#241c3d 50.5%)}
.elven-preview{background:linear-gradient(90deg,#e7f1d8 0 49.5%,#102b24 50.5%)}

/* shared adaptive-dark surface polish */
body[data-mode="dark"]:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .right-panel{background:rgba(var(--sidebar-rgb),.82)!important}
body[data-mode="dark"]:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .card,
body[data-mode="dark"]:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .toolbar-card{
  background:linear-gradient(145deg,rgba(var(--panel-rgb),.95),rgba(var(--sidebar-rgb),.74))!important;
  border-color:color-mix(in srgb,var(--accent) 14%,transparent)!important;
  color:var(--ink)!important;
}
body[data-mode="dark"]:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .chart-track{background:rgba(255,255,255,.065)!important}
body[data-mode="dark"]:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .progress-inner{background:rgba(var(--sidebar-rgb),.94)!important;color:var(--ink)!important}

/* Dragonkeep */
body[data-theme="dragonkeep"][data-mode="light"]{--accent:#9f7046;--accent2:#d6a257;--accent-soft:#f8ecd7;--page:#fbf6ec;--panel-rgb:255,251,242;--sidebar-rgb:244,231,205;--ink:#48382e;--muted:#8d7b6a;--line:#eadcc8;--glass-a:#d6a257;--glass-b:#b57f56;--glass-c:#efd18f;--r1:#dfad64;--r2:#f4d69f;--a1:#c78b54;--a2:#eccaa0;--p1:#e6bd72;--p2:#f6e0ad;--x1:#b2765c;--x2:#dfb9a0;background:radial-gradient(circle at 12% 5%,rgba(255,213,132,.46),transparent 30%),linear-gradient(180deg,#fff9ec,#f6ead8)!important}
body[data-theme="dragonkeep"][data-mode="dark"]{--accent:#e19a58;--accent2:#9f79d9;--accent-soft:#39293d;--page:#17121c;--panel-rgb:38,29,42;--sidebar-rgb:29,24,34;--ink:#f6ede8;--muted:#c3b3b1;--line:rgba(241,187,127,.14);--glass-a:#e49c59;--glass-b:#8b5ca8;--glass-c:#e1b16b;--r1:#d47f43;--r2:#503428;--a1:#8c64b2;--a2:#392e50;--p1:#d2a24d;--p2:#514226;--x1:#a2514f;--x2:#482c35;background:radial-gradient(circle at 86% 10%,rgba(224,128,62,.17),transparent 28%),linear-gradient(180deg,#16131e,#241722)!important}

/* Faewood */
body[data-theme="faewood"][data-mode="light"]{--accent:#6d9b78;--accent2:#b488b7;--accent-soft:#eef5e9;--page:#f8fbf1;--panel-rgb:255,255,249;--sidebar-rgb:231,243,224;--ink:#38483d;--muted:#7e8f83;--line:#dfe9da;--glass-a:#91c79f;--glass-b:#b58ac5;--glass-c:#e8cf84;--r1:#98cda0;--r2:#dceecb;--a1:#b48fc8;--a2:#ead9ef;--p1:#e5cd88;--p2:#f6e8b7;--x1:#8fc2b4;--x2:#d7ece3;background:radial-gradient(circle at 7% 12%,rgba(188,226,169,.4),transparent 30%),radial-gradient(circle at 90% 16%,rgba(222,184,226,.28),transparent 28%),linear-gradient(180deg,#f2faec,#faf7ec)!important}
body[data-theme="faewood"][data-mode="dark"]{--accent:#77d0a5;--accent2:#b37fe0;--accent-soft:#18382d;--page:#071811;--panel-rgb:17,38,31;--sidebar-rgb:10,29,22;--ink:#effbf4;--muted:#abc6b8;--line:rgba(139,231,187,.12);--glass-a:#72dbb0;--glass-b:#a06ed3;--glass-c:#d4ef7e;--r1:#5fc79d;--r2:#214c3c;--a1:#a273d5;--a2:#3d2d58;--p1:#b9d45e;--p2:#394b25;--x1:#5eb8b0;--x2:#214947;background:radial-gradient(circle at 14% 16%,rgba(116,222,169,.15),transparent 30%),radial-gradient(circle at 82% 22%,rgba(179,102,221,.14),transparent 30%),linear-gradient(180deg,#091a16,#0b261d)!important}

/* Celestia */
body[data-theme="celestia"][data-mode="light"]{--accent:#8e83c7;--accent2:#d2b15e;--accent-soft:#f3efff;--page:#fbfaff;--panel-rgb:255,255,255;--sidebar-rgb:239,241,255;--ink:#3f4056;--muted:#85879b;--line:#e5e3ef;--glass-a:#9da9e3;--glass-b:#d9b963;--glass-c:#d7c1ef;--r1:#b8d5f3;--r2:#edf4ff;--a1:#9c96d8;--a2:#e0def5;--p1:#e1c36f;--p2:#f4e7bd;--x1:#c6b5e5;--x2:#eee3fb;background:radial-gradient(circle at 15% 5%,rgba(173,218,249,.46),transparent 32%),radial-gradient(circle at 84% 14%,rgba(242,209,126,.28),transparent 30%),linear-gradient(180deg,#f7fbff,#faf7ff)!important}
body[data-theme="celestia"][data-mode="dark"]{--accent:#a8a1f0;--accent2:#d0b5ff;--accent-soft:#28274b;--page:#0c0d22;--panel-rgb:25,26,54;--sidebar-rgb:18,19,43;--ink:#f5f3ff;--muted:#b6b8d5;--line:rgba(190,191,255,.13);--glass-a:#8ea5ff;--glass-b:#ba84e8;--glass-c:#efd38d;--r1:#7d9ae8;--r2:#2a355f;--a1:#ae7bdd;--a2:#432d62;--p1:#d3b469;--p2:#4b412a;--x1:#6d85dc;--x2:#313b68;background:radial-gradient(circle at 75% 14%,rgba(171,146,255,.18),transparent 30%),radial-gradient(circle at 16% 28%,rgba(103,151,245,.15),transparent 32%),linear-gradient(180deg,#0c1028,#171634)!important}

/* Mermaid Cove */
body[data-theme="mermaid"][data-mode="light"]{--accent:#4c9e9b;--accent2:#88d1ca;--accent-soft:#e8f7f4;--page:#f4fbfa;--panel-rgb:253,255,254;--sidebar-rgb:220,242,239;--ink:#31505a;--muted:#789197;--line:#d9e9e7;--glass-a:#78d5cc;--glass-b:#62aebf;--glass-c:#f1c5cf;--r1:#78d6cf;--r2:#d8f3ee;--a1:#65b6c9;--a2:#d2eaf0;--p1:#f0c0cd;--p2:#f8e3e9;--x1:#86c7d6;--x2:#d9eef3;background:radial-gradient(circle at 10% 10%,rgba(133,222,213,.36),transparent 31%),radial-gradient(circle at 92% 85%,rgba(240,190,204,.22),transparent 33%),linear-gradient(180deg,#effcfb,#f7fbf5)!important}
body[data-theme="mermaid"][data-mode="dark"]{--accent:#66d7d0;--accent2:#7a92e6;--accent-soft:#12333b;--page:#06131f;--panel-rgb:13,34,43;--sidebar-rgb:8,25,34;--ink:#eefcff;--muted:#a8c2ca;--line:rgba(115,218,216,.12);--glass-a:#62ded3;--glass-b:#6b83d5;--glass-c:#b987e5;--r1:#4fc6bf;--r2:#194a4a;--a1:#6786d4;--a2:#283a64;--p1:#a578d2;--p2:#43315c;--x1:#4e9db9;--x2:#1e4254;background:radial-gradient(circle at 82% 12%,rgba(111,105,218,.16),transparent 30%),radial-gradient(circle at 16% 80%,rgba(71,200,189,.15),transparent 38%),linear-gradient(180deg,#061427,#092f36)!important}

/* Arcane Library */
body[data-theme="arcane"][data-mode="light"]{--accent:#916a52;--accent2:#c69253;--accent-soft:#f8eee0;--page:#fbf7f0;--panel-rgb:255,252,246;--sidebar-rgb:242,229,210;--ink:#473a35;--muted:#8b7a70;--line:#eadfd2;--glass-a:#c69964;--glass-b:#9e755a;--glass-c:#c3a1cf;--r1:#d4aa73;--r2:#f0d5ae;--a1:#a57e62;--a2:#dbc5b1;--p1:#c6a1d2;--p2:#eadcf0;--x1:#b18970;--x2:#e1ccb9;background:radial-gradient(circle at 12% 8%,rgba(235,192,115,.34),transparent 30%),linear-gradient(180deg,#fffaf0,#f6ecdf)!important}
body[data-theme="arcane"][data-mode="dark"]{--accent:#b697e8;--accent2:#62d8ca;--accent-soft:#2d2445;--page:#12101d;--panel-rgb:31,26,46;--sidebar-rgb:23,20,36;--ink:#f6f1ff;--muted:#beb2cd;--line:rgba(186,151,232,.13);--glass-a:#a881dc;--glass-b:#59cdbd;--glass-c:#d8ad69;--r1:#9a78d0;--r2:#3d2e5c;--a1:#54baad;--a2:#264a48;--p1:#c69859;--p2:#4a3a27;--x1:#8b69c0;--x2:#37294f;background:radial-gradient(circle at 84% 15%,rgba(100,221,204,.12),transparent 29%),radial-gradient(circle at 16% 80%,rgba(173,122,224,.16),transparent 36%),linear-gradient(180deg,#13101f,#241938)!important}

/* Elven Sanctuary */
body[data-theme="elven"][data-mode="light"]{--accent:#6d947d;--accent2:#b7a66a;--accent-soft:#edf4e9;--page:#f7faf2;--panel-rgb:255,255,249;--sidebar-rgb:230,240,220;--ink:#39483e;--muted:#7d8c80;--line:#dfe8d8;--glass-a:#90bea2;--glass-b:#b8a66b;--glass-c:#b9d8d0;--r1:#98c9aa;--r2:#deefd9;--a1:#b6a268;--a2:#eadfb7;--p1:#a8cfc7;--p2:#dcefea;--x1:#8fbba5;--x2:#d7e7da;background:radial-gradient(circle at 12% 10%,rgba(179,218,159,.36),transparent 30%),radial-gradient(circle at 88% 13%,rgba(229,207,136,.22),transparent 28%),linear-gradient(180deg,#f4faef,#fbf7e9)!important}
body[data-theme="elven"][data-mode="dark"]{--accent:#8bd1b6;--accent2:#9fa6e8;--accent-soft:#18362e;--page:#081612;--panel-rgb:17,37,32;--sidebar-rgb:10,27,24;--ink:#f0faf5;--muted:#aec3b8;--line:rgba(147,218,186,.12);--glass-a:#7dd0b1;--glass-b:#8d96da;--glass-c:#d6cf91;--r1:#69bfa1;--r2:#21493c;--a1:#8792d3;--a2:#303b62;--p1:#bdbb74;--p2:#45452d;--x1:#73b3a8;--x2:#294946;background:radial-gradient(circle at 75% 12%,rgba(157,165,237,.15),transparent 30%),radial-gradient(circle at 12% 80%,rgba(93,187,145,.14),transparent 38%),linear-gradient(180deg,#091721,#0d2a21)!important}

/* native companion banners */
body:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .mascot-companion{
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 14%,var(--panel)),color-mix(in srgb,var(--accent) 12%,var(--panel)))!important;
}

/* =========================================================
   PulseDesk v12.1 · Fantasy adaptive DARK mode fix
   Keeps light modes untouched. Removes the pale/gray workspace
   and the bright outer shell border in dark appearance.
   ========================================================= */
body[data-mode="dark"]:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .app-shell{
  background:rgba(var(--panel-rgb),.90)!important;
  border-color:color-mix(in srgb,var(--accent) 12%,transparent)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
body[data-mode="dark"]:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .main-content{
  background:
    radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 34%),
    radial-gradient(circle at 8% 88%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38%),
    linear-gradient(180deg,rgba(var(--panel-rgb),.98),rgba(var(--sidebar-rgb),.96))!important;
  color:var(--ink)!important;
}
body[data-mode="dark"]:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .sidebar{
  background:rgba(var(--sidebar-rgb),.97)!important;
  border-right-color:color-mix(in srgb,var(--accent) 10%,transparent)!important;
}
body[data-mode="dark"]:is([data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="arcane"],[data-theme="elven"]) .right-panel{
  background:rgba(var(--sidebar-rgb),.94)!important;
  border-left-color:color-mix(in srgb,var(--accent) 10%,transparent)!important;
}

/* =========================================================
   PulseDesk v13 · Phantom Manor + 5 Adaptive Fantasy Themes
   ========================================================= */
.phantom-preview,.aurora-preview,.sunken-preview,.shrine-preview,.crystal-preview,.ravenmoor-preview{position:relative;overflow:hidden}
.phantom-preview{background:radial-gradient(circle at 72% 26%,#b7d4c8 0 5px,transparent 6px),linear-gradient(145deg,#111419,#2b2630 60%,#35463e)}
.aurora-preview{background:linear-gradient(90deg,#eaf4e5 0 49.5%,#0c2430 50.5%);box-shadow:inset -28px 0 24px rgba(91,225,190,.14)}
.sunken-preview{background:linear-gradient(90deg,#d9efe6 0 49.5%,#082b3b 50.5%);box-shadow:inset -22px 0 20px rgba(126,103,202,.16)}
.shrine-preview{background:linear-gradient(90deg,#f3e9db 0 49.5%,#211928 50.5%);box-shadow:inset -25px 0 18px rgba(202,72,86,.16)}
.crystal-preview{background:linear-gradient(90deg,#eeeafb 0 49.5%,#171a38 50.5%);box-shadow:inset -25px 0 20px rgba(91,226,215,.18)}
.ravenmoor-preview{background:linear-gradient(90deg,#e5e9e2 0 49.5%,#171820 50.5%);box-shadow:inset -25px 0 18px rgba(115,105,147,.16)}

/* Phantom Manor · fixed dark */
body[data-theme="phantom"]{
 --accent:#86b6a4;--accent2:#a58d72;--accent-soft:#24312d;--page:#101316;
 --panel-rgb:27,30,33;--sidebar-rgb:20,23,25;--ink:#f0efea;--muted:#aaa9a4;--line:rgba(156,188,175,.13);
 --glass-a:#78aa98;--glass-b:#9b8067;--glass-c:#67736d;
 --r1:#719e90;--r2:#273c35;--a1:#9b826b;--a2:#40352e;--p1:#73877f;--p2:#293632;--x1:#715d69;--x2:#352a31;
 background:radial-gradient(circle at 83% 12%,rgba(137,183,165,.12),transparent 28%),linear-gradient(180deg,#101316,#1c1b20)!important
}
body[data-theme="phantom"] .main-content{background:linear-gradient(180deg,rgba(29,32,34,.98),rgba(22,25,27,.98))!important;color:var(--ink)!important}
body[data-theme="phantom"] .sidebar,body[data-theme="phantom"] .right-panel{background:rgba(19,22,24,.96)!important}
body[data-theme="phantom"] .card,body[data-theme="phantom"] .toolbar-card{background:linear-gradient(145deg,rgba(35,38,40,.96),rgba(26,29,31,.92))!important;border-color:rgba(134,182,164,.12)!important;color:var(--ink)!important}
body[data-theme="phantom"] .chart-track{background:rgba(255,255,255,.06)!important}

/* Aurora Vale */
body[data-theme="aurora"][data-mode="light"]{--accent:#6f9f91;--accent2:#8bb6c6;--accent-soft:#eaf4ee;--page:#f5faf6;--panel-rgb:255,255,252;--sidebar-rgb:229,241,232;--ink:#3c514d;--muted:#7e918d;--line:#dce8e1;--glass-a:#86c2ae;--glass-b:#8eb8ca;--glass-c:#d4c78a;--r1:#8bc3ad;--r2:#dceee4;--a1:#91b9c9;--a2:#dcebf0;--p1:#c7b97d;--p2:#eee7c9;--x1:#92b9a7;--x2:#dce9df;background:radial-gradient(circle at 10% 8%,rgba(174,218,190,.4),transparent 30%),linear-gradient(180deg,#f2faf4,#f8f7e9)!important}
body[data-theme="aurora"][data-mode="dark"]{--accent:#70dfc7;--accent2:#79a9e9;--accent-soft:#163c3a;--page:#071923;--panel-rgb:14,37,45;--sidebar-rgb:9,28,35;--ink:#effcff;--muted:#a9c8ca;--line:rgba(112,223,199,.12);--glass-a:#69d8c2;--glass-b:#759de3;--glass-c:#a57bdd;--r1:#62cdb8;--r2:#214d49;--a1:#7198d7;--a2:#2b4162;--p1:#a074d2;--p2:#44315b;--x1:#58aab7;--x2:#20444d;background:radial-gradient(circle at 75% 12%,rgba(92,229,193,.2),transparent 30%),radial-gradient(circle at 35% 8%,rgba(103,132,232,.18),transparent 28%),linear-gradient(180deg,#071724,#0a3032)!important}

/* Sunken Ruins */
body[data-theme="sunken"][data-mode="light"]{--accent:#579e93;--accent2:#b19468;--accent-soft:#e8f4ef;--page:#f4faf7;--panel-rgb:255,255,251;--sidebar-rgb:224,240,233;--ink:#35534f;--muted:#78908a;--line:#d8e7e0;--glass-a:#71b8aa;--glass-b:#b59a6f;--glass-c:#7eb8c0;--r1:#74b9aa;--r2:#d5eee5;--a1:#b79c71;--a2:#e9dcc2;--p1:#80b9c0;--p2:#d9ecee;--x1:#78aa9f;--x2:#d7e6df;background:radial-gradient(circle at 88% 85%,rgba(188,159,104,.2),transparent 32%),linear-gradient(180deg,#edf9f5,#f8f4e9)!important}
body[data-theme="sunken"][data-mode="dark"]{--accent:#5fd2c6;--accent2:#8c79d2;--accent-soft:#12393c;--page:#051923;--panel-rgb:11,38,47;--sidebar-rgb:7,28,36;--ink:#edfcff;--muted:#a5c3c8;--line:rgba(95,210,198,.12);--glass-a:#58c9be;--glass-b:#8472c7;--glass-c:#b99a62;--r1:#52c0b6;--r2:#1c4a49;--a1:#806ec0;--a2:#34305c;--p1:#b1925e;--p2:#493b29;--x1:#4d9dad;--x2:#1d424c;background:radial-gradient(circle at 82% 18%,rgba(124,105,204,.17),transparent 31%),linear-gradient(180deg,#061724,#083b42)!important}

/* Moonlit Shrine */
body[data-theme="shrine"][data-mode="light"]{--accent:#b26d64;--accent2:#b99b69;--accent-soft:#f7ece8;--page:#fbf7f1;--panel-rgb:255,253,248;--sidebar-rgb:243,230,217;--ink:#51403c;--muted:#8e7d76;--line:#eaded5;--glass-a:#ca7d70;--glass-b:#b89a67;--glass-c:#d9b2a2;--r1:#cd8275;--r2:#f1d4ca;--a1:#b89a68;--a2:#eadbbd;--p1:#cda99a;--p2:#f0ddd5;--x1:#a87970;--x2:#e3cbc4;background:radial-gradient(circle at 12% 10%,rgba(226,161,137,.28),transparent 30%),linear-gradient(180deg,#fff9f2,#f7efe4)!important}
body[data-theme="shrine"][data-mode="dark"]{--accent:#dc6d7a;--accent2:#d3a45f;--accent-soft:#3a242c;--page:#15121b;--panel-rgb:38,28,37;--sidebar-rgb:28,22,30;--ink:#fff1ee;--muted:#c7afb1;--line:rgba(220,109,122,.13);--glass-a:#d96875;--glass-b:#c99b58;--glass-c:#77629f;--r1:#cf6572;--r2:#512b35;--a1:#c39758;--a2:#4c3a28;--p1:#77639c;--p2:#362d4c;--x1:#a64e5b;--x2:#452831;background:radial-gradient(circle at 82% 12%,rgba(211,164,95,.14),transparent 28%),radial-gradient(circle at 12% 80%,rgba(132,93,159,.14),transparent 36%),linear-gradient(180deg,#15121c,#291820)!important}

/* Crystal Cavern */
body[data-theme="crystal"][data-mode="light"]{--accent:#8f87c6;--accent2:#7fb9b6;--accent-soft:#f0edfb;--page:#faf9ff;--panel-rgb:255,255,255;--sidebar-rgb:238,236,250;--ink:#45455c;--muted:#85859b;--line:#e3e1ee;--glass-a:#9b91d2;--glass-b:#82beb9;--glass-c:#d4acd6;--r1:#a89fd8;--r2:#e8e3f6;--a1:#86beb9;--a2:#d9eeeb;--p1:#d1a9d4;--p2:#f0dff0;--x1:#9da9d3;--x2:#e2e6f3;background:radial-gradient(circle at 14% 9%,rgba(196,184,239,.36),transparent 31%),radial-gradient(circle at 88% 78%,rgba(139,211,202,.24),transparent 32%),linear-gradient(180deg,#fbf9ff,#f5fbfa)!important}
body[data-theme="crystal"][data-mode="dark"]{--accent:#a99ff0;--accent2:#65dfd1;--accent-soft:#29284d;--page:#0c1023;--panel-rgb:25,27,55;--sidebar-rgb:18,20,43;--ink:#f6f5ff;--muted:#b8bad6;--line:rgba(169,159,240,.13);--glass-a:#9b91e7;--glass-b:#5ed6c9;--glass-c:#c078db;--r1:#9088df;--r2:#34345f;--a1:#59cabc;--a2:#254e4e;--p1:#b66fce;--p2:#49305d;--x1:#7189d6;--x2:#303d68;background:radial-gradient(circle at 78% 12%,rgba(95,226,210,.17),transparent 29%),radial-gradient(circle at 17% 76%,rgba(172,111,219,.17),transparent 36%),linear-gradient(180deg,#0c1026,#19193b)!important}

/* Ravenmoor */
body[data-theme="ravenmoor"][data-mode="light"]{--accent:#75857c;--accent2:#8c8196;--accent-soft:#eef1ed;--page:#f5f7f4;--panel-rgb:252,253,250;--sidebar-rgb:229,233,226;--ink:#414a46;--muted:#7d8782;--line:#dce1dc;--glass-a:#87998f;--glass-b:#92879d;--glass-c:#aaa58a;--r1:#8da096;--r2:#dce5df;--a1:#958a9f;--a2:#e2dce6;--p1:#aaa58a;--p2:#e8e4d5;--x1:#7e8f88;--x2:#d7dfda;background:radial-gradient(circle at 15% 8%,rgba(173,184,177,.35),transparent 32%),linear-gradient(180deg,#f0f4f0,#f7f5ef)!important}
body[data-theme="ravenmoor"][data-mode="dark"]{--accent:#9189aa;--accent2:#657c73;--accent-soft:#292833;--page:#101116;--panel-rgb:29,30,37;--sidebar-rgb:21,22,28;--ink:#eeeef2;--muted:#adaeb8;--line:rgba(145,137,170,.13);--glass-a:#8880a2;--glass-b:#62776f;--glass-c:#9b8c72;--r1:#81799a;--r2:#353344;--a1:#5e736b;--a2:#293a35;--p1:#95866e;--p2:#40382e;--x1:#6c657d;--x2:#302e3a;background:radial-gradient(circle at 82% 10%,rgba(137,127,164,.15),transparent 30%),linear-gradient(180deg,#101117,#202028)!important}

/* Keep all five new adaptive dark modes fully dark, matching the v12.1 fix */
body[data-mode="dark"]:is([data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .app-shell{background:rgba(var(--panel-rgb),.90)!important;border-color:color-mix(in srgb,var(--accent) 12%,transparent)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
body[data-mode="dark"]:is([data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .main-content{background:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 34%),radial-gradient(circle at 8% 88%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38%),linear-gradient(180deg,rgba(var(--panel-rgb),.98),rgba(var(--sidebar-rgb),.96))!important;color:var(--ink)!important}
body[data-mode="dark"]:is([data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .sidebar{background:rgba(var(--sidebar-rgb),.97)!important}
body[data-mode="dark"]:is([data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .right-panel{background:rgba(var(--sidebar-rgb),.94)!important}
body[data-mode="dark"]:is([data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .card,
body[data-mode="dark"]:is([data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .toolbar-card{background:linear-gradient(145deg,rgba(var(--panel-rgb),.95),rgba(var(--sidebar-rgb),.74))!important;border-color:color-mix(in srgb,var(--accent) 14%,transparent)!important;color:var(--ink)!important}
body[data-mode="dark"]:is([data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .chart-track{background:rgba(255,255,255,.065)!important}
body:is([data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .mascot-companion{background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 14%,var(--panel)),color-mix(in srgb,var(--accent) 12%,var(--panel)))!important}

/* PulseDesk v15 — adaptive redesign */
.everbloom-preview{background:linear-gradient(90deg,#f7eed9,#bad39f,#6e9975,#1a3030)!important;position:relative;overflow:hidden!important}
.everbloom-preview::before,.everbloom-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.dragonkeep-preview{background:linear-gradient(90deg,#eee0c2,#bd7958,#713e3b,#1c2027)!important;position:relative;overflow:hidden!important}
.dragonkeep-preview::before,.dragonkeep-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.faewood-preview{background:linear-gradient(90deg,#f2e8d1,#82a66d,#50675a,#342748,#142027)!important;position:relative;overflow:hidden!important}
.faewood-preview::before,.faewood-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.celestia-preview{background:linear-gradient(90deg,#fffdf6,#c2e2f4,#709fcf,#243c69,#0d1731)!important;position:relative;overflow:hidden!important}
.celestia-preview::before,.celestia-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.mermaid-preview{background:linear-gradient(90deg,#f7f0e8,#85d8ce,#4ba2ad,#174963,#071e35)!important;position:relative;overflow:hidden!important}
.mermaid-preview::before,.mermaid-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.roseveil-preview{background:linear-gradient(90deg,#fff6f4,#f3bfcc,#d77e9c,#914665,#321a35)!important;position:relative;overflow:hidden!important}
.roseveil-preview::before,.roseveil-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.elven-preview{background:linear-gradient(90deg,#f5f0df,#bacb9e,#638e69,#28503c,#10231f)!important;position:relative;overflow:hidden!important}
.elven-preview::before,.elven-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.aurora-preview{background:linear-gradient(90deg,#f4fbf9,#ace0d7,#60bdc7,#537db4,#18253f)!important;position:relative;overflow:hidden!important}
.aurora-preview::before,.aurora-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.sunken-preview{background:linear-gradient(90deg,#f0e2c1,#abcabd,#4d9b94,#27616d,#102a38)!important;position:relative;overflow:hidden!important}
.sunken-preview::before,.sunken-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.shrine-preview{background:linear-gradient(90deg,#f7ebdc,#dca28f,#b95d62,#4a344e,#171a31)!important;position:relative;overflow:hidden!important}
.shrine-preview::before,.shrine-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.crystal-preview{background:linear-gradient(90deg,#f7f2ff,#c9b9eb,#8ca0d8,#6564aa,#20234e)!important;position:relative;overflow:hidden!important}
.crystal-preview::before,.crystal-preview::after{content:""!important;background:none!important;box-shadow:none!important}
.ravenmoor-preview{background:linear-gradient(90deg,#eff1ec,#afb7b0,#747b78,#514a5e,#181921)!important;position:relative;overflow:hidden!important}
.ravenmoor-preview::before,.ravenmoor-preview::after{content:""!important;background:none!important;box-shadow:none!important}

body[data-theme="everbloom"][data-mode="light"]{--page:#f7f4e8!important;--panel:#fffdf7!important;--sidebar:#e7efdc!important;--ink:#425548!important;--accent:#78936d!important;--panel-rgb:255,253,247;--sidebar-rgb:231,239,220;background:linear-gradient(145deg,#f7f4e8,#e7efdc)!important}
body[data-theme="everbloom"][data-mode="light"] .app-shell{background:#fffdf7!important;border-color:color-mix(in srgb,#78936d 16%,transparent)!important}
body[data-theme="everbloom"][data-mode="light"] .sidebar{background:#e7efdc!important;color:#425548!important}
body[data-theme="everbloom"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fffdf7,#f7f4e8 68%,#e7efdc)!important;color:#425548!important}
body[data-theme="everbloom"][data-mode="light"] .right-panel{background:color-mix(in srgb,#e7efdc 92%,#fffdf7)!important;color:#425548!important}
body[data-theme="everbloom"][data-mode="light"] .card,body[data-theme="everbloom"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fffdf7 95%,#78936d 5%)!important;color:#425548!important;border:1px solid color-mix(in srgb,#78936d 18%,transparent)!important;border-radius:26px 26px 18px 18px!important;box-shadow:0 10px 28px color-mix(in srgb,#425548 7%,transparent)!important}

body[data-theme="everbloom"][data-mode="dark"]{--page:#15231f!important;--panel:#1d3028!important;--sidebar:#17271f!important;--ink:#edf3e9!important;--accent:#91b986!important;--panel-rgb:29,48,40;--sidebar-rgb:23,39,31;background:linear-gradient(145deg,#15231f,#17271f)!important}
body[data-theme="everbloom"][data-mode="dark"] .app-shell{background:#1d3028!important;border-color:color-mix(in srgb,#91b986 16%,transparent)!important}
body[data-theme="everbloom"][data-mode="dark"] .sidebar{background:#17271f!important;color:#edf3e9!important}
body[data-theme="everbloom"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#1d3028,#15231f 68%,#17271f)!important;color:#edf3e9!important}
body[data-theme="everbloom"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#17271f 92%,#1d3028)!important;color:#edf3e9!important}
body[data-theme="everbloom"][data-mode="dark"] .card,body[data-theme="everbloom"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#1d3028 95%,#91b986 5%)!important;color:#edf3e9!important;border:1px solid color-mix(in srgb,#91b986 18%,transparent)!important;border-radius:26px 26px 18px 18px!important;box-shadow:0 10px 28px color-mix(in srgb,#edf3e9 7%,transparent)!important}

body[data-theme="dragonkeep"][data-mode="light"]{--page:#eee4d2!important;--panel:#fbf5e9!important;--sidebar:#e3d1b8!important;--ink:#4e4036!important;--accent:#9a5d49!important;--panel-rgb:251,245,233;--sidebar-rgb:227,209,184;background:linear-gradient(145deg,#eee4d2,#e3d1b8)!important}
body[data-theme="dragonkeep"][data-mode="light"] .app-shell{background:#fbf5e9!important;border-color:color-mix(in srgb,#9a5d49 16%,transparent)!important}
body[data-theme="dragonkeep"][data-mode="light"] .sidebar{background:#e3d1b8!important;color:#4e4036!important}
body[data-theme="dragonkeep"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fbf5e9,#eee4d2 68%,#e3d1b8)!important;color:#4e4036!important}
body[data-theme="dragonkeep"][data-mode="light"] .right-panel{background:color-mix(in srgb,#e3d1b8 92%,#fbf5e9)!important;color:#4e4036!important}
body[data-theme="dragonkeep"][data-mode="light"] .card,body[data-theme="dragonkeep"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fbf5e9 95%,#9a5d49 5%)!important;color:#4e4036!important;border:1px solid color-mix(in srgb,#9a5d49 18%,transparent)!important;border-radius:10px!important;box-shadow:0 10px 28px color-mix(in srgb,#4e4036 7%,transparent)!important}

body[data-theme="dragonkeep"][data-mode="dark"]{--page:#1b1b20!important;--panel:#292429!important;--sidebar:#211d22!important;--ink:#f2e8dc!important;--accent:#a95f52!important;--panel-rgb:41,36,41;--sidebar-rgb:33,29,34;background:linear-gradient(145deg,#1b1b20,#211d22)!important}
body[data-theme="dragonkeep"][data-mode="dark"] .app-shell{background:#292429!important;border-color:color-mix(in srgb,#a95f52 16%,transparent)!important}
body[data-theme="dragonkeep"][data-mode="dark"] .sidebar{background:#211d22!important;color:#f2e8dc!important}
body[data-theme="dragonkeep"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#292429,#1b1b20 68%,#211d22)!important;color:#f2e8dc!important}
body[data-theme="dragonkeep"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#211d22 92%,#292429)!important;color:#f2e8dc!important}
body[data-theme="dragonkeep"][data-mode="dark"] .card,body[data-theme="dragonkeep"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#292429 95%,#a95f52 5%)!important;color:#f2e8dc!important;border:1px solid color-mix(in srgb,#a95f52 18%,transparent)!important;border-radius:10px!important;box-shadow:0 10px 28px color-mix(in srgb,#f2e8dc 7%,transparent)!important}

body[data-theme="faewood"][data-mode="light"]{--page:#f0eee0!important;--panel:#fbf8ed!important;--sidebar:#dfe8d6!important;--ink:#3f5143!important;--accent:#66855f!important;--panel-rgb:251,248,237;--sidebar-rgb:223,232,214;background:linear-gradient(145deg,#f0eee0,#dfe8d6)!important}
body[data-theme="faewood"][data-mode="light"] .app-shell{background:#fbf8ed!important;border-color:color-mix(in srgb,#66855f 16%,transparent)!important}
body[data-theme="faewood"][data-mode="light"] .sidebar{background:#dfe8d6!important;color:#3f5143!important}
body[data-theme="faewood"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fbf8ed,#f0eee0 68%,#dfe8d6)!important;color:#3f5143!important}
body[data-theme="faewood"][data-mode="light"] .right-panel{background:color-mix(in srgb,#dfe8d6 92%,#fbf8ed)!important;color:#3f5143!important}
body[data-theme="faewood"][data-mode="light"] .card,body[data-theme="faewood"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fbf8ed 95%,#66855f 5%)!important;color:#3f5143!important;border:1px solid color-mix(in srgb,#66855f 18%,transparent)!important;border-radius:22px 12px 22px 12px!important;box-shadow:0 10px 28px color-mix(in srgb,#3f5143 7%,transparent)!important}

body[data-theme="faewood"][data-mode="dark"]{--page:#14221e!important;--panel:#203129!important;--sidebar:#172821!important;--ink:#eff5e8!important;--accent:#77a36e!important;--panel-rgb:32,49,41;--sidebar-rgb:23,40,33;background:linear-gradient(145deg,#14221e,#172821)!important}
body[data-theme="faewood"][data-mode="dark"] .app-shell{background:#203129!important;border-color:color-mix(in srgb,#77a36e 16%,transparent)!important}
body[data-theme="faewood"][data-mode="dark"] .sidebar{background:#172821!important;color:#eff5e8!important}
body[data-theme="faewood"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#203129,#14221e 68%,#172821)!important;color:#eff5e8!important}
body[data-theme="faewood"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#172821 92%,#203129)!important;color:#eff5e8!important}
body[data-theme="faewood"][data-mode="dark"] .card,body[data-theme="faewood"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#203129 95%,#77a36e 5%)!important;color:#eff5e8!important;border:1px solid color-mix(in srgb,#77a36e 18%,transparent)!important;border-radius:22px 12px 22px 12px!important;box-shadow:0 10px 28px color-mix(in srgb,#eff5e8 7%,transparent)!important}

body[data-theme="celestia"][data-mode="light"]{--page:#f5f9fc!important;--panel:#ffffff!important;--sidebar:#e8f3fa!important;--ink:#40546a!important;--accent:#79a7ca!important;--panel-rgb:255,255,255;--sidebar-rgb:232,243,250;background:linear-gradient(145deg,#f5f9fc,#e8f3fa)!important}
body[data-theme="celestia"][data-mode="light"] .app-shell{background:#ffffff!important;border-color:color-mix(in srgb,#79a7ca 16%,transparent)!important}
body[data-theme="celestia"][data-mode="light"] .sidebar{background:#e8f3fa!important;color:#40546a!important}
body[data-theme="celestia"][data-mode="light"] .main-content{background:linear-gradient(155deg,#ffffff,#f5f9fc 68%,#e8f3fa)!important;color:#40546a!important}
body[data-theme="celestia"][data-mode="light"] .right-panel{background:color-mix(in srgb,#e8f3fa 92%,#ffffff)!important;color:#40546a!important}
body[data-theme="celestia"][data-mode="light"] .card,body[data-theme="celestia"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#ffffff 95%,#79a7ca 5%)!important;color:#40546a!important;border:1px solid color-mix(in srgb,#79a7ca 18%,transparent)!important;border-radius:28px!important;box-shadow:0 10px 28px color-mix(in srgb,#40546a 7%,transparent)!important}

body[data-theme="celestia"][data-mode="dark"]{--page:#0c1730!important;--panel:#172747!important;--sidebar:#101e39!important;--ink:#f6f8ff!important;--accent:#7faee0!important;--panel-rgb:23,39,71;--sidebar-rgb:16,30,57;background:linear-gradient(145deg,#0c1730,#101e39)!important}
body[data-theme="celestia"][data-mode="dark"] .app-shell{background:#172747!important;border-color:color-mix(in srgb,#7faee0 16%,transparent)!important}
body[data-theme="celestia"][data-mode="dark"] .sidebar{background:#101e39!important;color:#f6f8ff!important}
body[data-theme="celestia"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#172747,#0c1730 68%,#101e39)!important;color:#f6f8ff!important}
body[data-theme="celestia"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#101e39 92%,#172747)!important;color:#f6f8ff!important}
body[data-theme="celestia"][data-mode="dark"] .card,body[data-theme="celestia"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#172747 95%,#7faee0 5%)!important;color:#f6f8ff!important;border:1px solid color-mix(in srgb,#7faee0 18%,transparent)!important;border-radius:28px!important;box-shadow:0 10px 28px color-mix(in srgb,#f6f8ff 7%,transparent)!important}

body[data-theme="mermaid"][data-mode="light"]{--page:#eff9f7!important;--panel:#fffdf9!important;--sidebar:#dcf1ed!important;--ink:#31585b!important;--accent:#56aaa5!important;--panel-rgb:255,253,249;--sidebar-rgb:220,241,237;background:linear-gradient(145deg,#eff9f7,#dcf1ed)!important}
body[data-theme="mermaid"][data-mode="light"] .app-shell{background:#fffdf9!important;border-color:color-mix(in srgb,#56aaa5 16%,transparent)!important}
body[data-theme="mermaid"][data-mode="light"] .sidebar{background:#dcf1ed!important;color:#31585b!important}
body[data-theme="mermaid"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fffdf9,#eff9f7 68%,#dcf1ed)!important;color:#31585b!important}
body[data-theme="mermaid"][data-mode="light"] .right-panel{background:color-mix(in srgb,#dcf1ed 92%,#fffdf9)!important;color:#31585b!important}
body[data-theme="mermaid"][data-mode="light"] .card,body[data-theme="mermaid"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fffdf9 95%,#56aaa5 5%)!important;color:#31585b!important;border:1px solid color-mix(in srgb,#56aaa5 18%,transparent)!important;border-radius:30px 18px 30px 18px!important;box-shadow:0 10px 28px color-mix(in srgb,#31585b 7%,transparent)!important}

body[data-theme="mermaid"][data-mode="dark"]{--page:#071e30!important;--panel:#0e3442!important;--sidebar:#092735!important;--ink:#eefcff!important;--accent:#58c9bf!important;--panel-rgb:14,52,66;--sidebar-rgb:9,39,53;background:linear-gradient(145deg,#071e30,#092735)!important}
body[data-theme="mermaid"][data-mode="dark"] .app-shell{background:#0e3442!important;border-color:color-mix(in srgb,#58c9bf 16%,transparent)!important}
body[data-theme="mermaid"][data-mode="dark"] .sidebar{background:#092735!important;color:#eefcff!important}
body[data-theme="mermaid"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#0e3442,#071e30 68%,#092735)!important;color:#eefcff!important}
body[data-theme="mermaid"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#092735 92%,#0e3442)!important;color:#eefcff!important}
body[data-theme="mermaid"][data-mode="dark"] .card,body[data-theme="mermaid"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#0e3442 95%,#58c9bf 5%)!important;color:#eefcff!important;border:1px solid color-mix(in srgb,#58c9bf 18%,transparent)!important;border-radius:30px 18px 30px 18px!important;box-shadow:0 10px 28px color-mix(in srgb,#eefcff 7%,transparent)!important}

body[data-theme="roseveil"][data-mode="light"]{--page:#fff7f5!important;--panel:#fffdfb!important;--sidebar:#f9e6ea!important;--ink:#5b414c!important;--accent:#c97891!important;--panel-rgb:255,253,251;--sidebar-rgb:249,230,234;background:linear-gradient(145deg,#fff7f5,#f9e6ea)!important}
body[data-theme="roseveil"][data-mode="light"] .app-shell{background:#fffdfb!important;border-color:color-mix(in srgb,#c97891 16%,transparent)!important}
body[data-theme="roseveil"][data-mode="light"] .sidebar{background:#f9e6ea!important;color:#5b414c!important}
body[data-theme="roseveil"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fffdfb,#fff7f5 68%,#f9e6ea)!important;color:#5b414c!important}
body[data-theme="roseveil"][data-mode="light"] .right-panel{background:color-mix(in srgb,#f9e6ea 92%,#fffdfb)!important;color:#5b414c!important}
body[data-theme="roseveil"][data-mode="light"] .card,body[data-theme="roseveil"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fffdfb 95%,#c97891 5%)!important;color:#5b414c!important;border:1px solid color-mix(in srgb,#c97891 18%,transparent)!important;border-radius:24px 12px 24px 12px!important;box-shadow:0 10px 28px color-mix(in srgb,#5b414c 7%,transparent)!important}

body[data-theme="roseveil"][data-mode="dark"]{--page:#28172a!important;--panel:#42233a!important;--sidebar:#321b30!important;--ink:#fff1f5!important;--accent:#d57c9b!important;--panel-rgb:66,35,58;--sidebar-rgb:50,27,48;background:linear-gradient(145deg,#28172a,#321b30)!important}
body[data-theme="roseveil"][data-mode="dark"] .app-shell{background:#42233a!important;border-color:color-mix(in srgb,#d57c9b 16%,transparent)!important}
body[data-theme="roseveil"][data-mode="dark"] .sidebar{background:#321b30!important;color:#fff1f5!important}
body[data-theme="roseveil"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#42233a,#28172a 68%,#321b30)!important;color:#fff1f5!important}
body[data-theme="roseveil"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#321b30 92%,#42233a)!important;color:#fff1f5!important}
body[data-theme="roseveil"][data-mode="dark"] .card,body[data-theme="roseveil"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#42233a 95%,#d57c9b 5%)!important;color:#fff1f5!important;border:1px solid color-mix(in srgb,#d57c9b 18%,transparent)!important;border-radius:24px 12px 24px 12px!important;box-shadow:0 10px 28px color-mix(in srgb,#fff1f5 7%,transparent)!important}

body[data-theme="elven"][data-mode="light"]{--page:#f6f2e6!important;--panel:#fffdf7!important;--sidebar:#e8eee0!important;--ink:#384d40!important;--accent:#547c5c!important;--panel-rgb:255,253,247;--sidebar-rgb:232,238,224;background:linear-gradient(145deg,#f6f2e6,#e8eee0)!important}
body[data-theme="elven"][data-mode="light"] .app-shell{background:#fffdf7!important;border-color:color-mix(in srgb,#547c5c 16%,transparent)!important}
body[data-theme="elven"][data-mode="light"] .sidebar{background:#e8eee0!important;color:#384d40!important}
body[data-theme="elven"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fffdf7,#f6f2e6 68%,#e8eee0)!important;color:#384d40!important}
body[data-theme="elven"][data-mode="light"] .right-panel{background:color-mix(in srgb,#e8eee0 92%,#fffdf7)!important;color:#384d40!important}
body[data-theme="elven"][data-mode="light"] .card,body[data-theme="elven"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fffdf7 95%,#547c5c 5%)!important;color:#384d40!important;border:1px solid color-mix(in srgb,#547c5c 18%,transparent)!important;border-radius:18px 18px 8px 8px!important;box-shadow:0 10px 28px color-mix(in srgb,#384d40 7%,transparent)!important}

body[data-theme="elven"][data-mode="dark"]{--page:#10221c!important;--panel:#193328!important;--sidebar:#13281f!important;--ink:#f4f0df!important;--accent:#67936f!important;--panel-rgb:25,51,40;--sidebar-rgb:19,40,31;background:linear-gradient(145deg,#10221c,#13281f)!important}
body[data-theme="elven"][data-mode="dark"] .app-shell{background:#193328!important;border-color:color-mix(in srgb,#67936f 16%,transparent)!important}
body[data-theme="elven"][data-mode="dark"] .sidebar{background:#13281f!important;color:#f4f0df!important}
body[data-theme="elven"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#193328,#10221c 68%,#13281f)!important;color:#f4f0df!important}
body[data-theme="elven"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#13281f 92%,#193328)!important;color:#f4f0df!important}
body[data-theme="elven"][data-mode="dark"] .card,body[data-theme="elven"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#193328 95%,#67936f 5%)!important;color:#f4f0df!important;border:1px solid color-mix(in srgb,#67936f 18%,transparent)!important;border-radius:18px 18px 8px 8px!important;box-shadow:0 10px 28px color-mix(in srgb,#f4f0df 7%,transparent)!important}

body[data-theme="aurora"][data-mode="light"]{--page:#f1faf9!important;--panel:#fbffff!important;--sidebar:#e0f3f1!important;--ink:#36545e!important;--accent:#5baeb3!important;--panel-rgb:251,255,255;--sidebar-rgb:224,243,241;background:linear-gradient(145deg,#f1faf9,#e0f3f1)!important}
body[data-theme="aurora"][data-mode="light"] .app-shell{background:#fbffff!important;border-color:color-mix(in srgb,#5baeb3 16%,transparent)!important}
body[data-theme="aurora"][data-mode="light"] .sidebar{background:#e0f3f1!important;color:#36545e!important}
body[data-theme="aurora"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fbffff,#f1faf9 68%,#e0f3f1)!important;color:#36545e!important}
body[data-theme="aurora"][data-mode="light"] .right-panel{background:color-mix(in srgb,#e0f3f1 92%,#fbffff)!important;color:#36545e!important}
body[data-theme="aurora"][data-mode="light"] .card,body[data-theme="aurora"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fbffff 95%,#5baeb3 5%)!important;color:#36545e!important;border:1px solid color-mix(in srgb,#5baeb3 18%,transparent)!important;border-radius:26px!important;box-shadow:0 10px 28px color-mix(in srgb,#36545e 7%,transparent)!important}

body[data-theme="aurora"][data-mode="dark"]{--page:#0b1a2b!important;--panel:#112c39!important;--sidebar:#0d2330!important;--ink:#effdff!important;--accent:#55d1c4!important;--panel-rgb:17,44,57;--sidebar-rgb:13,35,48;background:linear-gradient(145deg,#0b1a2b,#0d2330)!important}
body[data-theme="aurora"][data-mode="dark"] .app-shell{background:#112c39!important;border-color:color-mix(in srgb,#55d1c4 16%,transparent)!important}
body[data-theme="aurora"][data-mode="dark"] .sidebar{background:#0d2330!important;color:#effdff!important}
body[data-theme="aurora"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#112c39,#0b1a2b 68%,#0d2330)!important;color:#effdff!important}
body[data-theme="aurora"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#0d2330 92%,#112c39)!important;color:#effdff!important}
body[data-theme="aurora"][data-mode="dark"] .card,body[data-theme="aurora"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#112c39 95%,#55d1c4 5%)!important;color:#effdff!important;border:1px solid color-mix(in srgb,#55d1c4 18%,transparent)!important;border-radius:26px!important;box-shadow:0 10px 28px color-mix(in srgb,#effdff 7%,transparent)!important}

body[data-theme="sunken"][data-mode="light"]{--page:#f4efe3!important;--panel:#fcfaf3!important;--sidebar:#e5eee7!important;--ink:#405651!important;--accent:#4f958d!important;--panel-rgb:252,250,243;--sidebar-rgb:229,238,231;background:linear-gradient(145deg,#f4efe3,#e5eee7)!important}
body[data-theme="sunken"][data-mode="light"] .app-shell{background:#fcfaf3!important;border-color:color-mix(in srgb,#4f958d 16%,transparent)!important}
body[data-theme="sunken"][data-mode="light"] .sidebar{background:#e5eee7!important;color:#405651!important}
body[data-theme="sunken"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fcfaf3,#f4efe3 68%,#e5eee7)!important;color:#405651!important}
body[data-theme="sunken"][data-mode="light"] .right-panel{background:color-mix(in srgb,#e5eee7 92%,#fcfaf3)!important;color:#405651!important}
body[data-theme="sunken"][data-mode="light"] .card,body[data-theme="sunken"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fcfaf3 95%,#4f958d 5%)!important;color:#405651!important;border:1px solid color-mix(in srgb,#4f958d 18%,transparent)!important;border-radius:12px 24px 12px 24px!important;box-shadow:0 10px 28px color-mix(in srgb,#405651 7%,transparent)!important}

body[data-theme="sunken"][data-mode="dark"]{--page:#0c2630!important;--panel:#153b42!important;--sidebar:#102e35!important;--ink:#edf8f7!important;--accent:#58b7ad!important;--panel-rgb:21,59,66;--sidebar-rgb:16,46,53;background:linear-gradient(145deg,#0c2630,#102e35)!important}
body[data-theme="sunken"][data-mode="dark"] .app-shell{background:#153b42!important;border-color:color-mix(in srgb,#58b7ad 16%,transparent)!important}
body[data-theme="sunken"][data-mode="dark"] .sidebar{background:#102e35!important;color:#edf8f7!important}
body[data-theme="sunken"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#153b42,#0c2630 68%,#102e35)!important;color:#edf8f7!important}
body[data-theme="sunken"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#102e35 92%,#153b42)!important;color:#edf8f7!important}
body[data-theme="sunken"][data-mode="dark"] .card,body[data-theme="sunken"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#153b42 95%,#58b7ad 5%)!important;color:#edf8f7!important;border:1px solid color-mix(in srgb,#58b7ad 18%,transparent)!important;border-radius:12px 24px 12px 24px!important;box-shadow:0 10px 28px color-mix(in srgb,#edf8f7 7%,transparent)!important}

body[data-theme="shrine"][data-mode="light"]{--page:#f8f2e9!important;--panel:#fffaf4!important;--sidebar:#efe1d6!important;--ink:#51413f!important;--accent:#b55f5f!important;--panel-rgb:255,250,244;--sidebar-rgb:239,225,214;background:linear-gradient(145deg,#f8f2e9,#efe1d6)!important}
body[data-theme="shrine"][data-mode="light"] .app-shell{background:#fffaf4!important;border-color:color-mix(in srgb,#b55f5f 16%,transparent)!important}
body[data-theme="shrine"][data-mode="light"] .sidebar{background:#efe1d6!important;color:#51413f!important}
body[data-theme="shrine"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fffaf4,#f8f2e9 68%,#efe1d6)!important;color:#51413f!important}
body[data-theme="shrine"][data-mode="light"] .right-panel{background:color-mix(in srgb,#efe1d6 92%,#fffaf4)!important;color:#51413f!important}
body[data-theme="shrine"][data-mode="light"] .card,body[data-theme="shrine"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fffaf4 95%,#b55f5f 5%)!important;color:#51413f!important;border:1px solid color-mix(in srgb,#b55f5f 18%,transparent)!important;border-radius:18px 8px 18px 8px!important;box-shadow:0 10px 28px color-mix(in srgb,#51413f 7%,transparent)!important}

body[data-theme="shrine"][data-mode="dark"]{--page:#15182a!important;--panel:#24243a!important;--sidebar:#1c1c31!important;--ink:#fff2ed!important;--accent:#d4656e!important;--panel-rgb:36,36,58;--sidebar-rgb:28,28,49;background:linear-gradient(145deg,#15182a,#1c1c31)!important}
body[data-theme="shrine"][data-mode="dark"] .app-shell{background:#24243a!important;border-color:color-mix(in srgb,#d4656e 16%,transparent)!important}
body[data-theme="shrine"][data-mode="dark"] .sidebar{background:#1c1c31!important;color:#fff2ed!important}
body[data-theme="shrine"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#24243a,#15182a 68%,#1c1c31)!important;color:#fff2ed!important}
body[data-theme="shrine"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#1c1c31 92%,#24243a)!important;color:#fff2ed!important}
body[data-theme="shrine"][data-mode="dark"] .card,body[data-theme="shrine"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#24243a 95%,#d4656e 5%)!important;color:#fff2ed!important;border:1px solid color-mix(in srgb,#d4656e 18%,transparent)!important;border-radius:18px 8px 18px 8px!important;box-shadow:0 10px 28px color-mix(in srgb,#fff2ed 7%,transparent)!important}

body[data-theme="crystal"][data-mode="light"]{--page:#f8f6ff!important;--panel:#ffffff!important;--sidebar:#ece9f8!important;--ink:#494b68!important;--accent:#8d82c4!important;--panel-rgb:255,255,255;--sidebar-rgb:236,233,248;background:linear-gradient(145deg,#f8f6ff,#ece9f8)!important}
body[data-theme="crystal"][data-mode="light"] .app-shell{background:#ffffff!important;border-color:color-mix(in srgb,#8d82c4 16%,transparent)!important}
body[data-theme="crystal"][data-mode="light"] .sidebar{background:#ece9f8!important;color:#494b68!important}
body[data-theme="crystal"][data-mode="light"] .main-content{background:linear-gradient(155deg,#ffffff,#f8f6ff 68%,#ece9f8)!important;color:#494b68!important}
body[data-theme="crystal"][data-mode="light"] .right-panel{background:color-mix(in srgb,#ece9f8 92%,#ffffff)!important;color:#494b68!important}
body[data-theme="crystal"][data-mode="light"] .card,body[data-theme="crystal"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#ffffff 95%,#8d82c4 5%)!important;color:#494b68!important;border:1px solid color-mix(in srgb,#8d82c4 18%,transparent)!important;border-radius:8px 24px 8px 24px!important;box-shadow:0 10px 28px color-mix(in srgb,#494b68 7%,transparent)!important}

body[data-theme="crystal"][data-mode="dark"]{--page:#15183b!important;--panel:#252854!important;--sidebar:#1b1f47!important;--ink:#f7f5ff!important;--accent:#9e91e4!important;--panel-rgb:37,40,84;--sidebar-rgb:27,31,71;background:linear-gradient(145deg,#15183b,#1b1f47)!important}
body[data-theme="crystal"][data-mode="dark"] .app-shell{background:#252854!important;border-color:color-mix(in srgb,#9e91e4 16%,transparent)!important}
body[data-theme="crystal"][data-mode="dark"] .sidebar{background:#1b1f47!important;color:#f7f5ff!important}
body[data-theme="crystal"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#252854,#15183b 68%,#1b1f47)!important;color:#f7f5ff!important}
body[data-theme="crystal"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#1b1f47 92%,#252854)!important;color:#f7f5ff!important}
body[data-theme="crystal"][data-mode="dark"] .card,body[data-theme="crystal"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#252854 95%,#9e91e4 5%)!important;color:#f7f5ff!important;border:1px solid color-mix(in srgb,#9e91e4 18%,transparent)!important;border-radius:8px 24px 8px 24px!important;box-shadow:0 10px 28px color-mix(in srgb,#f7f5ff 7%,transparent)!important}

body[data-theme="ravenmoor"][data-mode="light"]{--page:#f0f2ef!important;--panel:#fafbf8!important;--sidebar:#e2e5df!important;--ink:#444a48!important;--accent:#737d77!important;--panel-rgb:250,251,248;--sidebar-rgb:226,229,223;background:linear-gradient(145deg,#f0f2ef,#e2e5df)!important}
body[data-theme="ravenmoor"][data-mode="light"] .app-shell{background:#fafbf8!important;border-color:color-mix(in srgb,#737d77 16%,transparent)!important}
body[data-theme="ravenmoor"][data-mode="light"] .sidebar{background:#e2e5df!important;color:#444a48!important}
body[data-theme="ravenmoor"][data-mode="light"] .main-content{background:linear-gradient(155deg,#fafbf8,#f0f2ef 68%,#e2e5df)!important;color:#444a48!important}
body[data-theme="ravenmoor"][data-mode="light"] .right-panel{background:color-mix(in srgb,#e2e5df 92%,#fafbf8)!important;color:#444a48!important}
body[data-theme="ravenmoor"][data-mode="light"] .card,body[data-theme="ravenmoor"][data-mode="light"] .toolbar-card{background:color-mix(in srgb,#fafbf8 95%,#737d77 5%)!important;color:#444a48!important;border:1px solid color-mix(in srgb,#737d77 18%,transparent)!important;border-radius:8px!important;box-shadow:0 10px 28px color-mix(in srgb,#444a48 7%,transparent)!important}

body[data-theme="ravenmoor"][data-mode="dark"]{--page:#14151b!important;--panel:#22232b!important;--sidebar:#191a21!important;--ink:#f0f0f2!important;--accent:#8c849c!important;--panel-rgb:34,35,43;--sidebar-rgb:25,26,33;background:linear-gradient(145deg,#14151b,#191a21)!important}
body[data-theme="ravenmoor"][data-mode="dark"] .app-shell{background:#22232b!important;border-color:color-mix(in srgb,#8c849c 16%,transparent)!important}
body[data-theme="ravenmoor"][data-mode="dark"] .sidebar{background:#191a21!important;color:#f0f0f2!important}
body[data-theme="ravenmoor"][data-mode="dark"] .main-content{background:linear-gradient(155deg,#22232b,#14151b 68%,#191a21)!important;color:#f0f0f2!important}
body[data-theme="ravenmoor"][data-mode="dark"] .right-panel{background:color-mix(in srgb,#191a21 92%,#22232b)!important;color:#f0f0f2!important}
body[data-theme="ravenmoor"][data-mode="dark"] .card,body[data-theme="ravenmoor"][data-mode="dark"] .toolbar-card{background:color-mix(in srgb,#22232b 95%,#8c849c 5%)!important;color:#f0f0f2!important;border:1px solid color-mix(in srgb,#8c849c 18%,transparent)!important;border-radius:8px!important;box-shadow:0 10px 28px color-mix(in srgb,#f0f0f2 7%,transparent)!important}

body[data-theme="dragonkeep"] .card{border-top-width:2px!important}
body[data-theme="roseveil"] .card{border-left-width:3px!important}
body[data-theme="elven"] .sidebar{border-right:1px solid color-mix(in srgb,var(--accent) 28%,transparent)!important}
body[data-theme="shrine"] .card{border-top-width:2px!important}
body[data-theme="crystal"] .card{clip-path:polygon(0 9px,9px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 9px),calc(100% - 9px) 100%,16px 100%,0 calc(100% - 16px))}
body[data-theme="ravenmoor"] .card{border-left-width:2px!important}
body[data-theme="sunken"] .card{border-bottom-width:2px!important}

body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) :is(input,select,textarea,.modal-card,.sheet,.history-item,.request-item,.schedule-item,.log-item,.metric-detail,.stat-box,.mini-card,.settings-card,.profile-card,.empty-state,.table-wrap,.dropdown-menu,.menu-popover,.notification-panel,.chart-track,table,thead,tbody,tr,td,th){
background-color:color-mix(in srgb,var(--panel) 90%,var(--sidebar))!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--accent) 18%,transparent)!important}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) :is(input,select,textarea)::placeholder{color:color-mix(in srgb,var(--ink) 58%,transparent)!important}

/* =========================================================
   PulseDesk v15.1 · adaptive dark visibility hotfix
   Removes inherited light/white surfaces from ALL major UI.
   ========================================================= */
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]){color-scheme:dark!important;--field-bg:rgba(255,255,255,.065)!important;--field-text:var(--ink)!important}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .app-shell{background:var(--panel)!important;border-color:color-mix(in srgb,var(--accent) 14%,transparent)!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) :is(
 .card,.toolbar-card,.history-card,.request-card,.faq-item,.assistant-shell,.theme-option,.modal,
 .profile,.profile-hero,.settings-section,.settings-card,.profile-card,.mini-card,.stat-card,
 .request-review-controls,.supervisor-demo,.request-review-note,.request-time-summary,.saved-schedule-detail,
 .schedule-snapshot,.selected-request-help,.request-cross-help,.vacation-reference,.weekly-request-card,
 .schedule-request-details,.request-docs-box,.change-auto-box,.detail-grid>div,.detail-section
){
 background:color-mix(in srgb,var(--panel) 90%,var(--sidebar))!important;
 color:var(--ink)!important;
 border-color:color-mix(in srgb,var(--accent) 17%,transparent)!important;
 box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) :is(.form-input,.search-box,.upload-box,input,textarea,select){
 background:color-mix(in srgb,var(--panel) 82%,#000 18%)!important;
 color:var(--ink)!important;
 border-color:color-mix(in srgb,var(--accent) 20%,transparent)!important;
 box-shadow:none!important;
}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) :is(input,textarea,.form-input)::placeholder,
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .search-box input::placeholder{color:color-mix(in srgb,var(--ink) 50%,transparent)!important}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) :is(.request-card h3,.request-card p,.request-card small,.request-card span,.request-description,
 .request-review-note p,.request-review-note small,.supervisor-demo,.request-footer,
 .saved-schedule-detail,.saved-schedule-detail *,label,strong,b,h1,h2,h3,h4){
 color:inherit!important;
}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) :is(.secondary-button,.tiny-button,.status-filter,.filter-chip,.segmented span,.type-option,.request-type-option,.icon-button){
 background:color-mix(in srgb,var(--panel) 78%,var(--accent) 8%)!important;
 color:var(--ink)!important;
 border-color:color-mix(in srgb,var(--accent) 20%,transparent)!important;
}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .primary-button{color:#fff!important}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .request-card .status.accepted{background:color-mix(in srgb,#54b887 24%,var(--panel))!important;color:#a9f0cb!important}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .request-card .status.rejected{background:color-mix(in srgb,#d96b78 22%,var(--panel))!important;color:#ffc0c8!important}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .request-card .status.pending{background:color-mix(in srgb,#d7b35e 22%,var(--panel))!important;color:#ffe2a0!important}
body[data-mode="dark"]:is([data-theme="everbloom"],[data-theme="dragonkeep"],[data-theme="faewood"],[data-theme="celestia"],[data-theme="mermaid"],[data-theme="roseveil"],[data-theme="elven"],[data-theme="aurora"],[data-theme="sunken"],[data-theme="shrine"],[data-theme="crystal"],[data-theme="ravenmoor"]) .modal-overlay{background:rgba(4,7,15,.64)!important}

body[data-theme="crystal"] .main-content{
 background:
 linear-gradient(132deg,color-mix(in srgb,var(--panel) 94%,#a99ff0 6%),var(--page) 58%,color-mix(in srgb,var(--sidebar) 90%,#62d1c6 10%))!important;
}
body[data-theme="crystal"] .card,
body[data-theme="crystal"] .toolbar-card{
 border-radius:6px 22px 6px 22px!important;
 border-left:2px solid color-mix(in srgb,var(--accent) 34%,transparent)!important;
 border-bottom:2px solid color-mix(in srgb,#62d1c6 28%,transparent)!important;
}
body[data-theme="crystal"] .primary-button{
 border-radius:6px 18px 6px 18px!important;
 background:linear-gradient(135deg,#8d82c4,#69aaa8)!important;
}
body[data-theme="crystal"][data-mode="dark"] .primary-button{
 background:linear-gradient(135deg,#776fc4,#54c5bb)!important;
}


/* =========================================================
   PulseDesk v15.2 · Final theme cleanup
   Phantom + Everbloom: clean backgrounds, no dot/star texture.
   ========================================================= */

/* Everbloom adaptive */
body[data-theme="everbloom"] .main-content::before,
body[data-theme="everbloom"] .main-content::after,
body[data-theme="everbloom"] .right-panel::before,
body[data-theme="everbloom"] .right-panel::after,
body[data-theme="everbloom"] .sidebar::before,
body[data-theme="everbloom"] .sidebar::after {
  background-image: none !important;
}

/* Phantom / Phantom Manor fixed-dark theme */
body[data-theme="phantom"] .main-content::before,
body[data-theme="phantom"] .main-content::after,
body[data-theme="phantom"] .right-panel::before,
body[data-theme="phantom"] .right-panel::after,
body[data-theme="phantom"] .sidebar::before,
body[data-theme="phantom"] .sidebar::after,
body[data-theme="phantom-manor"] .main-content::before,
body[data-theme="phantom-manor"] .main-content::after,
body[data-theme="phantom-manor"] .right-panel::before,
body[data-theme="phantom-manor"] .right-panel::after,
body[data-theme="phantom-manor"] .sidebar::before,
body[data-theme="phantom-manor"] .sidebar::after {
  background-image: none !important;
}

/* Also suppress theme-level dotted backgrounds if they were applied directly. */
body[data-theme="everbloom"],
body[data-theme="phantom"],
body[data-theme="phantom-manor"] {
  background-image: none !important;
}

/* v15.3 FINAL no-dots cleanup — scoped only to Everbloom + Phantom */
body[data-theme="everbloom"] :is(.main-content,.right-panel,.sidebar,.app-shell,.card)::before,
body[data-theme="everbloom"] :is(.main-content,.right-panel,.sidebar,.app-shell,.card)::after,
body[data-theme="phantom"] :is(.main-content,.right-panel,.sidebar,.app-shell,.card)::before,
body[data-theme="phantom"] :is(.main-content,.right-panel,.sidebar,.app-shell,.card)::after,
body[data-theme="phantom-manor"] :is(.main-content,.right-panel,.sidebar,.app-shell,.card)::before,
body[data-theme="phantom-manor"] :is(.main-content,.right-panel,.sidebar,.app-shell,.card)::after{
 content:none!important;
 display:none!important;
 background:none!important;
 background-image:none!important;
 box-shadow:none!important;
}

/* Remove direct dotted/star radial gradients while retaining clean theme colors. */
body[data-theme="everbloom"] :is(.main-content,.right-panel,.sidebar,.app-shell),
body[data-theme="phantom"] :is(.main-content,.right-panel,.sidebar,.app-shell),
body[data-theme="phantom-manor"] :is(.main-content,.right-panel,.sidebar,.app-shell){
 background-image:linear-gradient(155deg,var(--panel) 0%,var(--page) 68%,var(--sidebar) 100%)!important;
}
body[data-theme="everbloom"] .sidebar,
body[data-theme="phantom"] .sidebar,
body[data-theme="phantom-manor"] .sidebar{
 background-image:none!important;
 background-color:var(--sidebar)!important;
}
body[data-theme="everbloom"] .right-panel,
body[data-theme="phantom"] .right-panel,
body[data-theme="phantom-manor"] .right-panel{
 background-image:none!important;
 background-color:color-mix(in srgb,var(--sidebar) 92%,var(--panel))!important;
}

/* v15.4 — exact selector-preview cleanup seen in screenshot */
.everbloom-preview-sun,
.everbloom-preview-moon{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
.everbloom-preview{
  background:linear-gradient(90deg,#f7eed9 0%,#bad39f 30%,#6e9975 62%,#1a3030 100%)!important;
}
.everbloom-preview::before,
.everbloom-preview::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.phantom-preview{
  background:linear-gradient(145deg,#111419 0%,#2b2630 60%,#35463e 100%)!important;
}
.phantom-preview::before,
.phantom-preview::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}


/* =========================================================
   PulseDesk v15.5 · Phantom Manor fixed-dark enforcement
   ========================================================= */
body[data-theme="phantom"]{
  color-scheme:dark!important;
  --page:#101316!important;
  --panel:#1b1e21!important;
  --sidebar:#141719!important;
  --ink:#f0efea!important;
  --accent:#86b6a4!important;
  --accent2:#a58d72!important;
  --panel-rgb:27,30,33!important;
  --sidebar-rgb:20,23,25!important;
  background:#101316!important;
}
body[data-theme="phantom"] .app-shell{
  background:#1b1e21!important;
  border-color:rgba(134,182,164,.13)!important;
}
body[data-theme="phantom"] .sidebar{
  background:#141719!important;
  color:#f0efea!important;
}
body[data-theme="phantom"] .main-content{
  background:linear-gradient(155deg,#1b1e21 0%,#15181b 68%,#141719 100%)!important;
  color:#f0efea!important;
}
body[data-theme="phantom"] .right-panel{
  background:#15191b!important;
  color:#f0efea!important;
}
body[data-theme="phantom"] :is(.card,.toolbar-card,.history-card,.request-card,.settings-card,.profile-card,.mini-card,.stat-card,.modal-card,.sheet){
  background:#23272a!important;
  color:#f0efea!important;
  border-color:rgba(134,182,164,.14)!important;
}
body[data-theme="phantom"] :is(input,select,textarea,.form-input,.search-box){
  background:#1d2124!important;
  color:#f0efea!important;
  border-color:rgba(134,182,164,.18)!important;
}


/* =========================================================
   PulseDesk v16 · Supervisor review glass UI
   Uses current theme variables in every theme.
   ========================================================= */
.review-glass-panel{
  width:100%;display:grid!important;gap:13px!important;padding:15px!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,var(--accent) 12%),color-mix(in srgb,var(--panel) 93%,var(--accent2) 7%))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 12px 30px color-mix(in srgb,var(--ink) 7%,transparent)!important;
  backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);
}
.admin-review-actions.review-glass-panel{align-items:stretch!important;justify-content:initial!important;margin:0 0 16px!important}
.review-panel-heading{display:flex;align-items:center;gap:10px;min-width:0}
.review-panel-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:11px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),color-mix(in srgb,var(--accent2) 12%,var(--panel)));
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));color:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.review-panel-icon svg{width:16px;height:16px}
.review-panel-heading>div{display:grid;gap:2px;min-width:0}
.review-panel-heading strong{font-size:10px;color:var(--ink)}
.review-panel-heading small{font-size:8px;line-height:1.4;color:var(--muted)}
.review-note-field,.request-review-field{display:grid!important;gap:7px!important;width:100%;margin:0!important}
.review-note-field>span,.request-review-field>span{font-size:8px;font-weight:800;color:color-mix(in srgb,var(--ink) 78%,var(--muted))}
.review-textarea{width:100%!important;min-height:92px!important;max-height:190px;padding:12px 13px!important;resize:vertical;border-radius:13px!important;
  background:color-mix(in srgb,var(--panel) 88%,transparent)!important;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
  color:var(--ink)!important;line-height:1.5;box-shadow:inset 0 1px 3px color-mix(in srgb,var(--ink) 5%,transparent)!important}
.review-textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent)!important}
.review-textarea::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)!important}
.review-action-row{width:100%;display:flex!important;align-items:center;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap}
.review-action{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border-radius:11px;border:1px solid transparent;
  font-size:8px;font-weight:800;color:var(--ink);transition:transform .15s ease,filter .15s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.review-action svg{width:14px;height:14px}.review-action:hover{transform:translateY(-1px);filter:saturate(1.06)}.review-action:active{transform:none}
.review-save{background:color-mix(in srgb,var(--accent) 10%,var(--panel));border-color:color-mix(in srgb,var(--accent) 22%,var(--line));color:color-mix(in srgb,var(--accent) 76%,var(--ink))}
.review-approve{background:color-mix(in srgb,#6fc48d 17%,var(--panel));border-color:color-mix(in srgb,#63b982 28%,var(--line));color:color-mix(in srgb,#39805a 76%,var(--ink))}
.review-reject{background:color-mix(in srgb,#e17c88 15%,var(--panel));border-color:color-mix(in srgb,#d96b78 27%,var(--line));color:color-mix(in srgb,#a44f5d 78%,var(--ink))}
.review-reopen{background:color-mix(in srgb,#d7b765 16%,var(--panel));border-color:color-mix(in srgb,#caa850 28%,var(--line));color:color-mix(in srgb,#8b702d 76%,var(--ink))}
.review-delete{margin-left:auto;background:color-mix(in srgb,#b95e70 10%,var(--panel));border-color:color-mix(in srgb,#b95e70 22%,var(--line));color:color-mix(in srgb,#a84e60 78%,var(--ink))}
.request-review-controls{width:100%!important}.request-footer:has(.request-review-controls){display:block!important;width:100%}
body[data-mode="dark"] .review-glass-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 86%,var(--accent) 14%),color-mix(in srgb,var(--sidebar) 88%,var(--accent2) 12%))!important;
  border-color:color-mix(in srgb,var(--accent) 22%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 15px 34px rgba(0,0,0,.20)!important}
body[data-mode="dark"] .review-textarea{background:color-mix(in srgb,var(--panel) 78%,#000 22%)!important;border-color:color-mix(in srgb,var(--accent) 24%,transparent)!important}
body[data-mode="dark"] .review-save{color:color-mix(in srgb,var(--accent2) 68%,white)}body[data-mode="dark"] .review-approve{color:#a8e8bf}
body[data-mode="dark"] .review-reject{color:#ffb4bd}body[data-mode="dark"] .review-reopen{color:#f2d68b}body[data-mode="dark"] .review-delete{color:#ef9cab}
#profileBmsId,#profileEmployeeId{font-variant-numeric:tabular-nums}
@media(max-width:720px){.review-action-row{display:grid!important;grid-template-columns:1fr 1fr}.review-action{width:100%}.review-delete{margin-left:0}}
@media(max-width:430px){.review-action-row{grid-template-columns:1fr}}

/* v17 request + appeal foundation */
.pinblock-agent-fields{display:grid;gap:12px;padding:14px;border-radius:16px;background:color-mix(in srgb,var(--panel) 91%,var(--accent) 9%);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))}
.pinblock-agent-note,.pinblock-evidence-hint,.appeal-heading{display:flex;gap:10px;align-items:center}.pinblock-agent-note svg,.pinblock-evidence-hint svg,.appeal-heading svg{width:18px;color:var(--accent)}
.pinblock-agent-note div{display:grid;gap:2px}.pinblock-agent-note small,.pinblock-evidence-hint{color:var(--muted);font-size:9px}
.appeal-section{background:color-mix(in srgb,var(--panel) 90%,#d7b765 10%)!important;border-color:color-mix(in srgb,#d7b765 28%,var(--line))!important}.appeal-heading div{display:grid}
body[data-mode="dark"] .pinblock-agent-fields{background:color-mix(in srgb,var(--panel) 84%,var(--accent) 16%)}

/* v18 Activity */
.activity-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.activity-hero h1{margin:4px 0 5px}.activity-hero p{margin:0;color:var(--muted);max-width:680px}.activity-period-pills{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 90%,var(--accent) 10%)}.activity-period-pills button{border:0;background:transparent;color:var(--muted);font-weight:800;font-size:8px;padding:8px 11px;border-radius:10px}.activity-period-pills button.active,.activity-period-pills button:hover{background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--ink)}.activity-disclaimer,.activity-toolbar,.activity-metrics{margin-bottom:14px}.activity-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.activity-score-card{padding:17px;border-radius:19px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,var(--accent) 8%),color-mix(in srgb,var(--panel) 96%,var(--accent2) 4%));box-shadow:var(--shadow)}.activity-score-top{display:flex;justify-content:space-between;color:var(--muted);font-size:8px}.activity-score-top span{display:flex;gap:6px;font-weight:900;color:var(--ink)}.activity-score-top svg{width:14px;color:var(--accent)}.activity-score-card>strong{display:block;font-size:29px;margin:13px 0 9px}.activity-score-card>p{font-size:8px;color:var(--muted)}.activity-score-track{height:7px;border-radius:99px;overflow:hidden;background:var(--line)}.activity-score-track span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:.35s}.activity-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-bottom:12px}.activity-live-badge{font-size:7px;font-weight:900;padding:5px 8px;border-radius:99px;background:color-mix(in srgb,var(--accent) 11%,var(--panel));color:var(--accent)}#activityTimeline,#activityImpact{display:grid;gap:8px}.activity-event{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px;border-radius:13px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,var(--accent) 4%)}.activity-event-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent)}.activity-event-icon svg{width:15px}.activity-event>div:last-child{display:grid;gap:2px}.activity-event small,.activity-event span{font-size:8px;color:var(--muted)}.activity-event strong{font-size:9px}.activity-event em{font-size:7px;color:var(--accent);font-style:normal}.activity-event.ok{border-color:color-mix(in srgb,#6fc48d 25%,var(--line))}.activity-event.risk{border-color:color-mix(in srgb,#e17c88 30%,var(--line))}.activity-event.review{border-color:color-mix(in srgb,#d7b765 30%,var(--line))}.activity-impact-row{display:flex;gap:9px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%);border:1px solid var(--line)}.activity-impact-row>svg{width:15px;flex:0 0 15px;color:var(--accent)}.activity-impact-row>div{display:grid;gap:2px}.activity-impact-row strong,.activity-impact-row span{font-size:8px}.activity-impact-row span{color:var(--muted);line-height:1.45}.activity-impact-row.risk>svg{color:#d96b78}.activity-impact-row.review>svg{color:#c39d3d}.activity-impact-row.ok>svg{color:#58a976}body[data-mode="dark"] .activity-score-card,body[data-mode="dark"] .activity-event,body[data-mode="dark"] .activity-impact-row{background:color-mix(in srgb,var(--panel) 86%,var(--accent) 14%)}@media(max-width:900px){.activity-layout{grid-template-columns:1fr}.activity-hero{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.activity-score-grid{grid-template-columns:1fr}.activity-period-pills{width:100%}.activity-period-pills button{flex:1}}

/* v18.1 Activity rules */
.activity-period-caption{display:flex;align-items:center;gap:7px;margin:0 0 8px 3px;color:var(--muted);font-size:8px}.activity-period-caption svg{width:14px;color:var(--accent)}.activity-period-caption strong{color:var(--ink)}
.activity-adjustments-card{margin-bottom:12px}.activity-adjustment-total{font-size:7px;font-weight:900;padding:5px 8px;border-radius:99px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent)}
#activityAdjustments{display:grid;gap:8px}.activity-adjustment{display:flex;align-items:flex-start;gap:9px;padding:10px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 95%,var(--accent) 5%)}.activity-adjustment>svg{width:15px;flex:0 0 15px;color:var(--accent)}.activity-adjustment>div{display:grid;gap:2px}.activity-adjustment strong,.activity-adjustment span{font-size:8px}.activity-adjustment span{color:var(--muted)}.activity-adjustment.ok{border-color:color-mix(in srgb,#6fc48d 26%,var(--line))}.activity-adjustment.review{border-color:color-mix(in srgb,#d7b765 28%,var(--line))}.activity-adjustment.risk{border-color:color-mix(in srgb,#e17c88 28%,var(--line))}
body[data-mode="dark"] .activity-adjustment{background:color-mix(in srgb,var(--panel) 86%,var(--accent) 14%)}

/* v18.4 · Activity automatic periods */
.activity-toolbar-hidden{
  display:none!important;
}
.activity-period-caption{
  margin:0 0 14px 2px!important;
  padding:9px 12px;
  width:max-content;
  max-width:100%;
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%);
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));
}
.activity-period-caption span{font-size:8px;color:var(--muted)}
.activity-period-caption strong{color:var(--ink);font-weight:850}

/* v18.5 · Folios + Search */
.request-folio-line{display:flex;align-items:center;gap:5px;margin-top:4px}.request-folio-line small{color:var(--muted)}
.request-card-folio,.activity-copy-folio{font-size:7px!important}
.activity-copy-folio{width:max-content;margin-top:3px}
.exact-folio-result{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;background:color-mix(in srgb,var(--panel) 86%,var(--accent) 14%)!important}
.search-focus-record{outline:2px solid color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent),var(--shadow);transition:.25s}
.folio-clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}

/* v18.6 · Activity metric donuts */
.donut-card{overflow:hidden}.metric-donut-row{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;margin-top:12px}
.metric-donut{--metric-progress:0%;width:142px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--accent) 0 var(--metric-progress),color-mix(in srgb,var(--accent) 14%,var(--panel)) var(--metric-progress) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,var(--line))}
.metric-donut:after{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:var(--panel);border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));box-shadow:0 5px 18px color-mix(in srgb,var(--ink) 7%,transparent)}
.metric-donut-center{position:relative;z-index:1;text-align:center;display:grid;gap:2px}.metric-donut-center strong{font-size:23px!important;line-height:1;letter-spacing:-1px;white-space:nowrap}.metric-donut-center span{font-size:7px;color:var(--muted);font-weight:800}
.metric-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-breakdown-chip{min-height:58px;padding:9px 10px;border-radius:13px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 91%,var(--accent) 9%);display:flex;flex-direction:column;justify-content:center;gap:2px}.metric-breakdown-chip span,.metric-breakdown-chip small{font-size:7px;color:var(--muted)}.metric-breakdown-chip strong{font-size:11px!important;line-height:1.15}.metric-breakdown-chip.risk{background:color-mix(in srgb,var(--panel) 88%,#e17c88 12%)}.metric-breakdown-chip.review{background:color-mix(in srgb,var(--panel) 88%,#d7b765 12%)}.metric-breakdown-chip.good,.metric-breakdown-chip.bonus{background:color-mix(in srgb,var(--panel) 88%,var(--accent) 12%)}.metric-breakdown-chip.bonus strong{color:var(--accent)}
body[data-mode="dark"] .metric-donut:after{background:var(--panel)}body[data-mode="dark"] .metric-breakdown-chip{background:color-mix(in srgb,var(--panel) 86%,var(--accent) 14%)}
@media(max-width:720px){.metric-donut-row{grid-template-columns:1fr}.metric-donut{margin:auto}.metric-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v18.6.1 · Dashboard charts follow every theme */
.chart-value,.chart-label{color:var(--muted)!important}
.chart-track{
  background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important;
  border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));
}
.chart-bar{
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--accent) 72%,white 28%),
    var(--accent)
  )!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 20%,transparent);
}
body[data-mode="dark"] .chart-track{
  background:color-mix(in srgb,var(--panel) 82%,var(--accent) 18%)!important;
  border-color:color-mix(in srgb,var(--accent) 18%,var(--line));
}
body[data-mode="dark"] .chart-bar{
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--accent) 80%,white 20%),
    var(--accent)
  )!important;
}

/* v18.6.3 · Notification cleanup */
.notification-head-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.notification-clear-read{display:inline-flex!important;align-items:center;gap:4px;color:var(--muted)!important}
.notification-clear-read:hover{color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 9%,transparent)}
.notification-clear-read svg{width:12px;height:12px}

/* v18.7 · Mi Corte v1 */
.cut-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.cut-hero h1{margin:3px 0 5px}.cut-hero p{margin:0;color:var(--muted)}
.cut-period-nav{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%)}.cut-period-nav>div{min-width:160px;text-align:center;display:grid}.cut-period-nav small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.cut-period-nav strong{font-size:9px}.cut-period-nav button:disabled{opacity:.3;cursor:not-allowed}
.cut-status-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel) 90%,var(--accent) 10%)}.cut-status-banner>i{width:20px;height:20px;color:var(--accent)}.cut-status-banner div{display:grid;gap:1px}.cut-status-banner small,.cut-status-banner span{font-size:7px;color:var(--muted)}.cut-status-banner strong{font-size:10px}
.cut-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cut-days-card{margin-top:14px}.cut-daily-list{display:grid;gap:8px}
.cut-day{border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 96%,var(--accent) 4%);overflow:hidden}.cut-day summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:110px 1fr 20px;gap:12px;align-items:center;padding:12px}.cut-day summary::-webkit-details-marker{display:none}.cut-day[open] summary>i{transform:rotate(180deg)}.cut-day summary>i{transition:.2s;color:var(--muted)}
.cut-day-date{display:grid}.cut-day-date small{font-size:7px;color:var(--accent);font-weight:900}.cut-day-date strong{font-size:9px}.cut-day-summary{display:flex;justify-content:space-between;align-items:center;gap:10px}.cut-day-summary>span{font-size:8px;color:var(--muted)}.cut-day-summary>div{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.cut-day-summary em{font-style:normal;font-size:7px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))}.cut-day-summary .cut-extra{color:var(--accent);font-weight:850}
.cut-day-detail{border-top:1px solid var(--line);padding:8px 12px 12px;display:grid;gap:6px}.cut-day-movement{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;border-radius:11px;background:color-mix(in srgb,var(--panel) 88%,var(--accent) 12%)}.cut-day-movement>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cut-day-movement strong,.cut-day-movement b{font-size:8px}.cut-copy-folio{font-size:7px!important}.cut-empty-day{font-size:8px;color:var(--muted);padding:6px}
.cut-adjustment{display:grid;grid-template-columns:34px 1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.cut-adjustment:last-child{border-bottom:0}.cut-adjustment-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent)}.cut-adjustment-icon svg{width:15px}.cut-adjustment>div:nth-child(2){display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cut-adjustment small{width:100%;font-size:7px;color:var(--muted)}.cut-adjustment strong,.cut-adjustment>b{font-size:8px}
.cut-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0 14px}.cut-source-grid>div{padding:12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%);display:grid;gap:4px}.cut-source-grid svg{width:17px;color:var(--accent)}.cut-source-grid strong{font-size:9px}.cut-source-grid span{font-size:7px;color:var(--muted)}.cut-review-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
body[data-mode="dark"] .cut-day,body[data-mode="dark"] .cut-source-grid>div,body[data-mode="dark"] .cut-period-nav{background:color-mix(in srgb,var(--panel) 86%,var(--accent) 14%)}
@media(max-width:800px){.cut-hero{align-items:flex-start;flex-direction:column}.cut-period-nav{width:100%;justify-content:space-between}.cut-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.cut-day summary{grid-template-columns:90px 1fr 18px}.cut-day-summary{align-items:flex-start;flex-direction:column}.cut-day-summary>div{justify-content:flex-start}.cut-source-grid{grid-template-columns:1fr}.cut-review-actions{flex-direction:column-reverse}.cut-review-actions button{width:100%}}

/* v18.7.2 · 72h management windows */
.appeal-deadline-info{display:flex;align-items:center;gap:9px;margin:0 0 10px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,var(--accent) 10%)}
.appeal-deadline-info>i{width:16px;color:var(--accent)}.appeal-deadline-info>span{display:grid;gap:2px}.appeal-deadline-info strong{font-size:8px}.appeal-deadline-info small{font-size:7px;color:var(--muted)}
#incidentAppealButton:disabled,#incidentAppealNote:disabled{opacity:.55;cursor:not-allowed}
.incident-window-card{display:flex;gap:10px;align-items:center;margin:10px 0;padding:10px 12px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--panel) 90%,var(--accent) 10%)}.incident-window-card>i{width:18px;color:var(--accent)}.incident-window-card>div{display:grid;gap:2px}.incident-window-card small,.incident-window-card span{font-size:7px;color:var(--muted)}.incident-window-card strong{font-size:8px}.incident-window-card.expired{background:color-mix(in srgb,var(--panel) 88%,#e17c88 12%)}.incident-lookup{position:relative;margin-top:6px}.incident-lookup-results{position:absolute;z-index:20;left:0;right:0;top:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 12px 30px color-mix(in srgb,var(--ink) 12%,transparent);padding:5px;max-height:220px;overflow:auto}.incident-lookup-results button{width:100%;border:0;background:transparent;color:inherit;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:8px;border-radius:9px;cursor:pointer}.incident-lookup-results button:hover{background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.incident-lookup-results button>span:first-child{display:grid;gap:2px}.incident-lookup-results strong{font-size:8px}.incident-lookup-results small,.lookup-no-result{font-size:7px;color:var(--muted)}.lookup-no-result{padding:10px}.incident-lookup-card{margin-top:8px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%)}.lookup-incident-head{display:flex;justify-content:space-between;align-items:center}.lookup-incident-head>div{display:grid}.lookup-incident-head small,.lookup-incident-meta,.lookup-window small{font-size:7px;color:var(--muted)}.lookup-incident-head strong{font-size:9px}.lookup-incident-meta{display:flex;gap:10px;margin:6px 0}.lookup-window{display:flex;gap:8px;align-items:center;padding-top:7px;border-top:1px solid var(--line)}.lookup-window>i{width:15px;color:var(--accent)}.lookup-window>div{display:grid;gap:2px}.lookup-window strong{font-size:8px}.request-window-notice,.cut-72h-note{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--panel) 91%,var(--accent) 9%);margin-bottom:12px}.request-window-notice>i,.cut-72h-note>i{width:17px;min-width:17px;color:var(--accent)}.request-window-notice>div,.cut-72h-note>div{display:grid;gap:3px}.request-window-notice strong,.cut-72h-note strong{font-size:8px}.request-window-notice span,.cut-72h-note span{font-size:7px;color:var(--muted);line-height:1.5}.cut-72h-note{margin:12px 0 0}.lookup-window.expired>i{color:#b35c67}
/* v18.7.5 · Payroll review live 72h validation */
.request-window-notice.expired{border-color:color-mix(in srgb,#b35c67 32%,var(--line));background:color-mix(in srgb,var(--panel) 88%,#b35c67 12%)}
.request-window-notice.expired>i{color:#b35c67}
.request-window-notice.valid{border-color:color-mix(in srgb,#5f9d79 30%,var(--line));background:color-mix(in srgb,var(--panel) 91%,#5f9d79 9%)}
.request-window-notice.valid>i{color:#5f9d79}

/* v18.7.6 · Mi Corte Schedule Extension details */
.cut-movement-meta{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:5px}
.cut-movement-meta span{display:inline-flex;align-items:center;gap:4px;font-size:7px;color:var(--muted);font-weight:500}
.cut-movement-meta i{width:12px;height:12px;color:var(--accent)}
.cut-schedule-extension{background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%);border-radius:10px;padding:7px}

#scheduledTime[readonly],#takenTime[readonly]{opacity:.78;cursor:not-allowed;background:color-mix(in srgb,var(--panel) 94%,var(--line) 6%)}

/* v18.7.8 · Schedule Extension automatic schedule times */
.pd-schedule-auto-output{
  min-height:42px;display:flex;align-items:center;gap:7px;margin-top:5px;padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:11px;
  background:color-mix(in srgb,var(--panel) 91%,var(--accent) 9%);
}
.pd-schedule-auto-output i{width:14px;height:14px;color:var(--accent)}
.pd-schedule-auto-output span{font-size:9px;font-weight:850}
.pd-schedule-auto-output small{margin-left:auto;font-size:7px;color:var(--muted)}
#scheduledTime[readonly],#takenTime[readonly]{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}

/* v18.7.9 · clearer Schedule Extension rest-day UX */
.schedule-rest-day{
  border-color:color-mix(in srgb,#b35c67 24%,var(--line))!important;
  background:color-mix(in srgb,var(--panel) 92%,#b35c67 8%)!important;
}
.schedule-rest-day .special-time-title>i{color:#b35c67!important}
.schedule-rest-day #specialTimeHelp{color:color-mix(in srgb,#b35c67 78%,var(--ink))!important;font-weight:700}
.schedule-rest-day .pd-schedule-auto-output{
  border-color:color-mix(in srgb,#b35c67 28%,var(--line));
  background:color-mix(in srgb,var(--panel) 90%,#b35c67 10%);
}
.schedule-rest-day .pd-schedule-auto-output i{color:#b35c67}
.schedule-rest-day #completedTime + .pd-time-trigger,
.schedule-rest-day .pd-time-trigger[data-for="completedTime"]{opacity:.45;pointer-events:none}

/* Agent Schedule · read-only */
.schedule-readonly-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%)}
.schedule-readonly-notice>svg{width:18px;min-width:18px;margin-top:1px;color:var(--accent)}
.schedule-readonly-notice strong{display:block;font-size:11px}
.schedule-readonly-notice p{margin-top:4px;font-size:9px;line-height:1.5;color:var(--muted)}
.schedule-readonly-row{grid-template-columns:125px 1fr 1fr 100px 115px}
.schedule-time-display,.schedule-rest-display{min-height:48px;display:flex;flex-direction:column;justify-content:center;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 95%,var(--accent) 5%)}
.schedule-time-display small,.schedule-rest-display small{font-size:8px;color:var(--muted);margin-bottom:4px}
.schedule-time-display strong,.schedule-rest-display strong{font-size:11px;color:var(--ink)}
.schedule-rest-display{flex-direction:row;align-items:center;justify-content:flex-start;gap:9px}
.schedule-rest-display>svg{width:16px;color:var(--accent)}
.schedule-rest-display div{display:flex;flex-direction:column}
.schedule-lock-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,var(--panel) 90%,var(--accent) 10%);color:var(--muted);font-size:8px;font-weight:750}
.schedule-lock-pill svg{width:12px}
.schedule-row.is-rest{opacity:.78}
@media(max-width:760px){.schedule-readonly-row{grid-template-columns:1fr 1fr}.schedule-readonly-row .schedule-day{grid-column:1/-1}.schedule-lock-pill{justify-self:end}}
@media(max-width:520px){.schedule-readonly-row{grid-template-columns:1fr}.schedule-lock-pill{justify-self:start}.schedule-readonly-spacer{display:none}}

/* v18.8.1 · Agent Quick Links */
.quick-link-group{display:grid;gap:2px}
.quick-link-group+.quick-link-group{margin-top:11px;padding-top:10px;border-top:1px solid var(--line)}
.quick-group-label{display:block;padding:0 0 5px;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.quick-card .pd-quick-link{width:100%;display:flex;align-items:center;gap:10px;padding:10px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:transparent;text-decoration:none;color:var(--ink);text-align:left}
.quick-card .pd-quick-link:last-child{border-bottom:0}
.quick-card .pd-quick-link>svg:first-child{width:16px;color:var(--accent);flex:0 0 auto}
.quick-card .pd-quick-link>svg:last-child{margin-left:auto;width:12px;color:var(--muted);flex:0 0 auto}
.quick-card .pd-quick-link span{min-width:0;flex:1}
.quick-card .pd-quick-link b,.quick-card .pd-quick-link small{display:block}
.quick-card .pd-quick-link b{font-size:10px}
.quick-card .pd-quick-link small{margin-top:2px;font-size:8px;color:var(--muted)}
.quick-card .pd-quick-link:hover b{color:var(--accent)}

/* v18.8.2 · Quick Links mobile */
.mobile-quick-card{display:none}
@media(max-width:1180px){
  .mobile-quick-card{display:block;margin-top:16px}
  .mobile-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mobile-quick-links .quick-link-group{display:contents}
  .mobile-quick-links .quick-group-label{grid-column:1/-1;margin-top:5px;padding:5px 2px 1px}
  .mobile-quick-links .pd-quick-link{min-height:64px;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%);text-decoration:none;color:var(--ink)}
  .mobile-quick-links .pd-quick-link>svg:first-child{width:17px;color:var(--accent);flex:0 0 auto}
  .mobile-quick-links .pd-quick-link>svg:last-child{width:12px;margin-left:auto;color:var(--muted);flex:0 0 auto}
  .mobile-quick-links .pd-quick-link span{min-width:0;flex:1}
  .mobile-quick-links .pd-quick-link b,.mobile-quick-links .pd-quick-link small{display:block}
  .mobile-quick-links .pd-quick-link b{font-size:9px}
  .mobile-quick-links .pd-quick-link small{margin-top:3px;font-size:7px;color:var(--muted)}
}
@media(max-width:520px){
  .mobile-quick-links{grid-template-columns:1fr 1fr;gap:7px}
  .mobile-quick-links .pd-quick-link{padding:9px;min-height:60px}
}

/* v18.8.3 · customizable Quick Links */
.quick-settings{display:grid;gap:14px}
.quick-settings-group>small{display:block;margin-bottom:7px;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.quick-settings-group>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.quick-settings .favorite-choice{margin:0}
.quick-settings .favorite-choice span{height:100%;display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel) 96%,var(--accent) 4%);font-size:8px;color:var(--ink)}
.quick-settings .favorite-choice span i{width:14px;color:var(--accent)}
.quick-settings .favorite-choice input:checked+span{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--panel) 86%,var(--accent) 14%)}
.quick-settings-count{display:block;margin-top:2px;color:var(--muted);font-size:8px;text-align:right}
.quick-card .pd-quick-link{appearance:none;font-family:inherit}
.mobile-quick-links>.pd-quick-link{min-height:64px}
@media(max-width:520px){.quick-settings-group>div{grid-template-columns:1fr}}

/* v18.8.4 · Rose Veil adaptive glass fix */
body[data-theme="roseveil"][data-mode="light"]{
 --page:#fff4f6!important;--panel:rgba(255,248,250,.66)!important;--sidebar:rgba(248,218,226,.56)!important;
 --ink:#5d3d49!important;--muted:#9b7280!important;--line:rgba(190,108,137,.18)!important;
 --accent:#c86f8e!important;--accent2:#e9a8b9!important;--accent-soft:rgba(243,191,204,.28)!important;
 --panel-rgb:255,248,250!important;--sidebar-rgb:248,218,226!important;
 background:radial-gradient(circle at 8% 8%,rgba(243,191,204,.50),transparent 34%),radial-gradient(circle at 92% 88%,rgba(215,126,156,.28),transparent 36%),linear-gradient(145deg,#fff8f8,#f8e4ea)!important;
}
body[data-theme="roseveil"][data-mode="dark"]{
 --page:#211322!important;--panel:rgba(61,31,52,.68)!important;--sidebar:rgba(48,24,45,.62)!important;
 --ink:#fff0f5!important;--muted:#cda8b6!important;--line:rgba(229,139,170,.18)!important;
 --accent:#df86a5!important;--accent2:#b96689!important;--accent-soft:rgba(213,124,155,.18)!important;
 --panel-rgb:61,31,52!important;--sidebar-rgb:48,24,45!important;
 background:radial-gradient(circle at 8% 8%,rgba(213,124,155,.20),transparent 34%),radial-gradient(circle at 94% 90%,rgba(145,70,101,.28),transparent 38%),linear-gradient(145deg,#211322,#32192e)!important;
}
body[data-theme="roseveil"] .app-shell{
 background:color-mix(in srgb,var(--panel) 72%,transparent)!important;
 border:1px solid color-mix(in srgb,var(--accent) 20%,rgba(255,255,255,.28))!important;
 box-shadow:0 26px 70px color-mix(in srgb,var(--accent) 12%,transparent)!important;
 backdrop-filter:blur(28px) saturate(135%)!important;-webkit-backdrop-filter:blur(28px) saturate(135%)!important;
}
body[data-theme="roseveil"] .sidebar{
 background:color-mix(in srgb,var(--sidebar) 76%,transparent)!important;
 border-right:1px solid color-mix(in srgb,var(--accent) 13%,transparent)!important;
 backdrop-filter:blur(22px) saturate(125%)!important;-webkit-backdrop-filter:blur(22px) saturate(125%)!important;
}
body[data-theme="roseveil"] .main-content{background:transparent!important;color:var(--ink)!important}
body[data-theme="roseveil"] .right-panel{
 background:color-mix(in srgb,var(--panel) 50%,transparent)!important;color:var(--ink)!important;
 border-left:1px solid color-mix(in srgb,var(--accent) 12%,transparent)!important;
 backdrop-filter:blur(20px) saturate(120%)!important;-webkit-backdrop-filter:blur(20px) saturate(120%)!important;
}
body[data-theme="roseveil"] .card,
body[data-theme="roseveil"] .toolbar-card,
body[data-theme="roseveil"] .history-card,
body[data-theme="roseveil"] .request-card,
body[data-theme="roseveil"] .settings-card,
body[data-theme="roseveil"] .mini-stats>div,
body[data-theme="roseveil"] .schedule-overview,
body[data-theme="roseveil"] .schedule-row{
 background:color-mix(in srgb,var(--panel) 82%,transparent)!important;
 color:var(--ink)!important;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))!important;
 box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 8%,transparent)!important;
 backdrop-filter:blur(18px) saturate(125%)!important;-webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
body[data-theme="roseveil"] .stat-card{border:1px solid color-mix(in srgb,var(--accent) 12%,transparent)!important;backdrop-filter:blur(14px)!important}
body[data-theme="roseveil"] .tone-blue{background:color-mix(in srgb,var(--panel) 68%,#f5c9d4 32%)!important}
body[data-theme="roseveil"] .tone-purple{background:color-mix(in srgb,var(--panel) 68%,#e5bfd5 32%)!important}
body[data-theme="roseveil"] .tone-amber{background:color-mix(in srgb,var(--panel) 70%,#f4d7cd 30%)!important}
body[data-theme="roseveil"] .tone-rose{background:color-mix(in srgb,var(--panel) 66%,#eeb8c8 34%)!important}
body[data-theme="roseveil"] .soft-icon,
body[data-theme="roseveil"] .stat-icon,
body[data-theme="roseveil"] .hours-pill,
body[data-theme="roseveil"] .filter-button.active,
body[data-theme="roseveil"] .request-filter.active{
 background:color-mix(in srgb,var(--panel) 72%,var(--accent) 28%)!important;color:var(--accent)!important;
}
body[data-theme="roseveil"] .primary-button{background:linear-gradient(135deg,var(--accent2),var(--accent))!important}
body[data-theme="roseveil"] .menu-item:hover,
body[data-theme="roseveil"] .menu-item.active{background:color-mix(in srgb,var(--panel) 70%,var(--accent) 14%)!important;color:var(--accent)!important}
body[data-theme="roseveil"] .chart-track{background:color-mix(in srgb,var(--panel) 76%,var(--accent) 10%)!important}
body[data-theme="roseveil"] .chart-bar{background:linear-gradient(180deg,var(--accent2),var(--accent))!important}
body[data-theme="roseveil"] .progress-circle{background:conic-gradient(var(--accent) 0 var(--progress,0%),color-mix(in srgb,var(--panel) 76%,var(--accent) 10%) var(--progress,0%))!important}
body[data-theme="roseveil"] .progress-inner{background:color-mix(in srgb,var(--panel) 92%,transparent)!important;color:var(--ink)!important}
body[data-theme="roseveil"] .form-input,
body[data-theme="roseveil"] .search-box,
body[data-theme="roseveil"] .theme-option,
body[data-theme="roseveil"] .pd-quick-link{
 background:color-mix(in srgb,var(--panel) 80%,transparent)!important;color:var(--ink)!important;border-color:color-mix(in srgb,var(--accent) 14%,var(--line))!important;
}

/* v18.8.5 · Journal polish */
.journal-month-count{display:block;margin-top:4px;font-size:8px;color:var(--muted);font-weight:700}
.journal-tools{align-items:stretch}
.journal-search,.journal-filter-wrap{min-height:44px;box-sizing:border-box}
.journal-search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 86%,transparent);overflow:hidden}
.journal-search>svg{width:15px;flex:0 0 auto;color:var(--accent)}
.journal-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--ink)!important;font:inherit;box-shadow:none!important}
.journal-search input::placeholder{color:var(--muted)}
.journal-filter-wrap{position:relative;display:flex;align-items:center;min-width:190px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 86%,transparent);overflow:hidden}
.journal-filter-wrap>svg:first-child{position:absolute;left:11px;width:14px;color:var(--accent);pointer-events:none;z-index:2}
.journal-filter-wrap .form-input{width:100%;height:42px;padding:0 34px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;appearance:none;-webkit-appearance:none}
.journal-select-chevron{position:absolute;right:10px;width:13px;color:var(--muted);pointer-events:none}
.journal-entry.is-pinned{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))!important;background:color-mix(in srgb,var(--panel) 84%,var(--accent) 8%)!important}
.journal-pinned-label{display:flex;align-items:center;gap:3px;margin-top:5px;font-size:7px;font-weight:800;color:var(--accent)}
.journal-pinned-label svg{width:10px}
.journal-entry-actions .journal-pin.active{color:var(--accent);background:color-mix(in srgb,var(--panel) 70%,var(--accent) 18%)}
body[data-theme] .journal-search,body[data-theme] .journal-filter-wrap{border-color:color-mix(in srgb,var(--accent) 15%,var(--line));background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:620px){.journal-tools{grid-template-columns:1fr}.journal-filter-wrap{width:100%;min-width:0}}

/* v18.8.6 · Journal search unified adaptive glass */
body[data-theme] .journal-search{
  position:relative;
  background:color-mix(in srgb,var(--panel) 78%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ink) 5%,transparent),0 6px 18px color-mix(in srgb,var(--accent) 4%,transparent)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
}
body[data-theme] .journal-search input,
body[data-theme] .journal-search input[type="text"],
body[data-theme] .journal-search input[type="search"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--ink)!important;
}
body[data-theme] .journal-search input:hover,
body[data-theme] .journal-search input:focus,
body[data-theme] .journal-search input:focus-visible{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
body[data-theme] .journal-search:focus-within{
  border-color:color-mix(in srgb,var(--accent) 48%,var(--line))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),0 8px 22px color-mix(in srgb,var(--accent) 7%,transparent)!important;
}
body[data-theme] .journal-search input::placeholder{
  color:var(--muted)!important;
  opacity:.82!important;
}

/* v18.8.7 · adaptive dark journal search hard reset */
body[data-theme="everbloom"][data-mode="dark"] #journalSearch,
body[data-theme="everbloom"][data-mode="dark"] #journalSearch:hover,
body[data-theme="everbloom"][data-mode="dark"] #journalSearch:focus,
body[data-theme="everbloom"][data-mode="dark"] #journalSearch:focus-visible,
body[data-theme="celestia"][data-mode="dark"] #journalSearch,
body[data-theme="celestia"][data-mode="dark"] #journalSearch:hover,
body[data-theme="celestia"][data-mode="dark"] #journalSearch:focus,
body[data-theme="celestia"][data-mode="dark"] #journalSearch:focus-visible,
body[data-theme="mermaid"][data-mode="dark"] #journalSearch,
body[data-theme="mermaid"][data-mode="dark"] #journalSearch:hover,
body[data-theme="mermaid"][data-mode="dark"] #journalSearch:focus,
body[data-theme="mermaid"][data-mode="dark"] #journalSearch:focus-visible,
body[data-theme="roseveil"][data-mode="dark"] #journalSearch,
body[data-theme="roseveil"][data-mode="dark"] #journalSearch:hover,
body[data-theme="roseveil"][data-mode="dark"] #journalSearch:focus,
body[data-theme="roseveil"][data-mode="dark"] #journalSearch:focus-visible,
body[data-theme="elven"][data-mode="dark"] #journalSearch,
body[data-theme="elven"][data-mode="dark"] #journalSearch:hover,
body[data-theme="elven"][data-mode="dark"] #journalSearch:focus,
body[data-theme="elven"][data-mode="dark"] #journalSearch:focus-visible,
body[data-theme="aurora"][data-mode="dark"] #journalSearch,
body[data-theme="aurora"][data-mode="dark"] #journalSearch:hover,
body[data-theme="aurora"][data-mode="dark"] #journalSearch:focus,
body[data-theme="aurora"][data-mode="dark"] #journalSearch:focus-visible,
body[data-theme="sunken"][data-mode="dark"] #journalSearch,
body[data-theme="sunken"][data-mode="dark"] #journalSearch:hover,
body[data-theme="sunken"][data-mode="dark"] #journalSearch:focus,
body[data-theme="sunken"][data-mode="dark"] #journalSearch:focus-visible,
body[data-theme="shrine"][data-mode="dark"] #journalSearch,
body[data-theme="shrine"][data-mode="dark"] #journalSearch:hover,
body[data-theme="shrine"][data-mode="dark"] #journalSearch:focus,
body[data-theme="shrine"][data-mode="dark"] #journalSearch:focus-visible,
body[data-theme="crystal"][data-mode="dark"] #journalSearch,
body[data-theme="crystal"][data-mode="dark"] #journalSearch:hover,
body[data-theme="crystal"][data-mode="dark"] #journalSearch:focus,
body[data-theme="crystal"][data-mode="dark"] #journalSearch:focus-visible,
body[data-theme="ravenmoor"][data-mode="dark"] #journalSearch,
body[data-theme="ravenmoor"][data-mode="dark"] #journalSearch:hover,
body[data-theme="ravenmoor"][data-mode="dark"] #journalSearch:focus,
body[data-theme="ravenmoor"][data-mode="dark"] #journalSearch:focus-visible{
 background:transparent!important;background-color:transparent!important;background-image:none!important;
 box-shadow:none!important;-webkit-box-shadow:none!important;border:0!important;outline:0!important;
}
body[data-theme="everbloom"][data-mode="dark"] #journalSearch:-webkit-autofill,
body[data-theme="celestia"][data-mode="dark"] #journalSearch:-webkit-autofill,
body[data-theme="mermaid"][data-mode="dark"] #journalSearch:-webkit-autofill,
body[data-theme="roseveil"][data-mode="dark"] #journalSearch:-webkit-autofill,
body[data-theme="elven"][data-mode="dark"] #journalSearch:-webkit-autofill,
body[data-theme="aurora"][data-mode="dark"] #journalSearch:-webkit-autofill,
body[data-theme="sunken"][data-mode="dark"] #journalSearch:-webkit-autofill,
body[data-theme="shrine"][data-mode="dark"] #journalSearch:-webkit-autofill,
body[data-theme="crystal"][data-mode="dark"] #journalSearch:-webkit-autofill,
body[data-theme="ravenmoor"][data-mode="dark"] #journalSearch:-webkit-autofill{
 -webkit-text-fill-color:var(--ink)!important;
 -webkit-box-shadow:0 0 0 1000px transparent inset!important;
 box-shadow:0 0 0 1000px transparent inset!important;
 transition:background-color 99999s ease-out 0s!important;
 caret-color:var(--ink)!important;
}
body[data-mode="dark"] .journal-search{overflow:hidden!important}

/* v18.8.8 · definitive journal input reset
   #journalSearch must never inherit adaptive dark global input surfaces. */
#journalSearch,
body[data-mode="dark"] #journalSearch,
body[data-mode="light"] #journalSearch,
body[data-theme] #journalSearch,
body[data-theme][data-mode="dark"] #journalSearch,
body[data-theme][data-mode="light"] #journalSearch{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  filter:none!important;
}
#journalSearch:hover,#journalSearch:focus,#journalSearch:focus-visible,#journalSearch:active{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:none!important;
  outline:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
#journalSearch:-webkit-autofill,
#journalSearch:-webkit-autofill:hover,
#journalSearch:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--ink)!important;
  -webkit-box-shadow:0 0 0 1000px transparent inset!important;
  box-shadow:0 0 0 1000px transparent inset!important;
  transition:background-color 999999s ease-in-out 0s!important;
}
.journal-search{
  background:color-mix(in srgb,var(--panel) 78%,transparent)!important;
  overflow:hidden!important;
}

/* =========================================================
   v18.8.9 · ROSE VEIL FULL PALETTE FIX
   Scoped ONLY to Rose Veil, both light and dark.
   Removes leftover blue/purple decorative surfaces.
   ========================================================= */
body[data-theme="roseveil"]{
 --rv-pink:var(--accent);
 --rv-pink2:var(--accent2);
 --rv-soft:color-mix(in srgb,var(--panel) 82%,var(--accent) 18%);
 --rv-softer:color-mix(in srgb,var(--panel) 91%,var(--accent) 9%);
 --rv-line:color-mix(in srgb,var(--accent) 20%,var(--line));
 --rv-glow:color-mix(in srgb,var(--accent) 12%,transparent);
}

/* Shared glass surfaces across Incidencias, Solicitudes, Bitácora, Activity and Mi Corte */
body[data-theme="roseveil"] :is(
 .toolbar-card,.history-card,.request-card,.journal-notice,.journal-calendar-card,.journal-day-card,
 .journal-entry,.activity-toolbar,.activity-score-card,.activity-card,.activity-metrics,
 .section-card,.cut-day,.cut-status-banner,.cut-period-nav,.info-banner,.check-row,
 .metric-card,.request-window-notice,.incident-window-card,.duration-box,.detail-section,
 .detail-grid>div,.review-glass-panel,.mini-stats>div
){
 background:color-mix(in srgb,var(--panel) 84%,var(--accent) 8%)!important;
 border-color:var(--rv-line)!important;
 box-shadow:0 10px 28px var(--rv-glow)!important;
 color:var(--ink)!important;
 backdrop-filter:blur(16px) saturate(120%)!important;
 -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
}

/* Search, selects and inputs */
body[data-theme="roseveil"] :is(
 .search-box,.journal-search,.journal-filter-wrap,.form-input,.review-textarea,
 .request-search,.incident-lookup-results,.incident-lookup-card
){
 background:color-mix(in srgb,var(--panel) 88%,var(--accent) 5%)!important;
 border-color:var(--rv-line)!important;
 color:var(--ink)!important;
}
body[data-theme="roseveil"] :is(.search-box svg,.journal-search>svg,.journal-filter-wrap>svg:first-child){
 color:var(--accent)!important;
}

/* Filters / tabs / pills */
body[data-theme="roseveil"] :is(
 .filter-button,.request-filter,.activity-period-pills button,.help-tab,.request-type-option,
 .appearance-choice,.quick-settings .favorite-choice span
){
 background:color-mix(in srgb,var(--panel) 92%,var(--accent) 5%)!important;
 border-color:var(--rv-line)!important;
 color:var(--muted)!important;
}
body[data-theme="roseveil"] :is(
 .filter-button.active,.filter-button:hover,.request-filter.active,.request-filter:hover,
 .activity-period-pills button.active,.activity-period-pills button:hover,.help-tab.active,
 .request-type-option.selected,.appearance-choice.active,
 .quick-settings .favorite-choice input:checked+span
){
 background:linear-gradient(135deg,
   color-mix(in srgb,var(--panel) 72%,var(--accent2) 28%),
   color-mix(in srgb,var(--panel) 70%,var(--accent) 30%))!important;
 border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important;
 color:var(--ink)!important;
}

/* Dashboard / incidence metric cards: remove blue-purple palette */
body[data-theme="roseveil"] .tone-blue{
 background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 70%,#f4c8d5 30%),color-mix(in srgb,var(--panel) 82%,#e9a7bb 18%))!important;
}
body[data-theme="roseveil"] .tone-purple{
 background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 70%,#edbfd0 30%),color-mix(in srgb,var(--panel) 82%,#d98aa7 18%))!important;
}
body[data-theme="roseveil"] .tone-amber{
 background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 72%,#f5d6d5 28%),color-mix(in srgb,var(--panel) 84%,#e9aebc 16%))!important;
}
body[data-theme="roseveil"] .tone-rose{
 background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 66%,#efb5c8 34%),color-mix(in srgb,var(--panel) 80%,#ce7898 20%))!important;
}
body[data-theme="roseveil"] :is(.stat-icon,.soft-icon){
 background:color-mix(in srgb,var(--panel) 66%,var(--accent) 20%)!important;
 color:var(--accent)!important;
}

/* Incidencias / Solicitudes */
body[data-theme="roseveil"] :is(.details-button,.tiny-button,.text-button,.history-card-folio,.request-card a){
 color:var(--accent)!important;
}
body[data-theme="roseveil"] .incident-item{
 border-color:var(--rv-line)!important;
}
body[data-theme="roseveil"] .type-option{
 background:color-mix(in srgb,var(--panel) 90%,var(--accent) 5%)!important;
 border-color:var(--rv-line)!important;
 color:var(--ink)!important;
}
body[data-theme="roseveil"] .type-option.selected{
 background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 66%,var(--accent2) 34%),color-mix(in srgb,var(--panel) 68%,var(--accent) 32%))!important;
 border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important;
}
body[data-theme="roseveil"] .segmented span{
 background:color-mix(in srgb,var(--panel) 90%,var(--accent) 5%)!important;
 border-color:var(--rv-line)!important;
}
body[data-theme="roseveil"] .segmented input:checked+span{
 background:color-mix(in srgb,var(--panel) 68%,var(--accent) 32%)!important;
 border-color:color-mix(in srgb,var(--accent) 46%,var(--line))!important;
 color:var(--ink)!important;
}

/* Bitácora */
body[data-theme="roseveil"] .journal-day.selected{
 background:linear-gradient(145deg,var(--accent2),var(--accent))!important;
 color:white!important;
 box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 28%,transparent)!important;
}
body[data-theme="roseveil"] .journal-day.is-today:not(.selected){
 border-color:var(--accent)!important;
 color:var(--accent)!important;
}
body[data-theme="roseveil"] :is(.journal-note-dot,.journal-dot-demo){
 background:var(--accent)!important;
}
body[data-theme="roseveil"] .journal-tag{
 background:color-mix(in srgb,var(--panel) 64%,var(--accent) 26%)!important;
 color:var(--accent)!important;
 border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
}
body[data-theme="roseveil"] .journal-entry.is-pinned{
 background:color-mix(in srgb,var(--panel) 78%,var(--accent) 14%)!important;
 border-color:color-mix(in srgb,var(--accent) 36%,var(--line))!important;
}

/* Activity: cards, bars, donut/score graphics */
body[data-theme="roseveil"] .activity-score-card{
 background:linear-gradient(145deg,
 color-mix(in srgb,var(--panel) 79%,var(--accent) 21%),
 color-mix(in srgb,var(--panel) 88%,var(--accent2) 12%))!important;
}
body[data-theme="roseveil"] .activity-score-track{
 background:color-mix(in srgb,var(--panel) 72%,var(--accent) 10%)!important;
}
body[data-theme="roseveil"] :is(.activity-score-fill,.adh-bar-fill,.chart-bar){
 background:linear-gradient(90deg,var(--accent2),var(--accent))!important;
}
body[data-theme="roseveil"] .chart-track{
 background:color-mix(in srgb,var(--panel) 72%,var(--accent) 10%)!important;
}
body[data-theme="roseveil"] .activity-score-top svg{
 color:var(--accent)!important;
}

/* Mi Corte */
body[data-theme="roseveil"] :is(.cut-period-nav,.cut-status-banner,.cut-day,.check-row,.mini-tag){
 background:color-mix(in srgb,var(--panel) 84%,var(--accent) 9%)!important;
 border-color:var(--rv-line)!important;
}
body[data-theme="roseveil"] :is(.cut-status-banner>i,.check-row svg,.mini-tag,.cut-copy-folio){
 color:var(--accent)!important;
}
body[data-theme="roseveil"] .mini-tag{
 background:color-mix(in srgb,var(--panel) 70%,var(--accent) 20%)!important;
}

/* Buttons and decorative accents */
body[data-theme="roseveil"] .primary-button{
 background:linear-gradient(135deg,var(--accent2),var(--accent))!important;
 box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 22%,transparent)!important;
}
body[data-theme="roseveil"] .secondary-button:not(.danger){
 background:color-mix(in srgb,var(--panel) 68%,var(--accent) 18%)!important;
 color:var(--ink)!important;
}
body[data-theme="roseveil"] :is(.menu-item.active,.menu-item:hover){
 background:color-mix(in srgb,var(--panel) 62%,var(--accent) 18%)!important;
 color:var(--accent)!important;
}

/* Quick links and settings details */
body[data-theme="roseveil"] .pd-quick-link{
 background:color-mix(in srgb,var(--panel) 88%,var(--accent) 5%)!important;
 border-color:var(--rv-line)!important;
}
body[data-theme="roseveil"] .pd-quick-link>svg:first-child{
 color:var(--accent)!important;
}

/* Keep semantic states readable, but tint their surfaces into Rose Veil instead of foreign blue/purple */
body[data-theme="roseveil"] .status.pending{
 background:color-mix(in srgb,var(--panel) 62%,#d997aa 38%)!important;
 color:color-mix(in srgb,var(--ink) 74%,#a15f79 26%)!important;
}
body[data-theme="roseveil"] .status.accepted{
 background:color-mix(in srgb,var(--panel) 70%,#d7b7c5 30%)!important;
 color:color-mix(in srgb,var(--ink) 76%,#8e6374 24%)!important;
}
body[data-theme="roseveil"] .status.rejected{
 background:color-mix(in srgb,var(--panel) 58%,#cf7897 42%)!important;
 color:color-mix(in srgb,var(--ink) 70%,#a95273 30%)!important;
}

/* Progress ring uses Rose Veil accent, not old violet */
body[data-theme="roseveil"] .progress-circle{
 background:conic-gradient(var(--accent) 0 var(--progress,0%),color-mix(in srgb,var(--panel) 72%,var(--accent) 10%) var(--progress,0%))!important;
}
body[data-theme="roseveil"] .progress-inner{
 background:color-mix(in srgb,var(--panel) 92%,transparent)!important;
 color:var(--ink)!important;
}

/* =========================================================
   v18.9.0 · ROSE VEIL DEFINITIVE VARIABLE RESET
   ONLY Rose Veil. Light + Dark.
   ========================================================= */
html body[data-theme="roseveil"][data-mode="light"]{
 --accent:#c96f90!important;
 --accent2:#e6a0b5!important;
 --accent-soft:#f7dce4!important;
 --glass-a:#e49ab1!important;
 --glass-b:#c96f90!important;
 --glass-c:#f0bdca!important;
 --r1:#d47e9d!important;--r2:#f5d5df!important;
 --a1:#e39bb2!important;--a2:#f7dce4!important;
 --p1:#bd6687!important;--p2:#efd0da!important;
 --x1:#d98aa6!important;--x2:#f4dce3!important;
 --primary:#c96f90!important;--primary2:#e6a0b5!important;
 --danger:#b95676!important;
 --page:#fff4f6!important;--panel:rgba(255,249,251,.70)!important;
 --panel-rgb:255,249,251!important;--sidebar-rgb:249,225,232!important;
 --ink:#5b3b47!important;--muted:#936b79!important;
 --line:rgba(194,104,138,.20)!important;
}
html body[data-theme="roseveil"][data-mode="dark"]{
 --accent:#df7f9f!important;
 --accent2:#bd6388!important;
 --accent-soft:#4a263d!important;
 --glass-a:#df7f9f!important;
 --glass-b:#b85d82!important;
 --glass-c:#e8a3b9!important;
 --r1:#d97496!important;--r2:#55263f!important;
 --a1:#bd6388!important;--a2:#492039!important;
 --p1:#e394ae!important;--p2:#5a2a45!important;
 --x1:#c96b8e!important;--x2:#422035!important;
 --primary:#d97496!important;--primary2:#b85d82!important;
 --danger:#e06f8e!important;
 --page:#1d111d!important;--panel:rgba(59,29,49,.72)!important;
 --panel-rgb:59,29,49!important;--sidebar-rgb:45,22,41!important;
 --ink:#fff0f5!important;--muted:#cba5b3!important;
 --line:rgba(225,126,160,.20)!important;
}

/* Incident modal: selected type and helper panels must be ROSE, never blue/violet. */
html body[data-theme="roseveil"][data-mode="light"] .modal .incident-types .type-option.selected,
html body[data-theme="roseveil"][data-mode="light"] .request-type-option.selected{
 background:linear-gradient(135deg,#f6cad6,#e9a6ba)!important;
 border-color:#d77f9d!important;color:#5b3b47!important;
 box-shadow:0 0 0 2px rgba(201,111,144,.10),0 8px 20px rgba(201,111,144,.14)!important;
}
html body[data-theme="roseveil"][data-mode="dark"] .modal .incident-types .type-option.selected,
html body[data-theme="roseveil"][data-mode="dark"] .request-type-option.selected{
 background:linear-gradient(135deg,#7c3b5b,#a74f73)!important;
 border-color:#e18aaa!important;color:#fff3f7!important;
 box-shadow:0 0 0 2px rgba(223,127,159,.13),0 8px 22px rgba(0,0,0,.18)!important;
}
html body[data-theme="roseveil"] .modal .incident-types .type-option.selected svg,
html body[data-theme="roseveil"] .request-type-option.selected>svg{
 color:#fff3f7!important;stroke:#fff3f7!important;filter:none!important;
}
html body[data-theme="roseveil"][data-mode="light"] .modal .incident-types .type-option:not(.selected) svg{
 color:#b96a87!important;stroke:#b96a87!important;
}
html body[data-theme="roseveil"][data-mode="dark"] .modal .incident-types .type-option:not(.selected) svg{
 color:#d98aa6!important;stroke:#d98aa6!important;
}

html body[data-theme="roseveil"][data-mode="light"] :is(.duration-box,.incident-window-card,.special-time-panel,.request-selection-banner){
 background:linear-gradient(135deg,rgba(249,217,226,.78),rgba(244,190,207,.55))!important;
 border-color:rgba(201,111,144,.30)!important;color:#5b3b47!important;
}
html body[data-theme="roseveil"][data-mode="dark"] :is(.duration-box,.incident-window-card,.special-time-panel,.request-selection-banner){
 background:linear-gradient(135deg,rgba(91,42,68,.92),rgba(69,31,54,.92))!important;
 border-color:rgba(223,127,159,.35)!important;color:#fff0f5!important;
}
html body[data-theme="roseveil"] :is(.duration-box,.incident-window-card,.special-time-panel,.request-selection-banner) svg{
 color:var(--accent)!important;stroke:var(--accent)!important;
}

/* Requests + incidents lists */
html body[data-theme="roseveil"] :is(.toolbar-card,.history-card,.request-card,.request-window-notice,.incident-lookup-card,.incident-lookup-results){
 background:color-mix(in srgb,var(--panel) 88%,var(--accent) 7%)!important;
 border-color:color-mix(in srgb,var(--accent) 25%,var(--line))!important;
}
html body[data-theme="roseveil"] :is(.filter-button.active,.request-filter.active){
 background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 60%,var(--accent2) 40%),color-mix(in srgb,var(--panel) 64%,var(--accent) 36%))!important;
 color:var(--ink)!important;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))!important;
}

/* Journal */
html body[data-theme="roseveil"] :is(.journal-notice,.journal-calendar-card,.journal-day-card,.journal-entry,.journal-search,.journal-filter-wrap){
 background:color-mix(in srgb,var(--panel) 90%,var(--accent) 6%)!important;
 border-color:color-mix(in srgb,var(--accent) 22%,var(--line))!important;
}
html body[data-theme="roseveil"] .journal-day.selected{
 background:linear-gradient(135deg,var(--accent2),var(--accent))!important;color:white!important;
}
html body[data-theme="roseveil"] :is(.journal-tag,.journal-entry.is-pinned){
 background:color-mix(in srgb,var(--panel) 68%,var(--accent) 27%)!important;
 border-color:color-mix(in srgb,var(--accent) 35%,var(--line))!important;
}

/* Activity */
html body[data-theme="roseveil"] :is(.activity-toolbar,.activity-score-card,.activity-card,.activity-metrics,.activity-event,.activity-impact-row){
 background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 82%,var(--accent) 18%),color-mix(in srgb,var(--panel) 90%,var(--accent2) 10%))!important;
 border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
}
html body[data-theme="roseveil"] :is(.activity-score-fill,.adh-bar-fill,.chart-bar){
 background:linear-gradient(90deg,var(--accent2),var(--accent))!important;
}
html body[data-theme="roseveil"] .activity-period-pills button.active{
 background:color-mix(in srgb,var(--panel) 62%,var(--accent) 32%)!important;color:var(--ink)!important;
}

/* Mi Corte */
html body[data-theme="roseveil"] :is(.cut-period-nav,.cut-status-banner,.cut-day,.cut-day-movement,.cut-source-grid>div,.section-card,.check-row,.mini-tag){
 background:color-mix(in srgb,var(--panel) 84%,var(--accent) 10%)!important;
 border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important;
}
html body[data-theme="roseveil"] :is(.cut-status-banner svg,.check-row svg,.cut-copy-folio,.cut-day-summary .cut-extra){
 color:var(--accent)!important;
}

/* Generic blue/purple legacy accents inside target agent modules */
html body[data-theme="roseveil"] :is(
 #historyView,#requestsView,#journalView,#adherenceView,#cutView,#incidentModal
) :is(.soft-icon,.icon-button,.secondary-button:not(.danger),.hours-pill){
 background:color-mix(in srgb,var(--panel) 65%,var(--accent) 20%)!important;
 color:var(--accent)!important;
}
html body[data-theme="roseveil"] :is(
 #historyView,#requestsView,#journalView,#adherenceView,#cutView,#incidentModal
) :is(.details-button,.tiny-button,.text-button,a){
 color:var(--accent)!important;
}

/* Explicitly neutralize old violet/blue progress and chart decorations. */
html body[data-theme="roseveil"] .progress-circle{
 background:conic-gradient(var(--accent) 0 var(--progress,0%),color-mix(in srgb,var(--panel) 76%,var(--accent) 10%) var(--progress,0%))!important;
}
html body[data-theme="roseveil"] .chart-track,
html body[data-theme="roseveil"] .activity-score-track{
 background:color-mix(in srgb,var(--panel) 74%,var(--accent) 12%)!important;
}

/* v18.9.1 · Rose Veil selected glow
   Restores the cute luminous selection effect without changing the fixed palette. */
html body[data-theme="roseveil"][data-mode="light"] .modal .incident-types .type-option.selected,
html body[data-theme="roseveil"][data-mode="light"] .request-type-option.selected{
 box-shadow:
   0 0 0 2px rgba(255,255,255,.52),
   0 0 0 4px rgba(214,117,151,.13),
   0 0 18px rgba(222,126,160,.28),
   0 8px 24px rgba(196,91,132,.17)!important;
}
html body[data-theme="roseveil"][data-mode="dark"] .modal .incident-types .type-option.selected,
html body[data-theme="roseveil"][data-mode="dark"] .request-type-option.selected{
 box-shadow:
   0 0 0 1px rgba(255,225,236,.30),
   0 0 0 4px rgba(223,127,159,.10),
   0 0 20px rgba(231,132,167,.34),
   0 8px 26px rgba(12,5,11,.25)!important;
}
html body[data-theme="roseveil"] .modal .incident-types .type-option.selected,
html body[data-theme="roseveil"] .request-type-option.selected{
 position:relative;
 isolation:isolate;
 transition:transform .18s ease,box-shadow .22s ease,border-color .18s ease,background .18s ease!important;
}
html body[data-theme="roseveil"] .modal .incident-types .type-option.selected:hover,
html body[data-theme="roseveil"] .request-type-option.selected:hover{
 transform:translateY(-1px);
}
html body[data-theme="roseveil"] .modal .incident-types .type-option.selected svg,
html body[data-theme="roseveil"] .request-type-option.selected>svg{
 filter:drop-shadow(0 0 5px rgba(255,218,231,.42))!important;
}

/* v18.9.2 · Rose Veil LIGHT selected contrast
   Keep the pink glow, but selected icons/text behave like a light theme. */
html body[data-theme="roseveil"][data-mode="light"] .modal .incident-types .type-option.selected,
html body[data-theme="roseveil"][data-mode="light"] .request-type-option.selected{
 color:#5b3b47!important;
}
html body[data-theme="roseveil"][data-mode="light"] .modal .incident-types .type-option.selected svg,
html body[data-theme="roseveil"][data-mode="light"] .request-type-option.selected>svg{
 color:#9f4f70!important;
 stroke:#9f4f70!important;
 filter:drop-shadow(0 0 4px rgba(201,111,144,.18))!important;
}
html body[data-theme="roseveil"][data-mode="light"] .modal .incident-types .type-option.selected :is(b,strong,span,p,small),
html body[data-theme="roseveil"][data-mode="light"] .request-type-option.selected :is(b,strong,span,p,small){
 color:#5b3b47!important;
}
/* Dark Rose Veil intentionally keeps its light selected content. */

/* =========================================================
   PulseDesk brand icon · rendered entirely with HTML/CSS
   Replaces the old sparkle without using an image asset.
   ========================================================= */
.brand .pd-brand-icon{
  position:relative;
  width:38px!important;
  height:38px!important;
  min-width:38px;
  overflow:hidden;
  border-radius:12px;
  display:block!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.34),transparent 30%),
    linear-gradient(145deg,var(--accent2),var(--accent))!important;
  border:1px solid color-mix(in srgb,#fff 40%,var(--accent) 60%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.48),
    0 7px 16px color-mix(in srgb,var(--accent) 18%,transparent);
  color:#fff;
}

/* simplified person / interpreter */
.pd-person{
  position:absolute;
  inset:0;
  display:block;
}
.pd-head{
  position:absolute;
  z-index:3;
  width:15px;
  height:15px;
  left:11px;
  top:6px;
  border-radius:50%;
  background:#fff;
}
.pd-hair{
  position:absolute;
  z-index:4;
  width:15px;
  height:7px;
  left:11px;
  top:5px;
  border-radius:9px 9px 4px 4px;
  background:color-mix(in srgb,var(--ink) 88%,#000 12%);
  clip-path:polygon(0 0,100% 0,100% 55%,75% 40%,57% 72%,38% 43%,0 65%);
}
.pd-body{
  position:absolute;
  z-index:2;
  width:20px;
  height:13px;
  left:9px;
  top:19px;
  border-radius:10px 10px 5px 5px;
  background:#fff;
}
.pd-headset{
  position:absolute;
  z-index:6;
  width:4px;
  height:9px;
  top:9px;
  border-radius:4px;
  background:color-mix(in srgb,var(--ink) 82%,#000 18%);
}
.pd-headset-left{left:7px}
.pd-headset-right{right:7px}
.pd-person::before{
  content:"";
  position:absolute;
  z-index:5;
  width:20px;
  height:14px;
  left:9px;
  top:4px;
  border:2px solid color-mix(in srgb,var(--ink) 82%,#000 18%);
  border-bottom:0;
  border-radius:12px 12px 0 0;
}
.pd-mic{
  position:absolute;
  z-index:7;
  width:8px;
  height:2px;
  left:23px;
  top:17px;
  border-radius:2px;
  background:color-mix(in srgb,var(--ink) 82%,#000 18%);
  transform:rotate(-10deg);
}
.pd-mic::after{
  content:"";
  position:absolute;
  right:-1px;
  top:-1px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:inherit;
}
.pd-mini{
  position:absolute;
  z-index:10;
  right:2px;
  bottom:1px;
  font-size:8px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.8px;
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.28);
}

/* Dark/light/adaptive themes: keep the interpreter readable while
   the tile itself follows the active PulseDesk palette. */
body[data-mode="light"] .pd-brand-icon .pd-hair,
body[data-mode="light"] .pd-brand-icon .pd-headset,
body[data-mode="light"] .pd-brand-icon .pd-person::before,
body[data-mode="light"] .pd-brand-icon .pd-mic{
  background:#26344c;
  border-color:#26344c;
}
body[data-mode="dark"] .pd-brand-icon{
  border-color:color-mix(in srgb,#fff 24%,var(--accent) 76%);
}
body[data-mode="dark"] .pd-brand-icon .pd-hair,
body[data-mode="dark"] .pd-brand-icon .pd-headset,
body[data-mode="dark"] .pd-brand-icon .pd-person::before,
body[data-mode="dark"] .pd-brand-icon .pd-mic{
  background:#20202b;
  border-color:#20202b;
}

@media(max-width:760px){
  .brand .pd-brand-icon{width:36px!important;height:36px!important;min-width:36px}
}

/* =========================================================
   v18.9.4 · PulseDesk code-rendered logo refinement
   Cleaner human/interpreter silhouette for the 38px sidebar mark.
   ========================================================= */
.brand .pd-brand-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.42),transparent 28%),
    linear-gradient(145deg,var(--accent2),var(--accent))!important;
  overflow:hidden!important;
}
.pd-person{position:absolute;inset:0!important}
.pd-head{
  position:absolute!important;z-index:5!important;
  left:12px!important;top:7px!important;
  width:16px!important;height:16px!important;
  border-radius:50%!important;
  background:#fff!important;
}
.pd-hair{
  position:absolute!important;z-index:6!important;
  left:11px!important;top:5px!important;
  width:18px!important;height:9px!important;
  border-radius:10px 10px 6px 6px!important;
  background:#26344c!important;
  clip-path:polygon(0 30%,18% 8%,58% 0,92% 18%,100% 70%,76% 58%,58% 72%,39% 54%,16% 68%,0 70%)!important;
}
.pd-eye{
  position:absolute!important;z-index:8!important;
  top:13px!important;width:2px!important;height:3px!important;
  border-radius:50%!important;background:#26344c!important;
}
.pd-eye-left{left:17px!important}
.pd-eye-right{left:22px!important}
.pd-smile{
  position:absolute!important;z-index:8!important;
  left:18px!important;top:18px!important;
  width:6px!important;height:3px!important;
  border-bottom:1.6px solid #26344c!important;
  border-radius:0 0 8px 8px!important;
}
.pd-body{
  position:absolute!important;z-index:3!important;
  left:9px!important;top:22px!important;
  width:22px!important;height:14px!important;
  border-radius:12px 12px 5px 5px!important;
  background:#fff!important;
}
.pd-headset-band{
  position:absolute!important;z-index:7!important;
  left:9px!important;top:6px!important;
  width:22px!important;height:17px!important;
  border:2px solid #26344c!important;
  border-bottom:0!important;
  border-radius:13px 13px 0 0!important;
}
.pd-headset{
  position:absolute!important;z-index:9!important;
  top:12px!important;width:4px!important;height:9px!important;
  border-radius:4px!important;background:#26344c!important;
}
.pd-headset-left{left:7px!important}
.pd-headset-right{right:7px!important}
.pd-mic{
  position:absolute!important;z-index:10!important;
  left:25px!important;top:19px!important;
  width:7px!important;height:2px!important;
  border-radius:3px!important;background:#26344c!important;
  transform:rotate(-8deg)!important;
}
.pd-mic::after{
  content:""!important;position:absolute!important;
  right:-1px!important;top:-1px!important;width:4px!important;height:4px!important;
  border-radius:50%!important;background:#26344c!important;
}
.pd-mini{
  position:absolute!important;z-index:12!important;
  right:2px!important;bottom:2px!important;
  padding:2px 3px 1px!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.94)!important;
  color:#26344c!important;
  font-size:7px!important;line-height:1!important;
  font-weight:950!important;letter-spacing:-.45px!important;
  text-shadow:none!important;
  box-shadow:0 1px 4px rgba(0,0,0,.14)!important;
}
/* Prevent old pseudo headset from drawing over the refined face */
.pd-person::before{content:none!important}

/* Theme behavior: tile follows theme; person stays crisp and readable */
body[data-mode="dark"] .pd-brand-icon .pd-head,
body[data-mode="dark"] .pd-brand-icon .pd-body{background:#fff!important}
body[data-mode="dark"] .pd-brand-icon :is(.pd-hair,.pd-eye,.pd-headset,.pd-mic){background:#202536!important}
body[data-mode="dark"] .pd-brand-icon .pd-headset-band{border-color:#202536!important}
body[data-mode="dark"] .pd-brand-icon .pd-smile{border-color:#202536!important}
body[data-mode="dark"] .pd-brand-icon .pd-mini{background:rgba(255,255,255,.95)!important;color:#202536!important}

/* =========================================================
   v18.9.5 · Minimal adaptive PulseDesk mark
   White interpreter silhouette + simple headphones + PD.
   No face/hair/mic details. Background follows EVERY theme.
   ========================================================= */
.brand .pd-brand-icon{
  position:relative!important;
  width:40px!important;height:40px!important;min-width:40px!important;
  border-radius:13px!important;
  overflow:hidden!important;
  display:block!important;
  background:
    radial-gradient(circle at 26% 18%,rgba(255,255,255,.34),transparent 28%),
    linear-gradient(145deg,var(--accent2),var(--accent))!important;
  border:1px solid color-mix(in srgb,var(--accent) 54%,rgba(255,255,255,.58))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 6px 15px color-mix(in srgb,var(--accent) 18%,transparent)!important;
}
.pd-person{position:absolute!important;inset:0!important;display:block!important}

/* clean white head */
.pd-head{
  position:absolute!important;
  z-index:4!important;
  left:13px!important;top:7px!important;
  width:14px!important;height:14px!important;
  border-radius:50%!important;
  background:#fff!important;
}

/* clean white shoulders */
.pd-body{
  position:absolute!important;
  z-index:3!important;
  left:8px!important;top:21px!important;
  width:24px!important;height:15px!important;
  border-radius:13px 13px 5px 5px!important;
  background:#fff!important;
}

/* one simple headphone glyph, tinted by current theme */
.pd-headphones{
  position:absolute!important;
  z-index:6!important;
  left:9px!important;top:5px!important;
  width:22px!important;height:18px!important;
  border:2px solid color-mix(in srgb,var(--ink) 72%,var(--accent) 28%)!important;
  border-bottom:0!important;
  border-radius:13px 13px 0 0!important;
}
.pd-headphones::before,
.pd-headphones::after{
  content:""!important;
  position:absolute!important;
  top:7px!important;
  width:4px!important;height:8px!important;
  border-radius:4px!important;
  background:color-mix(in srgb,var(--ink) 72%,var(--accent) 28%)!important;
}
.pd-headphones::before{left:-4px!important}
.pd-headphones::after{right:-4px!important}

/* PD stays readable but inherits the theme accent */
.pd-mini{
  position:absolute!important;
  z-index:10!important;
  right:2px!important;bottom:2px!important;
  padding:2px 3px 1px!important;
  border-radius:5px!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--accent)!important;
  font-size:7px!important;line-height:1!important;
  font-weight:950!important;letter-spacing:-.45px!important;
  text-shadow:none!important;
  box-shadow:0 1px 4px rgba(0,0,0,.12)!important;
}

/* Kill every old detail from previous logo versions. */
.pd-hair,.pd-eye,.pd-smile,.pd-headset-band,.pd-headset,.pd-mic{display:none!important}
.pd-person::before{content:none!important}

/* In dark themes the person remains white; headphones use a soft light/theme mix. */
body[data-mode="dark"] .pd-head,
body[data-mode="dark"] .pd-body{background:#fff!important}
body[data-mode="dark"] .pd-headphones{
  border-color:color-mix(in srgb,#fff 70%,var(--accent) 30%)!important;
}
body[data-mode="dark"] .pd-headphones::before,
body[data-mode="dark"] .pd-headphones::after{
  background:color-mix(in srgb,#fff 70%,var(--accent) 30%)!important;
}
body[data-mode="dark"] .pd-mini{
  background:rgba(255,255,255,.94)!important;
  color:var(--accent)!important;
}

/* v18.9.6 · Logo micro-adjustment
   ONLY makes the headphones smaller and closer to the head. */
.brand .pd-brand-icon .pd-headphones{
  left:11px!important;
  top:6px!important;
  width:18px!important;
  height:15px!important;
  border-width:2px!important;
  border-radius:11px 11px 0 0!important;
}
.brand .pd-brand-icon .pd-headphones::before,
.brand .pd-brand-icon .pd-headphones::after{
  top:6px!important;
  width:3px!important;
  height:7px!important;
  border-radius:3px!important;
}
.brand .pd-brand-icon .pd-headphones::before{left:-3px!important}
.brand .pd-brand-icon .pd-headphones::after{right:-3px!important}

/* v18.9.7 · Logo micro-adjustment
   ONLY headphone vertical position. Size and all other logo parts untouched. */
.brand .pd-brand-icon .pd-headphones{
  top:3px!important;
}
.brand .pd-brand-icon .pd-headphones::before,
.brand .pd-brand-icon .pd-headphones::after{
  top:5px!important;
}

/* v18.9.8 · Logo micro-adjustment
   ONLY the headphone band: lower/tighter arc so it hugs the head. */
.brand .pd-brand-icon .pd-headphones{
  left:12px!important;
  top:5px!important;
  width:16px!important;
  height:11px!important;
  border-width:2px!important;
  border-bottom:0!important;
  border-radius:9px 9px 0 0!important;
}

/* Keep the existing ear pads where they already looked correct. */
.brand .pd-brand-icon .pd-headphones::before{
  left:-4px!important;
  top:3px!important;
}
.brand .pd-brand-icon .pd-headphones::after{
  right:-4px!important;
  top:3px!important;
}

/* =========================================================
   PulseDesk v19.0 · Authentication & Role Router
   ========================================================= */
.role-app.hidden,.auth-screen.hidden{display:none!important}
.auth-screen{
  min-height:calc(100vh - 56px);
  display:grid;place-items:center;
  padding:28px;
}
.auth-card{
  width:min(440px,100%);
  padding:28px;
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));
  border-radius:28px;
  background:color-mix(in srgb,var(--panel) 88%,transparent);
  box-shadow:0 28px 80px color-mix(in srgb,var(--accent) 12%,transparent);
  backdrop-filter:blur(28px) saturate(120%);
  -webkit-backdrop-filter:blur(28px) saturate(120%);
}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.auth-brand-icon{width:46px!important;height:46px!important;min-width:46px!important}
.auth-brand>div:last-child strong,.auth-brand>div:last-child small{display:block}
.auth-brand>div:last-child strong{font-size:18px}
.auth-brand>div:last-child small{font-size:9px;color:var(--muted);margin-top:3px}
.auth-copy{margin-bottom:20px}
.auth-copy h1{font-size:28px;margin-bottom:7px}
.auth-copy>p:last-child{font-size:11px;color:var(--muted);line-height:1.5}
.auth-form{display:grid;gap:14px}
.auth-form label>span{display:block;font-size:9px;font-weight:800;margin-bottom:6px;color:var(--ink)}
.auth-password-wrap{position:relative}
.auth-password-wrap .form-input{padding-right:42px}
.auth-password-toggle{
  position:absolute;right:6px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;border:0;border-radius:9px;
  display:grid;place-items:center;background:transparent;color:var(--muted)
}
.auth-password-toggle:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}
.auth-password-toggle svg{width:15px}
.auth-submit{width:100%;margin-top:2px}
.auth-error{font-size:9px;color:var(--danger);padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--danger) 8%,transparent)}
.demo-access{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.demo-access-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.demo-access-head>svg{width:16px;color:var(--accent)}
.demo-access-head strong,.demo-access-head small{display:block}
.demo-access-head strong{font-size:10px}
.demo-access-head small{font-size:8px;color:var(--muted);margin-top:2px}
.demo-access-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.demo-access-grid button{
  padding:10px;border:1px solid var(--line);border-radius:12px;
  background:color-mix(in srgb,var(--panel) 90%,var(--accent) 5%);
  color:var(--ink);text-align:left
}
.demo-access-grid button:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));transform:translateY(-1px)}
.demo-access-grid span,.demo-access-grid small{display:block}
.demo-access-grid span{font-size:9px;font-weight:800}
.demo-access-grid small{font-size:7px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis}
.demo-password{display:block;margin-top:8px;font-size:8px;color:var(--muted);text-align:center}

/* Logout */
.session-card{align-items:start}
.session-logout-button{width:max-content;color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 8%,var(--panel))!important}
.logout-modal{width:min(420px,100%);text-align:center}
.logout-modal-icon{width:50px;height:50px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--danger) 10%,var(--panel));color:var(--danger)}
.logout-modal-icon svg{width:21px}
.logout-modal h2{font-size:21px}
.logout-modal>p{margin-top:8px;font-size:10px;line-height:1.6;color:var(--muted)}
.logout-modal .form-actions{justify-content:center}
.logout-confirm{background:linear-gradient(135deg,color-mix(in srgb,var(--danger) 72%,var(--accent2)),var(--danger))!important}

/* Supervisor placeholder app */
.supervisor-shell{
  max-width:1540px;min-height:850px;margin:auto;
  display:grid;grid-template-columns:235px minmax(0,1fr);
  border:1px solid color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.7));
  border-radius:30px;overflow:hidden;
  background:color-mix(in srgb,var(--panel) 76%,transparent);
  box-shadow:var(--shadow);backdrop-filter:blur(24px)
}
.supervisor-sidebar{
  padding:26px 18px;display:flex;flex-direction:column;
  background:rgba(var(--sidebar-rgb),.58);
  border-right:1px solid var(--line)
}
.supervisor-brand{margin-bottom:24px}
.supervisor-brand small{font-size:8px;color:var(--muted)}
.supervisor-user-card{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:20px;border-radius:16px;background:color-mix(in srgb,var(--panel) 84%,transparent)}
.supervisor-user-card .avatar{width:38px;height:38px}
.supervisor-user-card strong,.supervisor-user-card small{display:block}
.supervisor-user-card strong{font-size:10px}.supervisor-user-card small{font-size:8px;color:var(--muted);margin-top:2px}
.supervisor-menu{display:grid;gap:7px}
.supervisor-menu .menu-item:disabled{opacity:.42;cursor:not-allowed}
.supervisor-main{padding:34px;min-width:0}
.supervisor-utility{justify-content:flex-end}
.supervisor-role-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--panel) 72%,var(--accent) 14%);color:var(--accent);font-size:9px;font-weight:850}
.supervisor-role-pill svg{width:14px}
.supervisor-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:28px}
.supervisor-welcome h1{margin:3px 0 8px}
.supervisor-welcome p:last-child{max-width:700px;font-size:11px;line-height:1.6;color:var(--muted)}
.supervisor-placeholder-icon{width:82px;height:82px;min-width:82px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 62%,var(--accent2) 38%),color-mix(in srgb,var(--panel) 62%,var(--accent) 38%));color:var(--accent)}
.supervisor-placeholder-icon svg{width:34px}
.supervisor-route-check{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.supervisor-route-check article{display:grid;gap:7px}
.supervisor-route-check article>svg{width:20px;color:var(--accent)}
.supervisor-route-check strong{font-size:11px}
.supervisor-route-check p{font-size:9px;color:var(--muted);line-height:1.5}
.supervisor-logout{color:var(--danger)!important}

@media(max-width:760px){
  .auth-screen{min-height:calc(100vh - 20px);padding:10px}
  .auth-card{padding:22px;border-radius:22px}
  .demo-access-grid{grid-template-columns:1fr}
  .supervisor-shell{display:block;min-height:calc(100vh - 90px);border-radius:22px}
  .supervisor-sidebar{display:none}
  .supervisor-main{padding:22px 15px}
  .supervisor-welcome{align-items:flex-start}
  .supervisor-placeholder-icon{width:58px;height:58px;min-width:58px;border-radius:18px}
  .supervisor-route-check{grid-template-columns:1fr}
}

/* v19.0.1 · Auth logo uses the exact same stable mark as sidebar */
.auth-brand .pd-brand-icon{
  position:relative!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  overflow:hidden!important;
  display:block!important;
  border-radius:13px!important;
}
.auth-brand .pd-person{position:absolute!important;inset:0!important}
.auth-brand .pd-head{
  left:13px!important;top:7px!important;width:14px!important;height:14px!important;
}
.auth-brand .pd-body{
  left:8px!important;top:21px!important;width:24px!important;height:15px!important;
}
.auth-brand .pd-headphones{
  left:12px!important;top:5px!important;width:16px!important;height:11px!important;
  border-width:2px!important;border-bottom:0!important;border-radius:9px 9px 0 0!important;
}
.auth-brand .pd-headphones::before{left:-4px!important;top:3px!important}
.auth-brand .pd-headphones::after{right:-4px!important;top:3px!important}
.auth-brand .pd-mini{
  right:2px!important;bottom:2px!important;
}

/* v19.0.4 · blank-screen recovery */
#authScreen{display:grid}
#authScreen.hidden{display:none!important}
#agentApp.hidden,#supervisorApp.hidden{display:none!important}

/* v19.0.5 · Role DOM separation safety */
#agentApp.hidden,#supervisorApp.hidden{display:none!important}
#supervisorApp:not(.hidden){display:grid!important}
@media(max-width:760px){#supervisorApp:not(.hidden){display:block!important}}

/* ===== v19.1.0 Stable Supervisor Shell ===== */
.supervisor-shell{position:relative;max-width:1540px;min-height:850px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.7));border-radius:30px;overflow:hidden;background:color-mix(in srgb,var(--panel) 76%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(118%)}
.supervisor-sidebar{padding:26px 18px;display:flex;flex-direction:column;background:rgba(var(--sidebar-rgb),.58);border-right:1px solid var(--line)}
.supervisor-brand{margin-bottom:21px}.supervisor-brand small{font-size:8px;color:var(--muted)}
.supervisor-user-card{width:100%;display:flex;align-items:center;gap:10px;padding:11px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--accent) 8%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel) 82%,var(--accent) 4%);color:var(--ink);text-align:left}
.supervisor-user-card .avatar{width:38px;height:38px;min-width:38px}.supervisor-user-card>div:nth-child(2){min-width:0;flex:1}.supervisor-user-card strong,.supervisor-user-card small{display:block}.supervisor-user-card strong{font-size:10px}.supervisor-user-card small{font-size:7px;color:var(--muted);margin-top:2px}.supervisor-user-card>svg{width:14px;color:var(--muted)}
.supervisor-menu{display:grid;gap:6px}.supervisor-menu .menu-item,.supervisor-sidebar .sidebar-bottom .menu-item{width:100%}.sup-logout{color:var(--danger)!important}
.supervisor-main{padding:30px 34px 38px;min-width:0;overflow:hidden}.sup-topbar{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.sup-topbar h2{font-size:19px;margin-top:2px}.sup-top-actions{display:flex;gap:8px}.sup-top-actions .icon-button{position:relative}.sup-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);right:8px;top:7px;border:2px solid var(--panel)}
.sup-view{display:none}.sup-view.active{display:block}.sup-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px}.sup-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;top:-120px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%);pointer-events:none}.sup-hero h1{font-size:25px;margin:3px 0 7px}.sup-hero p:last-child{font-size:10px;color:var(--muted);line-height:1.55}.sup-hero-icon{width:66px;height:66px;min-width:66px;border-radius:22px;display:grid;place-items:center;color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 60%,var(--accent2) 40%),color-mix(in srgb,var(--panel) 65%,var(--accent) 35%))}.sup-hero-icon svg{width:27px}
.sup-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.sup-stats article{display:flex;align-items:center;gap:11px;padding:16px}.sup-stats small,.sup-stats strong,.sup-stats span{display:block}.sup-stats small{font-size:7.5px;color:var(--muted);font-weight:750}.sup-stats strong{font-size:20px;margin:2px 0}.sup-stats span{font-size:7px;color:var(--muted)}
.sup-home-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:12px}.sup-focus{padding:18px}.sup-empty{min-height:145px;margin-top:13px;border:1px dashed color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;background:color-mix(in srgb,var(--panel) 82%,var(--accent) 3%)}.sup-empty>svg{width:24px;color:var(--accent);margin-bottom:8px}.sup-empty strong{font-size:10px}.sup-empty span{max-width:360px;font-size:8px;line-height:1.5;color:var(--muted);margin-top:4px}
.sup-placeholder{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.sup-placeholder>svg{width:38px;height:38px;color:var(--accent);margin-bottom:14px}.sup-placeholder h2{font-size:20px}.sup-placeholder p{max-width:500px;font-size:10px;line-height:1.6;color:var(--muted);margin-top:7px}.sup-placeholder span{margin-top:14px;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent);font-size:7px;font-weight:850}
.sup-settings{padding:20px}.sup-profile-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:12px}.sup-profile-card{grid-row:span 2;overflow:hidden;padding:0}.sup-profile-cover{height:105px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 76%,var(--panel)),color-mix(in srgb,var(--accent) 78%,var(--panel)))}.sup-profile-head{display:flex;align-items:flex-end;gap:12px;padding:0 20px;margin-top:-27px}.sup-profile-avatar{width:58px!important;height:58px!important;min-width:58px!important;border:4px solid var(--panel);font-size:15px}.sup-profile-head h2{font-size:18px;margin:2px 0 5px}.sup-profile-copy{padding:16px 20px 22px;font-size:9px;line-height:1.6;color:var(--muted)}.sup-profile-info,.sup-profile-session{padding:20px}.sup-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:14px}.sup-info-grid>div{padding:11px;border-radius:13px;background:color-mix(in srgb,var(--panel) 83%,var(--accent) 3%);border:1px solid var(--line)}.sup-info-grid span,.sup-info-grid strong{display:block}.sup-info-grid span{font-size:7px;color:var(--muted);margin-bottom:4px}.sup-info-grid strong{font-size:9px}.profile-soft-note{display:flex;align-items:flex-start;gap:7px;margin-top:12px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));font-size:8px;line-height:1.5;color:var(--muted)}.profile-soft-note svg{width:14px;min-width:14px;color:var(--accent)}.sup-profile-logout{color:var(--danger)!important}.sup-mobile-nav{}
@media(max-width:1000px){.sup-stats{grid-template-columns:1fr 1fr}.sup-home-grid{grid-template-columns:1fr}.sup-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.supervisor-shell{display:block!important;min-height:calc(100vh - 30px);border-radius:22px;padding-bottom:72px}.supervisor-sidebar{display:none}.supervisor-main{padding:20px 14px}.sup-hero{padding:21px}.sup-hero-icon{width:52px;height:52px;min-width:52px;border-radius:17px}.sup-stats{grid-template-columns:1fr 1fr;gap:8px}.sup-stats article{padding:12px;gap:8px}.sup-profile-grid{grid-template-columns:1fr}.sup-profile-card{grid-row:auto}.sup-info-grid{grid-template-columns:1fr}.sup-mobile-nav{position:fixed;grid-template-columns:repeat(4,1fr);left:12px;right:12px;bottom:10px;padding:7px;border-radius:18px;background:color-mix(in srgb,var(--panel) 86%,transparent);border:1px solid var(--line);box-shadow:0 15px 40px rgba(0,0,0,.16);backdrop-filter:blur(22px)}.sup-mobile-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;gap:3px;padding:6px;border-radius:12px;font-size:7px}.sup-mobile-nav button svg{width:17px}.sup-mobile-nav button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}}

/* =========================================================
   v19.1.1 · Cute Supervisor Profile
   Mirrors the visual language of Agent Profile.
   ========================================================= */
.sup-profile-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.sup-profile-hero-cute{
  grid-column:1/-1;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:24px;
  min-height:190px;
  padding:24px!important;
  background:
    radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 28%),
    linear-gradient(135deg,
      color-mix(in srgb,var(--accent2) 16%,var(--panel)),
      color-mix(in srgb,var(--accent) 13%,var(--panel)))!important;
}
.sup-photo-wrap{position:relative;flex:0 0 auto}
.sup-photo{
  width:112px;
  height:112px;
  display:grid;
  place-items:center;
  border-radius:30px;
  background:linear-gradient(135deg,var(--accent2),var(--accent));
  color:#fff;
  font-weight:850;
  font-size:30px;
  box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 18%,transparent);
  border:1px solid color-mix(in srgb,#fff 28%,var(--accent));
}
.sup-photo-status{
  position:absolute;
  right:-5px;
  bottom:-5px;
  width:34px;
  height:34px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:var(--panel);
  color:var(--accent);
  border:1px solid var(--line);
  box-shadow:0 8px 18px rgba(0,0,0,.10);
}
.sup-photo-status svg{width:17px}
.sup-profile-hero-copy{min-width:0}
.sup-profile-hero-copy h2{font-size:25px;margin:1px 0 4px}
.sup-profile-nickname{font-size:10px;color:var(--muted);margin-bottom:11px}
.sup-profile-hero-copy .profile-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  background:var(--accent-soft);
  color:var(--accent);
  font-size:9px;
  font-weight:800;
}
.sup-profile-hero-copy .profile-pill svg{width:13px}
.sup-profile-sparkle{
  margin-left:auto;
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:22px;
  color:var(--accent);
  background:color-mix(in srgb,var(--panel) 62%,var(--accent) 15%);
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));
  box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 10%,transparent);
}
.sup-profile-sparkle svg{width:27px}
.sup-profile-section{
  display:grid;
  gap:16px;
  align-content:start;
}
.sup-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.sup-profile-field{
  min-height:62px;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 91%,var(--accent) 3%);
}
.sup-profile-field span,.sup-profile-field strong{display:block}
.sup-profile-field span{font-size:8px;color:var(--muted);margin-bottom:5px}
.sup-profile-field strong{font-size:10px;color:var(--ink);overflow-wrap:anywhere}
.sup-tenure-card{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  border-radius:13px;
  background:color-mix(in srgb,var(--accent-soft) 65%,var(--panel));
}
.sup-tenure-card>svg{width:18px;color:var(--accent)}
.sup-tenure-card small,.sup-tenure-card strong{display:block}
.sup-tenure-card small{font-size:8px;color:var(--muted)}
.sup-tenure-card strong{font-size:10px;margin-top:2px}
.sup-session-section{grid-column:1/-1}
.sup-profile-logout{width:max-content;color:var(--danger)!important}

/* Theme-safe glass behavior */
body[data-mode="dark"] .sup-profile-hero-cute{
  background:
    radial-gradient(circle at 88% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 30%),
    linear-gradient(135deg,
      color-mix(in srgb,var(--panel) 84%,var(--accent2) 16%),
      color-mix(in srgb,var(--panel) 86%,var(--accent) 14%))!important;
}
body[data-mode="dark"] .sup-profile-field{
  background:color-mix(in srgb,var(--panel) 92%,var(--accent) 4%);
}
@media(max-width:760px){
  .sup-profile-layout{grid-template-columns:1fr}
  .sup-profile-hero-cute{align-items:flex-start;gap:16px;padding:20px!important}
  .sup-photo{width:84px;height:84px;border-radius:24px;font-size:23px}
  .sup-profile-sparkle{display:none}
  .sup-form-grid{grid-template-columns:1fr}
  .sup-session-section{grid-column:auto}
}
@media(max-width:470px){
  .sup-profile-hero-cute{flex-direction:column}
}

/* v19.1.2 · Supervisor profile mirrors Agent Profile */
.sup-agentlike-profile{display:grid;gap:14px}
.sup-agentlike-hero{
  display:flex;align-items:center;gap:24px;padding:22px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 10%,var(--panel)),color-mix(in srgb,var(--accent) 8%,var(--panel)))!important;
}
.sup-agentlike-photo-wrap{display:grid;justify-items:start;gap:8px;flex:0 0 auto}
.sup-agentlike-photo{
  width:112px;height:112px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;font-size:29px;font-weight:850;
  box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 15%,transparent)
}
.sup-photo-button{opacity:.72;cursor:default}.sup-remove-photo{border:0;background:transparent;color:var(--accent);font-size:9px;padding:0 2px;opacity:.55}
.sup-agentlike-intro h2{font-size:25px;margin:2px 0}.sup-agentlike-intro>p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:9px}
.sup-agentlike-intro .profile-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:800}
.sup-agentlike-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sup-agentlike-section{display:grid;gap:15px;align-content:start}
.sup-profile-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sup-profile-input{min-height:60px;padding:10px 12px;border-radius:13px;background:color-mix(in srgb,var(--panel) 93%,var(--accent) 2%);border:1px solid color-mix(in srgb,var(--line) 86%,var(--accent) 14%)}
.sup-profile-input label,.sup-profile-input strong{display:block}.sup-profile-input label{font-size:8px;color:var(--muted);margin-bottom:5px}.sup-profile-input label small{float:right;font-size:5.5px;letter-spacing:.08em;color:var(--accent);font-weight:900}.sup-profile-input strong{font-size:10px;overflow-wrap:anywhere}
.sup-emergency-message{display:flex;align-items:flex-start;gap:11px;padding:14px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 72%,var(--panel)),color-mix(in srgb,var(--panel) 92%,var(--accent2) 8%));border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))}
.sup-emergency-message>svg{width:20px;min-width:20px;color:var(--accent);margin-top:1px}.sup-emergency-message strong,.sup-emergency-message span{display:block}.sup-emergency-message strong{font-size:9px;line-height:1.5}.sup-emergency-message span{font-size:8px;line-height:1.55;color:var(--muted);margin-top:3px}
.sup-emergency-card .sup-profile-form{grid-template-columns:1fr 1fr 1fr}
.sup-session-card{align-content:start}.sup-session-note{display:flex;align-items:center;gap:8px;padding:12px;border-radius:13px;background:color-mix(in srgb,var(--accent-soft) 45%,var(--panel));font-size:8px;color:var(--muted)}.sup-session-note svg{width:16px;color:var(--accent)}
.sup-profile-logout{width:max-content;color:var(--danger)!important}
@media(max-width:900px){.sup-agentlike-grid{grid-template-columns:1fr}.sup-emergency-card .sup-profile-form{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sup-agentlike-hero{align-items:flex-start}.sup-agentlike-photo{width:88px;height:88px}.sup-profile-form,.sup-emergency-card .sup-profile-form{grid-template-columns:1fr}}
@media(max-width:440px){.sup-agentlike-hero{flex-direction:column}}

/* v19.1.3 · editable Supervisor profile */
.sup-profile-input.editable{padding:8px 11px}
.sup-profile-input.editable input,.sup-profile-input.editable select{
 width:100%;border:0;outline:0;background:transparent;color:var(--ink);
 font:inherit;font-size:10px;padding:3px 0;
}
.sup-profile-input.editable select{cursor:pointer}
.sup-profile-actions{display:flex;align-items:center;gap:10px;margin-top:-2px}
.sup-profile-actions button{width:max-content}
#supSaveStatus{font-size:8px;color:var(--accent);font-weight:750}

/* =========================================================
   v19.1.4 · Supervisor profile = Agent Profile visual mirror
   ========================================================= */
.sup-profile-pagehead{
 display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px
}
.sup-profile-pagehead h1{font-size:31px;line-height:1.1;margin-bottom:7px}
.sup-profile-hero-mirror{
 display:flex;align-items:center;gap:24px;
 background:linear-gradient(135deg,color-mix(in srgb,var(--accent2) 12%,var(--panel)),color-mix(in srgb,var(--accent) 10%,var(--panel)))!important;
 margin-bottom:14px
}
.sup-photo-column{display:grid;justify-items:start;gap:8px}
.sup-profile-photo{
 width:112px;height:112px;border-radius:50%;overflow:hidden;display:grid;place-items:center;
 background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;
 font-weight:800;font-size:30px;box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 16%,transparent)
}
.sup-profile-photo img,.supervisor-user-card .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.sup-profile-hero-mirror h2{font-size:25px}
.sup-profile-hero-mirror #supProfileNickname{color:var(--muted);margin:4px 0 10px}
.sup-profile-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sup-profile-section-mirror{display:grid;gap:16px;align-content:start}
.sup-profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.sup-profile-form-grid label{font-size:9px;color:var(--muted)}
.sup-profile-form-grid label>small{
 float:right;font-size:5.5px;letter-spacing:.09em;color:var(--accent);font-weight:900
}
.sup-readonly-field{
 width:100%;min-height:40px;margin-top:6px;padding:11px 12px;
 border:1px solid var(--line);border-radius:12px;
 background:color-mix(in srgb,var(--panel) 91%,var(--accent) 2%);
 color:var(--ink);font-size:10px;display:flex;align-items:center
}
.sup-agent-count strong{font-size:16px;color:var(--accent)}
.sup-emergency-cute-note{
 display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:13px;
 background:color-mix(in srgb,var(--accent-soft) 55%,var(--panel));
 border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))
}
.sup-emergency-cute-note>svg{width:18px;min-width:18px;color:var(--accent)}
.sup-emergency-cute-note strong,.sup-emergency-cute-note span{display:block}
.sup-emergency-cute-note strong{font-size:9px;line-height:1.45}
.sup-emergency-cute-note span{font-size:8px;line-height:1.5;color:var(--muted);margin-top:3px}
.sup-profile-logout{width:max-content;color:var(--danger)!important}
@media(max-width:900px){
 .sup-profile-two-col{grid-template-columns:1fr}
}
@media(max-width:620px){
 .sup-profile-pagehead{flex-direction:column}
 .sup-profile-pagehead .primary-button{width:100%}
 .sup-profile-hero-mirror{align-items:flex-start}
 .sup-profile-photo{width:90px;height:90px}
 .sup-profile-form-grid{grid-template-columns:1fr}
}
@media(max-width:460px){
 .sup-profile-hero-mirror{flex-direction:column}
}

/* v19.1.5 · Temporary dev editing for protected supervisor data */
.dev-edit-badge{
  color:var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 9%,transparent);
  border-radius:999px;
  padding:2px 5px;
}

/* =========================================================
   v19.1.6 · Supervisor pronouns + right rail
   ========================================================= */
.supervisor-shell{
  grid-template-columns:235px minmax(0,1fr) 275px!important;
}
.sup-right-panel{
  padding:30px 20px;
  background:rgba(var(--sidebar-rgb),.22);
  border-left:1px solid var(--line);
  min-width:0;
}
.sup-right-panel .card{margin-bottom:15px}
.sup-right-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sup-right-card-head strong,.sup-right-card-head span{display:block}
.sup-right-card-head strong{font-size:12px}
.sup-right-card-head span{font-size:9px;color:var(--muted);margin-top:3px}
.sup-right-card-head>svg{width:15px;color:var(--muted)}
.sup-right-team h2{font-size:30px;margin:24px 0 6px}
.sup-right-team>p{font-size:10px;color:var(--muted)}
.sup-right-team .hours-pill{margin-top:18px;background:color-mix(in srgb,var(--accent-soft) 72%,var(--panel));color:var(--accent)}
.sup-progress-circle{
  width:132px;height:132px;margin:25px auto 16px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(var(--accent) 0 var(--sup-progress),color-mix(in srgb,var(--panel) 70%,var(--line)) var(--sup-progress) 100%);
}
.sup-progress-circle>div{
  width:98px;height:98px;border-radius:50%;display:grid;place-items:center;
  background:var(--panel);
}
.sup-progress-circle strong{font-size:24px}
.sup-right-status>p{text-align:center;font-size:9px;line-height:1.5;color:var(--muted)}
.sup-quick-list{display:grid;margin-top:10px}
.sup-quick-list button{
  width:100%;display:flex;align-items:center;gap:10px;padding:11px 0;
  border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left
}
.sup-quick-list button:last-child{border-bottom:0}
.sup-quick-list button>svg{width:16px;color:var(--accent)}
.sup-quick-list button>svg:last-child{margin-left:auto;width:13px;color:var(--muted)}
.sup-quick-list button span{flex:1}
.sup-quick-list button b,.sup-quick-list button small{display:block}
.sup-quick-list button b{font-size:9px}.sup-quick-list button small{font-size:7px;color:var(--muted);margin-top:2px}

/* Dynamic role wording still uses theme colors. */
.sup-role-label{transition:color .15s ease}

/* Hire date is intentionally editable by supervisor. */
#supHireDateInput{cursor:pointer}

@media(max-width:1180px){
  .supervisor-shell{grid-template-columns:210px minmax(0,1fr)!important}
  .sup-right-panel{display:none}
}
@media(max-width:760px){
  .supervisor-shell{display:block!important}
}

/* =========================================================
   v19.1.7 · Full Theme Settings in Supervisor Side
   ========================================================= */
.sup-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}
.sup-theme-settings-card{display:grid;gap:15px;min-width:0}
.sup-theme-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.sup-theme-options .sup-theme-option{
  width:100%;
}
.sup-theme-options .adaptive-theme-heading,
.sup-theme-options #supAdaptiveAppearancePanel{
  grid-column:1/-1;
}
.sup-theme-options .theme-option.active{
  outline:2px solid var(--accent)!important;
  outline-offset:1px;
  box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 14%,transparent)!important;
}
.sup-theme-options .appearance-choice.active{
  color:var(--accent)!important;
}
.sup-settings-theme-note{
  display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:14px;
  background:color-mix(in srgb,var(--accent-soft) 48%,var(--panel));
  border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))
}
.sup-settings-theme-note>svg{width:18px;min-width:18px;color:var(--accent)}
.sup-settings-theme-note strong,.sup-settings-theme-note span{display:block}
.sup-settings-theme-note strong{font-size:9px}.sup-settings-theme-note span{font-size:8px;line-height:1.55;color:var(--muted);margin-top:3px}
@media(max-width:1200px){
  .sup-settings-layout{grid-template-columns:1fr}
  .sup-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .sup-theme-options{grid-template-columns:1fr}
}

/* =========================================================
   v19.1.8 · Supervisor Settings mirrors Agent Settings
   ========================================================= */
.sup-settings-page{display:grid;gap:16px}
.sup-settings-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.sup-settings-header h1{font-size:31px;line-height:1.1;margin-bottom:7px}
.sup-settings-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:14px;
}
.sup-settings-grid>.sup-theme-settings-card{grid-column:1/-1}
.sup-settings-card{display:grid;gap:15px;align-content:start}
.sup-settings-card>label:not(.switch-row){font-size:9px;color:var(--muted)}
.sup-settings-card .switch-row{
 display:flex;align-items:center;justify-content:space-between;gap:14px;
 padding:11px 0;border-bottom:1px solid var(--line);font-size:9px;color:var(--ink)
}
.sup-settings-card .switch-row:last-of-type{border-bottom:0}
.sup-work-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sup-work-summary>div{
 padding:14px;border:1px solid var(--line);border-radius:14px;
 background:color-mix(in srgb,var(--panel) 92%,var(--accent) 2%)
}
.sup-work-summary span,.sup-work-summary strong{display:block}
.sup-work-summary span{font-size:8px;color:var(--muted)}
.sup-work-summary strong{font-size:21px;margin-top:5px}
.sup-notification-center{display:grid;gap:10px}
.sup-notification-item{
 display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;
 background:color-mix(in srgb,var(--panel) 92%,var(--accent) 2%)
}
.sup-notification-item>svg{width:17px;color:var(--accent)}
.sup-notification-item strong,.sup-notification-item small{display:block}
.sup-notification-item strong{font-size:9px}.sup-notification-item small{font-size:7px;color:var(--muted);margin-top:3px}
.sup-quick-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sup-quick-group>small{display:block;font-size:6px;letter-spacing:.08em;color:var(--muted);font-weight:900;margin-bottom:7px}
.sup-quick-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sup-quick-options button{
 min-height:48px;display:flex;align-items:center;gap:7px;padding:9px;
 border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);font-size:8px;text-align:left
}
.sup-quick-options button svg{width:14px;color:var(--accent)}
.sup-quick-options button.selected{
 border-color:color-mix(in srgb,var(--accent) 44%,var(--line));
 background:color-mix(in srgb,var(--accent) 8%,var(--panel));
 box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)
}
.sup-reminder-compose{display:grid;grid-template-columns:1.1fr 1fr;gap:9px}
.sup-reminder-compose button{grid-column:1/-1}
.sup-reminder-list{display:grid;gap:9px;min-height:80px}
.sup-reminder-empty{
 min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)
}
.sup-reminder-empty svg{width:25px;margin-bottom:8px}.sup-reminder-empty strong{font-size:10px;color:var(--ink)}.sup-reminder-empty span{font-size:8px;margin-top:3px}
.sup-reminder-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:13px}
.sup-reminder-item strong,.sup-reminder-item span{display:block}.sup-reminder-item strong{font-size:9px}.sup-reminder-item span{font-size:7px;color:var(--muted);margin-top:3px}
.sup-reminder-item button{width:30px;height:30px;border:0;border-radius:9px;background:color-mix(in srgb,var(--danger) 8%,var(--panel));color:var(--danger);display:grid;place-items:center}
.sup-reminder-item button svg{width:14px}
.sup-danger-card{grid-column:1/-1}
.sup-danger-card>small{font-size:8px;color:var(--muted)}
@media(max-width:1100px){
 .sup-settings-grid{grid-template-columns:1fr}
 .sup-settings-grid>.sup-theme-settings-card,.sup-danger-card{grid-column:auto}
}
@media(max-width:620px){
 .sup-work-summary,.sup-quick-settings,.sup-quick-options,.sup-reminder-compose{grid-template-columns:1fr}
 .sup-reminder-compose button{grid-column:auto}
}

/* =========================================================
   v19.2.0 · My Team
   ========================================================= */
.sup-team-page{display:grid;gap:16px}
.sup-team-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.sup-team-header h1{font-size:31px;line-height:1.1;margin-bottom:7px}
.sup-team-live-note{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:800}
.sup-team-live-note svg{width:13px}
.sup-team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sup-team-stat{display:flex;align-items:center;gap:11px;padding:13px!important}
.sup-team-stat strong,.sup-team-stat span{display:block}.sup-team-stat strong{font-size:21px}.sup-team-stat span{font-size:8px;color:var(--muted);margin-top:2px}
.sup-team-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px;gap:10px;align-items:center}
.sup-team-search{position:relative}.sup-team-search>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;color:var(--muted)}
.sup-team-search input{width:100%;height:40px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 2%);color:var(--ink);padding:0 12px 0 36px;outline:none;font:inherit;font-size:9px}
.sup-team-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.sup-team-section-head h3{font-size:15px}.sup-team-section-head p{font-size:8px;color:var(--muted);margin-top:3px}
.sup-team-legend{display:flex;gap:10px;flex-wrap:wrap}.sup-team-legend span{display:flex;align-items:center;gap:4px;font-size:7px;color:var(--muted)}
.sup-team-legend .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.sup-team-legend .dot.on{background:var(--success)}.sup-team-legend .dot.leave{background:var(--accent)}.sup-team-legend .dot.rest{background:var(--accent2)}
.sup-team-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sup-agent-card{display:grid;gap:14px;align-content:start;transition:transform .18s ease,border-color .18s ease}.sup-agent-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}
.sup-agent-main{display:flex;gap:11px;align-items:flex-start}.sup-agent-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;font-size:11px;font-weight:850;flex:0 0 auto}
.sup-agent-identity{min-width:0;flex:1}.sup-agent-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sup-agent-name-row h3{font-size:11px;line-height:1.35}.sup-agent-identity>p{font-size:8px;color:var(--muted);margin:2px 0 7px}
.sup-agent-ids{display:flex;gap:6px;flex-wrap:wrap}.sup-agent-ids span{font-size:6.5px;padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--panel) 86%,var(--accent) 5%);border:1px solid var(--line);color:var(--muted)}
.sup-status-chip{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:5px 7px;border-radius:999px;font-size:6.5px;font-weight:850;background:color-mix(in srgb,var(--panel) 80%,var(--line));color:var(--muted)}
.sup-status-chip svg{width:10px}.sup-status-chip.on{background:color-mix(in srgb,var(--success) 11%,var(--panel));color:var(--success)}.sup-status-chip.leave{background:var(--accent-soft);color:var(--accent)}.sup-status-chip.rest{background:color-mix(in srgb,var(--accent2) 12%,var(--panel));color:var(--accent2)}
.sup-agent-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sup-agent-details>div{padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 2%)}.sup-agent-details small,.sup-agent-details strong{display:block}.sup-agent-details small{font-size:6.5px;color:var(--muted);margin-bottom:4px}.sup-agent-details strong{font-size:8px;line-height:1.4}.sup-agent-details .has-pending{color:var(--accent)}
.sup-agent-temporary{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 70%,var(--panel)),color-mix(in srgb,var(--panel) 92%,var(--accent2) 8%));border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))}.sup-agent-temporary>svg{width:14px;color:var(--accent)}.sup-agent-temporary strong,.sup-agent-temporary small{display:block}.sup-agent-temporary strong{font-size:8px}.sup-agent-temporary small{font-size:6.5px;color:var(--muted);margin-top:2px}
.sup-agent-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:10px}.sup-agent-card-footer>span{font-size:7px;color:var(--muted)}.sup-agent-card-footer button{padding:7px 9px!important;font-size:7px!important}.sup-agent-card-footer button svg{width:11px}
.sup-team-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sup-team-empty[hidden]{display:none}.sup-team-empty h3{font-size:13px;margin-top:9px}.sup-team-empty p{font-size:8px;color:var(--muted);margin-top:4px}
@media(max-width:1100px){.sup-team-list{grid-template-columns:1fr}.sup-team-toolbar{grid-template-columns:1fr 1fr}.sup-team-search{grid-column:1/-1}}
@media(max-width:760px){.sup-team-stats{grid-template-columns:1fr 1fr}.sup-team-toolbar{grid-template-columns:1fr}.sup-team-search{grid-column:auto}.sup-team-section-head{align-items:flex-start;flex-direction:column}.sup-team-legend{display:none}}
@media(max-width:500px){.sup-team-stats{grid-template-columns:1fr}.sup-agent-name-row{display:block}.sup-status-chip{margin-top:5px}.sup-agent-details{grid-template-columns:1fr}}


/* =========================================================
   v19.3.0 · Panel individual del agente
   ========================================================= */
.sup-agent-panel-page{display:grid;gap:16px}.sup-back-team{justify-self:start;border:0;background:transparent;color:var(--muted);font:inherit;font-size:9px;font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 0}.sup-back-team svg{width:14px}.sup-back-team:hover{color:var(--accent)}
.sup-agent-panel-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,var(--accent) 6%),var(--panel))}.sup-agent-panel-person{display:flex;align-items:center;gap:16px;min-width:0}.sup-agent-panel-avatar{width:72px;height:72px;flex:0 0 72px;border-radius:24px;display:grid;place-items:center;font-size:22px;font-weight:900;color:white;background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 20%,transparent)}.sup-agent-panel-kicker{font-size:8px;text-transform:uppercase;letter-spacing:.17em;font-weight:900;color:var(--muted);margin-bottom:5px}.sup-agent-panel-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sup-agent-panel-title-row h1{font-size:27px;line-height:1.05}.sup-agent-panel-person p{font-size:11px;color:var(--muted);margin-top:5px}.sup-agent-panel-ids{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.sup-agent-panel-ids span{font-size:7px;border:1px solid var(--line);padding:5px 7px;border-radius:999px;color:var(--muted)}.sup-agent-panel-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sup-agent-panel-hero-actions button{white-space:nowrap}
.sup-agent-panel-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sup-agent-panel-stats .card{display:flex;align-items:center;gap:10px;padding:13px!important}.sup-agent-panel-stats small,.sup-agent-panel-stats strong,.sup-agent-panel-stats span{display:block}.sup-agent-panel-stats small{font-size:7px;color:var(--muted)}.sup-agent-panel-stats strong{font-size:15px;margin:2px 0}.sup-agent-panel-stats span{font-size:7px;color:var(--muted)}
.sup-agent-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.sup-agent-panel-maincol,.sup-agent-panel-sidecol{display:grid;gap:14px;align-content:start}.sup-agent-info-card,.sup-agent-schedule-card,.sup-agent-attention-card,.sup-agent-team-card,.sup-agent-quick-card{padding:18px!important}.sup-agent-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.sup-agent-info-grid label,.sup-agent-schedule-editor label{display:grid;gap:5px}.sup-agent-info-grid label>span,.sup-agent-schedule-editor label>span{font-size:7px;color:var(--muted);font-weight:700}.sup-agent-permission-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--accent-soft);font-size:7px;color:var(--muted);line-height:1.5}.sup-agent-permission-note svg{width:14px;flex:0 0 auto;color:var(--accent)}
.sup-agent-schedule-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.sup-agent-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px}.sup-agent-days button{height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-weight:900;cursor:pointer}.sup-agent-days button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.sup-agent-attention-list{display:grid;gap:8px;margin-top:14px}.sup-agent-attention-row{width:100%;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,var(--accent) 2%);border-radius:12px;padding:11px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;color:var(--ink);text-align:left;cursor:pointer}.sup-agent-attention-row>svg:first-child{color:var(--accent);width:16px}.sup-agent-attention-row>svg:last-child{width:13px;color:var(--muted)}.sup-agent-attention-row strong,.sup-agent-attention-row span{display:block}.sup-agent-attention-row strong{font-size:9px}.sup-agent-attention-row span{font-size:7px;color:var(--muted);margin-top:2px}.sup-agent-all-good{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;background:var(--accent-soft)}.sup-agent-all-good svg{width:20px;color:var(--accent)}.sup-agent-all-good strong,.sup-agent-all-good span{display:block}.sup-agent-all-good strong{font-size:10px}.sup-agent-all-good span{font-size:7px;color:var(--muted);margin-top:2px}
.sup-agent-team-badge{display:inline-flex;margin-top:12px;padding:7px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:900}.sup-agent-team-copy{font-size:8px;color:var(--muted);line-height:1.5;margin-top:10px}.sup-agent-temp-detail{display:flex;gap:8px;margin-top:11px;padding:10px;border:1px solid var(--line);border-radius:12px}.sup-agent-temp-detail svg{width:16px;color:var(--accent)}.sup-agent-temp-detail strong,.sup-agent-temp-detail span{display:block}.sup-agent-temp-detail strong{font-size:8px}.sup-agent-temp-detail span{font-size:7px;color:var(--muted);line-height:1.5;margin-top:3px}.sup-agent-quick-card>button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 2px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:inherit}.sup-agent-quick-card>button:first-of-type{margin-top:12px}.sup-agent-quick-card>button span{display:flex;align-items:center;gap:8px;font-size:8px;font-weight:800}.sup-agent-quick-card>button svg{width:14px;color:var(--muted)}.sup-agent-quick-card>button span svg{color:var(--accent)}.sup-agent-note-card{display:flex;gap:10px;align-items:flex-start;padding:14px!important;background:linear-gradient(135deg,var(--accent-soft),var(--panel))}.sup-agent-note-card>svg{width:18px;color:var(--accent)}.sup-agent-note-card strong,.sup-agent-note-card span{display:block}.sup-agent-note-card strong{font-size:9px}.sup-agent-note-card span{font-size:7px;color:var(--muted);line-height:1.45;margin-top:3px}
@media(max-width:1100px){.sup-agent-panel-stats{grid-template-columns:1fr 1fr}.sup-agent-panel-grid{grid-template-columns:1fr}.sup-agent-panel-sidecol{grid-template-columns:1fr 1fr}.sup-agent-note-card{grid-column:1/-1}}
@media(max-width:760px){.sup-agent-panel-hero{align-items:flex-start;flex-direction:column}.sup-agent-panel-hero-actions{justify-content:flex-start}.sup-agent-info-grid,.sup-agent-schedule-editor{grid-template-columns:1fr}.sup-agent-panel-sidecol{grid-template-columns:1fr}.sup-agent-note-card{grid-column:auto}}
@media(max-width:520px){.sup-agent-panel-stats{grid-template-columns:1fr}.sup-agent-panel-person{align-items:flex-start}.sup-agent-panel-avatar{width:58px;height:58px;flex-basis:58px;border-radius:19px}.sup-agent-panel-title-row h1{font-size:22px}.sup-agent-days{gap:4px}.sup-agent-days button{height:32px}}

/* v19.3.1 · dual ID copy actions */
.sup-agent-panel-hero-actions{max-width:520px}
@media(max-width:980px){
  .sup-agent-panel-hero{align-items:flex-start;flex-direction:column}
  .sup-agent-panel-hero-actions{justify-content:flex-start;max-width:none}
}


/* =========================================================
   v19.3.2 · Action toast
   ========================================================= */
.pd-action-toast-host{
  position:fixed;
  top:24px;
  right:24px;
  z-index:99999;
  display:grid;
  gap:10px;
  width:min(340px,calc(100vw - 32px));
  pointer-events:none;
}
.pd-action-toast{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%);
  color:var(--ink);
  box-shadow:0 16px 42px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  opacity:0;
  transform:translateY(-10px) scale(.98);
  transition:opacity .22s ease,transform .22s ease;
}
.pd-action-toast.show{opacity:1;transform:translateY(0) scale(1)}
.pd-action-toast-icon{
  width:34px;height:34px;border-radius:11px;
  display:grid;place-items:center;
  background:var(--accent-soft);
  color:var(--accent);
}
.pd-action-toast-icon svg{width:17px;height:17px}
.pd-action-toast strong,.pd-action-toast span{display:block}
.pd-action-toast strong{font-size:9px;margin-bottom:2px}
.pd-action-toast div>span{font-size:8px;color:var(--muted);line-height:1.4}
@media(max-width:600px){
  .pd-action-toast-host{top:14px;right:16px;left:16px;width:auto}
}

/* =========================================================
   v19.4.0 · Supervisor Schedules
   ========================================================= */
.sup-schedules-page{display:grid;gap:16px}
.sup-schedules-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.sup-schedules-header h1{font-size:31px;line-height:1.1;margin-bottom:7px}
.sup-schedules-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sup-schedules-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px;align-items:start}
.sup-schedule-agent-list-card{padding:16px!important;position:sticky;top:18px}
.sup-schedule-search{position:relative;margin-top:12px}
.sup-schedule-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:14px;color:var(--muted)}
.sup-schedule-search input{width:100%;height:38px;padding:0 10px 0 33px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 2%);color:var(--ink);font:inherit;font-size:8px;outline:none}
.sup-schedule-agent-list{display:grid;gap:7px;margin-top:12px;max-height:640px;overflow:auto;padding-right:2px}
.sup-schedule-agent-option{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.sup-schedule-agent-option:hover{background:color-mix(in srgb,var(--accent) 5%,var(--panel))}
.sup-schedule-agent-option.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.sup-schedule-list-avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),var(--accent));color:white;font-size:8px;font-weight:900}
.sup-schedule-agent-option strong,.sup-schedule-agent-option span{display:block}
.sup-schedule-agent-option strong{font-size:8px}.sup-schedule-agent-option span{font-size:6.5px;color:var(--muted);margin-top:2px}
.sup-schedule-agent-option>svg{width:13px;color:var(--muted)}
.sup-schedule-editor-col{display:grid;gap:14px}
.sup-schedule-agent-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px!important}
.sup-schedule-agent-ident{display:flex;align-items:center;gap:12px}.sup-schedule-avatar{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),var(--accent));color:white;font-size:14px;font-weight:900}
.sup-schedule-agent-head h2{font-size:19px;margin:2px 0}.sup-schedule-agent-head p:last-child{font-size:7px;color:var(--muted)}
.sup-schedule-week-card,.sup-schedule-leave-card{padding:18px!important}
.sup-schedule-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.sup-schedule-time-grid label,.sup-leave-fields label{display:grid;gap:5px}.sup-schedule-time-grid label>span,.sup-leave-fields label>span{font-size:7px;color:var(--muted);font-weight:700}
.sup-schedule-days-editor{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:12px}
.sup-schedule-days-editor button{min-height:62px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 95%,var(--accent) 2%);color:var(--muted);display:grid;place-items:center;align-content:center;gap:3px;cursor:pointer}
.sup-schedule-days-editor button span{font-size:12px;font-weight:900}.sup-schedule-days-editor button small{font-size:6px}
.sup-schedule-days-editor button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent)}
.sup-schedule-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.sup-schedule-preview>div{padding:10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 95%,var(--accent) 2%)}
.sup-schedule-preview span,.sup-schedule-preview strong{display:block}.sup-schedule-preview span{font-size:6.5px;color:var(--muted)}.sup-schedule-preview strong{font-size:11px;margin-top:4px}
.sup-leave-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:8px}
.sup-leave-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;transition:opacity .18s ease}.sup-leave-fields.disabled{opacity:.45}.sup-leave-reason{grid-column:1/-1}
@media(max-width:1100px){.sup-schedules-layout{grid-template-columns:1fr}.sup-schedule-agent-list-card{position:static}.sup-schedule-agent-list{grid-template-columns:1fr 1fr;max-height:none}}
@media(max-width:760px){.sup-schedules-header{flex-direction:column}.sup-schedules-header-actions{justify-content:flex-start}.sup-schedule-agent-list{grid-template-columns:1fr}.sup-schedule-time-grid,.sup-leave-fields{grid-template-columns:1fr}.sup-leave-reason{grid-column:auto}.sup-schedule-preview{grid-template-columns:1fr}.sup-schedule-days-editor{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.sup-schedule-days-editor{grid-template-columns:repeat(2,1fr)}.sup-schedule-agent-head{align-items:flex-start;flex-direction:column}}

/* =========================================================
   v19.4.1 · Supervisor theme mascots
   ========================================================= */
.sup-hero-mascot{
  width:82px;
  height:82px;
  min-width:82px;
  display:grid;
  place-items:center;
  border-radius:26px;
  background:
    radial-gradient(circle at 28% 20%,color-mix(in srgb,#fff 18%,transparent),transparent 34%),
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 74%,var(--accent2) 26%),
      color-mix(in srgb,var(--panel) 72%,var(--accent) 28%));
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 12%,transparent);
  overflow:visible;
}
.sup-hero-mascot .sup-theme-mascot{
  width:72px;
  height:68px;
  flex-basis:72px;
  margin:0;
  filter:drop-shadow(0 8px 12px color-mix(in srgb,var(--accent) 18%,transparent));
}
body[data-mode="dark"] .sup-hero-mascot{
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.06),transparent 34%),
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 84%,var(--accent2) 16%),
      color-mix(in srgb,var(--panel) 84%,var(--accent) 16%));
}
@media(max-width:760px){
  .sup-hero-mascot{width:66px;height:66px;min-width:66px;border-radius:21px}
  .sup-hero-mascot .sup-theme-mascot{width:58px;height:54px;flex-basis:58px}
}

/* =========================================================
   v19.4.3 · Supervisor home visual parity with Agent Side
   ========================================================= */
.sup-glass-card{
 background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 84%,var(--accent2) 8%),color-mix(in srgb,var(--panel) 88%,var(--accent) 6%))!important;
 border:1px solid color-mix(in srgb,var(--accent) 17%,var(--line))!important;
 box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent),0 18px 45px color-mix(in srgb,var(--accent) 8%,transparent)!important;
 backdrop-filter:blur(20px) saturate(118%);-webkit-backdrop-filter:blur(20px) saturate(118%);
}
body[data-mode="dark"] .sup-glass-card{
 background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 90%,var(--accent2) 6%),color-mix(in srgb,var(--panel) 92%,var(--accent) 5%))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 20px 48px rgba(0,0,0,.13)!important;
}
.sup-hero.sup-glass-card{min-height:118px;padding:22px 25px!important;display:flex;align-items:center}.sup-hero.sup-glass-card h1{font-size:28px;margin:3px 0 7px}
.sup-mascot-assistant{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:96px;padding:13px 18px!important;position:relative;overflow:hidden}
.sup-mascot-assistant:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-85px;bottom:-110px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 15%,transparent),transparent 68%);pointer-events:none}
.sup-mascot-stage{width:82px;height:70px;display:grid;place-items:center;position:relative;z-index:1}.sup-mascot-stage .sup-theme-mascot{width:76px;height:68px;flex-basis:76px;margin:0;filter:drop-shadow(0 8px 13px color-mix(in srgb,var(--accent) 20%,transparent))}
.sup-mascot-copy{position:relative;z-index:1}.sup-mascot-name{display:block;font-size:7px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--accent);margin-bottom:3px}.sup-mascot-copy strong{display:block;font-size:11px;line-height:1.35}.sup-mascot-copy small{display:block;font-size:7px;color:var(--muted);margin-top:3px}.sup-mascot-chat-icon{width:18px;color:var(--accent);position:relative;z-index:1}
[data-sup-panel="home"] .sup-stats .card,[data-sup-panel="home"] .sup-focus{border-radius:17px}
@media(max-width:760px){.sup-mascot-assistant{grid-template-columns:auto 1fr}.sup-mascot-chat-icon{display:none}.sup-mascot-stage{width:62px;height:56px}.sup-mascot-stage .sup-theme-mascot{width:60px;height:54px;flex-basis:60px}}

/* =========================================================
   v19.4.4 · Supervisor colorful glass stats
   ========================================================= */
[data-sup-panel="home"] .sup-gradient-stat{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:84px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
[data-sup-panel="home"] .sup-gradient-stat:hover{
  transform:translateY(-2px);
}
[data-sup-panel="home"] .sup-gradient-stat::before{
  content:"";
  position:absolute;
  width:120px;height:120px;
  right:-48px;top:-54px;
  border-radius:50%;
  filter:blur(2px);
  opacity:.72;
  pointer-events:none;
  z-index:-1;
}
[data-sup-panel="home"] .sup-gradient-stat::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 42%,rgba(255,255,255,.018));
  pointer-events:none;
  z-index:-1;
}

/* Agentes: accent + secondary, like a cool primary KPI */
[data-sup-panel="home"] .sup-stat-agents{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--panel) 76%,var(--accent2) 24%),
      color-mix(in srgb,var(--panel) 84%,var(--accent) 16%)
    )!important;
  border-color:color-mix(in srgb,var(--accent2) 34%,var(--line))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),
    0 16px 34px color-mix(in srgb,var(--accent2) 12%,transparent)!important;
}
[data-sup-panel="home"] .sup-stat-agents::before{
  background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 46%,transparent),transparent 67%);
}

/* Incidencias: deeper accent, gives a more alert-like tint without hardcoded red */
[data-sup-panel="home"] .sup-stat-incidents{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--panel) 78%,var(--accent) 22%),
      color-mix(in srgb,var(--panel) 88%,var(--accent2) 12%)
    )!important;
  border-color:color-mix(in srgb,var(--accent) 36%,var(--line))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 34px color-mix(in srgb,var(--accent) 13%,transparent)!important;
}
[data-sup-panel="home"] .sup-stat-incidents::before{
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 48%,transparent),transparent 67%);
}

/* Solicitudes: light glass using both palette ends */
[data-sup-panel="home"] .sup-stat-requests{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--panel) 82%,var(--accent2) 18%),
      color-mix(in srgb,var(--panel) 80%,var(--accent) 20%)
    )!important;
  border-color:color-mix(in srgb,var(--accent) 26%,var(--line))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),
    0 16px 34px color-mix(in srgb,var(--accent) 9%,transparent)!important;
}
[data-sup-panel="home"] .sup-stat-requests::before{
  background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 34%,transparent),transparent 68%);
}

/* Coberturas: reverse gradient so all 4 cards feel related but distinct */
[data-sup-panel="home"] .sup-stat-coverage{
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 84%,var(--accent) 16%),
      color-mix(in srgb,var(--panel) 74%,var(--accent2) 26%)
    )!important;
  border-color:color-mix(in srgb,var(--accent2) 30%,var(--line))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 34px color-mix(in srgb,var(--accent2) 11%,transparent)!important;
}
[data-sup-panel="home"] .sup-stat-coverage::before{
  background:radial-gradient(circle,color-mix(in srgb,var(--accent) 36%,transparent),transparent 68%);
}

/* Icon capsules inherit each card's local tint and keep the glass feel */
[data-sup-panel="home"] .sup-gradient-stat .soft-icon{
  background:color-mix(in srgb,var(--panel) 58%,var(--accent) 18%)!important;
  border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
[data-sup-panel="home"] .sup-stat-agents .soft-icon,
[data-sup-panel="home"] .sup-stat-coverage .soft-icon{
  background:color-mix(in srgb,var(--panel) 58%,var(--accent2) 20%)!important;
  color:var(--accent2)!important;
}

/* Lower supervisor blocks get more personality too */
[data-sup-panel="home"] .sup-focus-detections{
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 88%,var(--accent) 12%),
      color-mix(in srgb,var(--panel) 82%,var(--accent2) 18%)
    )!important;
}
[data-sup-panel="home"] .sup-focus-support{
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 86%,var(--accent2) 14%),
      color-mix(in srgb,var(--panel) 80%,var(--accent) 20%)
    )!important;
}

/* Adaptive dark: keep color but avoid muddy/heavy cards */
body[data-mode="dark"] [data-sup-panel="home"] .sup-gradient-stat{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),
    0 16px 38px rgba(0,0,0,.12)!important;
}
body[data-mode="dark"] [data-sup-panel="home"] .sup-stat-agents{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 84%,var(--accent2) 16%),
    color-mix(in srgb,var(--panel) 89%,var(--accent) 11%))!important;
}
body[data-mode="dark"] [data-sup-panel="home"] .sup-stat-incidents{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 84%,var(--accent) 16%),
    color-mix(in srgb,var(--panel) 90%,var(--accent2) 10%))!important;
}
body[data-mode="dark"] [data-sup-panel="home"] .sup-stat-requests{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 87%,var(--accent2) 13%),
    color-mix(in srgb,var(--panel) 86%,var(--accent) 14%))!important;
}
body[data-mode="dark"] [data-sup-panel="home"] .sup-stat-coverage{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--panel) 89%,var(--accent) 11%),
    color-mix(in srgb,var(--panel) 83%,var(--accent2) 17%))!important;
}

/* Light themes get a cleaner frosted shine */
body[data-mode="light"] [data-sup-panel="home"] .sup-gradient-stat::after{
  background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 44%,rgba(255,255,255,.08));
}

@media(max-width:760px){
  [data-sup-panel="home"] .sup-gradient-stat{min-height:78px}
}

/* =========================================================
   v19.4.5 · ONE HOME TEMPLATE
   Agent Side is the visual master template.
   Supervisor Side changes content/function, not visual language.
   ========================================================= */

[data-sup-panel="home"]{
  --home-card-radius: 22px;
  --home-card-border: color-mix(in srgb,var(--accent) 18%,var(--line));
  --home-card-shadow: 0 18px 42px color-mix(in srgb,var(--shadow) 72%,transparent);
}

/* Same dashboard width/rhythm */
[data-sup-panel="home"] .sup-home-inner{
  display:grid;
  gap:18px;
}

/* HERO = same visual family as Agent greeting */
[data-sup-panel="home"] .agent-template-hero{
  border-radius:var(--home-card-radius)!important;
  border:1px solid var(--home-card-border)!important;
  background:
    linear-gradient(120deg,
      color-mix(in srgb,var(--panel) 91%,var(--accent2) 9%),
      color-mix(in srgb,var(--panel) 86%,var(--accent) 14%)
    )!important;
  box-shadow:var(--home-card-shadow)!important;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}

/* MASCOT STRIP = Agent assistant strip template */
[data-sup-panel="home"] .agent-template-mascot{
  min-height:98px;
  border-radius:var(--home-card-radius)!important;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))!important;
  background:
    linear-gradient(105deg,
      color-mix(in srgb,var(--panel) 88%,var(--accent2) 12%),
      color-mix(in srgb,var(--panel) 82%,var(--accent) 18%)
    )!important;
  box-shadow:var(--home-card-shadow)!important;
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}

/* 4 KPI CARDS = same dimensions and visual hierarchy as Agent stats */
[data-sup-panel="home"] .sup-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

[data-sup-panel="home"] .agent-template-kpi{
  min-height:128px!important;
  padding:20px!important;
  border-radius:var(--home-card-radius)!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--panel) 76%,var(--accent2) 24%),
      color-mix(in srgb,var(--panel) 80%,var(--accent) 20%)
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    var(--home-card-shadow)!important;
  backdrop-filter:blur(18px) saturate(132%);
  -webkit-backdrop-filter:blur(18px) saturate(132%);
  position:relative;
  overflow:hidden;
}

[data-sup-panel="home"] .agent-template-kpi:nth-child(2){
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 70%,var(--accent) 30%),
    color-mix(in srgb,var(--panel) 82%,var(--accent2) 18%))!important;
}
[data-sup-panel="home"] .agent-template-kpi:nth-child(3){
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 82%,var(--accent2) 18%),
    color-mix(in srgb,var(--panel) 72%,var(--accent) 28%))!important;
}
[data-sup-panel="home"] .agent-template-kpi:nth-child(4){
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 74%,var(--accent) 26%),
    color-mix(in srgb,var(--panel) 72%,var(--accent2) 28%))!important;
}

[data-sup-panel="home"] .agent-template-kpi::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 43%,rgba(255,255,255,.035));
  pointer-events:none;
}

[data-sup-panel="home"] .agent-template-kpi .soft-icon{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--panel) 66%,white 10%)!important;
  border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}

/* The two main supervisor modules now occupy the same paired-card footprint as Agent */
[data-sup-panel="home"] .sup-home-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.95fr)!important;
  gap:16px!important;
  align-items:stretch;
}
[data-sup-panel="home"] .agent-template-module{
  min-height:320px!important;
  border-radius:var(--home-card-radius)!important;
  border:1px solid var(--home-card-border)!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%),
      color-mix(in srgb,var(--panel) 91%,var(--accent) 9%)
    )!important;
  box-shadow:var(--home-card-shadow)!important;
  backdrop-filter:blur(18px) saturate(122%);
  -webkit-backdrop-filter:blur(18px) saturate(122%);
}

/* Dark themes: same template, only theme tokens change */
body[data-mode="dark"] [data-sup-panel="home"] .agent-template-kpi{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 42px rgba(0,0,0,.14)!important;
}
body[data-mode="dark"] [data-sup-panel="home"] .agent-template-kpi::after{
  background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 44%,rgba(255,255,255,.018));
}

/* Neutralize the previous supervisor-only glass-stat experiment */
[data-sup-panel="home"] .sup-gradient-stat,
[data-sup-panel="home"] .sup-stat-agents,
[data-sup-panel="home"] .sup-stat-incidents,
[data-sup-panel="home"] .sup-stat-requests,
[data-sup-panel="home"] .sup-stat-coverage{
  --legacy-sup-stat-disabled:1;
}

@media(max-width:980px){
  [data-sup-panel="home"] .sup-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-sup-panel="home"] .sup-home-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  [data-sup-panel="home"] .sup-stats{grid-template-columns:1fr!important}
}

/* =========================================================
   v19.4.6 · Supervisor uses Agent dashboard components EXACTLY
   ========================================================= */
.supervisor-main{padding:34px!important;min-width:0;overflow:auto}
.sup-utility-bar{margin-bottom:28px}

/* No supervisor recoloring of the master Agent components. */
[data-sup-panel="home"] .stats-grid{
  grid-template-columns:repeat(4,1fr)!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
[data-sup-panel="home"] .stat-card{
  min-height:120px!important;
  padding:18px!important;
  border-radius:20px!important;
}
[data-sup-panel="home"] .dashboard-grid{
  grid-template-columns:1.2fr 1fr!important;
  gap:16px!important;
}
[data-sup-panel="home"] .dashboard-grid>.card{
  min-height:365px;
}
[data-sup-panel="home"] .sup-dashboard-empty{
  min-height:265px;
}

/* Theme-aware Agent tones for Supervisor too.
   Same semantic four-tone system, derived from the active theme. */
[data-sup-panel="home"] .tone-blue{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 66%,var(--accent2) 34%),
    color-mix(in srgb,var(--panel) 78%,var(--accent2) 22%))!important;
}
[data-sup-panel="home"] .tone-purple{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 64%,var(--accent) 36%),
    color-mix(in srgb,var(--panel) 78%,var(--accent) 22%))!important;
}
[data-sup-panel="home"] .tone-amber{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 72%,#e6b85c 28%),
    color-mix(in srgb,var(--panel) 84%,#f0cf82 16%))!important;
}
[data-sup-panel="home"] .tone-rose{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 68%,#d76f78 32%),
    color-mix(in srgb,var(--panel) 80%,#c66a73 20%))!important;
}
[data-sup-panel="home"] .tone-blue .stat-icon{color:var(--accent2)!important}
[data-sup-panel="home"] .tone-purple .stat-icon{color:var(--accent)!important}
[data-sup-panel="home"] .tone-amber .stat-icon{color:#c28b2e!important}
[data-sup-panel="home"] .tone-rose .stat-icon{color:#bf5e68!important}

/* Dark mode preserves the four distinct identities without making them neon. */
body[data-mode="dark"] [data-sup-panel="home"] .tone-blue{
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 80%,var(--accent2) 20%),color-mix(in srgb,var(--panel) 90%,var(--accent2) 10%))!important;
}
body[data-mode="dark"] [data-sup-panel="home"] .tone-purple{
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 78%,var(--accent) 22%),color-mix(in srgb,var(--panel) 90%,var(--accent) 10%))!important;
}
body[data-mode="dark"] [data-sup-panel="home"] .tone-amber{
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 82%,#d7a848 18%),color-mix(in srgb,var(--panel) 92%,#d7a848 8%))!important;
}
body[data-mode="dark"] [data-sup-panel="home"] .tone-rose{
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 80%,#c86670 20%),color-mix(in srgb,var(--panel) 92%,#c86670 8%))!important;
}

@media(max-width:1000px){
  [data-sup-panel="home"] .stats-grid{grid-template-columns:repeat(2,1fr)!important}
  [data-sup-panel="home"] .dashboard-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .supervisor-main{padding:20px!important}
  [data-sup-panel="home"] .stats-grid{grid-template-columns:1fr!important}
}

/* v19.5.0 News Board */
.news-board-shell,.news-supervisor-grid{display:grid;gap:16px}.news-board-featured{padding:24px!important;min-height:190px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 76%,var(--accent2) 24%),color-mix(in srgb,var(--panel) 82%,var(--accent) 18%))!important;border-color:color-mix(in srgb,var(--accent) 24%,var(--line))!important}.news-featured-top,.news-item-meta{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:var(--muted)}.news-priority{display:flex;align-items:center;gap:5px;color:var(--accent);font-weight:900}.news-priority svg{width:13px}.news-board-featured h2{font-size:23px;margin:14px 0 8px}.news-board-featured>p{font-size:9px;line-height:1.65}.news-author{display:flex;gap:6px;align-items:center;margin-top:16px;font-size:7px;color:var(--muted)}.news-author svg{width:13px}.news-board-list{display:grid;gap:10px}.news-item,.news-admin-item{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:16px!important;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%),color-mix(in srgb,var(--panel) 95%,var(--accent) 5%))}.news-admin-item{grid-template-columns:auto 1fr auto}.news-item-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.news-item-icon svg{width:17px}.news-item h3,.news-admin-item h3{font-size:11px;margin:5px 0}.news-item p,.news-admin-item p{font-size:7.5px;line-height:1.55;color:var(--muted)}.news-item small,.news-admin-item small{font-size:6.5px;color:var(--muted)}.priority-important .news-item-icon{color:#c28b2e;background:color-mix(in srgb,var(--panel) 68%,#e6b85c 32%)}.priority-urgent .news-item-icon{color:#bf5e68;background:color-mix(in srgb,var(--panel) 68%,#d76f78 32%)}.news-composer{padding:20px!important}.news-form{display:grid;gap:12px;margin-top:15px}.news-form label{display:grid;gap:5px}.news-form label>span{font-size:7px;font-weight:800;color:var(--muted)}.news-textarea{min-height:130px!important;resize:vertical;padding-top:11px!important}.news-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.news-form-actions{display:flex;justify-content:flex-end;gap:8px}.nav-badge{margin-left:auto}@media(max-width:700px){.news-form-row{grid-template-columns:1fr}.news-admin-item{grid-template-columns:auto 1fr}}

/* =========================================================
   v19.5.1 · Action Toast polish
   ========================================================= */
.pd-action-toast{
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  padding:13px 15px!important;
}
.pd-action-toast-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:linear-gradient(
    145deg,
    color-mix(in srgb,var(--accent-soft) 84%,var(--accent) 16%),
    color-mix(in srgb,var(--panel) 70%,var(--accent) 30%)
  )!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden;
}
.pd-action-toast-icon > svg,
.pd-action-toast-icon > i,
.pd-action-toast-icon .lucide{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  stroke-width:2.35!important;
  display:block!important;
  margin:0!important;
}
.pd-action-toast strong{
  font-size:9.5px!important;
  margin-bottom:3px!important;
}
.pd-action-toast div>span{
  font-size:8px!important;
  line-height:1.45!important;
}

/* v19.5.2 · Media uploads */
.news-media-field>span{display:flex!important;align-items:center;justify-content:space-between;gap:10px}.news-media-field>span small{font-size:6px;font-weight:600;color:var(--muted)}
.news-media-picker{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:12px;border:1px dashed color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%);color:var(--ink);cursor:pointer;transition:.18s ease}.news-media-picker:hover{transform:translateY(-1px);border-color:var(--accent);background:color-mix(in srgb,var(--panel) 86%,var(--accent) 14%)}
.news-media-picker-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.news-media-picker-icon svg{width:20px;height:20px}.news-media-picker strong,.news-media-picker small{display:block}.news-media-picker strong{font-size:8px}.news-media-picker small{font-size:6.5px;color:var(--muted);margin-top:2px}
.news-media-preview{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 96%,var(--accent) 4%)}.news-media-preview img{width:72px;height:58px;object-fit:cover;border-radius:10px}.news-media-preview strong,.news-media-preview small{display:block}.news-media-preview strong{font-size:7.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-media-preview small{font-size:6.5px;color:var(--muted);margin-top:3px}
.news-post-media{margin:14px 0 4px;border-radius:16px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));background:var(--panel)}.news-post-media img{display:block;width:100%;max-height:420px;object-fit:contain}.news-post-media.compact{max-width:520px;margin:10px 0 6px}.news-post-media.compact img{max-height:260px}

/* =========================================================
   v19.5.3 · Upload guidance + error toast semantics
   ========================================================= */
.upload-guidance{
  margin:6px 0 0!important;
  font-size:6.5px!important;
  line-height:1.45!important;
  color:var(--muted)!important;
}
.profile-photo-wrap .upload-guidance,
.sup-photo-column .upload-guidance{
  max-width:150px;
  text-align:center;
}
.evidence-guidance{
  margin-top:7px!important;
  padding-left:2px;
}
.pd-action-toast.is-error{
  border-color:color-mix(in srgb,#d76f78 36%,var(--line))!important;
  background:color-mix(in srgb,var(--panel) 91%,#d76f78 9%)!important;
}
.pd-action-toast.is-error .pd-action-toast-icon{
  color:#bf5e68!important;
  background:color-mix(in srgb,var(--panel) 66%,#d76f78 34%)!important;
  border-color:color-mix(in srgb,#d76f78 30%,var(--line))!important;
}

/* =========================================================
   v19.6.0 · News Board Complete
   ========================================================= */
.news-option-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.news-check{display:flex!important;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%)}.news-check input{margin-top:2px;accent-color:var(--accent)}.news-check strong,.news-check small{display:block}.news-check strong{font-size:7.5px}.news-check small{font-size:6px;color:var(--muted);margin-top:2px}
.news-media-preview{display:grid!important;grid-template-columns:1fr!important}.news-file-preview{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:12px}.news-file-preview img{width:64px;height:52px;object-fit:cover;border-radius:9px}.news-pdf-icon{width:64px;height:52px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.news-pdf-icon svg{width:22px}
.news-attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.news-attachments.compact{grid-template-columns:repeat(2,minmax(0,240px))}.news-attachments .news-post-media{margin:0}.news-pdf-card{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%);color:var(--ink);text-decoration:none}.news-pdf-card>svg{width:18px;color:var(--accent)}.news-pdf-card span{min-width:0;flex:1}.news-pdf-card strong,.news-pdf-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.news-pdf-card strong{font-size:7px}.news-pdf-card small{font-size:6px;color:var(--muted)}
.news-admin-actions{display:flex;gap:4px}.news-read-state{display:flex;flex-wrap:wrap;gap:10px;margin-top:9px}.news-read-state span{display:flex;align-items:center;gap:4px;font-size:6.5px;color:var(--muted)}.news-read-state svg{width:12px}
.news-ack-button{margin-top:12px}.news-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:14px}.news-search{max-width:280px}.news-search input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font:inherit}.news-filter{width:150px!important}.news-cute-empty .news-empty-mascot{display:block;width:76px;height:76px;margin:0 auto 10px}.news-cute-empty{text-align:center}
@media(max-width:700px){.news-option-row{grid-template-columns:1fr}.news-attachments,.news-attachments.compact{grid-template-columns:1fr}.news-toolbar{flex-direction:column}.news-search,.news-filter{max-width:none!important;width:100%!important}}

/* v19.6.1 · PulseDesk News Board date picker */
.pd-date-trigger,.pd-datetime-trigger{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;color:var(--text)!important}
.pd-date-trigger svg,.pd-datetime-trigger svg{width:17px;color:var(--accent)}
.pd-date-overlay{position:fixed;inset:0;z-index:10000;background:rgba(10,14,25,.24);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:18px}.pd-date-overlay.open{display:flex}
.pd-date-popover{width:min(430px,100%);border-radius:28px;padding:22px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid color-mix(in srgb,#fff 55%,var(--line));box-shadow:0 30px 90px rgba(28,32,52,.22);backdrop-filter:blur(32px) saturate(135%)}
.pd-calendar-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;margin:18px 0 12px;text-align:center;text-transform:capitalize}.pd-calendar-head strong{font-size:15px}
.pd-calendar-week,.pd-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.pd-calendar-week{margin-bottom:6px}.pd-calendar-week span{text-align:center;font-size:11px;font-weight:800;color:var(--muted)}
.pd-calendar-day{aspect-ratio:1;border:0;border-radius:12px;background:transparent;color:var(--text);font-weight:750;cursor:pointer}.pd-calendar-day:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.pd-calendar-day.other-month{opacity:.35}.pd-calendar-day.is-today{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.pd-calendar-day.selected{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 68%,var(--glass-b,#fff)));color:white;box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 22%,transparent)}
.pd-date-popover .time-picker-actions{margin-top:18px}

/* =========================================================
   v19.6.2 · Supervisor sidebar cleanup
   ========================================================= */

/* The supervisor initial avatar now inherits every theme.
   No more generic blue in adaptive light themes. */
#supAvatar{
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb,var(--panel) 38%,var(--accent2) 62%),
      color-mix(in srgb,var(--panel) 34%,var(--accent) 66%)
    )!important;
  color:color-mix(in srgb,var(--ink) 88%,var(--accent) 12%)!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 7px 18px color-mix(in srgb,var(--accent) 12%,transparent);
}

/* Keep avatar treatment consistent anywhere the supervisor initials appear. */
.supervisor-user-card .avatar,
.sup-profile-avatar,
#supProfileAvatar{
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb,var(--panel) 38%,var(--accent2) 62%),
      color-mix(in srgb,var(--panel) 34%,var(--accent) 66%)
    )!important;
  color:color-mix(in srgb,var(--ink) 88%,var(--accent) 12%)!important;
}

body[data-mode="dark"] #supAvatar,
body[data-mode="dark"] .supervisor-user-card .avatar,
body[data-mode="dark"] .sup-profile-avatar,
body[data-mode="dark"] #supProfileAvatar{
  color:#fff!important;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb,var(--panel) 58%,var(--accent2) 42%),
      color-mix(in srgb,var(--panel) 54%,var(--accent) 46%)
    )!important;
}

/* =========================================================
   v19.7.3 · Herramientas Supervisor
   ========================================================= */
.sup-tools-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-bottom:14px}
.sup-tool-card{padding:20px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 91%,var(--accent2) 9%),color-mix(in srgb,var(--panel) 93%,var(--accent) 7%))!important;border:1px solid color-mix(in srgb,var(--line) 76%,var(--accent) 24%)!important}
.sup-quicklinks-list{display:grid;gap:9px;margin-top:14px}
.sup-quicklink-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%)}
.sup-quicklink-copy{display:grid;grid-template-columns:.72fr 1.28fr;gap:7px;min-width:0}.sup-quicklink-copy input{min-width:0}
.sup-add-link{width:100%;margin-top:10px}
.danger-lite{color:var(--danger)!important}
.sup-id-preview{margin:15px 0 12px;padding:17px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel) 88%,var(--accent) 5%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.8;word-break:break-word}
.sup-tool-actions{display:flex;gap:8px}
.sup-tool-note{display:flex;gap:7px;align-items:center;margin-top:11px;font-size:7px;color:var(--muted)}.sup-tool-note svg{width:13px;color:var(--accent)}
.sup-bms-card{margin-bottom:16px}.sup-bms-chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.sup-bms-chips span{padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--panel) 90%,var(--accent2) 10%);font-size:8px;font-weight:750}
@media(max-width:950px){.sup-tools-grid{grid-template-columns:1fr}.sup-quicklink-copy{grid-template-columns:1fr}}

/* v19.6.2 News Board animated media */
.news-post-media.is-gif img,.news-post-media img[data-animated-gif="true"]{display:block;width:100%;height:auto;object-fit:contain}


/* v19.8.0 · Nómina / Discover Importer */
.pd-import-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:14px}.pd-import-card{padding:20px!important}
.pd-dropzone{min-height:170px;margin-top:14px;border:1.5px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--panel) 88%,var(--accent) 5%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-align:center;transition:.2s}.pd-dropzone:hover,.pd-dropzone.dragging{transform:translateY(-2px);background:color-mix(in srgb,var(--panel) 80%,var(--accent2) 10%);border-color:var(--accent)}.pd-dropzone svg{width:30px;height:30px;color:var(--accent)}.pd-dropzone strong{font-size:12px}.pd-dropzone span{font-size:8px;color:var(--muted)}
.pd-import-file{margin-top:10px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--panel) 86%,var(--accent2) 8%);display:flex;align-items:center;gap:9px}.pd-import-file svg{color:var(--accent)}.pd-import-file span{display:grid}.pd-import-file b{font-size:9px}.pd-import-file small{font-size:7px;color:var(--muted)}
.pd-format-list{display:grid;gap:10px;margin-top:14px}.pd-format-list>div{display:flex;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 90%,var(--accent2) 6%)}.pd-format-list svg{color:var(--accent);width:20px}.pd-format-list span{display:grid}.pd-format-list b{font-size:10px}.pd-format-list small{font-size:7px;color:var(--muted);margin-top:3px}
.pd-import-preview{margin-bottom:15px}.pd-import-recognized{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:18px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 88%,var(--accent) 8%),color-mix(in srgb,var(--panel) 90%,var(--accent2) 8%))}.pd-import-recognized h2{font-size:17px;margin:2px 0}.pd-import-recognized p:last-child{font-size:8px;color:var(--muted)}
.pd-import-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.pd-import-metric{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.pd-import-metric>svg{width:20px;color:var(--accent)}.pd-import-metric span{display:grid}.pd-import-metric small{font-size:7px;color:var(--muted)}.pd-import-metric b{font-size:15px}
.pd-import-results{padding:18px!important}.pd-import-table-wrap{overflow:auto;max-height:390px;margin-top:12px}.pd-import-table{width:100%;border-collapse:collapse;font-size:8px}.pd-import-table th{text-align:left;color:var(--muted);font-size:7px;padding:9px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)}.pd-import-table td{padding:9px;border-bottom:1px solid var(--line);white-space:nowrap}.pd-import-table small{color:var(--muted)}
.pd-import-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.pd-import-history{padding:18px!important}.pd-import-history-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.pd-import-history-row:last-child{border-bottom:0}.pd-import-history-row span{display:grid}.pd-import-history-row b{font-size:9px}.pd-import-history-row small,.pd-import-history-row time{font-size:7px;color:var(--muted)}
@media(max-width:950px){.pd-import-grid{grid-template-columns:1fr}.pd-import-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pd-import-metrics{grid-template-columns:1fr}.pd-import-recognized{grid-template-columns:auto 1fr}.pd-import-recognized .status-pill{grid-column:2}.pd-import-history-row{grid-template-columns:auto 1fr}.pd-import-history-row time{grid-column:2}}

/* v19.8.1 · Import history review */
.pd-import-history-row{grid-template-columns:auto minmax(0,1fr) auto auto}
.pd-review-import{white-space:nowrap;padding:7px 10px!important;font-size:7px!important}
@media(max-width:760px){.pd-import-history-row{grid-template-columns:auto 1fr}.pd-import-history-row time,.pd-review-import{grid-column:2;justify-self:start}}

/* v19.8.2 · Delete recent imports */
.pd-import-history-actions{display:flex;align-items:center;gap:6px}
.pd-delete-import{width:30px;height:30px;border:1px solid rgba(197,91,104,.22);border-radius:10px;background:rgba(197,91,104,.08);color:#c55b68;display:grid;place-items:center;cursor:pointer;transition:.18s ease}
.pd-delete-import:hover{transform:translateY(-1px);background:rgba(197,91,104,.15)}
.pd-delete-import svg{width:13px;height:13px}
@media(max-width:760px){.pd-import-history-actions{grid-column:2;justify-self:start}}


/* =========================================================
   v19.9.0 · Conciliación
   ========================================================= */
.pd-reconcile-tabs{display:flex;gap:6px;padding:5px;margin:0 0 14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,var(--accent2) 5%);width:max-content;max-width:100%;overflow:auto}
.pd-reconcile-tab{border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:12px;display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:8px;font-weight:750;cursor:pointer}.pd-reconcile-tab svg{width:14px}.pd-reconcile-tab.active{background:var(--panel);color:var(--text);box-shadow:0 5px 15px rgba(0,0,0,.06)}.pd-reconcile-tab.active svg{color:var(--accent)}
.pd-reconcile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.pd-rec-kpi{min-height:105px;padding:16px;border:1px solid var(--line);border-radius:19px;display:flex;gap:11px;align-items:center;backdrop-filter:blur(12px)}.pd-rec-kpi-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--panel) 72%,var(--accent) 12%)}.pd-rec-kpi-icon svg{width:18px}.pd-rec-kpi span{display:grid}.pd-rec-kpi small{font-size:7px;color:var(--muted);font-weight:750}.pd-rec-kpi b{font-size:21px;line-height:1.15;margin:2px 0}.pd-rec-kpi em{font-size:6.5px;color:var(--muted);font-style:normal}
.kpi-total{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 86%,var(--accent) 9%),var(--panel))}.kpi-ok{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 84%,#69b58b 11%),var(--panel))}.kpi-review{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 84%,#d7a34f 11%),var(--panel))}.kpi-time{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 84%,#c96d78 9%),var(--panel))}
.pd-reconcile-summary-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:13px}.pd-rec-card{padding:18px!important}.pd-source-status{display:grid;gap:8px;margin-top:12px}.pd-source-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--line);border-radius:14px}.pd-source-row span{display:grid}.pd-source-row b{font-size:8px}.pd-source-row small{font-size:6.5px;color:var(--muted)}.pd-source-row em{font-size:6px;font-style:normal;color:var(--muted);padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--panel) 80%,var(--accent2) 8%)}.pd-source-row.ready em{color:#43825f;background:rgba(80,170,115,.11)}
.pd-rec-rule{display:flex;gap:9px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--line)}.pd-rec-rule:last-child{border-bottom:0}.pd-rec-rule>svg{width:17px;color:var(--accent);margin-top:2px}.pd-rec-rule span{display:grid}.pd-rec-rule b{font-size:8px}.pd-rec-rule small{font-size:6.5px;color:var(--muted);line-height:1.5;margin-top:2px}
.pd-rec-agent-list{display:grid;margin-top:12px}.pd-rec-agent-row{display:grid;grid-template-columns:auto minmax(160px,1fr) 75px 75px 70px auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}.pd-rec-agent-avatar{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 78%,var(--accent) 14%);font-weight:850}.pd-rec-agent-row>span:nth-child(2){display:grid}.pd-rec-agent-row>span:nth-child(2) b{font-size:8px}.pd-rec-agent-row>span:nth-child(2) small{font-size:6px;color:var(--muted)}.pd-rec-agent-data{display:grid}.pd-rec-agent-data small{font-size:6px;color:var(--muted)}.pd-rec-agent-data b{font-size:8px}.pd-rec-result{font-size:6.5px;font-weight:800;padding:6px 8px;border-radius:999px;white-space:nowrap}.pd-rec-result.ok{color:#43825f;background:rgba(80,170,115,.11)}.pd-rec-result.review{color:#9a6b21;background:rgba(215,163,79,.14)}
@media(max-width:1000px){.pd-reconcile-kpis{grid-template-columns:repeat(2,1fr)}.pd-reconcile-summary-grid{grid-template-columns:1fr}.pd-rec-agent-row{grid-template-columns:auto 1fr repeat(2,65px)}.pd-rec-agent-data:nth-of-type(3),.pd-rec-result{grid-column:auto}}@media(max-width:650px){.pd-reconcile-kpis{grid-template-columns:1fr}.pd-rec-agent-row{grid-template-columns:auto 1fr}.pd-rec-agent-data,.pd-rec-result{grid-column:2}}


/* =========================================================
   v19.9.1 · Conciliación inherits Supervisor Inicio template
   Same visual language, theme-adaptive
   ========================================================= */
.sup-conciliation-home{
  --conc-gap:14px;
}
.sup-conciliation-home .pd-reconcile-tabs{
  width:100%;
  max-width:none;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:0;
  margin:18px 0 16px;
  border:0;
  background:transparent;
  overflow:visible;
}
.sup-conciliation-home .pd-reconcile-tab{
  min-height:54px;
  justify-content:flex-start;
  gap:10px;
  padding:13px 16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 88%,var(--accent) 7%),
      color-mix(in srgb,var(--panel) 94%,var(--accent2) 4%));
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.sup-conciliation-home .pd-reconcile-tab svg{
  width:19px;height:19px;
  color:var(--accent);
}
.sup-conciliation-home .pd-reconcile-tab.active{
  color:var(--text);
  border-color:color-mix(in srgb,var(--accent) 32%,var(--line));
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 78%,var(--accent) 15%),
      color-mix(in srgb,var(--panel) 91%,var(--accent2) 7%));
  box-shadow:var(--shadow);
}

.sup-conciliation-home .pd-reconcile-kpis{
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-bottom:16px;
}
.sup-conciliation-home .pd-rec-kpi{
  min-height:132px;
  padding:20px;
  border-radius:22px;
  gap:14px;
  border:1px solid color-mix(in srgb,var(--line) 82%,var(--accent) 18%);
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.sup-conciliation-home .pd-rec-kpi-icon{
  width:46px;height:46px;border-radius:15px;
  flex:0 0 46px;
}
.sup-conciliation-home .pd-rec-kpi-icon svg{width:22px;height:22px}
.sup-conciliation-home .pd-rec-kpi small{
  font-size:9px;
  line-height:1.2;
}
.sup-conciliation-home .pd-rec-kpi b{
  font-size:28px;
  margin:4px 0;
}
.sup-conciliation-home .pd-rec-kpi em{
  font-size:8px;
  line-height:1.35;
}

/* Four distinct glass gradients, using theme tokens so every theme adapts. */
.sup-conciliation-home .kpi-total{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--panel) 72%,var(--accent) 20%),
    color-mix(in srgb,var(--panel) 94%,var(--accent2) 5%));
}
.sup-conciliation-home .kpi-ok{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--panel) 74%,var(--success,#65ad86) 18%),
    color-mix(in srgb,var(--panel) 94%,var(--accent) 4%));
}
.sup-conciliation-home .kpi-review{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--panel) 73%,var(--warning,#d6a24d) 19%),
    color-mix(in srgb,var(--panel) 94%,var(--accent2) 4%));
}
.sup-conciliation-home .kpi-time{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--panel) 74%,var(--danger,#c96d78) 17%),
    color-mix(in srgb,var(--panel) 94%,var(--accent) 4%));
}

.sup-conciliation-home .pd-reconcile-summary-grid{
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.sup-conciliation-home .pd-rec-card{
  min-height:340px;
  padding:22px!important;
  border-radius:24px!important;
  border:1px solid var(--line)!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 90%,var(--accent) 5%),
      color-mix(in srgb,var(--panel) 96%,var(--accent2) 3%))!important;
  box-shadow:var(--shadow)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.sup-conciliation-home .pd-rec-card .card-title{
  font-size:15px;
  font-weight:850;
}
.sup-conciliation-home .pd-rec-card .card-header span{
  font-size:9px;
}
.sup-conciliation-home .pd-rec-card .soft-icon{
  width:42px;height:42px;border-radius:14px;
}
.sup-conciliation-home .pd-rec-card .soft-icon svg{width:20px}

.sup-conciliation-home .pd-source-status{
  gap:10px;
  margin-top:18px;
}
.sup-conciliation-home .pd-source-row{
  min-height:61px;
  padding:11px 13px;
  gap:12px;
  border-radius:17px;
  background:color-mix(in srgb,var(--panel) 88%,var(--accent) 5%);
}
.sup-conciliation-home .pd-source-row b{font-size:9px}
.sup-conciliation-home .pd-source-row small{font-size:7.5px;margin-top:2px}
.sup-conciliation-home .pd-source-row em{font-size:7px;padding:5px 9px}

.sup-conciliation-home .pd-rec-rule{
  min-height:78px;
  gap:13px;
  padding:16px 4px;
}
.sup-conciliation-home .pd-rec-rule>svg{
  width:21px;height:21px;
}
.sup-conciliation-home .pd-rec-rule b{font-size:9.5px}
.sup-conciliation-home .pd-rec-rule small{
  font-size:7.5px;
  line-height:1.55;
  margin-top:4px;
}

/* Import, agents and history retain the same full-size card language. */
.sup-conciliation-home .pd-import-grid,
.sup-conciliation-home .pd-import-preview,
.sup-conciliation-home .pd-import-history{
  margin-top:2px;
}
.sup-conciliation-home [data-reconcile-content="sources"] .card,
.sup-conciliation-home [data-reconcile-content="agents"] .card,
.sup-conciliation-home [data-reconcile-content="history"] .card{
  border-radius:24px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.sup-conciliation-home .pd-rec-agent-row{
  min-height:70px;
  padding:13px 8px;
}
.sup-conciliation-home .pd-rec-agent-avatar{
  width:40px;height:40px;border-radius:14px;
}
.sup-conciliation-home .pd-rec-agent-row>span:nth-child(2) b{font-size:9px}
.sup-conciliation-home .pd-rec-agent-row>span:nth-child(2) small,
.sup-conciliation-home .pd-rec-agent-data small{font-size:7px}
.sup-conciliation-home .pd-rec-agent-data b{font-size:9px}
.sup-conciliation-home .pd-rec-result{font-size:7px;padding:7px 10px}

/* Make the heading proportions match Inicio. */
.sup-conciliation-home > .eyebrow,
.sup-conciliation-home > p.eyebrow{
  margin-bottom:7px;
}
.sup-conciliation-home > h1{
  font-size:31px;
  line-height:1.08;
  letter-spacing:-.7px;
}
.sup-conciliation-home > .subtitle{
  font-size:12px;
  margin-top:7px;
}

/* Theme safety: never hard-code the old blue avatar/accent look here. */
.sup-conciliation-home .pd-rec-kpi-icon,
.sup-conciliation-home .soft-icon,
.sup-conciliation-home .pd-rec-agent-avatar{
  color:var(--accent);
}

/* responsive */
@media(max-width:1050px){
 .sup-conciliation-home .pd-reconcile-tabs{grid-template-columns:repeat(2,1fr)}
 .sup-conciliation-home .pd-reconcile-kpis{grid-template-columns:repeat(2,1fr)}
 .sup-conciliation-home .pd-reconcile-summary-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 .sup-conciliation-home .pd-reconcile-tabs{grid-template-columns:1fr}
 .sup-conciliation-home .pd-reconcile-kpis{grid-template-columns:1fr}
}

/* =========================================================
   v19.9.2 · Conciliación — stronger adaptive glass + semantic color
   ========================================================= */

/* True glass: translucent theme-derived layers, shine and depth */
.sup-conciliation-home .pd-reconcile-tab,
.sup-conciliation-home .pd-rec-kpi,
.sup-conciliation-home .pd-rec-card,
.sup-conciliation-home [data-reconcile-content="sources"] .card,
.sup-conciliation-home [data-reconcile-content="agents"] .card,
.sup-conciliation-home [data-reconcile-content="history"] .card{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 69%,transparent),
      color-mix(in srgb,var(--panel) 82%,var(--accent) 5%)) !important;
  border:1px solid color-mix(in srgb,var(--line) 68%,var(--accent) 22%) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--text) 10%,transparent),
    0 12px 30px color-mix(in srgb,var(--bg) 70%,transparent),
    0 0 24px color-mix(in srgb,var(--accent) 5%,transparent) !important;
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}
.sup-conciliation-home .pd-reconcile-tab::before,
.sup-conciliation-home .pd-rec-kpi::before,
.sup-conciliation-home .pd-rec-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,
    color-mix(in srgb,var(--text) 7%,transparent) 0%,
    transparent 32%,
    transparent 70%,
    color-mix(in srgb,var(--accent) 6%,transparent) 100%);
}

/* Each KPI gets its own semantic tint, but all tints mix with active theme tokens. */
.sup-conciliation-home .pd-rec-kpi.kpi-total{
  --kpi-tone:color-mix(in srgb,var(--accent) 72%,#67c9d5);
}
.sup-conciliation-home .pd-rec-kpi.kpi-ok{
  --kpi-tone:color-mix(in srgb,var(--accent2,var(--accent)) 58%,#70c99a);
}
.sup-conciliation-home .pd-rec-kpi.kpi-review{
  --kpi-tone:color-mix(in srgb,var(--accent) 52%,#e1b45a);
}
.sup-conciliation-home .pd-rec-kpi.kpi-time{
  --kpi-tone:color-mix(in srgb,var(--accent2,var(--accent)) 48%,#dc7088);
}
.sup-conciliation-home .pd-rec-kpi{
  background:
    radial-gradient(circle at 8% 8%,
      color-mix(in srgb,var(--kpi-tone) 20%,transparent),transparent 46%),
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 69%,var(--kpi-tone) 12%),
      color-mix(in srgb,var(--panel) 84%,transparent)) !important;
  border-color:color-mix(in srgb,var(--line) 60%,var(--kpi-tone) 35%) !important;
}
.sup-conciliation-home .pd-rec-kpi-icon{
  position:relative;
  z-index:1;
  color:var(--kpi-tone) !important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--kpi-tone) 20%,var(--panel)),
      color-mix(in srgb,var(--panel) 82%,transparent)) !important;
  border:1px solid color-mix(in srgb,var(--kpi-tone) 34%,var(--line)) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb,var(--text) 10%,transparent),
    0 6px 18px color-mix(in srgb,var(--kpi-tone) 10%,transparent);
}
.sup-conciliation-home .pd-rec-kpi > *{position:relative;z-index:1}

/* Give the four source icons a related but non-monochrome hierarchy too. */
.sup-conciliation-home .pd-source-row:nth-child(1) .soft-icon,
.sup-conciliation-home .pd-source-row:nth-child(1)>svg{color:color-mix(in srgb,var(--accent) 65%,#67c9d5)!important}
.sup-conciliation-home .pd-source-row:nth-child(2) .soft-icon,
.sup-conciliation-home .pd-source-row:nth-child(2)>svg{color:color-mix(in srgb,var(--accent2,var(--accent)) 58%,#b783df)!important}
.sup-conciliation-home .pd-source-row:nth-child(3) .soft-icon,
.sup-conciliation-home .pd-source-row:nth-child(3)>svg{color:color-mix(in srgb,var(--accent) 52%,#e1b45a)!important}
.sup-conciliation-home .pd-source-row:nth-child(4) .soft-icon,
.sup-conciliation-home .pd-source-row:nth-child(4)>svg{color:color-mix(in srgb,var(--accent2,var(--accent)) 48%,#dc7088)!important}

/* A little more visible glass on internal rows */
.sup-conciliation-home .pd-source-row{
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 65%,transparent),
      color-mix(in srgb,var(--panel) 78%,var(--accent) 5%)) !important;
  border-color:color-mix(in srgb,var(--line) 70%,var(--accent) 18%) !important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 7%,transparent);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* =========================================================
   v19.9.3 · Conciliación uses the EXACT Home KPI glass recipe
   ========================================================= */
[data-sup-panel="payroll"]{
  --home-card-radius:22px;
  --home-card-border:color-mix(in srgb,var(--accent) 18%,var(--line));
  --home-card-shadow:0 18px 42px color-mix(in srgb,var(--shadow) 72%,transparent);
}

/* Same frosted glass recipe as Inicio */
[data-sup-panel="payroll"] .pd-rec-kpi{
  min-height:128px!important;
  padding:20px!important;
  border-radius:var(--home-card-radius)!important;
  border:1px solid color-mix(in srgb,var(--kpi-tone,var(--accent)) 24%,var(--line))!important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--panel) 76%,var(--kpi-tone,var(--accent2)) 24%),
      color-mix(in srgb,var(--panel) 80%,var(--kpi-tone,var(--accent)) 20%)
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    var(--home-card-shadow)!important;
  backdrop-filter:blur(18px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(132%)!important;
  position:relative;
  overflow:hidden;
}

/* Visible frosted reflection, matching Inicio rather than a flat overlay */
[data-sup-panel="payroll"] .pd-rec-kpi::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(120deg,
      rgba(255,255,255,.13) 0%,
      rgba(255,255,255,.045) 22%,
      transparent 46%,
      transparent 72%,
      color-mix(in srgb,var(--kpi-tone,var(--accent)) 9%,transparent) 100%);
  opacity:.9;
}
body[data-mode="light"] [data-sup-panel="payroll"] .pd-rec-kpi::after{
  background:
    linear-gradient(120deg,
      rgba(255,255,255,.34) 0%,
      rgba(255,255,255,.12) 27%,
      transparent 50%,
      rgba(255,255,255,.04) 82%);
}
body[data-mode="dark"] [data-sup-panel="payroll"] .pd-rec-kpi::after{
  background:
    linear-gradient(120deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.035) 28%,
      transparent 54%,
      color-mix(in srgb,var(--kpi-tone,var(--accent)) 10%,transparent) 100%);
}

/* Distinct semantic tones, still blended with the active theme */
[data-sup-panel="payroll"] .kpi-total{
  --kpi-tone:color-mix(in srgb,var(--accent) 60%,#69c9d8);
}
[data-sup-panel="payroll"] .kpi-ok{
  --kpi-tone:color-mix(in srgb,var(--accent2,var(--accent)) 48%,#67bd8c);
}
[data-sup-panel="payroll"] .kpi-review{
  --kpi-tone:color-mix(in srgb,var(--accent) 42%,#deb059);
}
[data-sup-panel="payroll"] .kpi-time{
  --kpi-tone:color-mix(in srgb,var(--accent2,var(--accent)) 42%,#d76e82);
}

/* The icon tiles get their own frosted layer too */
[data-sup-panel="payroll"] .pd-rec-kpi-icon{
  width:46px!important;
  height:46px!important;
  border-radius:15px!important;
  color:var(--kpi-tone)!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--panel) 70%,var(--kpi-tone) 30%),
      color-mix(in srgb,var(--panel) 86%,var(--kpi-tone) 14%)
    )!important;
  border:1px solid color-mix(in srgb,var(--kpi-tone) 32%,var(--line))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 8px 22px color-mix(in srgb,var(--kpi-tone) 12%,transparent)!important;
  backdrop-filter:blur(14px) saturate(125%);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
}

/* Internal cards also use the same Home frosted family */
[data-sup-panel="payroll"] .pd-rec-card,
[data-sup-panel="payroll"] [data-reconcile-content="sources"] .card,
[data-sup-panel="payroll"] [data-reconcile-content="agents"] .card,
[data-sup-panel="payroll"] [data-reconcile-content="history"] .card{
  border-radius:var(--home-card-radius)!important;
  border:1px solid var(--home-card-border)!important;
  background:
    linear-gradient(120deg,
      color-mix(in srgb,var(--panel) 88%,var(--accent2) 12%),
      color-mix(in srgb,var(--panel) 84%,var(--accent) 16%)
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    var(--home-card-shadow)!important;
  backdrop-filter:blur(18px) saturate(128%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(128%)!important;
}

/* Tabs use a lighter version of the same glass instead of solid blocks */
[data-sup-panel="payroll"] .pd-reconcile-tab{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--panel) 82%,var(--accent2) 18%),
      color-mix(in srgb,var(--panel) 88%,var(--accent) 12%)
    )!important;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 26px color-mix(in srgb,var(--shadow) 55%,transparent)!important;
  backdrop-filter:blur(16px) saturate(125%);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
}
[data-sup-panel="payroll"] .pd-reconcile-tab.active{
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--panel) 72%,var(--accent2) 28%),
      color-mix(in srgb,var(--panel) 78%,var(--accent) 22%)
    )!important;
}

/* Remove the flatter v19.9.2 radial look from competing visually */
[data-sup-panel="payroll"] .pd-rec-kpi::before{
  opacity:.18!important;
}


/* =========================================================
   v20.0 · Conciliación Inteligente / Agent Review
   ========================================================= */
.pd-agent-review-shell{display:grid;gap:14px}.pd-review-agent-picker{padding:20px!important;border-radius:22px!important}
.pd-review-picker-row{display:grid;grid-template-columns:1fr .55fr auto;gap:10px;align-items:end;margin-top:15px}.pd-review-picker-row label,.pd-resolution-grid label{display:grid;gap:6px}.pd-review-picker-row label>span,.pd-resolution-grid label>span{font-size:8px;font-weight:800;color:var(--muted)}.pd-review-picker-row select,.pd-review-picker-row input,.pd-resolution-grid select,.pd-resolution-grid textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--text);padding:11px 12px;font:inherit}
.pd-review-hero{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:20px;border:1px solid var(--home-card-border);border-radius:22px;background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 90%,var(--accent2) 10%),color-mix(in srgb,var(--panel) 84%,var(--accent) 16%));box-shadow:var(--home-card-shadow);backdrop-filter:blur(18px) saturate(130%)}
.pd-review-avatar{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;font-size:20px;font-weight:900;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 60%,var(--accent) 40%),color-mix(in srgb,var(--panel) 70%,var(--accent2) 30%));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))}
.pd-review-identity h2{font-size:22px;margin:2px 0 7px}.pd-review-chips{display:flex;flex-wrap:wrap;gap:6px}.pd-review-chips span{padding:5px 8px;border-radius:999px;border:1px solid var(--line);font-size:7px;color:var(--muted);background:color-mix(in srgb,var(--panel) 82%,transparent)}
.pd-review-status{padding:8px 11px;border-radius:999px;font-size:8px;font-weight:850}.pd-review-status.review{background:rgba(216,164,73,.14);color:#b47c24}.pd-review-status.ok{background:rgba(82,174,117,.13);color:#4a9066}
.pd-review-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pd-review-kpi{min-height:122px;padding:18px;border-radius:22px;border:1px solid var(--line);display:flex;align-items:center;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),var(--home-card-shadow);backdrop-filter:blur(18px) saturate(130%)}.pd-review-kpi span{display:grid}.pd-review-kpi small{font-size:8px;color:var(--muted);font-weight:800}.pd-review-kpi b{font-size:22px;margin:3px 0}.pd-review-kpi em{font-size:7px;color:var(--muted);font-style:normal}.tone-blue{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 76%,#65bed0 24%),color-mix(in srgb,var(--panel) 84%,var(--accent) 16%))}.tone-green{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 76%,#69b98a 24%),color-mix(in srgb,var(--panel) 84%,var(--accent2) 16%))}.tone-yellow{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 76%,#d7a64f 24%),color-mix(in srgb,var(--panel) 84%,var(--accent) 16%))}.tone-red{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 76%,#cc6d7d 24%),color-mix(in srgb,var(--panel) 84%,var(--accent2) 16%))}
.pd-review-main-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.pd-review-main-grid.second-row{grid-template-columns:1.15fr .85fr}.pd-review-card{padding:20px!important;border-radius:22px!important;background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 90%,var(--accent2) 10%),color-mix(in srgb,var(--panel) 86%,var(--accent) 14%))!important;box-shadow:var(--home-card-shadow)!important;backdrop-filter:blur(18px) saturate(126%)}
.pd-timeline-legend{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 14px}.pd-timeline-legend span{font-size:7px;color:var(--muted);display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:999px;display:inline-block}
.state-available,.dot.state-available{--state:#5fb9c7}.state-contact,.dot.state-contact{--state:#d6ab4c}.state-specific,.dot.state-specific{--state:#a77bd0}.state-break,.dot.state-break{--state:#d9864e}.state-offline,.dot.state-offline{--state:#cb6277}.state-neutral{--state:var(--muted)}
.dot.state-available,.dot.state-contact,.dot.state-specific,.dot.state-break,.dot.state-offline{background:var(--state)}
.pd-review-timeline{display:grid}.pd-timeline-item{display:grid;grid-template-columns:58px 22px 1fr;gap:7px;min-height:58px}.pd-timeline-time{font-size:7px;color:var(--muted);padding-top:3px}.pd-timeline-line{position:relative;display:flex;justify-content:center}.pd-timeline-line:after{content:"";position:absolute;top:12px;bottom:-4px;width:2px;background:color-mix(in srgb,var(--state) 30%,var(--line))}.pd-timeline-item:last-child .pd-timeline-line:after{display:none}.pd-timeline-line i{z-index:1;width:12px;height:12px;border-radius:50%;background:var(--state);box-shadow:0 0 0 5px color-mix(in srgb,var(--state) 14%,transparent)}.pd-timeline-copy{padding-bottom:14px}.pd-timeline-copy b{font-size:9px}.pd-timeline-copy small{display:block;font-size:7px;color:var(--muted);margin-top:3px}
.pd-detection-list{display:grid;gap:9px;margin-top:13px}.pd-detection{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 84%,transparent)}.pd-detection span{display:grid}.pd-detection b{font-size:8.5px}.pd-detection small{font-size:7px;color:var(--muted);line-height:1.45;margin-top:2px}.pd-detection.review{border-color:rgba(213,158,63,.30)}.pd-detection.ok{border-color:rgba(82,174,117,.25)}.pd-detection.info{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.pd-state-chip{display:inline-flex;padding:5px 7px;border-radius:999px;background:color-mix(in srgb,var(--state) 15%,transparent);color:var(--state);font-weight:800;border:1px solid color-mix(in srgb,var(--state) 25%,transparent)}
.pd-attempt-summary{padding:13px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel) 84%,var(--accent) 5%)}.pd-attempt-summary b{display:block;font-size:10px}.pd-attempt-summary span{display:block;font-size:7px;color:var(--muted);line-height:1.45;margin-top:3px}.pd-attempt-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;max-height:190px;overflow:auto}.pd-attempt-pills span{padding:5px 7px;border-radius:999px;border:1px solid var(--line);font-size:6.5px;background:color-mix(in srgb,var(--panel) 82%,transparent)}
.pd-resolution-grid{display:grid;grid-template-columns:.7fr 1.3fr auto;gap:10px;align-items:end;margin-top:14px}.pd-resolution-grid .wide{grid-column:auto}.pd-audit-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.pd-audit-row span{display:grid}.pd-audit-row b{font-size:8px}.pd-audit-row small,.pd-audit-row time{font-size:7px;color:var(--muted)}
@media(max-width:1050px){.pd-review-kpis{grid-template-columns:repeat(2,1fr)}.pd-review-main-grid,.pd-review-main-grid.second-row{grid-template-columns:1fr}.pd-resolution-grid{grid-template-columns:1fr}.pd-review-picker-row{grid-template-columns:1fr 1fr}.pd-review-picker-row button{grid-column:1/-1}}@media(max-width:650px){.pd-review-kpis{grid-template-columns:1fr}.pd-review-hero{grid-template-columns:auto 1fr}.pd-review-status{grid-column:2}.pd-review-picker-row{grid-template-columns:1fr}}


/* v20.1 · Conciliation rules */
.pd-reconcile-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:4px 0 14px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 88%,var(--accent2) 12%),color-mix(in srgb,var(--panel) 92%,var(--accent) 8%));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(16px)}.pd-reconcile-toolbar>div{display:grid}.pd-reconcile-toolbar b{font-size:9px}.pd-reconcile-toolbar span{font-size:7px;color:var(--muted);margin-top:2px}
.pd-rules-overlay{position:fixed;inset:0;z-index:100000;background:rgba(10,14,20,.42);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.pd-rules-overlay.hidden{display:none}.pd-rules-modal{width:min(680px,96vw);max-height:90vh;overflow:auto;padding:24px;border-radius:26px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%),color-mix(in srgb,var(--panel) 90%,var(--accent) 10%));box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(24px) saturate(135%)}.pd-rules-head{display:flex;justify-content:space-between;gap:15px}.pd-rules-head h2{font-size:22px;margin:3px 0}.pd-rules-head span{font-size:8px;color:var(--muted)}
.pd-rule-card{margin-top:15px;padding:17px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel) 82%,transparent)}.pd-rule-title{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.pd-rule-title>div:nth-child(2){display:grid}.pd-rule-title b{font-size:10px}.pd-rule-title span{font-size:7px;color:var(--muted);margin-top:2px}.pd-rule-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.pd-rule-fields label{display:grid;gap:6px}.pd-rule-fields label>span{font-size:7px;font-weight:800;color:var(--muted)}.pd-rule-fields input{width:100%;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 85%,transparent);color:var(--text);padding:10px}.pd-percent-input{position:relative}.pd-percent-input span{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:8px;color:var(--muted)}.pd-rule-note{display:flex;gap:9px;margin-top:12px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));font-size:7px;line-height:1.45;color:var(--muted)}.pd-rule-note svg{width:16px;flex:0 0 16px;color:var(--accent)}
.pd-switch input{display:none}.pd-switch i{display:block;width:36px;height:20px;border-radius:999px;background:var(--line);position:relative;cursor:pointer}.pd-switch i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--panel);top:3px;left:3px;transition:.2s}.pd-switch input:checked+i{background:var(--accent)}.pd-switch input:checked+i:after{left:19px}
.pd-rule-legend{display:grid;gap:8px;margin-top:13px}.pd-rule-legend>div{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:9px;border-radius:13px;border:1px solid var(--line)}.pd-rule-legend i{width:10px;height:10px;border-radius:50%}.pd-rule-legend .good i{background:#65b785}.pd-rule-legend .warn i{background:#d6a24d}.pd-rule-legend .bad i{background:#c96778}.pd-rule-legend span{display:grid}.pd-rule-legend b{font-size:8px}.pd-rule-legend small{font-size:6.5px;color:var(--muted)}
.pd-rules-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:17px}.pd-rules-foot>span{font-size:7px;color:var(--muted)}.pd-rules-foot>div{display:flex;gap:8px}
.pd-review-status.incomplete{background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--muted);border:1px solid var(--line)}
.pd-cap-eval{margin-top:10px;padding:12px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 84%,transparent)}.pd-cap-eval>div:first-child{display:flex;gap:9px;align-items:flex-start}.pd-cap-eval>div:first-child svg{width:17px;flex:0 0 17px}.pd-cap-eval>div:first-child span{display:grid}.pd-cap-eval b{font-size:8.5px}.pd-cap-eval small{font-size:7px;color:var(--muted);line-height:1.45}.pd-cap-eval.pass{border-color:rgba(82,174,117,.28)}.pd-cap-eval.pass>div:first-child svg{color:#58a977}.pd-cap-eval.review{border-color:rgba(214,162,77,.30)}.pd-cap-eval.review>div:first-child svg{color:#c58d35}.pd-toggle-minute-detail{border:0;background:transparent;color:var(--accent);font-size:7px;font-weight:800;cursor:pointer;padding:8px 0 0}.pd-minute-detail{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px}.pd-minute-detail span{display:grid;padding:7px;border-radius:10px;border:1px solid var(--line);font-size:6px}.pd-minute-detail span b{font-size:7px}.pd-minute-detail span.ok{background:rgba(82,174,117,.08);border-color:rgba(82,174,117,.22)}.pd-minute-detail span.out{background:rgba(214,162,77,.07);border-color:rgba(214,162,77,.20)}
@media(max-width:650px){.pd-rule-fields{grid-template-columns:1fr}.pd-rules-foot{align-items:stretch;flex-direction:column}.pd-minute-detail{grid-template-columns:repeat(2,1fr)}.pd-reconcile-toolbar{align-items:stretch;flex-direction:column}}

/* =========================================================
   v20.2 · Smart schedules + visual polish
   ========================================================= */
.pd-smart-schedule{margin-top:14px!important;min-height:auto!important}.pd-schedule-grid{display:grid;grid-template-columns:.7fr .7fr 1fr 1fr 1fr auto;gap:9px;align-items:end;margin-top:14px}.pd-schedule-grid>label{display:grid;gap:6px}.pd-schedule-grid>label>span,.pd-schedule-block .pd-check span{font-size:7px;font-weight:800;color:var(--muted)}.pd-schedule-grid input[type="time"]{width:100%;border:1px solid var(--line);border-radius:13px;padding:10px;background:color-mix(in srgb,var(--panel) 84%,transparent);color:var(--text)}.pd-schedule-block{display:grid;gap:6px}.pd-check{display:flex;align-items:center;gap:6px}.pd-check input{accent-color:var(--accent)}.pd-schedule-block input:disabled{opacity:.35}.pd-schedule-hint{display:flex;gap:8px;align-items:center;margin-top:11px;padding:9px 11px;border-radius:14px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));font-size:7px;color:var(--muted)}.pd-schedule-hint svg{width:15px;color:var(--accent)}
.pd-rule-fields-ops{grid-template-columns:repeat(3,1fr)}.pd-unit-input{position:relative}.pd-unit-input span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:7px;color:var(--muted)}
/* Give lower review cards the same breathing room as the upper pair */
.pd-review-main-grid.second-row>.pd-review-card{min-height:310px!important}.pd-review-main-grid.second-row .pd-import-table-wrap{max-height:250px;overflow:auto}.pd-attempts-review{min-height:220px;padding-top:4px}.pd-review-card .empty-workforce{min-height:205px;display:grid;place-items:center;align-content:center;text-align:center;padding:25px}.pd-review-card .empty-workforce svg{width:25px;height:25px;margin-bottom:5px;color:var(--accent)}
/* Better incomplete semantic */
.pd-detection.incomplete{border-color:color-mix(in srgb,var(--accent) 15%,var(--line));background:color-mix(in srgb,var(--panel) 86%,var(--accent) 4%)}.pd-detection.incomplete .soft-icon{color:var(--muted)}
/* Theme-adaptive state palette: semantic hues are softened by current accent */
.state-available,.dot.state-available{--state:color-mix(in srgb,var(--accent) 45%,#5fb9c7)}.state-contact,.dot.state-contact{--state:color-mix(in srgb,var(--accent) 35%,#d6ab4c)}.state-specific,.dot.state-specific{--state:color-mix(in srgb,var(--accent2,var(--accent)) 48%,#a77bd0)}.state-break,.dot.state-break{--state:color-mix(in srgb,var(--accent) 30%,#d9864e)}.state-offline,.dot.state-offline{--state:color-mix(in srgb,var(--accent2,var(--accent)) 32%,#cb6277)}
@media(max-width:1150px){.pd-schedule-grid{grid-template-columns:repeat(3,1fr)}.pd-schedule-grid button{align-self:end}}@media(max-width:700px){.pd-schedule-grid,.pd-rule-fields-ops{grid-template-columns:1fr 1fr}}@media(max-width:480px){.pd-schedule-grid,.pd-rule-fields-ops{grid-template-columns:1fr}}

/* =========================================================
   v20.3 · Reconciliation breathing room
   Schedule editing belongs in Horarios, never here.
   ========================================================= */
[data-reconcile-content="agent"]{padding-bottom:34px}
[data-reconcile-content="agent"] .pd-review-profile{margin-bottom:20px}
[data-reconcile-content="agent"] .pd-review-kpis{
  gap:16px!important;
  margin:0 0 22px!important;
}
[data-reconcile-content="agent"] .pd-review-kpi{
  min-height:132px!important;
  padding:20px!important;
  border-radius:24px!important;
}
[data-reconcile-content="agent"] .pd-review-main-grid{
  gap:18px!important;
  margin-top:18px!important;
}
[data-reconcile-content="agent"] .pd-review-main-grid.second-row{
  margin-top:18px!important;
}
[data-reconcile-content="agent"] .pd-review-card{
  padding:22px!important;
  border-radius:24px!important;
}
[data-reconcile-content="agent"] .pd-review-main-grid:not(.second-row)>.pd-review-card{
  min-height:350px!important;
}
[data-reconcile-content="agent"] .pd-review-main-grid.second-row>.pd-review-card{
  min-height:330px!important;
}
[data-reconcile-content="agent"] .pd-review-card .card-header{
  margin-bottom:16px!important;
}
[data-reconcile-content="agent"] .pd-review-card .card-title{
  font-size:14px!important;
}
[data-reconcile-content="agent"] .pd-review-card .card-header span{
  line-height:1.45!important;
}
[data-reconcile-content="agent"] .pd-detections{
  gap:12px!important;
}
[data-reconcile-content="agent"] .pd-detection{
  padding:14px!important;
  border-radius:17px!important;
}
[data-reconcile-content="agent"] .pd-attempt-summary{
  padding:14px!important;
  border-radius:17px!important;
}
[data-reconcile-content="agent"] .pd-attempt-pills{
  gap:7px!important;
  margin-top:12px!important;
}
[data-reconcile-content="agent"] .pd-attempt-pills span{
  padding:7px 9px!important;
}
[data-reconcile-content="agent"] .pd-review-resolution{
  margin-top:20px!important;
  padding:22px!important;
  border-radius:24px!important;
}
@media(max-width:1100px){
 [data-reconcile-content="agent"] .pd-review-main-grid{grid-template-columns:1fr!important}
 [data-reconcile-content="agent"] .pd-review-kpis{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:650px){
 [data-reconcile-content="agent"] .pd-review-kpis{grid-template-columns:1fr!important}
}

/* =========================================================
   v20.4 · Revisión por agente — alignment / visual rhythm
   Same grid, same baselines, more breathing room.
   ========================================================= */

/* Main vertical rhythm */
[data-reconcile-content="agents"] .pd-agent-review-shell{
  display:grid!important;
  gap:20px!important;
}
[data-reconcile-content="agents"] #pdAgentReviewWorkspace{
  display:grid!important;
  gap:20px!important;
}
[data-reconcile-content="agents"] #pdAgentReviewWorkspace.hidden{
  display:none!important;
}

/* Hero and KPIs sit on clean, independent rows */
[data-reconcile-content="agents"] .pd-review-hero{
  margin:0!important;
}
[data-reconcile-content="agents"] .pd-review-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0!important;
}
[data-reconcile-content="agents"] .pd-review-kpi{
  height:100%!important;
  min-height:132px!important;
  box-sizing:border-box!important;
}

/* Both paired rows use the exact same 50/50 grid */
[data-reconcile-content="agents"] .pd-review-main-grid,
[data-reconcile-content="agents"] .pd-review-main-grid.second-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0!important;
  align-items:stretch!important;
}

/* Every paired card shares the same frame */
[data-reconcile-content="agents"] .pd-review-main-grid>.pd-review-card,
[data-reconcile-content="agents"] .pd-review-main-grid.second-row>.pd-review-card{
  min-width:0!important;
  height:100%!important;
  min-height:360px!important;
  margin:0!important;
  padding:22px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
}

/* Contents grow inside equal-height cards instead of stretching the row itself */
[data-reconcile-content="agents"] .pd-review-timeline,
[data-reconcile-content="agents"] .pd-detection-list,
[data-reconcile-content="agents"] .pd-import-table-wrap,
[data-reconcile-content="agents"] .pd-attempts-review{
  flex:1 1 auto!important;
  min-height:0!important;
}
[data-reconcile-content="agents"] .pd-import-table-wrap{
  max-height:290px!important;
}
[data-reconcile-content="agents"] .pd-attempts-review{
  display:flex!important;
  flex-direction:column!important;
}

/* Empty states are vertically centered inside the same card height */
[data-reconcile-content="agents"] .pd-review-card .empty-workforce{
  flex:1 1 auto!important;
  min-height:240px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:26px!important;
  box-sizing:border-box!important;
}

/* Resolution becomes a clean full-width row with aligned controls */
[data-reconcile-content="agents"] .pd-resolution-card{
  margin:0!important;
  padding:22px!important;
  border-radius:24px!important;
  min-height:190px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid{
  display:grid!important;
  grid-template-columns:240px minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:end!important;
  margin-top:16px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid label{
  min-width:0!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid select{
  height:48px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid textarea{
  min-height:86px!important;
  resize:vertical!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid .primary-button{
  min-height:48px!important;
  align-self:end!important;
}

/* Audit history is its own full-width row, clearly separated */
[data-reconcile-content="agents"] #pdReviewAudit{
  min-height:210px!important;
}
[data-reconcile-content="agents"] .pd-review-card:has(#pdReviewAudit){
  margin:0!important;
  min-height:300px!important;
  padding:22px!important;
  border-radius:24px!important;
}

/* Header spacing inside every card is identical */
[data-reconcile-content="agents"] .pd-review-card .card-header{
  min-height:50px!important;
  margin:0 0 16px!important;
  align-items:flex-start!important;
}
[data-reconcile-content="agents"] .pd-review-card .card-header>div:first-child{
  min-width:0!important;
}
[data-reconcile-content="agents"] .pd-review-card .card-header .soft-icon{
  flex:0 0 auto!important;
}

/* Prevent awkwardly different table/card bottoms */
[data-reconcile-content="agents"] .pd-state-table{
  width:100%!important;
}
[data-reconcile-content="agents"] .pd-state-table th,
[data-reconcile-content="agents"] .pd-state-table td{
  vertical-align:middle!important;
}

/* Slightly more breathing room around the whole agent view */
[data-reconcile-content="agents"]{
  padding-bottom:34px!important;
}

/* Responsive: preserve alignment, then stack cleanly */
@media(max-width:1100px){
  [data-reconcile-content="agents"] .pd-review-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  [data-reconcile-content="agents"] .pd-review-main-grid,
  [data-reconcile-content="agents"] .pd-review-main-grid.second-row{
    grid-template-columns:1fr!important;
  }
  [data-reconcile-content="agents"] .pd-review-main-grid>.pd-review-card,
  [data-reconcile-content="agents"] .pd-review-main-grid.second-row>.pd-review-card{
    min-height:330px!important;
  }
  [data-reconcile-content="agents"] .pd-resolution-grid{
    grid-template-columns:1fr 1fr!important;
  }
  [data-reconcile-content="agents"] .pd-resolution-grid .primary-button{
    grid-column:1/-1!important;
    justify-self:end!important;
  }
}
@media(max-width:650px){
  [data-reconcile-content="agents"] .pd-review-kpis{
    grid-template-columns:1fr!important;
  }
  [data-reconcile-content="agents"] .pd-resolution-grid{
    grid-template-columns:1fr!important;
  }
  [data-reconcile-content="agents"] .pd-resolution-grid .primary-button{
    justify-self:stretch!important;
  }
}

/* =========================================================
   v20.5 · Importación Visual
   ========================================================= */
.pd-import-visual-audit{margin-top:16px}
.pd-import-viewbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.pd-segmented{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 76%,transparent)}
.pd-segmented button{display:flex;align-items:center;gap:7px;border:0;border-radius:12px;padding:9px 13px;background:transparent;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}
.pd-segmented button svg{width:15px;height:15px}
.pd-segmented button.active{background:color-mix(in srgb,var(--accent) 13%,var(--panel));color:var(--text);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 9%,transparent)}
.pd-import-general-view{display:grid;gap:12px}
.pd-import-general-view.hidden,.pd-summary-hidden{display:none!important}
.pd-general-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between}
.pd-general-search{flex:1;display:flex;align-items:center;gap:8px;min-height:43px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 84%,transparent)}
.pd-general-search svg{width:16px;color:var(--muted)}
.pd-general-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}
.pd-detection-toggle{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 84%,transparent);font-size:12px;font-weight:800}
.pd-detection-toggle input{accent-color:var(--accent)}
.pd-state-filterbar{display:flex;gap:7px;overflow:auto;padding-bottom:2px}
.pd-state-filterbar button{display:flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:color-mix(in srgb,var(--panel) 84%,transparent);color:var(--muted);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.pd-state-filterbar button.active{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}
.pd-filter-dot,.pd-legend-swatch{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}
.pd-general-legend{display:flex;gap:13px;flex-wrap:wrap;padding:9px 11px;border-radius:13px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--muted);font-size:10px}
.pd-general-legend span{display:flex;align-items:center;gap:5px}
.pd-general-table-wrap{position:relative;max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 74%,transparent)}
.pd-general-table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px;font-size:11px}
.pd-general-table thead{position:sticky;top:0;z-index:3}
.pd-general-table th{padding:10px 12px;text-align:left;background:color-mix(in srgb,var(--panel) 96%,var(--accent) 4%);color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}
.pd-general-table td{padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent);vertical-align:middle}
.pd-general-table tr:last-child td{border-bottom:0}
.pd-import-row{--rowtone:var(--panel);background:color-mix(in srgb,var(--rowtone) 9%,transparent);transition:.16s ease}
.pd-import-row:hover{background:color-mix(in srgb,var(--rowtone) 17%,var(--panel))}
.pd-row-available{--rowtone:color-mix(in srgb,var(--accent) 42%,#5eb8c4)}
.pd-row-contact{--rowtone:color-mix(in srgb,var(--accent) 30%,#d6ad54)}
.pd-row-specific{--rowtone:color-mix(in srgb,var(--accent) 36%,#a878d0)}
.pd-row-break{--rowtone:color-mix(in srgb,var(--accent) 26%,#df8d52)}
.pd-row-offline{--rowtone:color-mix(in srgb,var(--accent) 30%,#cc6478)}
.pd-import-row.is-review{box-shadow:inset 3px 0 0 color-mix(in srgb,#e7a64c 75%,var(--accent))}
.pd-filter-dot.available,.pd-legend-swatch.available{background:color-mix(in srgb,var(--accent) 42%,#5eb8c4)}
.pd-filter-dot.contact,.pd-legend-swatch.contact{background:color-mix(in srgb,var(--accent) 30%,#d6ad54)}
.pd-filter-dot.specific,.pd-legend-swatch.specific{background:color-mix(in srgb,var(--accent) 36%,#a878d0)}
.pd-filter-dot.break,.pd-legend-swatch.break{background:color-mix(in srgb,var(--accent) 26%,#df8d52)}
.pd-filter-dot.offline,.pd-legend-swatch.offline{background:color-mix(in srgb,var(--accent) 30%,#cc6478)}
.pd-legend-swatch.review{background:#e7a64c}
.pd-row-status{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;white-space:nowrap;font-size:9px;font-weight:850}
.pd-row-status svg{width:12px;height:12px}
.pd-row-status.ok{background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--muted)}
.pd-row-status.review{background:color-mix(in srgb,#e7a64c 12%,var(--panel));color:color-mix(in srgb,#e7a64c 76%,var(--text))}
.pd-general-empty{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;color:var(--muted)}
.pd-general-empty.hidden{display:none}
.pd-general-empty svg{width:26px;height:26px;color:var(--accent)}
.pd-general-count{text-align:right;color:var(--muted);font-size:10px;padding:0 3px}
@media(max-width:760px){.pd-general-toolbar{align-items:stretch;flex-direction:column}.pd-general-search,.pd-detection-toggle{width:100%;box-sizing:border-box}.pd-detection-toggle{justify-content:center}}

/* =========================================================
   v20.5.1 · Visual import data fix + stronger row markings
   ========================================================= */
.pd-general-table .pd-import-row td{
  position:relative;
}
.pd-general-table .pd-row-available{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--rowtone) 23%,var(--panel)),
    color-mix(in srgb,var(--rowtone) 10%,var(--panel)))!important;
}
.pd-general-table .pd-row-contact{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--rowtone) 26%,var(--panel)),
    color-mix(in srgb,var(--rowtone) 12%,var(--panel)))!important;
}
.pd-general-table .pd-row-specific{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--rowtone) 28%,var(--panel)),
    color-mix(in srgb,var(--rowtone) 13%,var(--panel)))!important;
}
.pd-general-table .pd-row-break{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--rowtone) 28%,var(--panel)),
    color-mix(in srgb,var(--rowtone) 12%,var(--panel)))!important;
}
.pd-general-table .pd-row-offline{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--rowtone) 34%,var(--panel)),
    color-mix(in srgb,var(--rowtone) 16%,var(--panel)))!important;
}
.pd-general-table .pd-import-row.is-review{
  box-shadow:
    inset 4px 0 0 color-mix(in srgb,#e7a64c 78%,var(--accent)),
    inset 0 0 0 1px color-mix(in srgb,#e7a64c 12%,transparent)!important;
}
.pd-general-table .pd-import-row:hover{
  filter:saturate(1.08) brightness(1.015);
}
body[data-mode="dark"] .pd-general-table .pd-import-row{
  --pd-mark-opacity:.9;
}
.pd-general-count{
  font-weight:700;
}

/* =========================================================
   v20.5.2 · Stronger state marking + team separation
   ========================================================= */
.pd-team-scope{display:flex;gap:5px;flex-wrap:wrap}
.pd-team-scope button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:color-mix(in srgb,var(--panel) 84%,transparent);color:var(--muted);font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.pd-team-scope button svg{width:14px;height:14px}
.pd-team-scope button.active{color:var(--text);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
.pd-general-toolbar{flex-wrap:wrap}
.pd-general-search{min-width:320px}

/* Much more visible than v20.5.1: the whole row is highlighted */
.pd-general-table .pd-import-row{
  position:relative;
  background:color-mix(in srgb,var(--rowtone) 20%,var(--panel))!important;
}
.pd-general-table .pd-import-row td:first-child{
  border-left:5px solid var(--rowtone)!important;
}
.pd-general-table .pd-row-available{background:color-mix(in srgb,var(--rowtone) 24%,var(--panel))!important}
.pd-general-table .pd-row-contact{background:color-mix(in srgb,var(--rowtone) 28%,var(--panel))!important}
.pd-general-table .pd-row-specific{background:color-mix(in srgb,var(--rowtone) 31%,var(--panel))!important}
.pd-general-table .pd-row-break{background:color-mix(in srgb,var(--rowtone) 31%,var(--panel))!important}
.pd-general-table .pd-row-offline{background:color-mix(in srgb,var(--rowtone) 38%,var(--panel))!important}
.pd-general-table .pd-import-row.is-review td:first-child{
  border-left-color:#e4a046!important;
}
.pd-general-table .pd-import-row.is-review{
  outline:1px solid color-mix(in srgb,#e4a046 20%,transparent);
  outline-offset:-1px;
}
.pd-general-table .pd-import-row.is-outside-team{
  opacity:.78;
}
.pd-general-table .pd-import-row.is-my-team{
  opacity:1;
}
.pd-general-count{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;text-align:left!important;padding:8px 3px 0}
.pd-general-count span,.pd-general-count em{font-size:10px;color:var(--muted);font-style:normal}
.pd-general-count em{flex-basis:100%;padding:7px 9px;border-radius:10px;background:color-mix(in srgb,#e4a046 8%,var(--panel));border:1px solid color-mix(in srgb,#e4a046 18%,var(--line))}
@media(max-width:760px){.pd-general-search{min-width:0}.pd-team-scope{width:100%}.pd-team-scope button{flex:1;justify-content:center}}

/* =========================================================
   v20.5.3 · Attempts minute audit
   ========================================================= */
.pd-filter-dot.capok,.pd-legend-swatch.capok{background:color-mix(in srgb,#66bf88 72%,var(--accent))}
.pd-filter-dot.capout,.pd-legend-swatch.capout{background:color-mix(in srgb,#df8d52 72%,var(--accent))}
.pd-general-table .pd-row-capok{
  --rowtone:color-mix(in srgb,#66bf88 70%,var(--accent));
  background:color-mix(in srgb,var(--rowtone) 27%,var(--panel))!important;
}
.pd-general-table .pd-row-capout{
  --rowtone:color-mix(in srgb,#df8d52 72%,var(--accent));
  background:color-mix(in srgb,var(--rowtone) 36%,var(--panel))!important;
}
.pd-general-table .pd-row-capok td:first-child{border-left:5px solid color-mix(in srgb,#66bf88 72%,var(--accent))!important}
.pd-general-table .pd-row-capout td:first-child{border-left:5px solid color-mix(in srgb,#df8d52 72%,var(--accent))!important}

/* v20.5.4 · Attempts rule is minimum-only */
#pdRuleMaxAttempts{display:none!important}
label:has(#pdRuleMaxAttempts){display:none!important}
.pd-filter-dot.capout,.pd-legend-swatch.capout{
  background:color-mix(in srgb,#df8d52 72%,var(--accent));
}

/* =========================================================
   v21.0 · Horarios avanzados + Incidencias enlazadas
   ========================================================= */
.sup-schedule-rests{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.sup-schedule-rest-item{display:grid;gap:7px;padding:13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 86%,var(--accent) 7%),color-mix(in srgb,var(--panel) 92%,var(--accent2) 5%));backdrop-filter:blur(14px)}
.sup-rest-toggle{display:flex!important;align-items:center;gap:7px!important}.sup-rest-toggle input{accent-color:var(--accent)}.sup-rest-toggle span{font-size:8px!important;font-weight:850!important;color:var(--text)!important}
.sup-schedule-rest-item small{font-size:6.5px;color:var(--muted)}.sup-schedule-rest-item input:disabled{opacity:.35}
.sup-rest-note{margin-top:4px}
.agent-rest-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.agent-rest-overview.hidden{display:none}
.agent-rest-chip{display:flex;gap:10px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 84%,var(--accent) 8%),color-mix(in srgb,var(--panel) 92%,var(--accent2) 5%));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(14px)}
.agent-rest-chip span{display:grid}.agent-rest-chip b{font-size:9px}.agent-rest-chip small{font-size:7px;color:var(--muted);margin-top:2px}
.pd-linked-incidents-card{margin:0!important;min-height:220px!important}
.pd-linked-incidents{display:grid;gap:10px;margin-top:12px}.pd-linked-incident{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--panel) 84%,transparent)}
.pd-linked-incident span{display:grid}.pd-linked-incident span b{font-size:8.5px}.pd-linked-incident span small{font-size:7px;color:var(--muted);margin-top:2px}.pd-linked-incident span em{font-size:6.5px;font-style:normal;margin-top:4px;color:var(--muted)}
.pd-linked-incident>strong{font-size:7px;padding:6px 8px;border-radius:999px;white-space:nowrap}
.pd-linked-incident.accepted{border-color:rgba(82,174,117,.28)}.pd-linked-incident.accepted>strong{background:rgba(82,174,117,.12);color:#5a9a70}
.pd-linked-incident.pending{border-color:rgba(214,162,77,.26)}.pd-linked-incident.pending>strong{background:rgba(214,162,77,.12);color:#a47731}
.pd-linked-incident.rejected{border-color:rgba(201,98,119,.25)}.pd-linked-incident.rejected>strong{background:rgba(201,98,119,.12);color:#b35f70}
@media(max-width:900px){.sup-schedule-rests,.agent-rest-overview{grid-template-columns:1fr}}

/* v20.7.2 Supervisor navigation hotfix */
#supervisorApp .sup-view[hidden]{display:none!important}
#supervisorApp .sup-view.active:not([hidden]){display:block!important}

/* v20.7.4 · isolated Agent Side schedule rest chips */
#weeklySchedule .pd-agent-inline-rests{display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-width:0}
#weeklySchedule .pd-agent-inline-rest{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--ink)}
#weeklySchedule .pd-agent-inline-rest>svg{width:13px;height:13px;color:var(--accent)}
#weeklySchedule .pd-agent-inline-rest span{display:grid;gap:1px}
#weeklySchedule .pd-agent-inline-rest b{font-size:9px}
#weeklySchedule .pd-agent-inline-rest small,#weeklySchedule .pd-agent-no-rest{font-size:8px;color:var(--muted);white-space:nowrap}

/* ===== v20.7.5 · Agent Schedule expandable days ===== */
#weeklySchedule{display:grid;gap:10px}
#weeklySchedule>.pd-day-accordion{border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--panel) 94%,transparent);overflow:hidden}
.pd-day-accordion-head{width:100%;display:grid;grid-template-columns:minmax(120px,1fr) minmax(170px,.8fr) 80px 28px;gap:16px;align-items:center;padding:15px 17px;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.pd-day-accordion-head:hover{background:color-mix(in srgb,var(--accent-soft) 36%,transparent)}
.pd-day-title{display:grid;gap:3px}.pd-day-title b{font-size:11px}.pd-day-title small,.pd-day-compact-hours{font-size:8px;color:var(--muted)}
.pd-day-compact-time{font-size:10px;font-weight:800}.pd-day-compact-hours{text-align:right}
.pd-day-chevron{display:grid;place-items:center}.pd-day-chevron svg{width:15px;height:15px;transition:transform .2s ease}
.pd-day-accordion-head[aria-expanded="true"] .pd-day-chevron svg{transform:rotate(180deg)}
.pd-day-accordion-body{padding:0 12px 12px}
.pd-day-accordion-body>.schedule-row{margin:0;border-radius:14px}
.pd-day-registered{margin-top:10px;padding:13px;border:1px dashed color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 14%,transparent)}
.pd-day-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.pd-day-section-title>span{display:flex;align-items:center;gap:7px}.pd-day-section-title svg{width:14px;height:14px;color:var(--accent)}
.pd-day-section-title b{font-size:10px}.pd-day-section-title small{font-size:8px;color:var(--muted)}
.pd-day-future-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pd-future-placeholder{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,transparent)}
.pd-future-placeholder>svg{width:14px;height:14px;color:var(--accent);margin-top:1px}.pd-future-placeholder span{display:grid;gap:3px}.pd-future-placeholder b{font-size:9px}.pd-future-placeholder small{font-size:8px;line-height:1.4;color:var(--muted)}
@media(max-width:760px){.pd-day-accordion-head{grid-template-columns:1fr auto 24px}.pd-day-compact-hours{display:none}.pd-day-future-grid{grid-template-columns:1fr}.pd-day-section-title{align-items:flex-start;flex-direction:column}}

.pd-plan{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.pd-plan-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.pd-plan-head b{font-size:10px}.pd-plan-head small{font-size:8px;color:var(--muted)}
.pd-plan-flow{display:flex;align-items:center;gap:7px}.pd-plan-item{flex:1;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 90%,var(--accent-soft))}
.pd-plan-item>svg{width:14px;height:14px;color:var(--accent)}.pd-plan-item span{display:grid;gap:2px}.pd-plan-item small{font-size:8px;color:var(--muted)}.pd-plan-item b{font-size:10px}.pd-plan-item em{font-size:7px;font-style:normal;color:var(--muted)}
.pd-plan-line{width:10px;height:1px;background:var(--line);flex:0 0 10px}.pd-plan-rest{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px}.pd-plan-rest svg{width:14px;height:14px;color:var(--accent)}.pd-plan-rest span{display:grid}.pd-plan-rest b{font-size:10px}.pd-plan-rest small{font-size:8px;color:var(--muted)}
@media(max-width:900px){.pd-plan-flow{display:grid;grid-template-columns:1fr 1fr}.pd-plan-line{display:none}}@media(max-width:600px){.pd-plan-flow{grid-template-columns:1fr}.pd-plan-head{align-items:flex-start;flex-direction:column}}

/* ===== PulseDesk v20.8.0 · Schedule requests ===== */
.change-weekly-hours-picker{margin:12px 0 4px;padding:15px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 88%,var(--accent-soft) 12%);display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:14px;align-items:end}
.change-weekly-hours-picker label>span{display:block;font-size:9px;font-weight:800;color:var(--muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:.06em}
.change-weekly-hours-note{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 70%,transparent);font-size:9px;line-height:1.5;color:var(--muted)}
.change-weekly-hours-note svg{width:15px;flex:0 0 auto;color:var(--accent)}
.status.progress{background:color-mix(in srgb,var(--accent-soft) 80%,white);color:var(--accent)}
.sup-request-toolbar{margin-bottom:15px}.sup-request-toolbar .search-box{margin-bottom:10px}
.sup-request-list{display:grid;gap:14px}.sup-request-card{padding:18px}
.sup-request-card-head,.sup-request-agent,.sup-request-actions,.sup-request-effective,.sup-request-effective>div,.sup-request-schedule-summary{display:flex;align-items:center}
.sup-request-card-head{justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.sup-request-agent{gap:11px}.sup-request-agent .avatar{flex:0 0 auto}.sup-request-agent strong,.sup-request-agent small,.sup-request-agent span{display:block}
.sup-request-agent strong{font-size:12px;margin:2px 0}.sup-request-agent small,.sup-request-agent span{font-size:9px;color:var(--muted)}
.sup-request-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:15px 0}.sup-request-main small{font-size:8px;color:var(--muted)}.sup-request-main strong{display:block;font-size:12px;margin:4px 0}.sup-request-main p{font-size:10px;line-height:1.5;color:var(--muted)}
.sup-request-schedule-summary{gap:12px;padding:11px 13px;border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 65%,transparent)}.sup-request-schedule-summary>div{min-width:105px}.sup-request-schedule-summary svg{width:16px;color:var(--accent)}
.sup-request-effective{justify-content:space-between;gap:16px;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(var(--panel-rgb),.52)}.sup-request-effective>div{gap:10px}.sup-request-effective svg{width:18px;color:var(--accent)}.sup-request-effective strong,.sup-request-effective small{display:block}.sup-request-effective strong{font-size:10px}.sup-request-effective small{font-size:8px;color:var(--muted);margin-top:2px}.sup-request-effective .form-input{width:170px}
.sup-request-actions{justify-content:flex-end;gap:8px;margin-top:14px}
@media(max-width:760px){.change-weekly-hours-picker,.sup-request-main{grid-template-columns:1fr}.sup-request-effective{align-items:flex-start;flex-direction:column}.sup-request-effective .form-input{width:100%}.sup-request-actions{display:grid;grid-template-columns:1fr}.sup-request-actions button{width:100%}}

/* ===== PulseDesk v20.8.1 · Solicitudes supervisor por agente ===== */
.sup-agent-request-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.sup-agent-request-toolbar .search-box{flex:1;max-width:620px}
.sup-request-toolbar-meta{display:flex;gap:8px;flex-wrap:wrap}.sup-request-toolbar-meta span{padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 68%,transparent);font-size:9px;color:var(--muted)}.sup-request-toolbar-meta b{color:var(--ink)}
.sup-request-agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sup-request-agent-card{padding:17px;transition:.18s ease}.sup-request-agent-card.has-pending{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 8%,transparent)}
.sup-request-agent-head,.sup-request-agent-identity,.sup-request-agent-footer,.sup-request-detail-header,.sup-request-detail-agent,.sup-request-card-head{display:flex;align-items:center}
.sup-request-agent-head{justify-content:space-between;gap:12px}.sup-request-agent-identity{gap:10px}.sup-request-agent-identity strong,.sup-request-agent-identity small{display:block}.sup-request-agent-identity strong{font-size:12px}.sup-request-agent-identity small{font-size:8px;color:var(--muted);margin-top:3px}
.sup-agent-pending-count,.sup-agent-clear{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800}.sup-agent-pending-count{background:#fff2dc;color:#9a7335}.sup-agent-clear{background:#e8f7ee;color:#5b956f}
.sup-request-agent-pending{padding:15px 0}.sup-request-agent-pending>small{display:block;font-size:8px;color:var(--muted);font-weight:800;margin-bottom:8px;text-transform:uppercase;letter-spacing:.07em}
.sup-request-chip-row{display:flex;gap:7px;flex-wrap:wrap}.sup-request-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:8px;font-weight:800;border:1px solid transparent}.sup-request-chip b{font-size:8px}
.sup-request-chip.violet{background:#eeeaff;color:#7668aa}.sup-request-chip.cyan{background:#e7f6ff;color:#4f839d}.sup-request-chip.amber{background:#fff2dc;color:#9a7335}.sup-request-chip.rose{background:#ffecef;color:#a25f6c}.sup-request-chip.red{background:#ffe7e7;color:#a95858}.sup-request-chip.green{background:#e8f7ee;color:#5b956f}.sup-request-chip.blue{background:#edf3ff;color:#5d72a9}.sup-request-chip.empty-chip{background:transparent;border-color:var(--line);color:var(--muted);font-weight:650}
.sup-request-agent-footer{justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.sup-request-agent-footer>span{font-size:8px;color:var(--muted)}
.sup-request-detail-header{justify-content:space-between;gap:20px;margin-bottom:15px}.sup-request-back{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:750}.sup-request-back svg{width:15px}.sup-request-detail-agent{gap:11px}.sup-request-detail-agent h2{font-size:18px;margin:0}.sup-request-detail-agent span{font-size:8px;color:var(--muted)}
.sup-request-detail-list{display:grid;gap:12px}.sup-request-detail-card{padding:17px}.sup-request-card-head{justify-content:space-between;gap:14px}.sup-request-card-head>div>strong,.sup-request-card-head>div>small{display:block}.sup-request-card-head>div>strong{font-size:12px;margin-top:8px}.sup-request-card-head>div>small{font-size:8px;color:var(--muted);margin-top:3px}.sup-request-detail-copy{font-size:10px;line-height:1.55;color:var(--muted);margin:13px 0}
@media(max-width:900px){.sup-request-agent-grid{grid-template-columns:1fr}.sup-agent-request-toolbar{align-items:stretch;flex-direction:column}.sup-agent-request-toolbar .search-box{max-width:none}.sup-request-detail-header{align-items:flex-start;flex-direction:column}}

/* ===== PulseDesk v20.8.2 · Weekly Hours + semantic glass chips ===== */
.hours-reduction-card{
  margin-top:12px;padding:12px;border:1px solid color-mix(in srgb,var(--line) 72%,var(--accent) 28%);
  border-radius:16px;background:linear-gradient(135deg,rgba(var(--panel-rgb),.48),color-mix(in srgb,var(--accent-soft) 16%,transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  transition:.2s ease
}
.hours-reduction-card.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.14)}
.hours-reduction-card .reduction-hours-option{margin:0}
.hours-reduction-card .change-weekly-hours-picker{margin:10px 0 0;background:rgba(var(--panel-rgb),.22);border-color:color-mix(in srgb,var(--line) 76%,transparent)}
.hours-reduction-card select:disabled{opacity:.58;cursor:not-allowed}
.restriction-reduction-card{margin-top:12px}

/* Semantic colors remain distinct, but surfaces mix with the active PulseDesk theme. */
.sup-request-chip{
  --chip-tone:var(--accent);
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--chip-tone) 22%,rgba(var(--panel-rgb),.54)),
    color-mix(in srgb,var(--accent) 8%,rgba(var(--panel-rgb),.36)))!important;
  border:1px solid color-mix(in srgb,var(--chip-tone) 34%,var(--line))!important;
  color:color-mix(in srgb,var(--chip-tone) 76%,var(--ink))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 15px color-mix(in srgb,var(--chip-tone) 7%,transparent);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.sup-request-chip::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 42%);pointer-events:none}
.sup-request-chip.violet{--chip-tone:#9b83e7}
.sup-request-chip.cyan{--chip-tone:#54bdd9}
.sup-request-chip.amber{--chip-tone:#d59b42}
.sup-request-chip.rose{--chip-tone:#d57991}
.sup-request-chip.payroll{--chip-tone:#d75d68}
.sup-request-chip.red{--chip-tone:#d45562}
.sup-request-chip.green{--chip-tone:#58a979}
.sup-request-chip.blue{--chip-tone:#6699d8}
.sup-request-chip.empty-chip{--chip-tone:var(--muted);background:rgba(var(--panel-rgb),.20)!important;color:var(--muted)!important;box-shadow:none}

/* Never expose supervisor resolution controls inside Agent Side. */
#agentApp #incidentAdminActions,
#agentApp #incidentAppealReopenButton,
#agentApp #incidentAppealCloseButton,
#agentApp .supervisor-demo{display:none!important}

/* ===== PulseDesk v20.8.3 · Supervisor request status glass ===== */
.sup-agent-pending-count,
.sup-agent-clear{
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--status-tone) 38%,var(--line))!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--status-tone) 20%,rgba(var(--panel-rgb),.54)),
    color-mix(in srgb,var(--accent) 7%,rgba(var(--panel-rgb),.30)))!important;
  color:color-mix(in srgb,var(--status-tone) 76%,var(--ink))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 6px 18px color-mix(in srgb,var(--status-tone) 8%,transparent);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
.sup-agent-pending-count{--status-tone:#d59b42}
.sup-agent-clear{--status-tone:#58a979}
.sup-agent-pending-count::after,
.sup-agent-clear::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 44%)
}

/* ===== PulseDesk v20.8.4 · Restriction day application ===== */
.requested-schedule-row:has(.req-day-off:checked){
  opacity:.72;
}
.requested-schedule-row:has(.req-day-off:checked) .pd-time-trigger{
  background:color-mix(in srgb,var(--panel) 74%,transparent);
  border-style:dashed;
}
.requested-schedule-row:has(.req-day-off:checked) .req-day-off-label{
  font-weight:800;
  color:var(--muted);
}

/* ===== PulseDesk v20.8.5 · Administrative review + request appeals ===== */
.request-admin-review-block{margin-top:14px}
.request-admin-note-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}
.request-appeal-history,.request-agent-appeal,.request-final-closed{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(var(--panel-rgb),.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.request-appeal-history svg,.request-agent-appeal svg,.request-final-closed svg{width:17px;flex:0 0 auto;color:var(--accent)}
.request-appeal-history strong,.request-appeal-history small,.request-agent-appeal strong,.request-agent-appeal small,.request-final-closed strong,.request-final-closed small{display:block}
.request-appeal-history strong,.request-agent-appeal strong,.request-final-closed strong{font-size:9px}
.request-appeal-history small,.request-agent-appeal small,.request-final-closed small{font-size:8px;color:var(--muted);margin-top:2px}
.request-agent-appeal{justify-content:space-between;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 42%,rgba(var(--panel-rgb),.35)),rgba(var(--panel-rgb),.24))}
.request-final-closed{border-color:color-mix(in srgb,#d45562 30%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#d45562 9%,rgba(var(--panel-rgb),.34)),rgba(var(--panel-rgb),.24))}
.request-final-closed svg{color:#d45562}
.approved-effective-date{margin-top:14px;border-color:color-mix(in srgb,#58a979 30%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#58a979 8%,rgba(var(--panel-rgb),.34)),rgba(var(--panel-rgb),.24))}
@media(max-width:760px){.request-admin-note-actions,.request-agent-appeal{align-items:stretch;flex-direction:column}.request-admin-note-actions button,.request-agent-appeal button{width:100%}}

/* ===== PulseDesk v20.8.6 · Locked resolutions + in-app appeals ===== */
.pd-appeal-modal{width:min(560px,100%)}
.pd-appeal-warning{display:flex;gap:11px;align-items:flex-start;margin-bottom:16px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 42%,rgba(var(--panel-rgb),.38)),rgba(var(--panel-rgb),.28));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pd-appeal-warning svg{width:18px;flex:0 0 auto;color:var(--accent)}
.pd-appeal-warning strong,.pd-appeal-warning span{display:block}.pd-appeal-warning strong{font-size:10px}.pd-appeal-warning span{font-size:9px;line-height:1.5;color:var(--muted);margin-top:3px}
.request-resolution-locked,.incident-resolution-lock{display:flex;gap:11px;align-items:flex-start;margin-top:12px;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:rgba(var(--panel-rgb),.26);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.request-resolution-locked.waiting-appeal{border-color:color-mix(in srgb,#d59b42 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#d59b42 8%,rgba(var(--panel-rgb),.34)),rgba(var(--panel-rgb),.24))}
.request-resolution-locked svg,.incident-resolution-lock svg{width:18px;flex:0 0 auto;color:var(--accent)}
.request-resolution-locked strong,.request-resolution-locked small,.incident-resolution-lock strong,.incident-resolution-lock small{display:block}
.request-resolution-locked strong,.incident-resolution-lock strong{font-size:9px}
.request-resolution-locked small,.incident-resolution-lock small{font-size:8px;line-height:1.5;color:var(--muted);margin-top:3px}
.request-resolution-locked p{font-size:9px;line-height:1.5;margin-top:7px;color:var(--ink)}
.appeal-pending-box{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 52%,rgba(var(--panel-rgb),.32)),rgba(var(--panel-rgb),.22))}
#incidentAdminActions textarea:disabled{opacity:.68;cursor:not-allowed}

/* ===== PulseDesk v20.8.7 · Final comments + schedule date + supervisor appeals ===== */
.pd-effective-modal{width:min(560px,100%)}
.pd-effective-summary{display:flex;gap:11px;align-items:center;margin-bottom:16px;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 46%,rgba(var(--panel-rgb),.38)),rgba(var(--panel-rgb),.24));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pd-effective-summary>i{width:20px;color:var(--accent)}.pd-effective-summary small,.pd-effective-summary strong,.pd-effective-summary span{display:block}.pd-effective-summary small{font-size:8px;color:var(--muted)}.pd-effective-summary strong{font-size:11px;margin:2px 0}.pd-effective-summary span{font-size:8px;color:var(--muted)}
.sup-notification-popover{position:fixed!important;top:92px;right:310px;left:auto!important;width:min(390px,calc(100vw - 28px));z-index:3500}
#supNotificationButton{position:relative}
#supNotificationBadge{position:absolute;top:-4px;right:-4px}
.request-admin-review-block textarea::placeholder,#incidentAdminActions textarea::placeholder{opacity:.82}
@media(max-width:1180px){.sup-notification-popover{right:24px}}

/* ===== PulseDesk v20.8.8 · action feedback ===== */
.request-admin-note-actions button:active,
#confirmScheduleEffective:active{
  transform:translateY(1px) scale(.99);
}
#scheduleEffectiveModal.show{display:flex!important}

/* ===== PulseDesk v20.8.9 · supervisor request controls ===== */
.request-admin-note-actions,
.request-admin-note-actions button,
.request-admin-review-block button,
.request-admin-review-block textarea{
  pointer-events:auto!important;
}
.request-admin-note-actions button{
  position:relative;
  z-index:5;
}
.request-admin-review-block{
  position:relative;
  z-index:1;
}

/* ===== PulseDesk v20.8.10 · toast icon + effective approval ===== */
.pd-action-toast-icon{position:relative}
.pd-action-toast-icon:empty::before,
.pd-action-toast-icon:not(:has(svg))::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:25px;height:25px;
  font-size:17px;
  font-weight:900;
  line-height:1;
  color:currentColor;
}
#scheduleEffectiveModal.show{display:flex!important;z-index:5000!important}
#scheduleEffectiveModal .modal{position:relative;z-index:5001}

/* ===== PulseDesk v20.8.11 · effective modal detached from hidden Agent app ===== */
body > #scheduleEffectiveModal{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
}
body > #scheduleEffectiveModal.show{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
body > #scheduleEffectiveModal > .modal{
  z-index:100000!important;
}

/* ===== PulseDesk v20.8.12 · Supervisor notifications + profile fields ===== */
body > #supNotificationPopover{
  position:fixed!important;
  top:88px!important;
  right:310px!important;
  left:auto!important;
  z-index:99990!important;
  width:min(390px,calc(100vw - 28px))!important;
}
body > #supNotificationPopover.show{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:1180px){
  body > #supNotificationPopover{right:24px!important}
}

/* ===== PulseDesk v20.8.13 · profile labor identity ===== */
#supInterpreterIdInput{
  min-width:0;
}

/* ===== PulseDesk v20.8.14 · Privacy + Activity controls ===== */
.supervisor-private-emergency{
  position:relative;
}
.supervisor-private-emergency .section-heading p::after{
  content:" · Solo Supervisor Side";
  color:var(--accent);
  font-weight:750;
}
#agentApp [data-supervisor-private="emergency-contact"]{
  display:none!important;
}

#adherenceView [data-activity-period]{
  position:relative;
  z-index:2;
  pointer-events:auto!important;
}
#adherenceView .activity-period-pills{
  position:relative;
  z-index:2;
}


/* =========================================================
   PulseDesk v20.9.0 · Supervisor Incidencias · agent-centric
   ========================================================= */
.sup-agent-incident-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;margin-bottom:16px}
.sup-agent-incident-toolbar .search-box{flex:1;max-width:540px;margin:0}
.sup-incident-toolbar-meta{display:flex;gap:8px;flex-wrap:wrap}
.sup-incident-toolbar-meta span,.sup-incident-pending-count,.sup-incident-clear{
 display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
 border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 84%,var(--accent) 10%),color-mix(in srgb,var(--panel) 94%,transparent));
 box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 8px 22px color-mix(in srgb,var(--accent) 5%,transparent);
 backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);font-size:8px;color:var(--muted)
}
.sup-incident-agent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sup-incident-agent-card{padding:17px;transition:.18s ease}
.sup-incident-agent-card.has-pending{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 8%,transparent)}
.sup-incident-agent-head,.sup-incident-agent-identity,.sup-incident-agent-footer,.sup-incident-detail-header,.sup-incident-detail-agent,.sup-incident-preview-head,.sup-incident-preview-main,.sup-incident-preview-foot{display:flex;align-items:center}
.sup-incident-agent-head{justify-content:space-between;gap:12px}.sup-incident-agent-identity{gap:10px}
.sup-incident-agent-identity strong,.sup-incident-agent-identity small{display:block}.sup-incident-agent-identity strong{font-size:12px}.sup-incident-agent-identity small{font-size:8px;color:var(--muted);margin-top:3px}
.sup-incident-pending-count{color:color-mix(in srgb,#d79a32 72%,var(--ink));border-color:color-mix(in srgb,#e4b65d 42%,var(--line));background:color-mix(in srgb,var(--panel) 82%,#f1c979 18%)}
.sup-incident-clear{color:color-mix(in srgb,#4f9b77 75%,var(--ink));border-color:color-mix(in srgb,#74bc98 38%,var(--line));background:color-mix(in srgb,var(--panel) 84%,#a9dec1 16%)}
.sup-incident-agent-pending{padding:15px 0}.sup-incident-agent-pending>small{display:block;font-size:8px;color:var(--muted);font-weight:800;margin-bottom:8px;text-transform:uppercase;letter-spacing:.07em}
.sup-incident-chip-row{display:flex;gap:7px;flex-wrap:wrap}
.sup-incident-chip{
 --chip:var(--accent);display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;
 border:1px solid color-mix(in srgb,var(--chip) 48%,var(--line));
 background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 70%,var(--chip) 18%),color-mix(in srgb,var(--panel) 90%,var(--chip) 8%));
 color:color-mix(in srgb,var(--chip) 72%,var(--ink));font-size:8px;font-weight:800;
 box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 7px 18px color-mix(in srgb,var(--chip) 8%,transparent);
 backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.sup-incident-chip b{font-size:8px}.sup-incident-chip.cap{--chip:#9a78e5}.sup-incident-chip.wc{--chip:#4fa8c7}.sup-incident-chip.late-break{--chip:#e6a04d}.sup-incident-chip.late-lunch{--chip:#d88857}.sup-incident-chip.extension{--chip:#54a985}.sup-incident-chip.system{--chip:#d06f91}.sup-incident-chip.troubleshooting{--chip:#6d91d8}.sup-incident-chip.kickout{--chip:#d66565}.sup-incident-chip.internet{--chip:#4ba4b4}.sup-incident-chip.electric{--chip:#d6a33e}.sup-incident-chip.meeting{--chip:#8575c7}.sup-incident-chip.mentoring{--chip:#ba79bc}.sup-incident-chip.other{--chip:var(--accent)}
.sup-incident-chip.empty-chip{--chip:var(--muted);opacity:.75}
.sup-incident-agent-footer{justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.sup-incident-agent-footer>span{font-size:8px;color:var(--muted)}
.sup-incident-detail-header{justify-content:space-between;gap:18px;margin:3px 0 16px}.sup-incident-back{border:0;background:transparent;color:var(--muted);font:inherit;font-size:9px;font-weight:800;display:flex;align-items:center;gap:6px;cursor:pointer}.sup-incident-back svg{width:14px}.sup-incident-back:hover{color:var(--accent)}
.sup-incident-detail-agent{gap:10px}.sup-incident-detail-agent h2{font-size:19px}.sup-incident-detail-agent span{font-size:8px;color:var(--muted)}
.sup-incident-detail-list{display:grid;gap:12px}.sup-incident-preview-card{padding:16px}.sup-incident-preview-head,.sup-incident-preview-main,.sup-incident-preview-foot{justify-content:space-between;gap:10px}.sup-incident-preview-main{padding:13px 0;border-bottom:1px solid var(--line)}.sup-incident-preview-main strong,.sup-incident-preview-main small{display:block}.sup-incident-preview-main small{font-size:8px;color:var(--muted);margin-top:4px}.sup-incident-preview-card>p{font-size:9px;color:var(--muted);line-height:1.55;padding:12px 0}.sup-incident-preview-foot{font-size:8px;color:var(--muted)}
.sup-incident-status{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:8px;font-weight:800;backdrop-filter:blur(12px)}
.sup-incident-status.pending{background:color-mix(in srgb,var(--panel) 82%,#e8b85f 18%);color:color-mix(in srgb,#b47b22 75%,var(--ink))}
.sup-incident-status.progress{background:color-mix(in srgb,var(--panel) 82%,var(--accent) 18%);color:var(--accent)}
.sup-incident-status.appeal{background:color-mix(in srgb,var(--panel) 80%,#b482df 20%);color:color-mix(in srgb,#9a63cc 75%,var(--ink))}
.sup-incident-status.accepted{background:color-mix(in srgb,var(--panel) 82%,#78c59d 18%);color:color-mix(in srgb,#3f9067 78%,var(--ink))}
.sup-incident-status.rejected{background:color-mix(in srgb,var(--panel) 82%,#e58b91 18%);color:color-mix(in srgb,#c4525c 78%,var(--ink))}
@media(max-width:900px){.sup-incident-agent-grid{grid-template-columns:1fr}.sup-agent-incident-toolbar{align-items:stretch;flex-direction:column}.sup-agent-incident-toolbar .search-box{max-width:none}.sup-incident-detail-header{align-items:flex-start;flex-direction:column}}

/* ===== PulseDesk v20.9.1 · Incidencias Supervisor management ===== */
.sup-incident-management-card{padding:17px}
.incident-type-stack{display:flex;align-items:center;gap:7px}.incident-type-stack small{font-size:7px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.incident-description{font-size:9px;color:var(--muted);line-height:1.55;padding:12px 0}
.incident-management-meta{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 13px}
.incident-management-meta span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,var(--accent) 7%);font-size:7px;color:var(--muted);backdrop-filter:blur(12px)}
.incident-management-meta svg{width:12px;height:12px}
.incident-admin-review{padding:14px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 88%,var(--accent) 7%),color-mix(in srgb,var(--panel) 96%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 42%,transparent);backdrop-filter:blur(16px)}
.incident-admin-review-title,.incident-note-row,.incident-admin-actions{display:flex;align-items:center}.incident-admin-review-title{justify-content:space-between;gap:10px;margin-bottom:9px}.incident-admin-review-title>div{display:flex;align-items:center;gap:7px}.incident-admin-review-title svg{width:14px}.incident-admin-review-title strong{font-size:9px}.incident-admin-review-title small{font-size:7px;color:var(--muted)}
.incident-admin-review textarea{width:100%;resize:vertical;min-height:74px}
.incident-note-row{justify-content:space-between;gap:10px;margin-top:8px}.incident-note-row small{font-size:7px;color:var(--muted)}
.incident-admin-actions{gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.incident-action-button{appearance:none;-webkit-appearance:none;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));min-height:38px;padding:9px 13px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:8px;font-weight:850;letter-spacing:.01em;color:var(--ink);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 90%,var(--accent) 8%),color-mix(in srgb,var(--panel) 96%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 48%,transparent),0 7px 18px color-mix(in srgb,var(--accent) 7%,transparent);backdrop-filter:blur(14px);transition:.18s ease}
.incident-action-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent),0 10px 22px color-mix(in srgb,var(--accent) 12%,transparent)}
.incident-action-button:active{transform:translateY(0) scale(.985)}
.incident-action-button svg{width:14px;height:14px;stroke-width:2}
.incident-action-button.save{color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 84%,var(--accent) 12%),color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%))}
.incident-action-button.process{color:var(--ink)}
.incident-action-button.accept{border-color:color-mix(in srgb,#55a878 28%,var(--line));color:color-mix(in srgb,#3f8e65 82%,var(--ink));background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 80%,#bfe8cf 20%),color-mix(in srgb,var(--panel) 92%,#8bd0a8 8%))}
.incident-action-button.reject{border-color:color-mix(in srgb,#d45f69 30%,var(--line));color:color-mix(in srgb,#bd4d57 82%,var(--ink));background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 80%,#f4c4c8 20%),color-mix(in srgb,var(--panel) 92%,#e7868e 8%))}
.incident-resolution-lock,.incident-final-state{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);font-size:8px;color:var(--muted);background:color-mix(in srgb,var(--panel) 90%,var(--accent) 6%)}
.incident-resolution-lock svg,.incident-final-state svg{width:14px;flex:0 0 auto}.incident-final-state div{display:grid;gap:2px}.incident-final-state strong{font-size:8px;color:var(--ink)}.incident-final-state span{font-size:7px;color:var(--muted)}


/* v20.9.2 button polish */
.incident-note-row .incident-action-button.save{min-width:150px}
.incident-admin-actions .incident-action-button{flex:1 1 150px}
@media(max-width:760px){.incident-admin-actions .incident-action-button{flex:1 1 100%}}
body[data-mode="dark"] .incident-action-button{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.12)}

/* ===== PulseDesk v20.9.3 · resolved incident compact state ===== */
.incident-resolution-summary{
  margin-top:13px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 90%,var(--accent) 7%),color-mix(in srgb,var(--panel) 97%,transparent));
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 42%,transparent);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.incident-resolution-summary.accepted{border-color:color-mix(in srgb,#62b688 28%,var(--line))}
.incident-resolution-summary.rejected,.incident-resolution-summary.closed{border-color:color-mix(in srgb,#d76e77 24%,var(--line))}
.incident-resolution-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.incident-resolution-summary-head>div{display:flex;align-items:center;gap:8px}
.incident-resolution-summary-head svg{width:16px;height:16px;color:var(--accent)}
.incident-resolution-summary.accepted .incident-resolution-summary-head svg{color:#58a979}
.incident-resolution-summary.rejected .incident-resolution-summary-head svg,
.incident-resolution-summary.closed .incident-resolution-summary-head svg{color:#c95d67}
.incident-resolution-summary-head strong{font-size:9px}
.incident-resolution-summary-head small{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800}
.incident-resolution-comment{margin-top:11px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 4%)}
.incident-resolution-comment small{display:block;font-size:7px;color:var(--muted);font-weight:800;margin-bottom:4px}
.incident-resolution-comment p{font-size:9px;line-height:1.5;color:var(--ink);margin:0}
.incident-resolution-copy{margin-top:10px;font-size:8px;line-height:1.5;color:var(--muted)}

#incidentAppealModal{z-index:99999}
#incidentAppealModal.show{display:flex!important}
.pd-agent-incident-appeal{margin-top:14px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 88%,var(--accent) 8%),color-mix(in srgb,var(--panel) 96%,transparent));display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 42%,transparent);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.pd-agent-appeal-copy{display:flex;align-items:flex-start;gap:9px}
.pd-agent-appeal-copy svg{width:17px;height:17px;color:var(--accent);flex:0 0 auto}
.pd-agent-appeal-copy strong,.pd-agent-appeal-copy small{display:block}
.pd-agent-appeal-copy strong{font-size:9px}.pd-agent-appeal-copy small{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.45}
@media(max-width:720px){.pd-agent-incident-appeal{align-items:stretch;flex-direction:column}.pd-agent-incident-appeal button{width:100%}}

/* ===== PulseDesk v20.9.5 · instant utility popovers ===== */
body > #notificationPopover,
body > #supNotificationPopover{
  position:fixed!important;
  top:88px!important;
  right:24px!important;
  left:auto!important;
  z-index:99998!important;
  width:min(390px,calc(100vw - 28px))!important;
  transition:none!important;
}
body > #notificationPopover.show,
body > #supNotificationPopover.show{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
}
#closeDetails{pointer-events:auto!important;position:relative;z-index:15}

/* ===== PulseDesk v20.9.6 · detail close control ===== */
#detailsModal #closeDetails{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:999!important;
  touch-action:manipulation!important;
}
#detailsModal #closeDetails svg{pointer-events:none!important}

/* ===== PulseDesk v20.9.7 · full-button click targets ===== */
#closeDetails,
#notificationButton,
#supNotificationButton{
  position:relative!important;
  z-index:10050!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  isolation:isolate!important;
}

#closeDetails{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}

#notificationButton,
#supNotificationButton{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}

/* Children are visual only; the parent button owns the whole hit area. */
#closeDetails > *,
#notificationButton > *,
#supNotificationButton > *{
  pointer-events:none!important;
}

/* Invisible cushion so slightly-off-center clicks still count as the button. */
#closeDetails::before,
#notificationButton::before,
#supNotificationButton::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:inherit;
  pointer-events:auto;
  z-index:-1;
}

/* Keep badge visible while preventing it from shrinking the clickable zone. */
#notificationBadge,
#supNotificationBadge{
  pointer-events:none!important;
  z-index:2!important;
}

/* Header/control wrappers must not sit above these buttons. */
.modal-header,
.top-actions,
.sup-top-actions,
.header-actions{
  position:relative;
}

/* ===== PulseDesk v20.9.8 · stable notification popovers ===== */
body > #notificationPopover,
body > #supNotificationPopover{
  transition:none!important;
  animation:none!important;
}

/* ===== PulseDesk v20.9.9 · Supervisor notification cleanup ===== */
#supNotificationPopover .notification-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
#supNotificationPopover .notification-clear-read{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
#supNotificationPopover .notification-clear-read svg{
  width:12px;
  height:12px;
}

/* ===== PulseDesk v21.0.0 · notification close affordance ===== */
.notification-close-button{
  appearance:none;
  -webkit-appearance:none;
  width:30px;
  height:30px;
  min-width:30px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  border-radius:10px;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--panel) 88%,var(--accent) 8%),
    color-mix(in srgb,var(--panel) 96%,transparent));
  color:var(--muted);
  cursor:pointer;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 42%,transparent);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:.16s ease;
  position:relative;
  z-index:3;
}
.notification-close-button:hover{
  color:var(--accent);
  border-color:color-mix(in srgb,var(--accent) 38%,var(--line));
  transform:translateY(-1px);
}
.notification-close-button:active{transform:translateY(0) scale(.97)}
.notification-close-button svg{
  width:14px;
  height:14px;
  pointer-events:none;
}
.notification-close-button::before{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:12px;
}
#notificationPopover .notification-head-actions,
#supNotificationPopover .notification-head-actions{
  align-items:center;
}

/* v21.0.2 · Temporary CAP validation sandbox */
.pd-cap-sandbox-card{margin-top:18px;padding:18px}.pd-sandbox-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,var(--glass-a),var(--glass-b));border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);margin:12px 0 16px}.pd-sandbox-banner svg{width:20px}.pd-sandbox-banner span{display:flex;flex-direction:column;gap:2px}.pd-sandbox-banner small{opacity:.72}.pd-cap-sandbox-form{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr auto;gap:10px;align-items:end}.pd-cap-sandbox-form label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;font-weight:700}.pd-cap-sandbox-form input{min-height:42px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);background:color-mix(in srgb,var(--glass-a) 76%,transparent);color:inherit;padding:0 11px}.pd-cap-sandbox-result{margin-top:14px;padding:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--glass-a) 72%,transparent)}.pd-cap-sandbox-result h4{margin:0 0 5px}.pd-cap-minute-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.pd-cap-minute-chip{padding:7px 9px;border-radius:999px;background:color-mix(in srgb,var(--glass-b) 78%,transparent);font-size:.78rem;border:1px solid color-mix(in srgb,var(--accent) 14%,transparent)}.pd-cap-minute-chip.bad{border-color:color-mix(in srgb,#ef4444 38%,transparent)}.pd-cap-sandbox-result.accept{border-color:color-mix(in srgb,#22c55e 35%,transparent)}.pd-cap-sandbox-result.reject{border-color:color-mix(in srgb,#ef4444 35%,transparent)}.pd-cap-sandbox-result.review{border-color:color-mix(in srgb,#f59e0b 35%,transparent)}@media(max-width:900px){.pd-cap-sandbox-form{grid-template-columns:1fr 1fr}.pd-cap-sandbox-form button{grid-column:1/-1}}@media(max-width:560px){.pd-cap-sandbox-form{grid-template-columns:1fr}}
.pd-sandbox-tabs{display:flex;gap:8px;margin:14px 0 4px;padding:5px;width:max-content;border-radius:14px;background:color-mix(in srgb,var(--glass-a) 72%,transparent);border:1px solid color-mix(in srgb,var(--accent) 13%,transparent)}.pd-sandbox-tabs button{border:0;background:transparent;color:inherit;padding:8px 12px;border-radius:10px;font-weight:750;cursor:pointer}.pd-sandbox-tabs button.active{background:linear-gradient(135deg,var(--glass-a),var(--glass-b));box-shadow:0 6px 18px rgba(0,0,0,.06)}.pd-virtual-agent{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin:14px 0;border-radius:16px;border:1px dashed color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--glass-b) 58%,transparent)}.pd-virtual-agent span{display:flex;flex-direction:column;gap:3px}.pd-virtual-agent small{opacity:.72}.pd-schedule-sandbox-form{grid-template-columns:1fr 1fr 1.1fr .85fr .85fr auto}.pd-schedule-sandbox-form select{min-height:42px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 16%,transparent);background:color-mix(in srgb,var(--glass-a) 76%,transparent);color:inherit;padding:0 11px}.pd-schedule-sandbox-form input[readonly]{opacity:.75}.pd-sandbox-helper{display:flex;gap:8px;align-items:center;margin:10px 2px 0;font-size:.8rem;opacity:.76}.pd-sandbox-helper svg{width:16px}.pd-cap-minute-chip.good{border-color:color-mix(in srgb,#22c55e 38%,transparent)}@media(max-width:1100px){.pd-schedule-sandbox-form{grid-template-columns:1fr 1fr 1fr}.pd-schedule-sandbox-form button{grid-column:1/-1}}@media(max-width:650px){.pd-schedule-sandbox-form{grid-template-columns:1fr}}

/* PulseDesk v21.0.7 · Resumen de resoluciones automáticas */
.sup-auto-summary-list{display:grid;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.sup-auto-summary{display:block;font-size:12px;line-height:1.4;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.045);color:var(--muted,#b8c1d1)}
.sup-auto-summary.accepted strong{color:#8ee6b5}
.sup-auto-summary.rejected strong{color:#ff9d9d}


/* PulseDesk v21.0.12 · Nueva incidencia close-button touch/hitbox fix */
#incidentModal .modal-header{position:relative;overflow:visible}
#incidentModal #closeModal{position:relative;z-index:25;flex:0 0 44px;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:-5px -5px 0 8px;padding:0!important;display:grid!important;place-items:center!important;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#incidentModal #closeModal::before{content:"";position:absolute;inset:-6px;border-radius:50%}
#incidentModal #closeModal svg,#incidentModal #closeModal i{pointer-events:none!important}

.sup-auto-summary.review strong{color:#f1cf7a}

/* v21.0.25 · Bathroom Logout duration guidance */
.wc-duration-notice{display:flex;align-items:flex-start;gap:12px;margin:12px 0 14px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);background:color-mix(in srgb,var(--surface,#fff) 88%,var(--accent) 12%)}
.wc-duration-notice>svg{width:22px;height:22px;flex:0 0 22px;margin-top:2px}.wc-duration-notice div{display:flex;flex-direction:column;gap:3px}.wc-duration-notice small{font-weight:700;opacity:.7}.wc-duration-notice strong{font-size:.95rem}.wc-duration-notice span{font-size:.82rem;line-height:1.4;opacity:.84}
.wc-duration-notice.wc-ok{border-color:color-mix(in srgb,#3da66b 45%,transparent)}.wc-duration-notice.wc-ok>svg{color:#3da66b}
.wc-duration-notice.wc-tolerance{border-color:color-mix(in srgb,#d69b2d 55%,transparent);background:color-mix(in srgb,var(--surface,#fff) 88%,#d69b2d 12%)}.wc-duration-notice.wc-tolerance>svg{color:#d69b2d}
.wc-duration-notice.wc-risk{border-color:color-mix(in srgb,#d75b68 55%,transparent);background:color-mix(in srgb,var(--surface,#fff) 88%,#d75b68 12%)}.wc-duration-notice.wc-risk>svg{color:#d75b68}

/* v21.0.28 · evidence controls */
.evidence-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}.evidence-file-row .selected-file{margin:0;min-width:0;overflow-wrap:anywhere}.evidence-file-actions{display:flex;align-items:center;gap:8px}.evidence-file-button{appearance:none;border:1px solid var(--border,rgba(127,127,127,.25));background:rgba(255,255,255,.06);color:inherit;border-radius:10px;padding:9px 13px;min-height:38px;cursor:pointer;font:inherit;font-size:12px;font-weight:700}.evidence-file-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.evidence-file-button.danger{border-color:rgba(220,90,100,.35);color:#c95f69}.evidence-file-button:focus-visible{outline:3px solid rgba(100,190,230,.28);outline-offset:2px}

/* v21.0.29 · Agent schedule history + linked incidents */
.pd-agent-week-nav{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;align-items:center;gap:10px;margin:14px 0 16px;padding:12px 14px;border:1px solid var(--border);border-radius:18px;background:var(--surface,rgba(255,255,255,.06))}
.pd-week-nav-btn,.pd-week-today{min-height:44px;border:1px solid var(--border);border-radius:13px;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-weight:700}
.pd-week-nav-btn{width:44px;padding:0}.pd-week-nav-btn svg{width:18px;height:18px}.pd-week-today{padding:0 14px;white-space:nowrap}.pd-week-nav-btn:disabled,.pd-week-today:disabled{opacity:.38;cursor:default}
.pd-week-nav-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.pd-week-nav-copy small{opacity:.62;font-size:11px}.pd-week-nav-copy strong{font-size:15px}
.pd-schedule-recorded-grid{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(280px,1.3fr);gap:12px;margin-top:10px}.pd-schedule-real-block,.pd-schedule-incidents-block{border:1px solid var(--border);border-radius:16px;padding:13px;background:rgba(127,127,127,.035)}
.pd-schedule-block-title{display:flex;align-items:center;gap:9px}.pd-schedule-block-title>svg{width:18px;height:18px;flex:none}.pd-schedule-block-title span{display:flex;flex-direction:column;gap:1px}.pd-schedule-block-title b{font-size:13px}.pd-schedule-block-title small{font-size:10px;opacity:.58}.pd-schedule-real-block p{font-size:11px;line-height:1.5;opacity:.68;margin:10px 0 0}
.pd-schedule-linked-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pd-schedule-linked-incident{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--border);border-radius:13px;padding:9px 10px}.pd-schedule-linked-incident.accepted{border-color:rgba(64,170,116,.35)}.pd-schedule-linked-incident.rejected{border-color:rgba(220,92,92,.35)}.pd-schedule-linked-incident.pending{border-color:rgba(214,163,72,.38)}
.pd-schedule-linked-icon{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(127,127,127,.08)}.pd-schedule-linked-icon svg{width:16px;height:16px}.pd-schedule-linked-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.pd-schedule-linked-copy b{font-size:12px}.pd-schedule-linked-copy small{font-size:9px;opacity:.58}.pd-schedule-linked-copy em{font-size:10px;font-style:normal;opacity:.75}.pd-schedule-status-chip{font-size:9px;font-weight:800;border-radius:999px;padding:5px 8px;white-space:nowrap;background:rgba(127,127,127,.08)}.pd-schedule-status-chip.accepted{color:#45a879}.pd-schedule-status-chip.rejected{color:#d75f67}.pd-schedule-status-chip.pending{color:#ba8730}.pd-schedule-none{display:flex;align-items:center;gap:7px;font-size:11px;opacity:.6;padding:4px}.pd-schedule-none svg{width:15px;height:15px}
@media(max-width:760px){.pd-agent-week-nav{grid-template-columns:44px 1fr 44px}.pd-week-today{grid-column:1/-1}.pd-schedule-recorded-grid{grid-template-columns:1fr}.pd-schedule-linked-incident{grid-template-columns:30px minmax(0,1fr)}.pd-schedule-status-chip{grid-column:2;justify-self:start}}

/* v21.0.30 · Week navigation interaction + compact themed incident glass chips */
.pd-agent-week-nav{position:relative;z-index:8;isolation:isolate;background:color-mix(in srgb,var(--panel,var(--surface,#fff)) 82%,transparent);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 12px 30px rgba(0,0,0,.05)}
.pd-agent-week-nav button{position:relative;z-index:2;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.pd-week-nav-btn:not(:disabled):hover,.pd-week-today:not(:disabled):hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-1px)}
.pd-week-nav-btn:focus-visible,.pd-week-today:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:2px}

.pd-schedule-incidents-block{background:linear-gradient(145deg,color-mix(in srgb,var(--panel,var(--surface,#fff)) 82%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pd-schedule-linked-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:10px}
.pd-schedule-linked-incident{--inc-color:var(--accent);flex:1 1 230px;max-width:100%;min-height:58px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;border-radius:16px;border:1px solid color-mix(in srgb,var(--inc-color) 30%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--inc-color) 13%,transparent),color-mix(in srgb,var(--panel,var(--surface,#fff)) 88%,transparent) 52%,color-mix(in srgb,var(--inc-color) 7%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.045);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);overflow:hidden;position:relative}
.pd-schedule-linked-incident::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--inc-color) 90%,white 10%),color-mix(in srgb,var(--inc-color) 45%,transparent));opacity:.9}
.pd-schedule-linked-incident.type-bts{--inc-color:#4eb6c9}.pd-schedule-linked-incident.type-cap{--inc-color:#8d7ee8}.pd-schedule-linked-incident.type-schedule{--inc-color:#e39a55}.pd-schedule-linked-incident.type-break{--inc-color:#62b98b}.pd-schedule-linked-incident.type-lunch{--inc-color:#d98ab8}.pd-schedule-linked-incident.type-wc{--inc-color:#66a7dc}.pd-schedule-linked-incident.type-other{--inc-color:var(--accent)}
.pd-schedule-linked-icon{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--inc-color) 22%,transparent),color-mix(in srgb,var(--inc-color) 8%,transparent));border:1px solid color-mix(in srgb,var(--inc-color) 25%,transparent);color:var(--inc-color)}
.pd-schedule-linked-icon svg{width:16px;height:16px}.pd-schedule-linked-copy{gap:0}.pd-schedule-linked-copy b{font-size:11.5px;line-height:1.2}.pd-schedule-linked-copy small{font-size:8.5px;opacity:.55;margin-top:2px}.pd-schedule-linked-copy em{font-size:9.5px;opacity:.72;margin-top:2px}
.pd-schedule-status-chip{display:inline-flex;align-items:center;gap:4px;font-size:8.5px;font-weight:800;padding:5px 7px;border:1px solid color-mix(in srgb,var(--inc-color) 24%,transparent);background:color-mix(in srgb,var(--inc-color) 10%,transparent);color:color-mix(in srgb,var(--inc-color) 82%,currentColor 18%)}.pd-schedule-status-chip svg{width:11px;height:11px}.pd-schedule-status-chip.accepted,.pd-schedule-status-chip.rejected,.pd-schedule-status-chip.pending{color:inherit}
@media(max-width:760px){.pd-schedule-linked-list{flex-direction:column}.pd-schedule-linked-incident{flex-basis:auto;grid-template-columns:34px minmax(0,1fr) auto}.pd-schedule-status-chip{grid-column:auto;justify-self:auto}}


/* v21.0.31 · bulletproof week navigation + micro glass incident chips */
.pd-agent-week-nav{z-index:40!important;overflow:visible}
.pd-week-nav-btn{min-width:44px;min-height:44px!important;cursor:pointer!important}
.pd-week-nav-btn::after{content:"";position:absolute;inset:-8px;border-radius:16px}

.pd-schedule-incidents-block{padding:11px 12px!important}
.pd-schedule-linked-list{gap:6px!important;margin-top:8px!important;align-items:flex-start}
.pd-schedule-linked-incident{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:190px;
  max-width:285px!important;
  min-height:44px!important;
  grid-template-columns:26px minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:6px 8px!important;
  border-radius:13px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 5px 14px rgba(0,0,0,.035)!important;
}
.pd-schedule-linked-incident::before{width:2px!important}
.pd-schedule-linked-icon{width:26px!important;height:26px!important;border-radius:9px!important}
.pd-schedule-linked-icon svg{width:13px!important;height:13px!important}
.pd-schedule-linked-copy b{font-size:10.5px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-schedule-linked-copy small{font-size:7.5px!important;margin-top:1px!important}
.pd-schedule-linked-copy em{font-size:8.5px!important;margin-top:1px!important;white-space:nowrap}
.pd-schedule-status-chip{font-size:7.5px!important;padding:3px 5px!important;gap:3px!important}
.pd-schedule-status-chip svg{width:9px!important;height:9px!important}
@media(max-width:760px){
 .pd-schedule-linked-incident{min-width:0;max-width:100%!important;width:100%!important;grid-template-columns:26px minmax(0,1fr) auto!important}
}
\n\n/* v21.0.32 · exact 7-day navigation + airy theme-aware micro glass chips */\n.pd-schedule-incidents-block{padding:12px 13px!important}\n.pd-schedule-incidents-block .pd-schedule-block-title{margin-bottom:2px}\n.pd-schedule-linked-list{\n  display:grid!important;\n  grid-template-columns:repeat(auto-fit,minmax(218px,258px));\n  gap:10px 12px!important;\n  align-items:start!important;\n  justify-content:start!important;\n  margin-top:10px!important;\n}\n.pd-schedule-linked-incident{\n  --inc-seed:var(--accent);\n  --inc-color:color-mix(in srgb,var(--inc-seed) 72%,var(--accent) 28%);\n  width:100%!important;\n  min-width:0!important;\n  max-width:258px!important;\n  min-height:46px!important;\n  grid-template-columns:28px minmax(0,1fr) auto!important;\n  gap:10px!important;\n  padding:7px 9px!important;\n  border-radius:14px!important;\n  border-color:color-mix(in srgb,var(--inc-color) 28%,var(--line))!important;\n  background:\n    linear-gradient(135deg,color-mix(in srgb,var(--inc-color) 12%,transparent),transparent 42%),\n    linear-gradient(135deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--accent-soft) 20%,var(--panel) 80%))!important;\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.22),\n    0 6px 18px color-mix(in srgb,var(--accent) 7%,transparent)!important;\n  backdrop-filter:blur(16px) saturate(125%)!important;\n  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;\n}\n.pd-schedule-linked-incident.type-bts{--inc-seed:#4eb6c9}\n.pd-schedule-linked-incident.type-cap{--inc-seed:#8d7ee8}\n.pd-schedule-linked-incident.type-schedule{--inc-seed:#e39a55}\n.pd-schedule-linked-incident.type-break{--inc-seed:#62b98b}\n.pd-schedule-linked-incident.type-lunch{--inc-seed:#d98ab8}\n.pd-schedule-linked-incident.type-wc{--inc-seed:#66a7dc}\n.pd-schedule-linked-icon{width:28px!important;height:28px!important;border-radius:9px!important;flex:none}\n.pd-schedule-linked-copy{gap:2px!important}\n.pd-schedule-linked-copy b{font-size:10.5px!important;line-height:1.18!important}\n.pd-schedule-linked-copy small{font-size:7.5px!important;margin:0!important}\n.pd-schedule-linked-copy em{font-size:8.5px!important;margin:0!important}\n.pd-schedule-status-chip{justify-self:end;align-self:center;font-size:7.5px!important;padding:4px 6px!important;margin-left:2px}\nbody[data-mode="dark"] .pd-schedule-linked-incident{\n  background:\n    linear-gradient(135deg,color-mix(in srgb,var(--inc-color) 14%,transparent),transparent 45%),\n    linear-gradient(135deg,color-mix(in srgb,var(--panel) 82%,transparent),color-mix(in srgb,var(--accent-soft) 18%,var(--panel) 82%))!important;\n}\n@media(max-width:760px){\n  .pd-schedule-linked-list{grid-template-columns:1fr!important}\n  .pd-schedule-linked-incident{max-width:100%!important}\n}\n
/* v21.0.33 · balanced theme-aware schedule linkage + real activity */
.pd-schedule-recorded-grid{
  grid-template-columns:minmax(270px,.9fr) minmax(360px,1.1fr)!important;
  gap:16px!important;
}
.pd-schedule-real-block,.pd-schedule-incidents-block{
  padding:14px 15px!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,transparent),color-mix(in srgb,var(--accent-soft) 18%,var(--panel) 82%))!important;
  border-color:color-mix(in srgb,var(--accent) 13%,var(--line))!important;
  backdrop-filter:blur(16px) saturate(122%);
  -webkit-backdrop-filter:blur(16px) saturate(122%);
}
.pd-schedule-linked-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:12px!important;
}
.pd-schedule-linked-incident{
  flex:1 1 310px!important;
  width:auto!important;
  max-width:410px!important;
  min-height:52px!important;
  grid-template-columns:30px minmax(120px,1fr) auto!important;
  gap:12px!important;
  padding:9px 11px!important;
  border-radius:15px!important;
}
.pd-schedule-linked-copy{min-width:0;gap:2px!important;padding-right:4px}
.pd-schedule-linked-copy b{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-schedule-linked-copy em{font-size:8.5px!important;opacity:.72}
.pd-schedule-status-chip{margin-left:auto!important;white-space:nowrap!important;padding:5px 7px!important}
.pd-schedule-linked-incident.type-bts{--inc-seed:color-mix(in srgb,#4eb6c9 68%,var(--accent) 32%)}
.pd-schedule-linked-incident.type-cap{--inc-seed:color-mix(in srgb,#8d7ee8 68%,var(--accent) 32%)}
.pd-schedule-linked-incident.type-schedule{--inc-seed:color-mix(in srgb,#e39a55 68%,var(--accent) 32%)}
.pd-schedule-linked-incident.type-break{--inc-seed:color-mix(in srgb,#62b98b 68%,var(--accent) 32%)}
.pd-schedule-linked-incident.type-lunch{--inc-seed:color-mix(in srgb,#d98ab8 68%,var(--accent) 32%)}
.pd-schedule-linked-incident.type-wc{--inc-seed:color-mix(in srgb,#66a7dc 68%,var(--accent) 32%)}

.pd-real-activity-wrap{margin-top:12px}
.pd-real-activity-list{display:flex;flex-wrap:wrap;gap:8px}
.pd-real-activity-item{
  --real-seed:var(--accent);
  display:grid;grid-template-columns:24px auto;align-items:center;gap:7px;
  min-width:126px;padding:7px 9px;border-radius:12px;
  border:1px solid color-mix(in srgb,var(--real-seed) 24%,var(--line));
  background:linear-gradient(135deg,color-mix(in srgb,var(--real-seed) 10%,transparent),color-mix(in srgb,var(--panel) 88%,transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.pd-real-activity-item.available{--real-seed:#61b98d}.pd-real-activity-item.contact{--real-seed:#669ed9}.pd-real-activity-item.specific{--real-seed:#9a83dd}.pd-real-activity-item.break{--real-seed:#d0a25a}.pd-real-activity-item.offline{--real-seed:#cf7b83}.pd-real-activity-item.neutral{--real-seed:var(--accent)}
.pd-real-activity-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--real-seed) 16%,transparent);color:color-mix(in srgb,var(--real-seed) 78%,var(--text) 22%)}
.pd-real-activity-icon svg{width:13px;height:13px}.pd-real-activity-item span:last-child{display:grid;gap:1px}.pd-real-activity-item b{font-size:9px;line-height:1.15}.pd-real-activity-item small{font-size:7.5px;opacity:.65;white-space:nowrap}
.pd-real-more{font-size:8px;padding:7px 9px;border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,transparent);opacity:.7}
.pd-real-adjustments{display:grid;gap:7px;margin-top:11px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))}.pd-real-adjustments>small{font-size:7.5px;text-transform:uppercase;letter-spacing:.12em;opacity:.55;font-weight:800}
.pd-real-activity-adjust{--inc-seed:var(--accent);display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:11px;background:linear-gradient(135deg,color-mix(in srgb,var(--inc-seed) 11%,transparent),color-mix(in srgb,var(--panel) 90%,transparent));border:1px solid color-mix(in srgb,var(--inc-seed) 22%,var(--line))}.pd-real-activity-adjust>svg{width:15px;height:15px;color:color-mix(in srgb,var(--inc-seed) 75%,var(--text) 25%)}.pd-real-activity-adjust span{display:grid;gap:1px}.pd-real-activity-adjust b{font-size:9px}.pd-real-activity-adjust small{font-size:7.5px;opacity:.65}
.pd-real-activity-adjust.type-bts{--inc-seed:#4eb6c9}.pd-real-activity-adjust.type-cap{--inc-seed:#8d7ee8}.pd-real-activity-adjust.type-schedule{--inc-seed:#e39a55}.pd-real-activity-adjust.type-break{--inc-seed:#62b98b}.pd-real-activity-adjust.type-lunch{--inc-seed:#d98ab8}.pd-real-activity-adjust.type-wc{--inc-seed:#66a7dc}
.pd-real-empty{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,transparent);border:1px dashed color-mix(in srgb,var(--accent) 18%,var(--line))}.pd-real-empty>svg{width:16px;height:16px;color:var(--accent)}.pd-real-empty span{display:grid;gap:2px}.pd-real-empty b{font-size:9px}.pd-real-empty small{font-size:7.5px;opacity:.62;line-height:1.35}
@media(max-width:900px){.pd-schedule-recorded-grid{grid-template-columns:1fr!important}.pd-schedule-linked-incident{max-width:100%!important}}

/* =========================================================
   v21.0.34 · Jornada visual timeline
   ========================================================= */
.pd-activity-timeline{
  margin-top:12px;padding:12px 13px 10px;border-radius:15px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,transparent),color-mix(in srgb,var(--panel) 92%,transparent));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden
}
.pd-timeline-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.pd-timeline-head>div{display:grid;gap:1px}.pd-timeline-head small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;opacity:.56}.pd-timeline-head b{font-size:12px}
.pd-timeline-head>span{font-size:8px;padding:4px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));background:color-mix(in srgb,var(--accent) 7%,transparent);white-space:nowrap}
.pd-timeline-axis{position:relative;height:22px;margin-left:62px;margin-right:4px;border-bottom:1px dashed color-mix(in srgb,var(--accent) 18%,var(--line))}
.pd-timeline-tick{position:absolute;bottom:-1px;transform:translateX(-50%);display:grid;justify-items:center;gap:2px}.pd-timeline-tick:first-child{transform:none}.pd-timeline-tick:last-child{transform:translateX(-100%)}
.pd-timeline-tick i{width:1px;height:6px;background:color-mix(in srgb,var(--accent) 34%,var(--line))}.pd-timeline-tick small{font-size:6.7px;opacity:.53;white-space:nowrap}
.pd-timeline-lane{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;align-items:center;margin-top:7px}.pd-timeline-lane-label{font-size:7.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.58}
.pd-timeline-track{position:relative;height:24px;border-radius:8px;background:color-mix(in srgb,var(--text) 4%,transparent);border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));overflow:hidden}
.pd-timeline-scheduled{position:absolute;inset:3px;border-radius:5px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 20%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}
.pd-timeline-seg,.pd-timeline-incident{position:absolute;top:3px;bottom:3px;border-radius:5px;display:flex;align-items:center;justify-content:center;min-width:3px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.pd-timeline-seg em,.pd-timeline-incident em{font-style:normal;font-size:6.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;color:color-mix(in srgb,var(--text) 86%,white 14%)}
.pd-timeline-seg.available{background:color-mix(in srgb,#61b98d 58%,transparent)}.pd-timeline-seg.contact{background:color-mix(in srgb,#669ed9 62%,transparent)}.pd-timeline-seg.specific{background:color-mix(in srgb,#9a83dd 58%,transparent)}.pd-timeline-seg.break{background:color-mix(in srgb,#d0a25a 62%,transparent)}.pd-timeline-seg.offline{background:color-mix(in srgb,#cf7b83 60%,transparent)}.pd-timeline-seg.neutral{background:color-mix(in srgb,var(--accent) 45%,transparent)}
.pd-timeline-incident{top:2px;bottom:2px;gap:3px;background:linear-gradient(135deg,color-mix(in srgb,var(--inc-seed,var(--accent)) 58%,transparent),color-mix(in srgb,var(--inc-seed,var(--accent)) 26%,var(--panel)));border:1px solid color-mix(in srgb,var(--inc-seed,var(--accent)) 46%,transparent)}
.pd-timeline-incident svg{width:10px;height:10px;flex:none}.pd-timeline-incident.type-bts{--inc-seed:#4eb6c9}.pd-timeline-incident.type-cap{--inc-seed:#8d7ee8}.pd-timeline-incident.type-schedule{--inc-seed:#e39a55}.pd-timeline-incident.type-break{--inc-seed:#62b98b}.pd-timeline-incident.type-lunch{--inc-seed:#d98ab8}.pd-timeline-incident.type-wc{--inc-seed:#66a7dc}
.pd-timeline-no-data{position:absolute;inset:0;display:grid;place-items:center;font-size:7px;opacity:.46}
.pd-timeline-legend{display:flex;flex-wrap:wrap;gap:5px 9px;margin:9px 0 0 62px}.pd-timeline-legend span{display:inline-flex;align-items:center;gap:4px;font-size:6.7px;opacity:.62;white-space:nowrap}.pd-timeline-legend i{width:6px;height:6px;border-radius:2px;background:var(--accent)}
.pd-timeline-legend .available i{background:#61b98d}.pd-timeline-legend .contact i{background:#669ed9}.pd-timeline-legend .specific i{background:#9a83dd}.pd-timeline-legend .break i{background:#d0a25a}.pd-timeline-legend .offline i{background:#cf7b83}.pd-timeline-legend .incident i{background:linear-gradient(135deg,var(--accent),#4eb6c9)}
.pd-real-activity-details{margin-top:9px}.pd-real-activity-details summary{cursor:pointer;list-style:none;font-size:8px;font-weight:800;opacity:.64;user-select:none}.pd-real-activity-details summary::-webkit-details-marker{display:none}.pd-real-activity-details[open] summary{margin-bottom:8px}
@media(max-width:760px){.pd-timeline-head{align-items:flex-start;flex-direction:column}.pd-timeline-axis{margin-left:0}.pd-timeline-lane{grid-template-columns:1fr;gap:4px}.pd-timeline-legend{margin-left:0}.pd-timeline-lane-label{font-size:7px}}

/* =========================================================
   v21.0.35 · polished recorded journey + truthful rest days
   ========================================================= */
.pd-day-registered{
  padding:15px 16px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 13%,transparent),color-mix(in srgb,var(--panel) 94%,transparent))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.pd-schedule-recorded-grid{grid-template-columns:minmax(360px,1.15fr) minmax(300px,.85fr)!important;gap:20px!important;align-items:start}
.pd-schedule-real-block,.pd-schedule-incidents-block{padding:15px 16px!important;border-radius:17px!important}
.pd-schedule-block-title{padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--accent) 11%,var(--line))}
.pd-activity-timeline{margin-top:11px;padding:14px 15px 12px;border-radius:17px;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 5%,transparent),inset 0 1px 0 rgba(255,255,255,.22)}
.pd-timeline-head{margin-bottom:13px}.pd-timeline-head b{font-size:13px}.pd-timeline-head>span{padding:5px 8px}
.pd-timeline-axis{height:25px;margin-left:72px;margin-right:6px}
.pd-timeline-lane{grid-template-columns:64px minmax(0,1fr);gap:10px;margin-top:9px}.pd-timeline-track{height:27px;border-radius:9px}.pd-timeline-lane-label{font-size:7.7px;letter-spacing:.08em}
.pd-timeline-scheduled{inset:4px;border-radius:6px}.pd-timeline-seg,.pd-timeline-incident{top:4px;bottom:4px;border-radius:6px}.pd-timeline-incident{top:3px;bottom:3px}
.pd-timeline-legend{margin:11px 0 0 74px;gap:7px 12px}.pd-timeline-legend span{font-size:7px}
.pd-real-empty{margin-top:10px;padding:10px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,transparent),color-mix(in srgb,var(--panel) 92%,transparent))}
.pd-schedule-linked-list{gap:11px!important;margin-top:12px!important}.pd-schedule-linked-incident{flex:0 1 100%!important;max-width:100%!important;min-height:48px!important;padding:8px 10px!important}
.pd-plan-rest{min-height:56px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,transparent),color-mix(in srgb,var(--panel) 94%,transparent))!important}
body[data-mode="dark"] .pd-day-registered,body[data-mode="dark"] .pd-activity-timeline{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 28px rgba(0,0,0,.12)}
@media(max-width:1050px){.pd-schedule-recorded-grid{grid-template-columns:1fr!important}.pd-schedule-linked-incident{max-width:520px!important}}
@media(max-width:760px){.pd-timeline-axis{margin-left:0}.pd-timeline-lane{grid-template-columns:1fr}.pd-timeline-legend{margin-left:0}.pd-day-registered{padding:12px!important}}

/* =========================================================
   v21.0.36 · Jornada clara, amplia y explicativa
   ========================================================= */
.pd-schedule-recorded-stack{display:grid;gap:18px;min-width:0}
.pd-schedule-real-block,.pd-schedule-incidents-block{min-width:0}
.pd-timeline-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 13px}
.pd-timeline-help>div{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,transparent),color-mix(in srgb,var(--panel) 88%,transparent));backdrop-filter:blur(12px);min-width:0}
.pd-timeline-help span:last-child{display:grid;gap:2px;min-width:0}.pd-timeline-help b{font-size:9px}.pd-timeline-help small{font-size:7.5px;line-height:1.35;color:var(--muted)}
.pd-help-num{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:7px;font-size:8px;font-weight:900;background:color-mix(in srgb,var(--accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));color:var(--accent)}
.pd-activity-timeline{width:100%;max-width:none!important;padding:16px 18px 14px!important;overflow:visible!important}
.pd-timeline-head{align-items:center!important;margin-bottom:15px!important}.pd-timeline-head small{font-size:8.5px!important}.pd-timeline-head b{font-size:15px!important}.pd-timeline-head>span{font-size:8px!important}
.pd-timeline-axis{height:30px!important;margin-left:92px!important;margin-right:12px!important;overflow:visible!important}
.pd-timeline-tick small{font-size:7.5px!important;opacity:.72!important}.pd-timeline-tick i{height:8px!important}
.pd-timeline-lane{grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;margin-top:10px!important}.pd-timeline-lane-label{font-size:8px!important;opacity:.78!important}
.pd-timeline-track{height:34px!important;border-radius:11px!important;overflow:hidden!important;background:color-mix(in srgb,var(--text) 3%,transparent)!important}
.pd-timeline-scheduled{inset:5px!important;border-radius:7px!important}
.pd-timeline-seg,.pd-timeline-incident{top:5px!important;bottom:5px!important;border-radius:7px!important}.pd-timeline-incident{top:4px!important;bottom:4px!important;min-width:5px!important}
.pd-timeline-seg em,.pd-timeline-incident em{font-size:7.3px!important;padding:0 5px!important}.pd-timeline-incident svg{width:11px!important;height:11px!important}
.pd-timeline-no-data{font-size:7.7px!important;opacity:.58!important}
.pd-timeline-legend{margin:12px 0 0 92px!important;gap:8px 14px!important}.pd-timeline-legend span{font-size:7.5px!important;opacity:.75!important}
.pd-real-empty{margin-top:12px!important;padding:11px 13px!important;border-radius:12px!important;background:color-mix(in srgb,var(--accent) 5%,transparent)!important}.pd-real-empty b{font-size:9px!important}.pd-real-empty small{font-size:7.6px!important;line-height:1.4!important}
.pd-real-activity-details{margin-top:12px!important}.pd-real-activity-details summary{font-size:8px!important;font-weight:800!important}
.pd-schedule-incidents-block{padding-top:3px;border-top:1px solid color-mix(in srgb,var(--accent) 11%,var(--line))}
.pd-schedule-incidents-block .pd-schedule-block-title{margin-top:10px}
.pd-schedule-linked-list{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:flex-start!important}
.pd-schedule-linked-list .pd-linked-incident,.pd-schedule-linked-list .pd-schedule-incident-card{flex:0 1 300px;max-width:360px}
@media(max-width:900px){.pd-timeline-help{grid-template-columns:1fr}.pd-timeline-axis{margin-left:0!important}.pd-timeline-lane{grid-template-columns:1fr!important;gap:5px!important}.pd-timeline-legend{margin-left:0!important}}

/* =========================================================
   v21.0.37 · compact glass reconstructed journey
   Inspired by compact schedule cards: readable rows + vertical spine
   ========================================================= */
.pd-timeline-help{display:none!important}
.pd-journey-schedule{margin-top:10px;padding:13px 14px 12px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 9%,transparent),color-mix(in srgb,var(--panel) 92%,transparent));backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 22px color-mix(in srgb,var(--accent) 4%,transparent);overflow:hidden}
.pd-journey-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1px 2px 11px;border-bottom:1px solid color-mix(in srgb,var(--accent) 11%,var(--line))}.pd-journey-head>div{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:8px;row-gap:1px;min-width:0}.pd-journey-head small{grid-column:1/-1;font-size:7.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.pd-journey-head b{font-size:13px;white-space:nowrap}.pd-journey-head>div>span{font-size:7.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-journey-hours{flex:none;padding:5px 8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:7.5px;font-weight:800}
.pd-journey-note{display:flex;align-items:center;gap:8px;margin:10px 0 5px;padding:8px 9px;border-radius:11px;border:1px dashed color-mix(in srgb,var(--accent) 18%,var(--line));background:color-mix(in srgb,var(--accent) 4%,transparent)}.pd-journey-note>svg{width:15px;height:15px;color:var(--accent);flex:none}.pd-journey-note span{display:grid;gap:1px}.pd-journey-note b{font-size:8px}.pd-journey-note small{font-size:7px;line-height:1.3;color:var(--muted)}
.pd-journey-list{display:grid;padding:7px 0 2px}.pd-journey-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;min-height:45px;position:relative}.pd-journey-node{position:relative;display:flex;justify-content:center;padding-top:8px}.pd-journey-node>span{z-index:2;display:grid;place-items:center;width:23px;height:23px;border-radius:9px;border:1px solid color-mix(in srgb,var(--journey-seed,var(--accent)) 28%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--journey-seed,var(--accent)) 18%,var(--panel)),color-mix(in srgb,var(--panel) 94%,transparent));color:var(--journey-seed,var(--accent));box-shadow:inset 0 1px 0 rgba(255,255,255,.32)}.pd-journey-node>span svg{width:12px;height:12px}.pd-journey-spine{position:absolute;top:28px;bottom:-9px;width:1px;background:linear-gradient(color-mix(in srgb,var(--journey-seed,var(--accent)) 24%,var(--line)),color-mix(in srgb,var(--accent) 8%,var(--line)))}
.pd-journey-card{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0;padding:8px 10px;border-radius:12px;border:1px solid color-mix(in srgb,var(--journey-seed,var(--accent)) 13%,var(--line));background:linear-gradient(105deg,color-mix(in srgb,var(--journey-seed,var(--accent)) 7%,transparent),color-mix(in srgb,var(--panel) 91%,transparent));backdrop-filter:blur(12px)}.pd-journey-copy{display:grid;gap:1px;min-width:0}.pd-journey-copy b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-journey-copy small{font-size:6.8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-journey-time{display:flex;align-items:center;gap:5px;flex:none;padding-left:10px;border-left:1px solid color-mix(in srgb,var(--journey-seed,var(--accent)) 15%,var(--line));font-variant-numeric:tabular-nums}.pd-journey-time b{font-size:8px;white-space:nowrap}.pd-journey-time span{font-size:7px;color:var(--muted)}
.pd-journey-row.state-available{--journey-seed:#61b98d}.pd-journey-row.state-contact{--journey-seed:#669ed9}.pd-journey-row.state-specific{--journey-seed:#9a83dd}.pd-journey-row.state-break{--journey-seed:#d0a25a}.pd-journey-row.state-offline{--journey-seed:#cf7b83}.pd-journey-row.state-neutral{--journey-seed:var(--accent)}.pd-journey-row.type-bts{--journey-seed:#4eb6c9}.pd-journey-row.type-cap{--journey-seed:#8d7ee8}.pd-journey-row.type-schedule{--journey-seed:#e39a55}.pd-journey-row.type-break{--journey-seed:#62b98b}.pd-journey-row.type-lunch{--journey-seed:#d98ab8}.pd-journey-row.type-wc{--journey-seed:#66a7dc}.pd-journey-row.is-incident .pd-journey-card{border-color:color-mix(in srgb,var(--journey-seed) 30%,var(--line));background:linear-gradient(105deg,color-mix(in srgb,var(--journey-seed) 14%,transparent),color-mix(in srgb,var(--accent-soft) 5%,transparent),color-mix(in srgb,var(--panel) 92%,transparent));box-shadow:inset 3px 0 0 color-mix(in srgb,var(--journey-seed) 72%,transparent)}
.pd-journey-legend{display:flex;flex-wrap:wrap;gap:6px 11px;padding:8px 2px 0 36px;border-top:1px solid color-mix(in srgb,var(--accent) 8%,var(--line));margin-top:4px}.pd-journey-legend span{display:inline-flex;align-items:center;gap:4px;font-size:6.7px;color:var(--muted);white-space:nowrap}.pd-journey-legend i{width:6px;height:6px;border-radius:2px}.pd-journey-legend .available i{background:#61b98d}.pd-journey-legend .contact i{background:#669ed9}.pd-journey-legend .specific i{background:#9a83dd}.pd-journey-legend .break i{background:#d0a25a}.pd-journey-legend .offline i{background:#cf7b83}.pd-journey-legend .incident i{background:linear-gradient(135deg,var(--accent),#4eb6c9)}
.pd-activity-timeline{display:none!important}
body[data-mode="dark"] .pd-journey-schedule{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.12)}
@media(max-width:760px){.pd-journey-head>div{grid-template-columns:1fr}.pd-journey-head>div>span{grid-column:1}.pd-journey-card{align-items:flex-start;flex-direction:column;gap:5px}.pd-journey-time{padding-left:0;border-left:0}.pd-journey-legend{padding-left:0}}

/* =========================================================
   v21.0.38 · split reconstructed journey + themed glass incident rail
   ========================================================= */
.pd-schedule-recorded-stack{
  display:grid!important;
  grid-template-columns:minmax(0,1.5fr) minmax(270px,.85fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.pd-schedule-real-block,
.pd-schedule-incidents-block{
  min-width:0!important;
  border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line))!important;
  border-radius:18px!important;
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 8%,transparent),transparent 42%),
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 93%,transparent),color-mix(in srgb,var(--accent-soft) 10%,var(--panel) 90%))!important;
  backdrop-filter:blur(18px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(118%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 28px color-mix(in srgb,var(--accent) 5%,transparent)!important;
}
.pd-schedule-real-block{padding:13px 14px!important}
.pd-schedule-incidents-block{padding:13px!important;border-top:1px solid color-mix(in srgb,var(--accent) 15%,var(--line))!important}
.pd-schedule-incidents-block .pd-schedule-block-title{margin:0!important;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--accent) 10%,var(--line))}
.pd-schedule-block-title b{font-size:12px!important}
.pd-schedule-block-title small{font-size:8px!important}

/* Keep the requested vertical schedule structure, just denser and easier to scan. */
.pd-journey-schedule{margin-top:9px!important;padding:11px 12px 10px!important;border-radius:16px!important}
.pd-journey-head{padding-bottom:9px!important}
.pd-journey-note{margin:8px 0 4px!important;padding:7px 8px!important}
.pd-journey-list{padding:5px 0 1px!important}
.pd-journey-row{grid-template-columns:25px minmax(0,1fr)!important;gap:7px!important;min-height:40px!important}
.pd-journey-node{padding-top:7px!important}
.pd-journey-node>span{width:21px!important;height:21px!important;border-radius:8px!important}
.pd-journey-node>span svg{width:11px!important;height:11px!important}
.pd-journey-spine{top:26px!important;bottom:-8px!important}
.pd-journey-card{margin:3px 0!important;padding:7px 9px!important;border-radius:11px!important;gap:9px!important}
.pd-journey-copy b{font-size:8.7px!important}.pd-journey-copy small{font-size:6.7px!important}
.pd-journey-time{gap:4px!important;padding-left:8px!important}.pd-journey-time b{font-size:7.7px!important}.pd-journey-time span{font-size:6.8px!important}
.pd-journey-legend{padding:7px 0 0 32px!important;gap:5px 9px!important}.pd-journey-legend span{font-size:6.3px!important}

/* Right rail: compact, airy and theme-aware instead of another full-width section. */
.pd-schedule-linked-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin-top:10px!important;
}
.pd-schedule-linked-incident{
  --inc-color:color-mix(in srgb,var(--inc-seed,var(--accent)) 68%,var(--accent) 32%);
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  grid-template-areas:"icon copy" "icon statuses"!important;
  gap:4px 9px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--inc-color) 26%,var(--line))!important;
  background:
    linear-gradient(125deg,color-mix(in srgb,var(--inc-color) 11%,transparent),transparent 45%),
    linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--accent-soft) 11%,var(--panel) 89%))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 7px 20px color-mix(in srgb,var(--accent) 5%,transparent)!important;
  backdrop-filter:blur(16px) saturate(122%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(122%)!important;
}
.pd-schedule-linked-icon{grid-area:icon!important;width:30px!important;height:30px!important;border-radius:10px!important;align-self:start!important;background:linear-gradient(145deg,color-mix(in srgb,var(--inc-color) 18%,var(--panel)),color-mix(in srgb,var(--panel) 90%,transparent))!important;color:var(--inc-color)!important;border:1px solid color-mix(in srgb,var(--inc-color) 22%,var(--line))}
.pd-schedule-linked-copy{grid-area:copy!important;gap:1px!important}.pd-schedule-linked-copy b{font-size:10px!important;line-height:1.18!important}.pd-schedule-linked-copy small{font-size:7px!important}.pd-schedule-linked-copy em{font-size:8px!important}
.pd-schedule-linked-statuses{grid-area:statuses;display:flex;flex-wrap:wrap;gap:5px;align-items:center;min-width:0}
.pd-schedule-status-chip,.pd-schedule-time-chip{display:inline-flex;align-items:center;gap:3px;min-height:21px;padding:3px 6px!important;border-radius:999px;font-size:7px!important;font-weight:800;line-height:1;white-space:nowrap;backdrop-filter:blur(10px)}
.pd-schedule-status-chip svg,.pd-schedule-time-chip svg{width:9px!important;height:9px!important}
.pd-schedule-status-chip{border:1px solid color-mix(in srgb,var(--inc-color) 24%,var(--line));background:color-mix(in srgb,var(--inc-color) 9%,transparent);color:color-mix(in srgb,var(--inc-color) 80%,var(--text) 20%)}
.pd-schedule-time-chip{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent);color:var(--muted)}
.pd-schedule-time-chip.time-ok{border-color:color-mix(in srgb,#58b889 28%,var(--line));background:color-mix(in srgb,#58b889 10%,transparent);color:color-mix(in srgb,#58b889 78%,var(--text) 22%)}
.pd-schedule-time-chip.time-bad{border-color:color-mix(in srgb,#d66f78 30%,var(--line));background:color-mix(in srgb,#d66f78 10%,transparent);color:color-mix(in srgb,#d66f78 78%,var(--text) 22%)}
.pd-schedule-time-chip.time-review{border-color:color-mix(in srgb,#d1a053 30%,var(--line));background:color-mix(in srgb,#d1a053 10%,transparent);color:color-mix(in srgb,#d1a053 78%,var(--text) 22%)}
.pd-schedule-linked-incident.rejected{opacity:.92;background:linear-gradient(125deg,color-mix(in srgb,#d66f78 9%,transparent),transparent 46%),linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--accent-soft) 8%,var(--panel) 92%))!important}

body[data-mode="dark"] .pd-schedule-real-block,
body[data-mode="dark"] .pd-schedule-incidents-block,
body[data-mode="dark"] .pd-schedule-linked-incident{box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 9px 22px rgba(0,0,0,.14)!important}

@media(max-width:1050px){
  .pd-schedule-recorded-stack{grid-template-columns:1fr!important}
  .pd-schedule-incidents-block{max-width:none!important}
}
@media(max-width:620px){
  .pd-journey-card{align-items:flex-start!important;flex-direction:column!important}
  .pd-journey-time{padding-left:0!important;border-left:0!important}
}

/* =========================================================
   v21.0.39 · Horario: Schedule Extension graveyard + rest + week reset
   ========================================================= */
.pd-day-registered{align-self:start!important;height:auto!important;min-height:0!important}
.pd-schedule-recorded-stack{grid-auto-rows:max-content!important;align-items:start!important}
.pd-schedule-real-block,.pd-schedule-incidents-block{align-self:start!important;height:auto!important;min-height:0!important}

.pd-journey-rules-note{display:flex;align-items:flex-start;gap:9px;margin:10px 0 12px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,transparent),color-mix(in srgb,var(--panel) 90%,transparent));backdrop-filter:blur(14px)}
.pd-journey-rules-note>svg{width:15px;height:15px;flex:0 0 15px;margin-top:1px;color:var(--accent)}
.pd-journey-rules-note>span{display:grid;gap:2px;min-width:0}.pd-journey-rules-note b{font-size:9px}.pd-journey-rules-note small{font-size:7.3px;line-height:1.42;color:var(--muted)}

.pd-plan.pd-plan-is-rest{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.pd-rest-heart-card{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),color-mix(in srgb,var(--accent-soft) 8%,transparent),color-mix(in srgb,var(--panel) 93%,transparent));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 9px 24px color-mix(in srgb,var(--accent) 5%,transparent);backdrop-filter:blur(18px) saturate(118%)}
.pd-rest-heart-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:13px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,var(--panel)),color-mix(in srgb,var(--panel) 91%,transparent))}.pd-rest-heart-icon svg{width:17px;height:17px}
.pd-rest-heart-card>span:last-child{display:grid;gap:3px}.pd-rest-heart-card b{font-size:11px}.pd-rest-heart-card small{font-size:8px;line-height:1.45;color:var(--muted)}

.pd-next-day-mark{display:inline-flex;vertical-align:middle;margin-left:4px;padding:2px 5px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);font-size:6.5px;font-style:normal;font-weight:800;letter-spacing:.02em}

body[data-mode="dark"] .pd-rest-heart-card,body[data-mode="dark"] .pd-journey-rules-note{box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 9px 22px rgba(0,0,0,.12)}
@media(max-width:620px){.pd-journey-rules-note{padding:8px 9px}.pd-rest-heart-card{align-items:flex-start;padding:13px}.pd-rest-heart-icon{width:34px;height:34px;flex-basis:34px}}

/* ===== PulseDesk v21.0.42 · Friendly compact guidance ===== */
.pd-friendly-notice,.wc-duration-notice,.incident-window-card,.request-window-notice,.cut-72h-note{position:relative;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%),color-mix(in srgb,var(--panel) 96%,var(--accent) 4%));box-shadow:inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pd-friendly-notice{margin:10px 0 12px}.pd-friendly-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent2) 13%,var(--panel));border:1px solid color-mix(in srgb,var(--accent2) 22%,var(--line));color:color-mix(in srgb,var(--accent2) 78%,var(--text))}.pd-friendly-icon svg{width:15px;height:15px}.pd-friendly-notice>div,.wc-duration-notice>div,.incident-window-card>div,.request-window-notice>div,.cut-72h-note>div{display:grid;gap:2px;min-width:0}.pd-friendly-notice small,.wc-duration-notice small,.incident-window-card small,.request-window-notice small,.cut-72h-note small{font-size:7px!important;font-weight:750;color:var(--muted);letter-spacing:.01em}.pd-friendly-notice strong,.wc-duration-notice strong,.incident-window-card strong,.request-window-notice strong,.cut-72h-note strong{font-size:8.5px!important;line-height:1.35}.pd-friendly-notice span:not(.pd-friendly-icon),.wc-duration-notice span,.incident-window-card span,.request-window-notice span,.cut-72h-note span{font-size:7.2px!important;line-height:1.42;color:var(--muted);opacity:1}.pd-tech-report-notice.is-ready .pd-friendly-icon{color:#4d9b79;background:color-mix(in srgb,#79c7a3 12%,var(--panel));border-color:color-mix(in srgb,#79c7a3 30%,var(--line))}.pd-tech-report-notice.is-required{border-color:color-mix(in srgb,#e0aa62 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 93%,#f0c98e 7%),color-mix(in srgb,var(--panel) 96%,var(--accent) 4%))}.pd-tech-report-notice.is-required .pd-friendly-icon{color:#b97c2f;background:color-mix(in srgb,#f0c98e 15%,var(--panel));border-color:color-mix(in srgb,#e0aa62 35%,var(--line))}
.wc-duration-notice{margin:10px 0 12px;padding:10px 12px}.wc-duration-notice>svg,.incident-window-card>i,.request-window-notice>i,.cut-72h-note>i{width:16px!important;height:16px!important;flex:0 0 16px!important;margin-top:1px}.wc-duration-notice.wc-ok,.wc-duration-notice.wc-tolerance,.wc-duration-notice.wc-risk{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%),color-mix(in srgb,var(--panel) 96%,var(--accent) 4%))}.wc-duration-notice.wc-risk{border-color:color-mix(in srgb,#d79a58 32%,var(--line))}.wc-duration-notice.wc-risk>svg{color:#c18442}.incident-window-card{margin:10px 0 12px}.request-window-notice,.cut-72h-note{padding:10px 12px}.pd-field-helper{display:block;margin-top:5px;font-size:7px;color:var(--muted)}
body[data-mode="dark"] :is(.pd-friendly-notice,.wc-duration-notice,.incident-window-card,.request-window-notice,.cut-72h-note){box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 18px rgba(0,0,0,.08)}
@media(max-width:620px){.pd-friendly-notice,.wc-duration-notice,.incident-window-card,.request-window-notice,.cut-72h-note{padding:9px 10px;gap:9px}.pd-friendly-icon{width:29px;height:29px;flex-basis:29px}}


/* ===== PulseDesk v21.0.43 · Solicitudes amables + edición diaria ===== */
.pd-request-notice{
  display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin:9px 0 11px;
  border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 95%,var(--accent2) 5%),color-mix(in srgb,var(--panel) 97%,var(--accent) 3%));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.pd-request-notice-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:11px;
  color:color-mix(in srgb,var(--accent2) 78%,var(--text));background:color-mix(in srgb,var(--accent2) 12%,var(--panel));
  border:1px solid color-mix(in srgb,var(--accent2) 24%,var(--line))}
.pd-request-notice-icon svg{width:15px!important;height:15px!important}.pd-request-notice-icon.is-medical{color:#6f90a9;background:color-mix(in srgb,#9fc2d9 12%,var(--panel));border-color:color-mix(in srgb,#9fc2d9 28%,var(--line))}
.pd-request-notice>div{display:grid;gap:2px;min-width:0}.pd-request-notice small{font-size:7px!important;font-weight:750;color:var(--muted)}
.pd-request-notice strong{font-size:8.5px!important;line-height:1.35}.pd-request-notice span:not(.pd-request-notice-icon){font-size:7.2px!important;line-height:1.42;color:var(--muted)}
.pd-request-mini-note{display:flex;align-items:center;gap:8px;padding:7px 9px;margin:7px 0;border-radius:11px;background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--muted);font-size:7px!important;line-height:1.4}
.pd-request-mini-note svg{width:14px!important;height:14px!important;flex:0 0 14px;color:var(--accent)}
.request-docs-box{padding:10px 12px!important;border-radius:14px!important;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 95%,var(--accent2) 5%),color-mix(in srgb,var(--panel) 97%,var(--accent) 3%))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.request-docs-title{gap:9px!important;margin-bottom:6px!important;align-items:center!important}.request-docs-title>div{display:grid;gap:1px}.request-docs-title small{font-size:7px!important}.request-docs-title strong{font-size:8.5px!important;line-height:1.3}
#scheduleDocsText,#incapacityDocsBox>div:last-child{font-size:7.2px!important;line-height:1.46!important;color:var(--muted)!important;padding-left:40px;max-width:100%}
.schedule-detail-heading{padding:10px 12px!important;border-radius:14px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 96%,var(--accent2) 4%),color-mix(in srgb,var(--panel) 98%,var(--accent) 2%))!important;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))!important}
.schedule-detail-heading>svg{width:17px!important;height:17px!important}.schedule-detail-heading p{font-size:7.2px!important;line-height:1.42!important;margin-top:2px!important}
.uniform-schedule-note{font-size:7.2px!important;line-height:1.45!important;color:var(--muted)!important;padding:8px 10px!important;border-radius:11px;background:color-mix(in srgb,var(--accent2) 5%,transparent)}
body[data-mode="dark"] :is(.pd-request-notice,.request-docs-box,.schedule-detail-heading){box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 18px rgba(0,0,0,.07)}
@media(max-width:620px){#scheduleDocsText,#incapacityDocsBox>div:last-child{padding-left:0}.pd-request-notice-icon{width:29px;height:29px;flex-basis:29px}}

/* ===== PulseDesk v21.0.44 · compact special notices + request UX + performance pass ===== */
/* Cierre de Solicitudes: hit target real, visible y por encima del contenido scrollable. */
#requestModal .modal-header{position:relative;z-index:8;overflow:visible}
#closeRequestModal.pd-request-close{
  position:relative;z-index:12;flex:0 0 42px;width:42px!important;height:42px!important;
  margin:-4px -4px 0 8px;display:grid!important;place-items:center!important;
  touch-action:manipulation;pointer-events:auto!important;
}
#closeRequestModal.pd-request-close::after{content:"";position:absolute;inset:-5px;border-radius:50%}
#closeRequestModal.pd-request-close svg{width:17px!important;height:17px!important;pointer-events:none}

/* Late Break/Lunch/Schedule Extension dejan de sentirse como un bloque gigante. */
.special-time-panel{padding:11px 12px!important;margin:10px 0 11px!important;border-radius:14px!important}
.special-time-title{align-items:center!important;gap:9px!important;margin-bottom:9px!important;padding-bottom:8px!important}
.pd-special-time-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;
  color:color-mix(in srgb,var(--accent2) 76%,var(--text));background:color-mix(in srgb,var(--accent2) 12%,var(--panel));
  border:1px solid color-mix(in srgb,var(--accent2) 23%,var(--line))}
.pd-special-time-icon svg{width:15px!important;height:15px!important;margin:0!important;color:currentColor!important}
.special-time-title strong{font-size:9px!important;line-height:1.3}
.special-time-title small{font-size:7.2px!important;line-height:1.4!important;margin-top:2px!important;opacity:.78!important;max-width:660px}
.special-time-grid{gap:8px!important}.special-time-grid label span{font-size:7.5px!important;margin-bottom:4px!important}
.special-time-grid .form-input{min-height:40px;padding:9px 10px!important;font-size:9px!important}

/* Solicitudes: política completa disponible, pero sin plantar una pared de texto. */
.selected-request-help{padding:10px 12px!important;margin-bottom:10px!important;border-radius:14px!important}
.selected-request-help-title{align-items:center!important;margin-bottom:6px!important;gap:9px!important}
.selected-request-help-title>svg{display:none!important}
.pd-request-details{margin-top:4px;border:0;background:transparent;color:inherit}
.pd-request-details>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:31px;padding:7px 9px;
  border-radius:10px;background:color-mix(in srgb,var(--accent) 5%,transparent);color:var(--muted);cursor:pointer;font-size:7.4px;font-weight:750}
.pd-request-details>summary::-webkit-details-marker{display:none}.pd-request-details>summary>svg{width:13px!important;height:13px!important;flex:0 0 13px;color:var(--accent)}
.pd-request-details>summary .pd-details-chevron{margin-left:auto;transition:transform .18s ease}
.pd-request-details[open]>summary .pd-details-chevron{transform:rotate(180deg)}
.pd-request-details>div{padding:8px 9px 2px;font-size:7.3px!important;line-height:1.48!important;color:var(--muted)!important}
#scheduleDocsText{padding-left:0!important;font-size:inherit!important;line-height:inherit!important}
#incapacityDocsBox>div:last-child{padding-left:0!important}
.request-docs-box .pd-request-details{margin-top:0}

/* Iconitos contextuales dentro de avisos: visualmente suaves y no todos iguales. */
.wc-duration-notice>svg,.incident-window-card>i{padding:3px;width:22px!important;height:22px!important;flex-basis:22px!important;border-radius:8px;
  background:color-mix(in srgb,var(--accent2) 10%,transparent);color:var(--accent)}

/* Performance: el navegador puede saltarse pintura/layout de listas largas fuera de viewport. */
.history-card,.request-card,.news-admin-item,.sup-agent-card,.pd-day-accordion{
  content-visibility:auto;contain-intrinsic-size:auto 92px;
}
@media(max-width:620px){#closeRequestModal.pd-request-close{width:40px!important;height:40px!important;flex-basis:40px}.special-time-grid{grid-template-columns:1fr!important}.pd-request-details>div{padding-left:4px;padding-right:4px}}


/* ===== PulseDesk v21.0.45 · Incident guide + contextual cute notice icons ===== */
.selected-incident-help{margin-top:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--line));border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 95%,var(--accent2) 5%),color-mix(in srgb,var(--panel) 97%,var(--accent) 3%));box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.selected-incident-help-title{display:flex;align-items:center;gap:9px;margin-bottom:6px}.selected-incident-help-title small{display:block;font-size:7px!important;color:var(--muted);font-weight:750}.selected-incident-help-title strong{display:block;font-size:8.5px!important;color:var(--text);line-height:1.3}
.pd-incident-guide-icon{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--accent2) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--accent2) 24%,var(--line));color:color-mix(in srgb,var(--accent2) 72%,var(--text))}.pd-incident-guide-icon svg{width:15px!important;height:15px!important}
.pd-incident-details{margin-top:4px}.pd-incident-details>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:31px;padding:7px 9px;border-radius:10px;cursor:pointer;background:color-mix(in srgb,var(--accent) 5%,transparent);font-size:7.7px!important;font-weight:750;color:var(--text)}.pd-incident-details>summary::-webkit-details-marker{display:none}.pd-incident-details>summary svg{width:13px!important;height:13px!important;color:var(--accent)}.pd-incident-details .pd-details-chevron{margin-left:auto;transition:transform .18s ease}.pd-incident-details[open] .pd-details-chevron{transform:rotate(180deg)}.pd-incident-details>div{padding:8px 9px 2px;font-size:7.3px!important;line-height:1.48!important;color:var(--muted)!important}
/* Los iconos de avisos heredan el tema; el significado lo da la silueta, no un color fijo. */
.pd-friendly-icon,.pd-incident-guide-icon,.pd-request-notice-icon{transition:transform .16s ease,background .16s ease,border-color .16s ease}.pd-friendly-notice:hover .pd-friendly-icon,.selected-incident-help:hover .pd-incident-guide-icon{transform:translateY(-1px) rotate(-2deg)}
#techReportNotice:not(.is-required) .pd-friendly-icon{color:color-mix(in srgb,var(--accent2) 72%,var(--text));background:color-mix(in srgb,var(--accent2) 11%,var(--panel));border-color:color-mix(in srgb,var(--accent2) 24%,var(--line))}
@media(max-width:620px){.selected-incident-help{padding:9px 10px}.pd-incident-guide-icon{width:29px;height:29px;flex-basis:29px}.pd-incident-details>div{padding-left:4px;padding-right:4px}}

/* v21.0.46 · incident guide above selector + breathing room */
#selectedIncidentHelp{margin:0 0 10px!important}.selected-incident-help+.incident-types{margin-top:0}


/* ===== PulseDesk v21.0.47 · guide placement + precise CAP + smoother details/performance ===== */
/* La guía vuelve debajo de los tipos: se descubre después de elegir y no se pierde arriba. */
#selectedIncidentHelp{margin:10px 0 0!important}
.incident-types + #selectedIncidentHelp{margin-top:10px!important}

/* Desplegables: toda la fila es un hitbox cómodo; el chevron nunca roba el click. */
:is(.pd-incident-details,.pd-request-details)>summary{
  min-height:38px!important;padding:8px 9px!important;touch-action:manipulation;user-select:none;-webkit-user-select:none;
}
:is(.pd-incident-details,.pd-request-details)>summary .pd-details-chevron{
  margin-left:auto!important;width:30px!important;height:30px!important;padding:8px!important;margin-top:-6px!important;margin-bottom:-6px!important;margin-right:-6px!important;
  box-sizing:border-box!important;border-radius:9px;background:color-mix(in srgb,var(--accent) 6%,transparent);pointer-events:none!important;
}
:is(.pd-incident-details,.pd-request-details)>summary>svg:not(.pd-details-chevron),
:is(.pd-incident-details,.pd-request-details)>summary>span{pointer-events:none}
:is(.pd-incident-details,.pd-request-details)>summary:hover .pd-details-chevron{background:color-mix(in srgb,var(--accent) 11%,transparent)}

/* Avisos técnicos: icono semántico estable y distinto por categoría. */
#techReportNotice .pd-friendly-icon{transform:none}
#techReportNotice:hover .pd-friendly-icon{transform:translateY(-1px)}

/* Pequeño containment adicional en paneles pesados sin cambiar su comportamiento. */
.modal .incident-types,.request-type-grid,.history-list,.sup-agent-grid,#weeklySchedule{contain:layout style}

/* ===== PulseDesk v21.0.49 · Auto time output polish ===== */
.pd-auto-time-output{
  min-height:46px;
  padding:7px 11px;
  border-radius:14px;
  font-size:8px;
  line-height:1.25;
  font-weight:760;
  color:var(--muted);
  background:color-mix(in srgb,var(--panel) 88%,var(--accent) 5%);
}
.pd-auto-time-output.pd-auto-time-ready{
  font-size:12px;
  font-weight:850;
  color:var(--ink);
}

/* ===== PulseDesk v21.0.50 · Mi Corte compact workspace ===== */
#cutView{--cut-gap:14px}
.cut-hero-compact{gap:18px;align-items:center;margin-bottom:12px}
.cut-hero-compact>div:first-child{max-width:620px}
.cut-hero-compact>div:first-child p{max-width:570px}
.cut-period-nav{min-width:330px;padding:9px 10px;gap:10px}
.cut-period-nav>div{display:grid;gap:2px;min-width:0;text-align:center}
.cut-period-nav small{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:800}
.cut-period-nav strong{font-size:9px;line-height:1.25}
.cut-period-nav span{font-size:7px;color:var(--muted);line-height:1.35}
.cut-status-banner{margin-bottom:10px;padding:9px 12px;min-height:0}
.cut-status-banner>div{gap:1px}.cut-status-banner span{font-size:7px}
.cut-disclaimer{margin:0 0 12px!important;padding:9px 11px!important}
.cut-summary-card{padding:14px!important;margin-bottom:14px}
.cut-summary-title{align-items:flex-start;margin-bottom:10px}
.cut-summary-title h2{font-size:16px}.cut-summary-title p{margin-top:2px}
.cut-pending-focus{min-width:190px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%)}
.cut-pending-focus>svg{width:18px;height:18px;color:var(--accent)}
.cut-pending-focus>div{display:grid;gap:1px}.cut-pending-focus small,.cut-pending-focus span{font-size:7px;color:var(--muted)}.cut-pending-focus strong{font-size:13px;line-height:1.1}
.cut-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:15px;overflow:hidden;background:color-mix(in srgb,var(--panel) 95%,var(--accent) 5%)}
.cut-summary-stat{display:flex;align-items:center;gap:10px;min-height:72px;padding:11px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.cut-summary-stat:nth-child(3n){border-right:0}.cut-summary-stat:nth-child(n+4){border-bottom:0}.cut-summary-stat.is-total{background:color-mix(in srgb,var(--panel) 88%,var(--accent) 12%)}
.cut-summary-stat-icon{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;flex:0 0 31px;background:color-mix(in srgb,var(--accent2) 11%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 17%,var(--line));color:var(--accent)}
.cut-summary-stat-icon svg{width:15px;height:15px}.cut-summary-stat>div{display:grid;gap:1px;min-width:0}.cut-summary-stat small{font-size:7px;color:var(--muted);font-weight:750}.cut-summary-stat strong{font-size:15px;line-height:1.1}.cut-summary-stat span{font-size:7px;color:var(--muted);line-height:1.35}
.cut-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(315px,.85fr);gap:14px;align-items:start}
.cut-workspace>.section-card{margin:0;padding:14px!important;min-width:0}
.cut-days-card .section-title,.cut-review-card .section-title{margin-bottom:10px}.cut-days-card .section-title h2,.cut-review-card .section-title h2{font-size:16px}
.cut-daily-weeks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.cut-week-column{display:grid;gap:6px;min-width:0}.cut-week-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px 4px}.cut-week-heading span{font-size:8px;font-weight:850}.cut-week-heading small{font-size:6.7px;color:var(--muted)}
.cut-daily-weeks .cut-day{margin:0;border-radius:12px;overflow:hidden}
.cut-daily-weeks .cut-day summary{min-height:51px;padding:8px 9px;grid-template-columns:64px minmax(0,1fr) 18px;gap:7px}
.cut-daily-weeks .cut-day-date small{font-size:6px}.cut-daily-weeks .cut-day-date strong{font-size:7.5px}.cut-daily-weeks .cut-day-summary>span{font-size:7.5px}.cut-daily-weeks .cut-day-summary>div{gap:3px;margin-top:3px}.cut-daily-weeks .cut-day-summary em{font-size:5.8px;padding:2px 4px;border-radius:6px}
.cut-daily-weeks .cut-day summary>svg{width:15px;height:15px}.cut-daily-weeks .cut-day-detail{padding:7px 8px}
.cut-holiday-chip{display:inline-flex!important;align-items:center;gap:3px;color:color-mix(in srgb,var(--accent) 75%,#d68a54)!important;background:color-mix(in srgb,var(--panel) 84%,#f1c58b 16%)!important}.cut-holiday-chip svg{width:9px;height:9px}
.cut-day.is-holiday{border-color:color-mix(in srgb,#e4af6b 34%,var(--line))}.cut-holiday-note{display:flex;gap:8px;align-items:flex-start;padding:7px 8px;margin-bottom:6px;border-radius:10px;background:color-mix(in srgb,var(--panel) 89%,#f2c987 11%);border:1px solid color-mix(in srgb,#e1aa61 25%,var(--line))}.cut-holiday-note>svg{width:15px;min-width:15px;color:#c48a42}.cut-holiday-note>div{display:grid;gap:2px}.cut-holiday-note strong{font-size:7.5px}.cut-holiday-note span{font-size:6.6px;color:var(--muted);line-height:1.4}
.cut-review-sticky{position:sticky;top:12px}
.cut-adjustments-compact{margin-bottom:10px}.cut-no-adjustments,.cut-adjustment-heading{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--accent) 17%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%)}.cut-no-adjustments>svg,.cut-adjustment-heading>svg{width:16px;height:16px;color:var(--accent)}.cut-no-adjustments>div,.cut-adjustment-heading>div{display:grid;gap:1px}.cut-no-adjustments strong,.cut-adjustment-heading strong{font-size:7.8px}.cut-no-adjustments span,.cut-adjustment-heading span{font-size:6.6px;color:var(--muted)}
.cut-adjustments-compact .cut-adjustment{margin-top:6px;padding:7px 8px}
.cut-review-card .cut-source-grid{gap:6px;margin:9px 0}.cut-review-card .cut-source-grid>div{padding:8px 9px;border-radius:11px}.cut-review-card .cut-source-grid svg{width:14px;height:14px}.cut-review-card .cut-source-grid strong{font-size:7.5px}.cut-review-card .cut-source-grid span{font-size:6.3px}
.cut-review-card .checklist{display:grid;gap:5px}.cut-review-card .check-row{padding:7px 8px;min-height:0}.cut-review-card .check-row span{font-size:6.8px;line-height:1.4}
.cut-review-card .cut-72h-note{margin:9px 0 0!important;padding:8px 9px!important}.cut-review-actions{margin-top:9px;gap:6px}.cut-review-actions button{min-height:38px;padding:8px 10px;font-size:7.5px}
@media(max-width:1080px){.cut-workspace{grid-template-columns:1fr}.cut-review-sticky{position:static}.cut-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cut-summary-stat:nth-child(3n){border-right:1px solid var(--line)}.cut-summary-stat:nth-child(2n){border-right:0}.cut-summary-stat:nth-child(n+4){border-bottom:1px solid var(--line)}.cut-summary-stat:nth-child(n+5){border-bottom:0}}
@media(max-width:760px){.cut-hero-compact{align-items:flex-start}.cut-period-nav{min-width:0}.cut-summary-title{flex-direction:column;gap:8px}.cut-pending-focus{width:100%}.cut-daily-weeks{grid-template-columns:1fr}.cut-summary-grid{grid-template-columns:1fr}.cut-summary-stat{border-right:0!important;border-bottom:1px solid var(--line)!important}.cut-summary-stat:last-child{border-bottom:0!important}}

/* ===== v21.0.51 · Mi Corte visual calendar dashboard ===== */
#cutView{--cut-glass:color-mix(in srgb,var(--panel) 84%,transparent);display:none;gap:14px}
#cutView.active-view{display:grid}
/* v21.0.52 · make payroll navigation easy to hit without making it visually bulky */
#cutView .cut51-period .icon-button{width:44px;height:44px;min-width:44px;min-height:44px;position:relative;touch-action:manipulation}
#cutView .cut51-period .icon-button svg{width:18px;height:18px;pointer-events:none}
#cutView .cut51-period .icon-button:before{content:"";position:absolute;inset:-5px;border-radius:50%}
#cutView .cut51-period{padding:7px 9px;gap:7px;align-items:center}
#cutView .cut51-period>div{min-width:0;text-align:center;flex:1}
.cut51-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 0 4px}.cut51-heading h1{margin:2px 0 3px}.cut51-heading p{margin:0;color:var(--muted)}
.cut51-period{min-width:350px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),color-mix(in srgb,var(--accent2) 9%,var(--panel)));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));box-shadow:0 16px 36px color-mix(in srgb,var(--accent) 8%,transparent);backdrop-filter:blur(18px)}
.cut51-topline{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:10px;align-items:stretch}.cut51-topline .cut-status-banner,.cut51-topline .cut-pending-focus{margin:0;min-height:64px}.cut51-topline .cut-pending-focus{width:auto}
.cut51-calendar-card,.cut51-summary-card,.cut51-review-card,.cut51-guide-card{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--accent) 4%,var(--panel)));border-color:color-mix(in srgb,var(--accent) 16%,var(--line));box-shadow:0 18px 45px color-mix(in srgb,var(--text) 5%,transparent);backdrop-filter:blur(20px)}
.cut51-calendar-head,.cut51-section-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.cut51-calendar-head h2,.cut51-section-heading h2{margin:2px 0}.cut51-calendar-head p,.cut51-section-heading p{margin:2px 0 0;color:var(--muted);max-width:680px}.cut51-helper{font-size:8px;color:var(--muted);align-self:center}
.cut51-legend{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cut51-legend span{display:flex;align-items:center;gap:5px;font-size:7px;color:var(--muted);white-space:nowrap}.cut51-legend .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.cut51-legend .holiday{background:#d9a441}.cut51-legend .pay{background:#63b995}.cut51-legend .ext{background:#7aa7e8}.cut51-legend .work{background:var(--accent)}
.cut51-calendar-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:14px;align-items:stretch}.cut51-calendar-wrap{min-width:0;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));border-radius:18px;padding:10px;background:color-mix(in srgb,var(--panel) 76%,transparent)}
.cut51-weekdays,.cut51-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cut51-weekdays{padding:0 4px 7px}.cut51-weekdays span{text-align:center;font-size:7px;font-weight:800;color:var(--muted)}
.cut51-day{appearance:none;border:1px solid color-mix(in srgb,var(--accent) 11%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,transparent);min-height:86px;padding:8px;text-align:left;color:var(--text);display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:.18s ease;overflow:hidden}.cut51-day:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 7%,transparent)}.cut51-day.selected{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,var(--panel)),color-mix(in srgb,var(--accent2) 6%,var(--panel)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.cut51-day.outside-cut{opacity:.58}.cut51-day.is-holiday{border-color:color-mix(in srgb,#d9a441 44%,var(--line))}
.cut51-day-top{display:flex;align-items:baseline;justify-content:space-between}.cut51-day-top small{text-transform:capitalize;color:var(--muted);font-size:7px}.cut51-day-top strong{font-size:16px}.cut51-day-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto}.cut51-tag{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border-radius:999px;font-size:5.8px;line-height:1;background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--muted);border:1px solid color-mix(in srgb,var(--accent) 11%,var(--line))}.cut51-tag svg{width:8px;height:8px}.cut51-tag.holiday{background:color-mix(in srgb,#d9a441 14%,var(--panel));color:color-mix(in srgb,#d9a441 78%,var(--text))}.cut51-tag.pay{background:color-mix(in srgb,#63b995 14%,var(--panel));color:color-mix(in srgb,#63b995 76%,var(--text))}.cut51-tag.extpay{background:color-mix(in srgb,#7aa7e8 14%,var(--panel));color:color-mix(in srgb,#7aa7e8 76%,var(--text))}.cut51-tag.extension{background:color-mix(in srgb,var(--accent2) 14%,var(--panel));color:var(--accent)}
.cut51-day-panel{border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line));border-radius:18px;padding:14px;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),color-mix(in srgb,var(--panel) 86%,transparent));min-width:0}.cut51-panel-date span{font-size:7px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.cut51-panel-date h3{margin:3px 0 12px;font-size:15px}.cut51-special{display:flex;gap:8px;align-items:flex-start;padding:9px;border-radius:12px;margin-bottom:7px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent)}.cut51-special>svg{width:16px;height:16px;flex:0 0 16px}.cut51-special>div{display:grid;gap:1px}.cut51-special strong{font-size:8px}.cut51-special span{font-size:6.8px;color:var(--muted);line-height:1.35}.cut51-special.holiday{border-color:color-mix(in srgb,#d9a441 35%,var(--line))}.cut51-special.pay{border-color:color-mix(in srgb,#63b995 35%,var(--line))}.cut51-special.ext{border-color:color-mix(in srgb,#7aa7e8 35%,var(--line))}
.cut51-day-schedule{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);font-size:8px}.cut51-day-schedule span{display:flex;align-items:center;gap:6px}.cut51-day-schedule svg{width:14px}.cut51-day-schedule b{font-size:7px;color:var(--accent)}.cut51-day-movements .cut-day-movement{padding:8px 0}.cut51-empty{display:flex;align-items:center;gap:7px;padding:13px 4px;color:var(--muted);font-size:7px;line-height:1.4}.cut51-empty svg{width:15px}
.cut51-summary-card .cut-summary-grid{border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--panel) 76%,transparent)}
.cut51-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.cut51-adjustment-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.cut51-adjustment{appearance:none;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);border-radius:13px;padding:9px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;color:var(--text);cursor:pointer}.cut51-adjustment:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.cut51-adjustment>span:nth-child(2){display:grid;gap:1px;min-width:0}.cut51-adjustment small,.cut51-adjustment em{font-size:6px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cut51-adjustment strong{font-size:7.5px}.cut51-adjustment>b{font-size:7px;grid-column:3}.cut51-adjustment .status{font-size:5.8px;grid-column:3;grid-row:1}.cut51-guide-card .cut-source-grid{margin-bottom:9px}.cut51-guide-card .cut-disclaimer{margin:9px 0;padding:9px}.cut51-guide-card .cut-72h-note{margin-top:8px}.cut51-guide-card .cut-review-actions{margin-top:10px}
@media(max-width:1150px){.cut51-calendar-layout,.cut51-bottom-grid{grid-template-columns:1fr}.cut51-day-panel{min-height:0}.cut51-adjustment-list{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.cut51-hero,.cut51-calendar-head,.cut51-section-heading{flex-direction:column}.cut51-period{min-width:0;width:100%}.cut51-topline{grid-template-columns:1fr}.cut51-weekdays,.cut51-calendar{gap:4px}.cut51-day{min-height:70px;padding:6px}.cut51-tag{font-size:0;padding:4px}.cut51-tag svg{width:9px;height:9px}.cut51-adjustment-list{grid-template-columns:1fr}.cut51-legend{justify-content:flex-start}}


/* v21.0.52 · stable rest-day heart (does not depend on icon re-render timing) */
.pd-rest-heart-glyph{display:grid;place-items:center;width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:1;font-weight:400;color:currentColor;transform:translateY(-1px)}


/* v21.0.53 — Mi Corte: softer information hierarchy + stronger dark accents */
#cutView .cut51-calendar-card,
#cutView .cut51-summary-card,
#cutView .cut51-review-card,
#cutView .cut51-guide-card{padding:16px 17px}

#cutView .cut51-calendar-head,
#cutView .cut51-section-heading{margin-bottom:10px;gap:12px}
#cutView .cut51-calendar-head h2,
#cutView .cut51-section-heading h2{font-size:21px;line-height:1.08;letter-spacing:-.02em}
#cutView .cut51-calendar-head p,
#cutView .cut51-section-heading p{font-size:10.5px;line-height:1.45;max-width:560px}
#cutView .eyebrow{font-size:8px;letter-spacing:.16em}

/* Calendar: more airy, less boxed-in */
#cutView .cut51-calendar-layout{grid-template-columns:minmax(0,1.65fr) minmax(270px,.62fr);gap:12px}
#cutView .cut51-calendar-wrap{padding:11px;border-radius:20px}
#cutView .cut51-weekdays span{font-size:8px}
#cutView .cut51-day{min-height:88px;border-radius:15px;padding:9px;gap:5px}
#cutView .cut51-day-top strong{font-size:17px}
#cutView .cut51-day-top small{font-size:7.5px}
#cutView .cut51-tag{font-size:6.2px;padding:3px 6px}

/* Selected day: break information into readable groups */
#cutView .cut51-day-panel{padding:15px;border-radius:20px}
#cutView .cut51-panel-date h3{font-size:17px;margin:4px 0 10px}
#cutView .cut51-day-schedule{padding:9px 2px;font-size:8.5px}
#cutView .cut51-day-movements{display:grid;gap:6px;margin-top:8px}
#cutView .cut51-day-movements .cut-day-movement{padding:8px 9px!important;border:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,transparent)}

/* Review movements: avoid walls of tiny text */
#cutView .cut-adjustment-heading{padding:9px 10px;border-radius:13px}
#cutView .cut-adjustment-heading strong{font-size:8.5px}
#cutView .cut-adjustment-heading span{font-size:7px;line-height:1.35}
#cutView .cut51-adjustment-list{gap:8px}
#cutView .cut51-adjustment{min-height:68px;padding:10px;border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto}
#cutView .cut51-adjustment strong{font-size:8px;line-height:1.18}
#cutView .cut51-adjustment small,#cutView .cut51-adjustment em{font-size:6.5px}
#cutView .cut51-adjustment .status{font-size:6px;padding:4px 7px}

/* "Before confirming" becomes a visual guide instead of a text slab */
#cutView .cut-source-grid{gap:8px;margin:8px 0 10px}
#cutView .cut-source-grid>div{min-height:74px;padding:11px;border-radius:14px;align-content:start}
#cutView .cut-source-grid svg{width:18px;height:18px;margin-bottom:3px}
#cutView .cut-source-grid strong{font-size:8.5px}
#cutView .cut-source-grid span{font-size:6.7px;line-height:1.3}
#cutView .checklist{display:grid;gap:6px}
#cutView .check-row{min-height:42px;padding:8px 10px!important;border-radius:12px!important;font-size:8px;line-height:1.35}
#cutView .check-row svg{width:14px;height:14px;flex:0 0 14px}
#cutView .cut-disclaimer{display:grid!important;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:9px;padding:10px 11px!important;border-radius:13px!important}
#cutView .cut-disclaimer>svg{width:18px;height:18px;margin-top:1px}
#cutView .cut-disclaimer strong{font-size:9px;line-height:1.15}
#cutView .cut-disclaimer span{font-size:7.4px;line-height:1.45;margin-top:2px}
#cutView .cut-72h-note{padding:9px 10px;border-radius:12px}
#cutView .cut-72h-note strong{font-size:7.8px}
#cutView .cut-72h-note span{font-size:6.7px;line-height:1.35}
#cutView .cut-review-actions button{min-height:42px}

/* Dark/adaptive dark themes: raise separation and color visibility without neon overload */
body[data-mode="dark"] #cutView .cut51-calendar-card,
body[data-mode="dark"] #cutView .cut51-summary-card,
body[data-mode="dark"] #cutView .cut51-review-card,
body[data-mode="dark"] #cutView .cut51-guide-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 88%,var(--accent) 12%),color-mix(in srgb,var(--panel) 91%,var(--accent2) 9%));
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line));
  box-shadow:0 18px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)
}
body[data-mode="dark"] #cutView .cut51-calendar-wrap,
body[data-mode="dark"] #cutView .cut51-day-panel{
  background:color-mix(in srgb,var(--panel) 82%,var(--accent) 18%);
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line))
}
body[data-mode="dark"] #cutView .cut51-day{
  background:color-mix(in srgb,var(--panel) 90%,var(--accent2) 10%);
  border-color:color-mix(in srgb,var(--accent) 23%,var(--line))
}
body[data-mode="dark"] #cutView .cut51-day:hover{
  border-color:color-mix(in srgb,var(--accent) 56%,var(--line));
  box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 14%,transparent)
}
body[data-mode="dark"] #cutView .cut51-day.selected{
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 25%,var(--panel)),color-mix(in srgb,var(--accent2) 16%,var(--panel)));
  border-color:color-mix(in srgb,var(--accent) 72%,var(--line));
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),0 10px 26px color-mix(in srgb,var(--accent) 13%,transparent)
}
body[data-mode="dark"] #cutView .cut51-tag{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--panel) 75%,var(--accent) 25%);color:color-mix(in srgb,var(--text) 88%,var(--accent) 12%)}
body[data-mode="dark"] #cutView .cut51-tag.holiday{background:color-mix(in srgb,#d9a441 26%,var(--panel));color:#f4cf79;border-color:color-mix(in srgb,#d9a441 46%,var(--line))}
body[data-mode="dark"] #cutView .cut51-tag.pay{background:color-mix(in srgb,#63b995 25%,var(--panel));color:#8ee0b9;border-color:color-mix(in srgb,#63b995 44%,var(--line))}
body[data-mode="dark"] #cutView .cut51-tag.extpay{background:color-mix(in srgb,#7aa7e8 25%,var(--panel));color:#a9c9ff;border-color:color-mix(in srgb,#7aa7e8 44%,var(--line))}
body[data-mode="dark"] #cutView .cut51-tag.extension{background:color-mix(in srgb,var(--accent2) 27%,var(--panel));color:color-mix(in srgb,var(--accent) 55%,#fff 45%)}
body[data-mode="dark"] #cutView .cut51-legend .holiday{box-shadow:0 0 10px rgba(217,164,65,.35)}
body[data-mode="dark"] #cutView .cut51-legend .pay{box-shadow:0 0 10px rgba(99,185,149,.35)}
body[data-mode="dark"] #cutView .cut51-legend .ext{box-shadow:0 0 10px rgba(122,167,232,.35)}
body[data-mode="dark"] #cutView .cut51-legend .work{box-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,transparent)}
body[data-mode="dark"] #cutView .cut51-adjustment,
body[data-mode="dark"] #cutView .cut-source-grid>div,
body[data-mode="dark"] #cutView .check-row,
body[data-mode="dark"] #cutView .cut-72h-note{
  background:color-mix(in srgb,var(--panel) 83%,var(--accent) 17%);
  border-color:color-mix(in srgb,var(--accent) 27%,var(--line))
}
body[data-mode="dark"] #cutView .cut-source-grid svg,
body[data-mode="dark"] #cutView .check-row svg{color:color-mix(in srgb,var(--accent) 60%,#fff 40%)}

@media(max-width:1150px){
  #cutView .cut51-calendar-layout{grid-template-columns:1fr}
  #cutView .cut51-day-panel{margin-top:0}
}

/* =========================================================
   v21.0.54 · Mi Corte calm calendar + scalable movement lists
   ========================================================= */
/* The calendar is the quiet canvas. Only special payroll dates carry strong color. */
#cutView .cut51-calendar-card{padding:15px 16px}
#cutView .cut51-calendar-head h2{font-size:19px}
#cutView .cut51-calendar-head p{font-size:9.5px;max-width:520px}
#cutView .cut51-calendar-layout{grid-template-columns:minmax(0,1.72fr) minmax(250px,.58fr);gap:11px}
#cutView .cut51-calendar-wrap{
  padding:10px;
  background:color-mix(in srgb,var(--panel) 91%,transparent)!important;
  border-color:color-mix(in srgb,var(--line) 88%,var(--accent) 12%)!important;
}
#cutView .cut51-calendar{gap:5px}
#cutView .cut51-day{
  min-height:72px!important;
  padding:7px 8px!important;
  gap:4px!important;
  background:color-mix(in srgb,var(--panel) 94%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--line) 92%,var(--accent) 8%)!important;
  box-shadow:none!important;
}
#cutView .cut51-day:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;background:color-mix(in srgb,var(--panel) 91%,var(--accent-soft) 9%)!important}
#cutView .cut51-day.selected{
  background:color-mix(in srgb,var(--panel) 86%,var(--accent) 14%)!important;
  border-color:color-mix(in srgb,var(--accent) 48%,var(--line))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent)!important;
}
#cutView .cut51-day.outside-cut{opacity:.58}
#cutView .cut51-day-top strong{font-size:15px!important}
#cutView .cut51-day-top small{font-size:7px!important}
#cutView .cut51-day-tags{gap:3px!important}
#cutView .cut51-tag{font-size:5.8px!important;padding:2px 5px!important;background:color-mix(in srgb,var(--panel) 93%,var(--accent) 7%)!important;border-color:color-mix(in srgb,var(--line) 88%,var(--accent) 12%)!important;color:var(--muted)!important}
#cutView .cut51-tag.work,#cutView .cut51-tag.rest,#cutView .cut51-tag.incident{color:var(--muted)!important}
#cutView .cut51-tag.extension{background:color-mix(in srgb,var(--accent) 14%,var(--panel))!important;color:color-mix(in srgb,var(--accent) 76%,var(--text) 24%)!important;border-color:color-mix(in srgb,var(--accent) 30%,var(--line))!important}
/* Payroll dates are intentionally vivid and unique. */
#cutView .cut51-tag.holiday{background:color-mix(in srgb,#d8a33f 22%,var(--panel))!important;color:#a86d08!important;border-color:color-mix(in srgb,#d8a33f 58%,var(--line))!important}
#cutView .cut51-tag.pay{background:color-mix(in srgb,#55b989 21%,var(--panel))!important;color:#287b59!important;border-color:color-mix(in srgb,#55b989 56%,var(--line))!important}
#cutView .cut51-tag.extpay{background:color-mix(in srgb,#6e9fe8 22%,var(--panel))!important;color:#386fbf!important;border-color:color-mix(in srgb,#6e9fe8 58%,var(--line))!important}
#cutView .cut51-day.is-holiday{border-color:color-mix(in srgb,#d8a33f 42%,var(--line))!important}
#cutView .cut51-day.is-pay{border-color:color-mix(in srgb,#55b989 42%,var(--line))!important}
#cutView .cut51-day.is-extpay{border-color:color-mix(in srgb,#6e9fe8 42%,var(--line))!important}

/* Selected-day panel scales to 1 or 20 movements without growing the whole page. */
#cutView .cut51-day-panel{padding:13px!important;min-height:0!important;align-self:start}
#cutView .cut51-panel-date h3{font-size:15px!important;margin:3px 0 7px!important}
#cutView .cut51-panel-date>span{font-size:7px!important}
#cutView .cut51-day-schedule{padding:7px 1px!important;font-size:7.6px!important}
#cutView .cut51-day-movement-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:7px 1px 5px;color:var(--muted)}
#cutView .cut51-day-movement-head span{font-size:7.5px;font-weight:800;color:var(--text)}
#cutView .cut51-day-movement-head small{font-size:6.3px}
#cutView .cut51-day-movements{
  display:grid!important;
  gap:4px!important;
  max-height:286px;
  overflow:auto;
  overscroll-behavior:contain;
  padding-right:3px;
  scrollbar-width:thin;
}
#cutView .cut51-day-movements .cut-day-movement{
  min-height:42px!important;
  padding:6px 7px!important;
  border-radius:10px!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:6px!important;
}
#cutView .cut-day-movement .status{font-size:5.8px!important;padding:3px 6px!important;white-space:nowrap}
#cutView .cut-day-movement strong{font-size:7.2px!important;line-height:1.15!important}
#cutView .cut-copy-folio{font-size:5.8px!important;line-height:1.2!important;margin-top:1px!important}
#cutView .cut-movement-meta{gap:2px!important;margin-top:3px!important}
#cutView .cut-movement-meta span{font-size:5.7px!important;line-height:1.25!important}
#cutView .cut-day-movement>b{font-size:6.8px!important;white-space:nowrap}

/* Review list: compact rows + its own scroll instead of a page-height wall. */
#cutView .cut51-review-card{padding:14px 15px!important}
#cutView .cut51-section-heading h2{font-size:18px!important}
#cutView .cut51-section-heading p{font-size:9px!important;line-height:1.4!important}
#cutView .cut-adjustment-heading{padding:7px 9px!important;margin-bottom:6px}
#cutView .cut-adjustment-heading strong{font-size:7.8px!important}
#cutView .cut-adjustment-heading span{font-size:6.3px!important}
#cutView .cut51-adjustment-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  max-height:330px;
  overflow:auto;
  overscroll-behavior:contain;
  padding-right:3px;
  scrollbar-width:thin;
}
#cutView .cut51-adjustment{
  min-height:46px!important;
  padding:6px 8px!important;
  border-radius:11px!important;
  grid-template-columns:26px minmax(0,1fr) auto auto!important;
  gap:6px!important;
}
#cutView .cut-adjustment-icon{width:26px!important;height:26px!important;border-radius:9px!important}
#cutView .cut-adjustment-icon svg{width:12px!important;height:12px!important}
#cutView .cut51-adjustment strong{font-size:7.1px!important;line-height:1.15!important}
#cutView .cut51-adjustment small,#cutView .cut51-adjustment em{font-size:5.8px!important}
#cutView .cut51-adjustment .status{grid-column:3!important;grid-row:1!important;font-size:5.6px!important;padding:3px 6px!important}
#cutView .cut51-adjustment>b{grid-column:4!important;grid-row:1!important;font-size:6.5px!important;white-space:nowrap}

/* Before-confirming copy is supportive, not the visual protagonist. */
#cutView .cut51-guide-card{padding:14px 15px!important}
#cutView .cut-source-grid>div{min-height:62px!important;padding:9px!important}
#cutView .cut-source-grid strong{font-size:7.8px!important}
#cutView .cut-source-grid span{font-size:6.1px!important}
#cutView .check-row{min-height:34px!important;padding:6px 8px!important;font-size:7px!important}
#cutView .cut-disclaimer{padding:8px 9px!important}
#cutView .cut-disclaimer strong{font-size:8px!important}
#cutView .cut-disclaimer span{font-size:6.5px!important}
#cutView .cut-72h-note{padding:7px 9px!important}

/* Dark mode: keep neutral glass; special dates alone get vivid payroll colors. */
body[data-mode="dark"] #cutView .cut51-calendar-card,
body[data-mode="dark"] #cutView .cut51-summary-card,
body[data-mode="dark"] #cutView .cut51-review-card,
body[data-mode="dark"] #cutView .cut51-guide-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 95%,var(--accent) 5%),color-mix(in srgb,var(--panel) 97%,var(--accent2) 3%))!important;
  border-color:color-mix(in srgb,var(--line) 84%,var(--accent) 16%)!important;
}
body[data-mode="dark"] #cutView .cut51-calendar-wrap,
body[data-mode="dark"] #cutView .cut51-day-panel{
  background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%)!important;
  border-color:color-mix(in srgb,var(--line) 82%,var(--accent) 18%)!important;
}
body[data-mode="dark"] #cutView .cut51-day{
  background:color-mix(in srgb,var(--panel) 96%,var(--accent2) 4%)!important;
  border-color:color-mix(in srgb,var(--line) 88%,var(--accent) 12%)!important;
}
body[data-mode="dark"] #cutView .cut51-day.selected{
  background:color-mix(in srgb,var(--panel) 84%,var(--accent) 16%)!important;
  border-color:color-mix(in srgb,var(--accent) 50%,var(--line))!important;
}
body[data-mode="dark"] #cutView .cut51-tag{background:color-mix(in srgb,var(--panel) 94%,var(--accent) 6%)!important;border-color:color-mix(in srgb,var(--line) 84%,var(--accent) 16%)!important;color:color-mix(in srgb,var(--muted) 90%,#fff 10%)!important}
body[data-mode="dark"] #cutView .cut51-tag.holiday{background:rgba(216,163,63,.18)!important;color:#ffd57e!important;border-color:rgba(216,163,63,.58)!important;box-shadow:0 0 12px rgba(216,163,63,.12)}
body[data-mode="dark"] #cutView .cut51-tag.pay{background:rgba(85,185,137,.17)!important;color:#9ce7c1!important;border-color:rgba(85,185,137,.56)!important;box-shadow:0 0 12px rgba(85,185,137,.1)}
body[data-mode="dark"] #cutView .cut51-tag.extpay{background:rgba(110,159,232,.18)!important;color:#b8d3ff!important;border-color:rgba(110,159,232,.58)!important;box-shadow:0 0 12px rgba(110,159,232,.11)}
body[data-mode="dark"] #cutView .cut51-day.is-holiday{border-color:rgba(216,163,63,.46)!important}
body[data-mode="dark"] #cutView .cut51-day.is-pay{border-color:rgba(85,185,137,.44)!important}
body[data-mode="dark"] #cutView .cut51-day.is-extpay{border-color:rgba(110,159,232,.48)!important}
body[data-mode="dark"] #cutView .cut51-adjustment,
body[data-mode="dark"] #cutView .cut51-day-movements .cut-day-movement,
body[data-mode="dark"] #cutView .cut-source-grid>div,
body[data-mode="dark"] #cutView .check-row{
  background:color-mix(in srgb,var(--panel) 95%,var(--accent) 5%)!important;
  border-color:color-mix(in srgb,var(--line) 84%,var(--accent) 16%)!important;
}

/* Horario rest day: a calm moon/stars icon, no heart. */
.pd-rest-heart-icon .pd-rest-sleep-svg{width:20px;height:20px;display:block;color:currentColor}
.pd-rest-heart-glyph{display:none!important}

@media(max-width:1150px){
  #cutView .cut51-calendar-layout{grid-template-columns:1fr!important}
  #cutView .cut51-day-movements{max-height:240px}
  #cutView .cut51-adjustment-list{max-height:300px}
}
/* v21.0.56 — stable inline icon for Total del corte */
.cut-total-clock-check{width:22px;height:22px;display:block;color:currentColor}

/* ===== PulseDesk v21.0.57 · compact day-detail movement rows ===== */
#cutView .cut51-day-movements .cut-day-movement{
  min-height:34px!important;
  padding:5px 7px!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  column-gap:7px!important;
  row-gap:2px!important;
  align-items:center!important;
}
#cutView .cut51-day-movements .cut-day-movement>div{
  display:grid!important;
  grid-template-columns:minmax(0,max-content) minmax(0,1fr)!important;
  align-items:center!important;
  gap:1px 6px!important;
  min-width:0;
}
#cutView .cut51-day-movements .cut-day-movement>div>strong{
  grid-column:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#cutView .cut51-day-movements .cut-copy-folio{
  grid-column:2;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  justify-self:start;
}
#cutView .cut51-day-movements .cut-movement-meta{
  grid-column:1 / -1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:2px 9px!important;
  margin-top:1px!important;
}
#cutView .cut51-day-movements .cut-movement-meta span{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  white-space:nowrap;
}
#cutView .cut51-day-movements .cut-movement-meta svg{
  width:9px!important;
  height:9px!important;
  flex:0 0 auto;
}
#cutView .cut51-day-movements .cut-schedule-extension{
  border-left:2px solid color-mix(in srgb,var(--accent) 62%,transparent)!important;
}
#cutView .cut51-day-movements .cut-schedule-extension .status{align-self:center}
#cutView .cut51-day-movements .cut-schedule-extension>b{align-self:center}
@media(max-width:760px){
  #cutView .cut51-day-movements .cut-day-movement{grid-template-columns:auto minmax(0,1fr) auto!important}
  #cutView .cut51-day-movements .cut-movement-meta span:last-child{white-space:normal}
}

/* ===== PulseDesk v21.0.58 · readable final-status rows ===== */
/* Long states such as “Cerrada definitivamente” get their own compact,
   two-line chip instead of squeezing the movement name and folio. */
#cutView .cut51-day-movements .cut-day-movement>.status{
  width:72px!important;
  max-width:72px!important;
  min-width:72px!important;
  box-sizing:border-box!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.08!important;
  padding:4px 5px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#cutView .cut51-day-movements .cut-day-movement>div{
  grid-template-columns:minmax(0,1fr)!important;
  gap:2px!important;
}
#cutView .cut51-day-movements .cut-day-movement>div>strong{
  grid-column:1!important;
  grid-row:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#cutView .cut51-day-movements .cut-copy-folio{
  grid-column:1!important;
  grid-row:2!important;
  max-width:100%!important;
  font-size:5.6px!important;
}
#cutView .cut51-day-movements .cut-movement-meta{
  grid-column:1!important;
  grid-row:3!important;
}
#cutView .cut51-day-movements .cut-day-movement>b{
  min-width:30px!important;
  text-align:right!important;
}
@media(max-width:760px){
  #cutView .cut51-day-movements .cut-day-movement>.status{
    width:68px!important;max-width:68px!important;min-width:68px!important;
  }
}

/* ===== PulseDesk v21.0.59 · Calm / compact Activity ===== */
/* Visual redistribution only: keeps the current Activity calculations and data model intact. */
#adherenceView{--activity-gap:10px}
#adherenceView .activity-hero{align-items:center!important;margin-bottom:10px!important;gap:14px!important}
#adherenceView .activity-hero h1{font-size:27px!important;margin:2px 0 4px!important}
#adherenceView .activity-hero p{font-size:11px!important;line-height:1.42!important;max-width:620px!important}
#adherenceView .activity-period-pills{padding:4px!important;border-radius:13px!important;flex:0 0 auto}
#adherenceView .activity-period-pills button{padding:7px 10px!important;font-size:7px!important;min-height:30px}

/* Informative copy stays visible, but no longer becomes the protagonist. */
#adherenceView .activity-disclaimer{margin:0 0 9px!important;padding:9px 11px!important;border-radius:14px!important;gap:9px!important}
#adherenceView .activity-disclaimer>svg{width:17px!important;height:17px!important;margin-top:1px}
#adherenceView .activity-disclaimer strong{font-size:9px!important}
#adherenceView .activity-disclaimer span{font-size:7.4px!important;line-height:1.4!important;margin-top:1px!important}
#adherenceView .activity-period-caption{margin:0 0 9px 2px!important;padding:0!important;min-height:20px!important}
#adherenceView .activity-period-caption svg{width:12px!important;height:12px!important}
#adherenceView .activity-period-caption span,#adherenceView .activity-period-caption strong{font-size:7.2px!important}

/* The two scores remain visual anchors, just not billboard-sized. */
#adherenceView .activity-score-grid{gap:10px!important;margin-bottom:10px!important}
#adherenceView .activity-score-card{padding:12px 13px!important;border-radius:17px!important;min-height:0!important;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 5%,transparent)!important}
#adherenceView .activity-score-top{font-size:7px!important}
#adherenceView .activity-score-top svg{width:12px!important;height:12px!important}
#adherenceView .metric-donut-row{grid-template-columns:104px minmax(0,1fr)!important;gap:12px!important;margin-top:7px!important}
#adherenceView .metric-donut{width:96px!important}
#adherenceView .metric-donut-center strong{font-size:18px!important;letter-spacing:-.5px!important}
#adherenceView .metric-donut-center span{font-size:6px!important}
#adherenceView .metric-breakdown{gap:6px!important}
#adherenceView .metric-breakdown-chip{min-height:42px!important;padding:7px 8px!important;border-radius:11px!important}
#adherenceView .metric-breakdown-chip span{font-size:6.2px!important}
#adherenceView .metric-breakdown-chip strong{font-size:10px!important;margin-top:2px!important}
#adherenceView .metric-breakdown-chip small{font-size:5.8px!important}
#adherenceView .activity-score-card>p{margin-top:6px!important;font-size:6.5px!important;line-height:1.35!important}

/* Four period metrics become a slim scan row. */
#adherenceView .activity-metrics{gap:8px!important;margin:0 0 10px!important}
#adherenceView .activity-metrics .metric-card{min-height:64px!important;padding:10px 12px!important;border-radius:15px!important}
#adherenceView .activity-metrics .metric-card:after{width:54px!important;height:54px!important;right:-22px!important;top:-22px!important}
#adherenceView .activity-metrics .metric-card small{font-size:6.4px!important;margin-bottom:3px!important}
#adherenceView .activity-metrics .metric-card strong{font-size:18px!important;line-height:1.05!important}
#adherenceView .activity-metrics .metric-card span{font-size:6.5px!important;margin-top:3px!important;line-height:1.25!important}

/* Schedule adjustments collapse gracefully when there is nothing to review. */
#adherenceView .activity-adjustments-card{margin:0 0 10px!important;padding:11px 13px!important;border-radius:17px!important}
#adherenceView .activity-adjustments-card .section-title{margin-bottom:7px!important}
#adherenceView .activity-adjustments-card .section-title .eyebrow{font-size:6px!important;margin-bottom:2px!important}
#adherenceView .activity-adjustments-card .section-title h2{font-size:15px!important}
#adherenceView .activity-adjustment-total{font-size:6px!important;padding:4px 7px!important}
#adherenceView #activityAdjustments{gap:6px!important}
#adherenceView #activityAdjustments>.empty-state{min-height:0!important;padding:7px 9px!important;border-radius:11px!important;display:flex!important;justify-content:flex-start!important;text-align:left!important}
#adherenceView #activityAdjustments>.empty-state>div{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:0!important;align-items:center!important;justify-items:start!important;width:100%}
#adherenceView #activityAdjustments>.empty-state svg{grid-row:1 / 3!important;width:17px!important;height:17px!important}
#adherenceView #activityAdjustments>.empty-state strong{font-size:8px!important}
#adherenceView #activityAdjustments>.empty-state p{font-size:6.5px!important;margin:0!important}
#adherenceView .activity-adjustment{padding:7px 9px!important;border-radius:11px!important;gap:7px!important}
#adherenceView .activity-adjustment>svg{width:13px!important;height:13px!important}
#adherenceView .activity-adjustment strong{font-size:7.5px!important}
#adherenceView .activity-adjustment span{font-size:6.5px!important}

/* Main workspace: one calm timeline + one compact impact rail. */
#adherenceView .activity-layout{grid-template-columns:minmax(0,1.55fr) minmax(235px,.75fr)!important;gap:10px!important;margin-bottom:10px!important;align-items:start!important}
#adherenceView .activity-layout>.section-card{margin:0!important;padding:12px 13px!important;border-radius:17px!important;min-width:0!important}
#adherenceView .activity-layout .section-title{margin-bottom:8px!important}
#adherenceView .activity-layout .section-title .eyebrow{font-size:6px!important;margin-bottom:2px!important}
#adherenceView .activity-layout .section-title h2{font-size:17px!important;line-height:1.05!important}
#adherenceView .activity-live-badge{font-size:6px!important;padding:4px 7px!important}
#adherenceView #activityTimeline,#adherenceView #activityImpact{gap:6px!important;max-height:260px!important;overflow:auto!important;padding-right:3px!important;scrollbar-width:thin}
#adherenceView .activity-event{grid-template-columns:28px minmax(0,1fr)!important;gap:8px!important;padding:7px 8px!important;border-radius:11px!important}
#adherenceView .activity-event-icon{width:28px!important;height:28px!important;border-radius:9px!important}
#adherenceView .activity-event-icon svg{width:13px!important;height:13px!important}
#adherenceView .activity-event small,#adherenceView .activity-event span{font-size:6.5px!important}
#adherenceView .activity-event strong{font-size:8px!important}
#adherenceView .activity-event em{font-size:6px!important}
#adherenceView .activity-impact-row{padding:8px!important;border-radius:11px!important;gap:7px!important}
#adherenceView .activity-impact-row>svg{width:13px!important;height:13px!important;flex-basis:13px!important}
#adherenceView .activity-impact-row strong{font-size:7.5px!important}
#adherenceView .activity-impact-row span{font-size:6.4px!important;line-height:1.35!important}
#adherenceView #activityTimeline>.empty-state{min-height:120px!important;padding:14px!important}

/* Day detail is useful, but should feel like a compact ledger rather than another page. */
#adherenceView>section.section-card:last-child{margin:0!important;padding:12px 13px!important;border-radius:17px!important}
#adherenceView>section.section-card:last-child .section-title{margin-bottom:5px!important}
#adherenceView>section.section-card:last-child .section-title .eyebrow{font-size:6px!important;margin-bottom:2px!important}
#adherenceView>section.section-card:last-child .section-title h2{font-size:17px!important}
#adherenceView #adherenceDays{display:grid!important;gap:5px!important;max-height:260px!important;overflow:auto!important;padding-right:3px!important;scrollbar-width:thin}
#adherenceView .adh-day{padding:8px 9px!important;border:1px solid color-mix(in srgb,var(--line) 90%,var(--accent) 10%)!important;border-radius:11px!important;background:color-mix(in srgb,var(--panel) 97%,var(--accent) 3%)!important}
#adherenceView .adh-day .day-head strong{font-size:8px!important}
#adherenceView .adh-day .day-head span{font-size:6.7px!important}
#adherenceView .adh-bar{margin-top:6px!important;height:5px!important}
#adherenceView .day-tags{gap:4px!important;margin-top:6px!important}
#adherenceView .mini-tag{font-size:6px!important;padding:4px 6px!important}

body[data-mode="dark"] #adherenceView .adh-day{background:color-mix(in srgb,var(--panel) 95%,var(--accent) 5%)!important}

@media(max-width:1050px){
 #adherenceView .activity-layout{grid-template-columns:1fr!important}
 #adherenceView #activityTimeline,#adherenceView #activityImpact{max-height:240px!important}
}
@media(max-width:720px){
 #adherenceView .activity-hero{align-items:flex-start!important;flex-direction:column!important}
 #adherenceView .activity-period-pills{width:100%!important}
 #adherenceView .activity-period-pills button{flex:1!important}
 #adherenceView .activity-score-grid{grid-template-columns:1fr!important}
 #adherenceView .metric-donut-row{grid-template-columns:86px minmax(0,1fr)!important}
 #adherenceView .metric-donut{width:80px!important}
 #adherenceView .activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
 #adherenceView .activity-metrics{grid-template-columns:1fr!important}
 #adherenceView .metric-donut-row{grid-template-columns:1fr!important}
 #adherenceView .metric-donut{margin:auto!important}
}

/* =========================================================
   v21.0.60 · Activity — Mi Corte visual language
   Calm neutral glass, compact hierarchy, accent only for focus
   ========================================================= */
#adherenceView{
  --activity-surface:color-mix(in srgb,var(--panel) 96%,transparent);
  --activity-surface-soft:color-mix(in srgb,var(--panel) 92%,var(--accent) 8%);
  --activity-border:color-mix(in srgb,var(--line) 86%,var(--accent) 14%);
}

/* Hero / period control: same calm hierarchy as Mi Corte */
#adherenceView .activity-hero{
  padding:0!important;
  margin-bottom:11px!important;
}
#adherenceView .activity-hero .eyebrow{font-size:8px!important;letter-spacing:.16em!important}
#adherenceView .activity-hero h1{font-size:29px!important;letter-spacing:-.025em!important}
#adherenceView .activity-hero p{font-size:10.5px!important;max-width:650px!important;color:var(--muted)!important}
#adherenceView .activity-period-pills{
  min-width:190px;
  padding:5px!important;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--panel) 88%,var(--accent) 12%)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 7%,transparent)!important;
}
#adherenceView .activity-period-pills button{
  min-height:32px!important;
  border-radius:11px!important;
  color:var(--muted)!important;
}
#adherenceView .activity-period-pills button.active{
  background:color-mix(in srgb,var(--panel) 76%,var(--accent) 24%)!important;
  color:var(--ink)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)!important;
}

/* Informative note: present, but not the protagonist */
#adherenceView .activity-disclaimer{
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 95%,var(--accent2) 5%),color-mix(in srgb,var(--panel) 94%,var(--accent) 6%))!important;
  border-color:var(--activity-border)!important;
  box-shadow:none!important;
}
#adherenceView .activity-period-caption{
  width:max-content;
  max-width:100%;
  padding:5px 8px!important;
  border:1px solid var(--activity-border)!important;
  border-radius:999px!important;
  background:var(--activity-surface)!important;
}

/* Main scores: neutral glass cards like Mi Corte, not purple blocks */
#adherenceView .activity-score-grid{gap:11px!important}
#adherenceView .activity-score-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,var(--accent) 3%),color-mix(in srgb,var(--panel) 98%,var(--accent2) 2%))!important;
  border:1px solid var(--activity-border)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.045)!important;
  border-radius:20px!important;
  padding:13px 14px!important;
}
#adherenceView .activity-score-top{
  padding-bottom:7px!important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 91%,var(--accent) 9%)!important;
}
#adherenceView .activity-score-top span{font-size:7.6px!important}
#adherenceView .activity-score-top small{font-size:6px!important}
#adherenceView .metric-donut-row{grid-template-columns:92px minmax(0,1fr)!important;gap:14px!important;margin-top:9px!important}
#adherenceView .metric-donut{
  width:88px!important;
  background:conic-gradient(var(--accent) 0 var(--metric-progress),color-mix(in srgb,var(--line) 82%,var(--accent) 18%) var(--metric-progress) 100%)!important;
  box-shadow:none!important;
}
#adherenceView .metric-donut:after{
  width:72%!important;
  background:color-mix(in srgb,var(--panel) 99%,transparent)!important;
  border-color:color-mix(in srgb,var(--line) 92%,var(--accent) 8%)!important;
  box-shadow:none!important;
}
#adherenceView .metric-donut-center strong{font-size:17px!important}
#adherenceView .metric-breakdown{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
#adherenceView .metric-breakdown-chip{
  min-height:44px!important;
  padding:8px 9px!important;
  background:var(--activity-surface)!important;
  border:1px solid color-mix(in srgb,var(--line) 90%,var(--accent) 10%)!important;
  box-shadow:none!important;
}
#adherenceView .activity-score-card>p{
  padding-top:7px!important;
  border-top:1px solid color-mix(in srgb,var(--line) 93%,var(--accent) 7%)!important;
  color:var(--muted)!important;
}

/* Four status metrics behave like Mi Corte's Resumen de horas */
#adherenceView .activity-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  overflow:hidden!important;
  padding:0!important;
  border:1px solid var(--activity-border)!important;
  border-radius:18px!important;
  background:var(--activity-surface)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.035)!important;
}
#adherenceView .activity-metrics .metric-card{
  min-height:72px!important;
  padding:11px 13px!important;
  border:0!important;
  border-right:1px solid color-mix(in srgb,var(--line) 91%,var(--accent) 9%)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#adherenceView .activity-metrics .metric-card:last-child{border-right:0!important}
#adherenceView .activity-metrics .metric-card:after{display:none!important}
#adherenceView .activity-metrics .metric-card small{font-size:6.7px!important;letter-spacing:.01em!important}
#adherenceView .activity-metrics .metric-card strong{font-size:18px!important;margin-top:2px!important}
#adherenceView .activity-metrics .metric-card span{font-size:6.3px!important;color:var(--muted)!important}

/* Adjustments: slim contextual strip, exactly like a quiet Mi Corte section */
#adherenceView .activity-adjustments-card,
#adherenceView .activity-layout>.section-card,
#adherenceView>section.section-card:last-child{
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,var(--accent) 3%),color-mix(in srgb,var(--panel) 98%,var(--accent2) 2%))!important;
  border:1px solid var(--activity-border)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.04)!important;
}
#adherenceView .activity-adjustments-card{padding:12px 14px!important;border-radius:19px!important}
#adherenceView .activity-adjustment-total,
#adherenceView .activity-live-badge{
  background:color-mix(in srgb,var(--panel) 88%,var(--accent) 12%)!important;
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))!important;
  color:color-mix(in srgb,var(--accent) 72%,var(--ink) 28%)!important;
}
#adherenceView #activityAdjustments>.empty-state{
  background:transparent!important;
  border:0!important;
  padding:6px 3px!important;
}

/* Main activity workspace: same airy split used by Mi Corte */
#adherenceView .activity-layout{
  grid-template-columns:minmax(0,1.7fr) minmax(250px,.62fr)!important;
  gap:11px!important;
}
#adherenceView .activity-layout>.section-card{padding:14px 15px!important;border-radius:20px!important}
#adherenceView .activity-layout .section-title h2,
#adherenceView>section.section-card:last-child .section-title h2{font-size:18px!important;letter-spacing:-.015em!important}
#adherenceView .activity-layout .section-title .eyebrow,
#adherenceView>section.section-card:last-child .section-title .eyebrow{font-size:7px!important;letter-spacing:.14em!important}
#adherenceView .activity-event,
#adherenceView .activity-impact-row,
#adherenceView .adh-day{
  background:color-mix(in srgb,var(--panel) 95%,var(--accent) 5%)!important;
  border-color:color-mix(in srgb,var(--line) 87%,var(--accent) 13%)!important;
  box-shadow:none!important;
}
#adherenceView .activity-event:hover,
#adherenceView .adh-day:hover{
  background:color-mix(in srgb,var(--panel) 91%,var(--accent) 9%)!important;
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line))!important;
}
#adherenceView .activity-event-icon{
  background:color-mix(in srgb,var(--panel) 82%,var(--accent) 18%)!important;
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))!important;
}

/* Period detail: compact, clean, scroll-safe */
#adherenceView>section.section-card:last-child{padding:14px 15px!important;border-radius:20px!important}
#adherenceView #adherenceDays{max-height:235px!important}
#adherenceView .adh-bar{background:color-mix(in srgb,var(--line) 84%,var(--accent) 16%)!important}

/* Dark themes follow Mi Corte: neutral surfaces, accent reserved for focus */
body[data-mode="dark"] #adherenceView .activity-score-card,
body[data-mode="dark"] #adherenceView .activity-adjustments-card,
body[data-mode="dark"] #adherenceView .activity-layout>.section-card,
body[data-mode="dark"] #adherenceView>section.section-card:last-child,
body[data-mode="dark"] #adherenceView .activity-metrics{
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 95%,var(--accent) 5%),color-mix(in srgb,var(--panel) 97%,var(--accent2) 3%))!important;
  border-color:color-mix(in srgb,var(--line) 84%,var(--accent) 16%)!important;
}
body[data-mode="dark"] #adherenceView .metric-breakdown-chip,
body[data-mode="dark"] #adherenceView .activity-event,
body[data-mode="dark"] #adherenceView .activity-impact-row,
body[data-mode="dark"] #adherenceView .adh-day{
  background:color-mix(in srgb,var(--panel) 95%,var(--accent) 5%)!important;
  border-color:color-mix(in srgb,var(--line) 84%,var(--accent) 16%)!important;
}
body[data-mode="dark"] #adherenceView .metric-donut:after{background:color-mix(in srgb,var(--panel) 98%,var(--accent) 2%)!important}

@media(max-width:1100px){
  #adherenceView .activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #adherenceView .activity-metrics .metric-card:nth-child(2){border-right:0!important}
  #adherenceView .activity-metrics .metric-card:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--line) 91%,var(--accent) 9%)!important}
}
@media(max-width:760px){
  #adherenceView .activity-hero{align-items:flex-start!important;flex-direction:column!important}
  #adherenceView .activity-period-pills{width:100%!important}
  #adherenceView .activity-layout{grid-template-columns:1fr!important}
  #adherenceView .activity-score-grid{grid-template-columns:1fr!important}
}
@media(max-width:520px){
  #adherenceView .activity-metrics{grid-template-columns:1fr!important}
  #adherenceView .activity-metrics .metric-card{border-right:0!important;border-bottom:1px solid color-mix(in srgb,var(--line) 91%,var(--accent) 9%)!important}
  #adherenceView .activity-metrics .metric-card:last-child{border-bottom:0!important}
  #adherenceView .metric-donut-row{grid-template-columns:80px minmax(0,1fr)!important}
  #adherenceView .metric-donut{width:76px!important}
}

/* ==========================================================
   v21.0.61 · Activity — structural Mi Corte composition
   Keep Daniel's circular Adherence / Conformance visuals.
   ========================================================== */
#adherenceView .activity-summary-shell{
  padding:16px 18px 17px!important;
  margin:0 0 12px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,var(--accent2) 3%),color-mix(in srgb,var(--panel) 96%,var(--accent) 4%))!important;
}
#adherenceView .activity-summary-title{margin-bottom:12px!important}
#adherenceView .activity-summary-title>small,
#adherenceView .activity-days-card>.section-title>small{font-size:7px;color:var(--muted);max-width:260px;text-align:right;line-height:1.35}
#adherenceView .activity-summary-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;align-items:stretch}
#adherenceView .activity-summary-body .activity-score-grid{margin:0!important;gap:9px!important}
#adherenceView .activity-summary-body .activity-score-card{
  box-shadow:none!important;
  border-radius:15px!important;
  padding:11px 12px!important;
  background:color-mix(in srgb,var(--panel) 96%,var(--accent) 4%)!important;
}
#adherenceView .activity-summary-body .metric-donut-row{min-height:104px!important;gap:10px!important}
#adherenceView .activity-summary-body .metric-donut{width:92px!important;height:92px!important;flex:0 0 92px!important}
#adherenceView .activity-summary-body .metric-donut:before{inset:9px!important}
#adherenceView .activity-summary-body .metric-donut-center strong{font-size:18px!important}
#adherenceView .activity-summary-body .metric-donut-center span{font-size:5.8px!important}
#adherenceView .activity-summary-body .activity-score-card>p{padding-top:6px!important;margin-top:5px!important;font-size:6.2px!important;line-height:1.3!important}
#adherenceView .activity-summary-body .activity-metrics{
  margin:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-content:stretch!important;
  border-radius:15px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--line) 90%,var(--accent) 10%)!important;
  background:color-mix(in srgb,var(--panel) 97%,var(--accent2) 3%)!important;
}
#adherenceView .activity-summary-body .activity-metrics .metric-card{
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  padding:12px 13px!important;
  background:transparent!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
}
#adherenceView .activity-summary-body .activity-metrics .metric-card:nth-child(odd){border-right:1px solid var(--line)!important}
#adherenceView .activity-summary-body .activity-metrics .metric-card:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
#adherenceView .activity-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.72fr);gap:12px;margin-bottom:12px;align-items:stretch}
#adherenceView .activity-period-story,#adherenceView .activity-impact-card,#adherenceView .activity-adjustments-card,#adherenceView .activity-days-card{
  border-radius:20px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 97%,var(--accent2) 3%),color-mix(in srgb,var(--panel) 97%,var(--accent) 3%))!important
}
#adherenceView .activity-period-story{margin:0!important;min-height:205px!important}
#adherenceView .activity-side-stack{display:grid;grid-template-rows:auto auto;gap:12px;align-content:start}
#adherenceView .activity-impact-card,#adherenceView .activity-adjustments-card{margin:0!important;padding:14px!important}
#adherenceView .activity-impact-card .section-title,#adherenceView .activity-adjustments-card .section-title{margin-bottom:9px!important}
#adherenceView .activity-impact-card h2,#adherenceView .activity-adjustments-card h2{font-size:15px!important}
#adherenceView .activity-adjustments-card #activityAdjustments .empty-state{min-height:42px!important;padding:6px 4px!important}
#adherenceView .activity-adjustments-card #activityAdjustments .empty-state svg{width:16px!important}
#adherenceView .activity-adjustments-card #activityAdjustments .empty-state strong{font-size:7px!important}
#adherenceView .activity-adjustments-card #activityAdjustments .empty-state p{font-size:6.2px!important}
#adherenceView .activity-days-card{margin:0!important;padding:15px 17px!important}
#adherenceView .activity-days-card .section-title{margin-bottom:9px!important}
#adherenceView #adherenceDays{max-height:245px;overflow:auto;padding-right:3px}
body[data-mode="dark"] #adherenceView .activity-summary-shell,
body[data-mode="dark"] #adherenceView .activity-period-story,
body[data-mode="dark"] #adherenceView .activity-impact-card,
body[data-mode="dark"] #adherenceView .activity-adjustments-card,
body[data-mode="dark"] #adherenceView .activity-days-card{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 96%,var(--accent2) 4%),color-mix(in srgb,var(--panel) 95%,var(--accent) 5%))!important}
@media(max-width:1050px){
 #adherenceView .activity-summary-body{grid-template-columns:1fr}
 #adherenceView .activity-workspace{grid-template-columns:1fr}
 #adherenceView .activity-side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}
}
@media(max-width:700px){
 #adherenceView .activity-summary-body .activity-score-grid{grid-template-columns:1fr!important}
 #adherenceView .activity-side-stack{grid-template-columns:1fr}
 #adherenceView .activity-summary-body .activity-metrics{grid-template-columns:1fr 1fr!important}
 #adherenceView .activity-summary-title>small,#adherenceView .activity-days-card>.section-title>small{display:none}
}

/* ==========================================================
   v21.0.62 · Activity — balanced summary + scrollable detail
   Daniel's circular Adherence / Conformance remain intact.
   ========================================================== */
#adherenceView .activity-summary-body-v62{
  display:block!important;
}
#adherenceView .activity-summary-body-v62 .activity-score-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 12px!important;
}
#adherenceView .activity-summary-body-v62 .activity-score-card{
  min-width:0!important;
  padding:13px 15px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
#adherenceView .activity-summary-body-v62 .metric-donut-row{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  min-height:122px!important;
  gap:16px!important;
  align-items:center!important;
}
#adherenceView .activity-summary-body-v62 .metric-donut{
  width:112px!important;height:112px!important;flex:0 0 112px!important;
}
#adherenceView .activity-summary-body-v62 .metric-donut:before{inset:11px!important}
#adherenceView .activity-summary-body-v62 .metric-donut-center strong{font-size:21px!important}
#adherenceView .activity-summary-body-v62 .metric-breakdown{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  min-width:0!important;
}
#adherenceView .activity-summary-body-v62 .metric-breakdown-chip{
  min-width:0!important;
  min-height:54px!important;
  padding:8px 10px!important;
  overflow:hidden!important;
}
#adherenceView .activity-summary-body-v62 .metric-breakdown-chip span,
#adherenceView .activity-summary-body-v62 .metric-breakdown-chip small,
#adherenceView .activity-summary-body-v62 .metric-breakdown-chip strong{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
#adherenceView .activity-summary-body-v62 .metric-breakdown-chip strong{
  font-size:12px!important;
  line-height:1.12!important;
}
#adherenceView .activity-summary-body-v62 .activity-score-card>p{
  margin-top:8px!important;padding-top:8px!important;font-size:7px!important;line-height:1.38!important;
}
#adherenceView .activity-summary-body-v62 .activity-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin:0!important;
  border-radius:15px!important;
  overflow:hidden!important;
}
#adherenceView .activity-summary-body-v62 .activity-metrics .metric-card{
  min-width:0!important;
  min-height:78px!important;
  padding:11px 13px!important;
  border:0!important;
  border-right:1px solid var(--line)!important;
  border-bottom:0!important;
}
#adherenceView .activity-summary-body-v62 .activity-metrics .metric-card:last-child{border-right:0!important}
#adherenceView .activity-summary-body-v62 .activity-metrics .metric-card strong{font-size:18px!important}
#adherenceView .activity-summary-body-v62 .activity-metrics .metric-card span,
#adherenceView .activity-summary-body-v62 .activity-metrics .metric-card small{overflow-wrap:anywhere!important}

/* Mi Corte-like internal scrolling: never grow into a giant incident list. */
#adherenceView .activity-scroll-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:7px;padding:0 2px;color:var(--muted);
}
#adherenceView .activity-scroll-head span{font-size:7px;font-weight:850;color:var(--ink)}
#adherenceView .activity-scroll-head small{font-size:6.4px}
#adherenceView .activity-scroll-list{
  display:grid;gap:7px;max-height:238px;overflow-y:auto;overscroll-behavior:contain;
  padding-right:4px;scrollbar-gutter:stable;
}
#adherenceView .activity-scroll-list::-webkit-scrollbar,
#adherenceView #adherenceDays::-webkit-scrollbar{width:7px}
#adherenceView .activity-scroll-list::-webkit-scrollbar-thumb,
#adherenceView #adherenceDays::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:99px;
}
#adherenceView #adherenceDays{
  display:grid;gap:7px;max-height:272px!important;overflow-y:auto!important;
  overscroll-behavior:contain;padding-right:4px!important;scrollbar-gutter:stable;
}
#adherenceView .adh-day-details{padding:0!important;overflow:hidden!important}
#adherenceView .adh-day-details>summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:9px 11px;cursor:pointer;user-select:none;
}
#adherenceView .adh-day-details>summary::-webkit-details-marker{display:none}
#adherenceView .adh-day-details>summary>.day-head{min-width:0;flex:1}
#adherenceView .adh-day-details>summary>.day-head span{display:block;overflow-wrap:anywhere}
#adherenceView .adh-day-summary-meta{display:flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--muted)}
#adherenceView .adh-day-summary-meta small{font-size:6.5px}
#adherenceView .adh-day-summary-meta svg,
#adherenceView .adh-day-details>summary>svg{width:14px;height:14px;transition:transform .18s ease}
#adherenceView .adh-day-details[open] .adh-day-summary-meta svg,
#adherenceView .adh-day-details[open]>summary>svg{transform:rotate(180deg)}
#adherenceView .adh-day-body{padding:0 11px 10px;border-top:1px solid color-mix(in srgb,var(--line) 82%,transparent)}
#adherenceView .adh-day-body .adh-bar{margin-top:9px}
#adherenceView .adh-day-body .day-tags{
  max-height:116px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;
}

@media(max-width:980px){
 #adherenceView .activity-summary-body-v62 .metric-donut-row{grid-template-columns:96px minmax(0,1fr)!important}
 #adherenceView .activity-summary-body-v62 .metric-donut{width:92px!important;height:92px!important;flex-basis:92px!important}
 #adherenceView .activity-summary-body-v62 .activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #adherenceView .activity-summary-body-v62 .activity-metrics .metric-card{border-bottom:1px solid var(--line)!important}
 #adherenceView .activity-summary-body-v62 .activity-metrics .metric-card:nth-child(2n){border-right:0!important}
 #adherenceView .activity-summary-body-v62 .activity-metrics .metric-card:nth-last-child(-n+2){border-bottom:0!important}
}
@media(max-width:700px){
 #adherenceView .activity-summary-body-v62 .activity-score-grid{grid-template-columns:1fr!important}
 #adherenceView .activity-summary-body-v62 .metric-donut-row{grid-template-columns:98px minmax(0,1fr)!important}
}
@media(max-width:470px){
 #adherenceView .activity-summary-body-v62 .metric-donut-row{grid-template-columns:1fr!important}
 #adherenceView .activity-summary-body-v62 .metric-donut{margin:auto!important}
 #adherenceView .activity-summary-body-v62 .metric-breakdown{grid-template-columns:1fr 1fr!important}
}

/* ==========================================================
   v21.0.63 · Activity — content-aware compact story panel
   Keep Mi Corte-style internal scrolling, but do not reserve
   empty vertical space when only a few movements exist.
   ========================================================== */
#adherenceView .activity-period-story{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
#adherenceView .activity-period-story #activityTimeline{
  min-height:0!important;
}
#adherenceView .activity-period-story .activity-scroll-list{
  height:auto!important;
  min-height:0!important;
  max-height:238px!important;
  overflow-y:auto!important;
}
#adherenceView .activity-workspace{
  align-items:start!important;
}

/* ===== PulseDesk v21.0.64 · Calm / content-aware Tiempo Offline ===== */
#reconcileView{--offline-card:color-mix(in srgb,var(--panel) 94%,transparent)}
#reconcileView .page-heading{margin-bottom:12px}
#reconcileView .page-heading h1{margin-bottom:4px}
#reconcileView .page-heading p{max-width:720px;color:var(--muted);font-size:12px}
#reconcileView .offline-compact-notice{padding:10px 13px!important;min-height:0!important;margin-bottom:12px;border-radius:16px}
#reconcileView .offline-compact-notice>i{width:18px;height:18px}
#reconcileView .offline-compact-notice strong{font-size:10px}
#reconcileView .offline-compact-notice span{font-size:8px;line-height:1.35}

#reconcileView .offline-period-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;padding:11px 13px!important;margin-bottom:12px;border-radius:17px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 3%)}
#reconcileView .offline-period-toolbar>div{min-width:0}
#reconcileView .offline-period-toolbar label{display:block;margin:0 0 4px;font-size:8px;font-weight:800;color:var(--muted)}
#reconcileView .offline-period-toolbar .form-input{height:38px;padding:8px 11px;border-radius:11px}
#reconcileView .offline-period-toolbar .primary-button{height:38px;padding:0 14px;border-radius:11px;white-space:nowrap}

#reconcileView .offline-summary-card{margin-bottom:12px;padding:15px 16px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:21px;background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 96%,var(--accent2) 4%),color-mix(in srgb,var(--panel) 96%,var(--accent) 4%));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
#reconcileView .offline-summary-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:10px}
#reconcileView .offline-summary-head .eyebrow{margin-bottom:3px}
#reconcileView .offline-summary-head h2{font-size:19px}
#reconcileView .offline-summary-head>small{font-size:7.5px;color:var(--muted)}
#reconcileView .offline-metric-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:0!important;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--panel) 95%,transparent)}
#reconcileView .offline-metric-strip .metric-card{min-height:76px!important;margin:0!important;padding:11px 13px!important;border:0!important;border-right:1px solid color-mix(in srgb,var(--accent) 11%,var(--line))!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#reconcileView .offline-metric-strip .metric-card:last-child{border-right:0!important}
#reconcileView .offline-metric-strip .metric-card:before,#reconcileView .offline-metric-strip .metric-card:after{display:none!important}
#reconcileView .offline-metric-strip .metric-card small{font-size:7px!important;color:var(--muted)!important;font-weight:800!important}
#reconcileView .offline-metric-strip .metric-card strong{font-size:21px!important;line-height:1.05!important;margin:4px 0!important}
#reconcileView .offline-metric-strip .metric-card span{font-size:7px!important;line-height:1.25!important;color:var(--muted)!important}

#reconcileView .offline-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:12px;align-items:start}
#reconcileView .offline-workspace>.section-card{margin:0!important;padding:16px!important;border-radius:21px;background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 96%,var(--accent2) 4%),color-mix(in srgb,var(--panel) 97%,var(--accent) 3%))}
#reconcileView .offline-section-title{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px}
#reconcileView .offline-section-title .eyebrow{margin-bottom:3px}
#reconcileView .offline-section-title h2{font-size:18px}
#reconcileView .offline-section-title>small{max-width:170px;text-align:right;font-size:7px;line-height:1.3;color:var(--muted)}

#reconcileView .offline-scroll-list{display:grid;gap:7px;max-height:302px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent}
#reconcileView .offline-scroll-list.is-empty{max-height:none;overflow:visible;padding-right:0}
#reconcileView .offline-scroll-list::-webkit-scrollbar,#reconcileView .offline-risk-list::-webkit-scrollbar{width:5px}
#reconcileView .offline-scroll-list::-webkit-scrollbar-thumb,#reconcileView .offline-risk-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 35%,transparent);border-radius:99px}

#reconcileView details.offline-record{display:block!important;padding:0!important;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line))!important;border-radius:13px!important;background:color-mix(in srgb,var(--panel) 96%,transparent)!important;overflow:hidden}
#reconcileView details.offline-record:last-child{border-bottom:1px solid color-mix(in srgb,var(--accent) 15%,var(--line))!important}
#reconcileView details.offline-record>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;cursor:pointer;user-select:none}
#reconcileView details.offline-record>summary::-webkit-details-marker{display:none}
#reconcileView details.offline-record .reconcile-main{align-items:center;gap:9px;min-width:0}
#reconcileView details.offline-record .reconcile-icon{width:29px;height:29px;flex:0 0 29px;border-radius:9px}
#reconcileView details.offline-record .reconcile-icon svg{width:14px}
#reconcileView details.offline-record .reconcile-main strong{display:block;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#reconcileView details.offline-record .reconcile-main span{font-size:7px!important;margin-top:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#reconcileView .offline-record-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex:0 0 auto}
#reconcileView .offline-record-meta .mini-tag{font-size:6px;padding:4px 6px}
#reconcileView .offline-chevron{width:13px;height:13px;color:var(--muted);transition:transform .2s ease}
#reconcileView details[open] .offline-chevron{transform:rotate(180deg)}
#reconcileView .offline-record-detail{padding:0 10px 10px 48px;border-top:1px solid color-mix(in srgb,var(--accent) 9%,var(--line))}
#reconcileView .offline-record-detail .day-tags{padding-top:8px;margin-bottom:6px}
#reconcileView .offline-record-detail .reconcile-reason{display:grid;gap:3px;padding:8px 9px;border-radius:10px;background:color-mix(in srgb,var(--panel) 86%,var(--accent) 5%)}
#reconcileView .offline-record-detail .reconcile-reason small{font-size:6.5px;color:var(--muted)}
#reconcileView .offline-record-detail .reconcile-reason span{font-size:7.5px;line-height:1.35}

#reconcileView .offline-empty{min-height:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;text-align:left!important;padding:10px 11px!important;border:1px dashed color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:12px;color:var(--muted)}
#reconcileView .offline-empty>i{width:18px;height:18px;color:var(--accent)}
#reconcileView .offline-empty>div{display:grid!important;gap:2px!important;justify-items:start!important}
#reconcileView .offline-empty strong{font-size:8.5px!important;color:var(--ink)!important}
#reconcileView .offline-empty span{font-size:7px!important}

#reconcileView .offline-risk-list{display:grid;gap:7px;max-height:302px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
#reconcileView .offline-risk-list .check-row{display:grid;grid-template-columns:24px 1fr;align-items:start;gap:8px;padding:9px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 3%)}
#reconcileView .offline-risk-list .check-row svg{width:14px;height:14px;margin-top:1px;color:var(--accent)}
#reconcileView .offline-risk-list .check-row span{font-size:7.2px;line-height:1.4;color:var(--muted)}

@media(max-width:950px){
 #reconcileView .offline-workspace{grid-template-columns:1fr}
 #reconcileView .offline-metric-strip{grid-template-columns:repeat(2,1fr)!important}
 #reconcileView .offline-metric-strip .metric-card:nth-child(2){border-right:0!important}
 #reconcileView .offline-metric-strip .metric-card:nth-child(-n+2){border-bottom:1px solid color-mix(in srgb,var(--accent) 11%,var(--line))!important}
}
@media(max-width:650px){
 #reconcileView .offline-period-toolbar{grid-template-columns:1fr 1fr}
 #reconcileView .offline-period-toolbar .primary-button{grid-column:1/-1;width:100%}
 #reconcileView .offline-summary-head,#reconcileView .offline-section-title{align-items:flex-start;flex-direction:column}
 #reconcileView .offline-summary-head>small,#reconcileView .offline-section-title>small{text-align:left;max-width:none}
 #reconcileView .offline-metric-strip{grid-template-columns:1fr!important}
 #reconcileView .offline-metric-strip .metric-card{border-right:0!important;border-bottom:1px solid color-mix(in srgb,var(--accent) 11%,var(--line))!important}
 #reconcileView .offline-metric-strip .metric-card:last-child{border-bottom:0!important}
 #reconcileView details.offline-record>summary{align-items:flex-start}
 #reconcileView .offline-record-meta .mini-tag:first-child{display:none}
}

/* ==========================================================
   v21.0.65 · Tiempo Offline — calm calendar period selector
   ========================================================== */
#reconcileView .offline-date-picker{margin-bottom:12px;padding:14px 16px!important;border-radius:21px;background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 97%,var(--accent2) 3%),color-mix(in srgb,var(--panel) 97%,var(--accent) 3%));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}
#reconcileView .offline-picker-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:12px}
#reconcileView .offline-picker-top .eyebrow{margin-bottom:3px}
#reconcileView .offline-picker-top h2{font-size:18px;margin:0 0 3px}
#reconcileView .offline-picker-top p{font-size:8px;color:var(--muted)}
#reconcileView .offline-mode-switch{display:flex;gap:3px;padding:3px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--panel) 91%,var(--accent) 5%);flex:0 0 auto}
#reconcileView .offline-mode-switch button{display:flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:7.5px;font-weight:800}
#reconcileView .offline-mode-switch button svg{width:13px;height:13px}
#reconcileView .offline-mode-switch button.active{background:color-mix(in srgb,var(--accent) 22%,var(--panel));color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}
#reconcileView .offline-picker-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:stretch}
#reconcileView .offline-calendar-shell{padding:10px;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel) 95%,transparent)}
#reconcileView .offline-calendar-head{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;margin-bottom:7px}
#reconcileView .offline-calendar-head strong{text-align:center;font-size:9px;text-transform:capitalize}
#reconcileView .offline-cal-nav{width:28px;height:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line));border-radius:9px;background:transparent;color:var(--muted)}
#reconcileView .offline-cal-nav:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--ink)}
#reconcileView .offline-cal-nav svg{width:13px;height:13px}
#reconcileView .offline-weekdays,#reconcileView .offline-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
#reconcileView .offline-weekdays{margin-bottom:4px}
#reconcileView .offline-weekdays span{text-align:center;font-size:6px;font-weight:800;color:var(--muted)}
#reconcileView .offline-day{position:relative;min-height:31px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);font-size:7.5px;font-weight:750}
#reconcileView .offline-day:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 7%,transparent)}
#reconcileView .offline-day.outside{opacity:.28}
#reconcileView .offline-day.today:after{content:"";position:absolute;left:50%;bottom:4px;width:3px;height:3px;border-radius:50%;background:var(--accent);transform:translateX(-50%)}
#reconcileView .offline-day.selected,#reconcileView .offline-day.range-start,#reconcileView .offline-day.range-end{background:color-mix(in srgb,var(--accent) 24%,var(--panel));border-color:color-mix(in srgb,var(--accent) 48%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)}
#reconcileView .offline-day.in-range{background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:6px}
#reconcileView .offline-picker-side{display:grid;grid-template-rows:auto 1fr auto;gap:9px}
#reconcileView .offline-selection-card{display:grid;gap:3px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--panel) 93%,var(--accent) 4%)}
#reconcileView .offline-selection-card span,#reconcileView .offline-quick-range>span{font-size:6.5px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
#reconcileView .offline-selection-card strong{font-size:11px;line-height:1.25}
#reconcileView .offline-selection-card small{font-size:6.8px;line-height:1.35;color:var(--muted)}
#reconcileView .offline-quick-range{padding:10px 11px;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));border-radius:14px}
#reconcileView .offline-quick-range>div{display:grid;gap:5px;margin-top:7px}
#reconcileView .offline-quick-range button{height:28px;padding:0 9px;text-align:left;border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line));border-radius:9px;background:transparent;color:var(--ink);font-size:7px;font-weight:750}
#reconcileView .offline-quick-range button:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
#reconcileView .offline-apply-period{width:100%;height:34px!important;padding:0 11px!important;border-radius:10px!important;font-size:8px!important}
#reconcileView .offline-hidden-date{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:820px){#reconcileView .offline-picker-body{grid-template-columns:1fr}#reconcileView .offline-picker-side{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}#reconcileView .offline-apply-period{grid-column:1/-1}#reconcileView .offline-quick-range>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){#reconcileView .offline-picker-top{align-items:flex-start;flex-direction:column}#reconcileView .offline-mode-switch{width:100%}#reconcileView .offline-mode-switch button{flex:1;justify-content:center}#reconcileView .offline-picker-side{grid-template-columns:1fr}#reconcileView .offline-apply-period{grid-column:auto}#reconcileView .offline-day{min-height:29px}}

/* ===== PulseDesk v21.0.66 · compact non-invasive Offline period popover ===== */
#reconcileView .offline-period-compact{position:relative;padding:0!important;margin-bottom:12px;border-radius:17px;overflow:visible;background:color-mix(in srgb,var(--panel) 96%,var(--accent) 2%)}
#reconcileView .offline-period-summary{min-height:66px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px}
#reconcileView .offline-period-summary-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}
#reconcileView .offline-period-summary-icon svg{width:15px;height:15px}
#reconcileView .offline-period-summary-copy{min-width:0;display:grid;gap:1px}
#reconcileView .offline-period-summary-copy .eyebrow{margin:0;font-size:6.8px}
#reconcileView .offline-period-summary-copy strong{font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#reconcileView .offline-period-summary-copy small{font-size:7px;color:var(--muted);line-height:1.3}
#reconcileView .offline-period-change{height:34px!important;padding:0 10px!important;border-radius:10px!important;gap:6px!important;font-size:8px!important;background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))!important;color:var(--ink)!important}
#reconcileView .offline-period-change svg{width:13px;height:13px}
#reconcileView .offline-toggle-chevron{transition:transform .18s ease}
#reconcileView #offlinePeriodToggle[aria-expanded="true"] .offline-toggle-chevron{transform:rotate(180deg)}
#reconcileView .offline-period-popover{position:absolute;z-index:80;top:calc(100% + 7px);right:0;width:min(590px,calc(100vw - 34px));padding:12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--panel) 98%,var(--page) 2%);box-shadow:0 20px 60px color-mix(in srgb,var(--page) 30%,rgba(0,0,0,.24));backdrop-filter:blur(24px)}
#reconcileView .offline-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}
#reconcileView .offline-popover-head .eyebrow{margin-bottom:2px;font-size:6.6px}
#reconcileView .offline-popover-head h3{font-size:12px;line-height:1.2}
#reconcileView .offline-popover-head .icon-button{width:28px;height:28px;flex:none}
#reconcileView .offline-mode-switch{width:max-content;display:flex;gap:3px;padding:3px;margin-bottom:8px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 4%,transparent)}
#reconcileView .offline-mode-switch button{height:27px;display:flex;align-items:center;gap:5px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:7px;font-weight:800}
#reconcileView .offline-mode-switch button svg{width:12px;height:12px}
#reconcileView .offline-mode-switch button.active{background:color-mix(in srgb,var(--accent) 19%,var(--panel));color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}
#reconcileView .offline-quick-pills{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}
#reconcileView .offline-quick-pills button{height:25px;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:999px;background:transparent;color:var(--muted);font-size:6.8px;font-weight:800}
#reconcileView .offline-quick-pills button:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--ink)}
#reconcileView .offline-period-popover .offline-calendar-shell{padding:8px;border-radius:13px}
#reconcileView .offline-period-popover .offline-calendar-head{margin-bottom:5px}
#reconcileView .offline-period-popover .offline-day{min-height:28px;font-size:7px}
#reconcileView .offline-selection-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid color-mix(in srgb,var(--accent) 10%,var(--line))}
#reconcileView .offline-selection-foot>div{min-width:0;display:grid;gap:2px}
#reconcileView .offline-selection-foot span{font-size:6.2px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
#reconcileView .offline-selection-foot strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#reconcileView .offline-selection-foot .offline-apply-period{width:auto!important;min-width:92px;height:31px!important;padding:0 11px!important}
#reconcileView .offline-hidden-date{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:760px){#reconcileView .offline-period-summary{grid-template-columns:32px minmax(0,1fr)}#reconcileView .offline-period-change{grid-column:1/-1;width:100%}#reconcileView .offline-period-popover{position:fixed;left:12px;right:12px;top:50%;width:auto;max-height:82vh;overflow:auto;transform:translateY(-50%);z-index:2500}}


/* ===== PulseDesk v21.0.67 · Offline clean modal period picker ===== */
#reconcileView .offline-hidden-date{display:none!important}
body.offline-period-open{overflow:hidden}
#reconcileView .offline-period-backdrop{position:fixed;inset:0;z-index:3490;background:rgba(7,14,24,.38);backdrop-filter:blur(5px)}
#reconcileView .offline-period-popover{position:fixed!important;z-index:3500!important;left:50%!important;right:auto!important;top:50%!important;width:min(540px,calc(100vw - 32px))!important;max-height:min(78vh,680px)!important;overflow:auto!important;transform:translate(-50%,-50%)!important;padding:14px!important;border-radius:20px!important;box-shadow:0 28px 90px rgba(0,0,0,.34)!important}
#reconcileView .offline-period-popover .offline-calendar-shell{max-height:none!important}
#reconcileView .offline-period-popover .offline-calendar-grid{max-height:none!important;overflow:visible!important}
#reconcileView .offline-period-summary{min-height:58px!important}
#reconcileView .offline-period-summary-copy small{display:none}
@media(max-width:760px){#reconcileView .offline-period-popover{left:12px!important;right:12px!important;top:50%!important;width:auto!important;max-height:82vh!important;transform:translateY(-50%)!important}}


/* ===== PulseDesk v21.0.68 · Offline truly clean period modal ===== */
#reconcileView #recFrom,#reconcileView #recTo{display:none!important}
#reconcileView .offline-period-backdrop{
  background:rgba(8,14,24,.48)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
#reconcileView .offline-period-popover{
  background:var(--page)!important;
  opacity:1!important;
  isolation:isolate!important;
  overflow:auto!important;
  width:min(520px,calc(100vw - 36px))!important;
  max-height:min(84vh,690px)!important;
  padding:16px!important;
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))!important;
  box-shadow:0 30px 100px rgba(0,0,0,.38)!important;
}
#reconcileView .offline-popover-head,
#reconcileView .offline-mode-switch,
#reconcileView .offline-quick-pills,
#reconcileView .offline-calendar-shell,
#reconcileView .offline-selection-foot{position:relative;z-index:1}
#reconcileView .offline-calendar-shell{
  background:color-mix(in srgb,var(--page) 94%,var(--accent) 6%)!important;
}
#reconcileView .offline-selection-foot{
  margin-top:10px!important;
  padding:10px 0 0!important;
  background:transparent!important;
}
#reconcileView .offline-period-summary{padding:9px 12px!important}
@media(max-width:760px){
 #reconcileView .offline-period-popover{width:calc(100vw - 24px)!important;max-height:86vh!important;padding:13px!important}
}


/* ===== PulseDesk v21.0.69 · Offline modal body portal / stacking fix ===== */
body > .offline-period-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  background:rgba(8,14,24,.54)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
body > .offline-period-popover{
  position:fixed!important;
  z-index:2147483001!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%)!important;
  width:min(510px,calc(100vw - 36px))!important;
  max-height:min(82vh,650px)!important;
  overflow:auto!important;
  padding:16px!important;
  border-radius:20px!important;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))!important;
  background:var(--page)!important;
  background-image:none!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:isolate!important;
  box-shadow:0 34px 110px rgba(0,0,0,.42)!important;
  color:var(--ink)!important;
}
body > .offline-period-popover::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:var(--page)!important;
  opacity:1!important;
}
body > .offline-period-popover .offline-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
body > .offline-period-popover .offline-popover-head .eyebrow{margin-bottom:2px;font-size:6.6px}
body > .offline-period-popover .offline-popover-head h3{font-size:12px;line-height:1.2}
body > .offline-period-popover .offline-popover-head .icon-button{width:30px;height:30px;flex:none}
body > .offline-period-popover .offline-mode-switch{width:max-content;display:flex;gap:3px;padding:3px;margin-bottom:8px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 4%,transparent)}
body > .offline-period-popover .offline-mode-switch button{height:28px;display:flex;align-items:center;gap:5px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:7px;font-weight:800}
body > .offline-period-popover .offline-mode-switch button.active{background:color-mix(in srgb,var(--accent) 19%,var(--panel));color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}
body > .offline-period-popover .offline-quick-pills{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px}
body > .offline-period-popover .offline-quick-pills button{height:26px;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 13%,var(--line));border-radius:999px;background:transparent;color:var(--muted);font-size:6.8px;font-weight:800}
body > .offline-period-popover .offline-calendar-shell{padding:9px;border-radius:14px;background:color-mix(in srgb,var(--page) 94%,var(--accent) 6%)!important}
body > .offline-period-popover .offline-calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
body > .offline-period-popover .offline-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;overflow:visible!important;max-height:none!important}
body > .offline-period-popover .offline-day{min-height:29px;font-size:7px}
body > .offline-period-popover .offline-selection-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--accent) 10%,var(--line));background:var(--page)!important}
body > .offline-period-popover .offline-selection-foot>div{min-width:0;display:grid;gap:2px}
body > .offline-period-popover .offline-selection-foot span{font-size:6.2px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
body > .offline-period-popover .offline-selection-foot strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body > .offline-period-popover .offline-selection-foot .offline-apply-period{width:auto!important;min-width:94px;height:32px!important;padding:0 12px!important}
@media(max-width:760px){
 body > .offline-period-popover{width:calc(100vw - 24px)!important;max-height:86vh!important;padding:13px!important}
}


/* ===== PulseDesk v21.0.70 · Offline calendar restored to Mi Corte visual language ===== */
body > .offline-period-popover{
  width:min(520px,calc(100vw - 28px))!important;
  padding:16px!important;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
  border-radius:22px!important;
  background:color-mix(in srgb,var(--panel) 98%,var(--page) 2%)!important;
}
body > .offline-period-popover .offline-calendar-shell{
  padding:11px 12px 12px!important;
  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))!important;
  border-radius:18px!important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),color-mix(in srgb,var(--panel) 94%,transparent))!important;
  box-shadow:none!important;
}
body > .offline-period-popover .offline-calendar-head{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 10px!important;
}
body > .offline-period-popover .offline-calendar-head strong{
  text-align:center!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-transform:capitalize!important;
  color:var(--ink)!important;
}
body > .offline-period-popover .offline-cal-nav{
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--accent) 15%,var(--line))!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--panel) 94%,transparent)!important;
  color:var(--muted)!important;
  box-shadow:none!important;
}
body > .offline-period-popover .offline-cal-nav:hover{
  border-color:color-mix(in srgb,var(--accent) 34%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;
  color:var(--ink)!important;
}
body > .offline-period-popover .offline-cal-nav svg{width:14px!important;height:14px!important;stroke-width:1.8!important}
body > .offline-period-popover .offline-weekdays,
body > .offline-period-popover .offline-calendar-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:5px!important;
}
body > .offline-period-popover .offline-weekdays{margin:0 0 5px!important;padding:0 1px!important}
body > .offline-period-popover .offline-weekdays span{
  display:block!important;
  text-align:center!important;
  font-size:6.6px!important;
  line-height:1!important;
  font-weight:850!important;
  color:var(--muted)!important;
}
body > .offline-period-popover .offline-calendar-grid{overflow:visible!important;max-height:none!important}
body > .offline-period-popover .offline-day{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  min-width:0!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--ink)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
body > .offline-period-popover .offline-day:hover{
  border-color:color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important;
  transform:translateY(-1px)!important;
}
body > .offline-period-popover .offline-day.outside{
  opacity:.32!important;
  color:var(--muted)!important;
}
body > .offline-period-popover .offline-day.today::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:4px!important;
  width:3px!important;
  height:3px!important;
  border-radius:999px!important;
  background:var(--accent)!important;
  transform:translateX(-50%)!important;
}
body > .offline-period-popover .offline-day.in-range{
  border-radius:9px!important;
  background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important;
}
body > .offline-period-popover .offline-day.selected,
body > .offline-period-popover .offline-day.range-start,
body > .offline-period-popover .offline-day.range-end{
  border-color:color-mix(in srgb,var(--accent) 40%,var(--line))!important;
  background:color-mix(in srgb,var(--accent) 20%,var(--panel))!important;
  color:var(--ink)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 11%,transparent)!important;
}
body > .offline-period-popover .offline-mode-switch button,
body > .offline-period-popover .offline-quick-pills button{
  appearance:none!important;
  -webkit-appearance:none!important;
}
body > .offline-period-popover .offline-selection-foot{
  margin-top:11px!important;
  padding-top:11px!important;
  background:transparent!important;
}
body[data-mode="dark"] > .offline-period-popover{
  background:color-mix(in srgb,var(--panel) 97%,#09131d 3%)!important;
  border-color:color-mix(in srgb,var(--accent) 22%,var(--line))!important;
}
body[data-mode="dark"] > .offline-period-popover .offline-calendar-shell{
  background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 5%,var(--panel)),color-mix(in srgb,var(--panel) 97%,#09131d 3%))!important;
}
body[data-mode="dark"] > .offline-period-popover .offline-cal-nav{
  background:color-mix(in srgb,var(--panel) 96%,#09131d 4%)!important;
}
@media(max-width:560px){
  body > .offline-period-popover{width:calc(100vw - 20px)!important;padding:13px!important;border-radius:19px!important}
  body > .offline-period-popover .offline-calendar-shell{padding:9px!important}
  body > .offline-period-popover .offline-weekdays,
  body > .offline-period-popover .offline-calendar-grid{gap:3px!important}
  body > .offline-period-popover .offline-day{min-height:31px!important;font-size:7.4px!important}
}

/* v21.0.71 · Offline period Apply navigation isolation */


/* PulseDesk v21.0.77 · Supervisor reconstructed journey mirrors Agent Horario */
[data-reconcile-content="agents"] .pd-review-timeline .pd-supervisor-agent-journey{
  margin-top:0!important;
  width:100%;
}
[data-reconcile-content="agents"] .pd-review-timeline .pd-journey-list{
  flex:1 1 auto;
}


/* ===== PulseDesk v21.0.79 · one semantic incident color across themes =====
   Journey incidences use one consistent purple accent in light and dark themes.
   The surrounding glass still adapts to the active theme via color-mix. */
:root{
  --pd-journey-incident:#9a83dd;
}
body[data-mode="dark"],
body[data-mode="light"]{
  --pd-journey-incident:#9a83dd;
}
.pd-journey-row.is-incident{
  --journey-seed:var(--pd-journey-incident)!important;
}
.pd-journey-legend .incident i{
  background:var(--pd-journey-incident)!important;
  background-image:none!important;
}


/* ===== PulseDesk v21.0.80 · journey internal scroll + incident type palette =====
   The journey stays compact even with many interruptions. Incident colors are
   semantic and remain the same across light/dark themes; only the glass adapts. */
.pd-journey-list{
  max-height:310px;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:5px!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 32%,transparent) transparent;
}
.pd-journey-list::-webkit-scrollbar{width:5px}
.pd-journey-list::-webkit-scrollbar-track{background:transparent}
.pd-journey-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px}

/* Fixed incident palette v21.0.83: shared by Agent Horario and Supervisor reconstructed journey. */
.pd-journey-row.is-incident.type-cap{--journey-seed:#3B82F6!important}
.pd-journey-row.is-incident.type-bts{--journey-seed:#8B5CF6!important}
.pd-journey-row.is-incident.type-internet{--journey-seed:#14B8A6!important}
.pd-journey-row.is-incident.type-system{--journey-seed:#22A06B!important}
.pd-journey-row.is-incident.type-power{--journey-seed:#F2C94C!important}
.pd-journey-row.is-incident.type-schedule{--journey-seed:#9A6545!important}
.pd-journey-row.is-incident.type-late-break{--journey-seed:#F28C28!important}
.pd-journey-row.is-incident.type-late-lunch{--journey-seed:#E66B9A!important}
.pd-journey-row.is-incident.type-meeting{--journey-seed:#B8C0CC!important}
.pd-journey-row.is-incident.type-troubleshooting{--journey-seed:#7F8C45!important}
.pd-journey-row.is-incident.type-kicked{--journey-seed:#E5484D!important}
.pd-journey-row.is-incident.type-wc{--journey-seed:#C4A7E7!important}
.pd-journey-row.is-incident.type-mentoring{--journey-seed:#F2A477!important}
.pd-journey-row.is-incident.type-other{--journey-seed:#707784!important}

/* Dynamic legend uses the exact same semantic palette. */
.pd-journey-legend .incident-type i{background:var(--legend-incident,#707784)!important}
.pd-journey-legend .incident-type.type-cap{--legend-incident:#3B82F6}
.pd-journey-legend .incident-type.type-bts{--legend-incident:#8B5CF6}
.pd-journey-legend .incident-type.type-internet{--legend-incident:#14B8A6}
.pd-journey-legend .incident-type.type-system{--legend-incident:#22A06B}
.pd-journey-legend .incident-type.type-power{--legend-incident:#F2C94C}
.pd-journey-legend .incident-type.type-schedule{--legend-incident:#9A6545}
.pd-journey-legend .incident-type.type-late-break{--legend-incident:#F28C28}
.pd-journey-legend .incident-type.type-late-lunch{--legend-incident:#E66B9A}
.pd-journey-legend .incident-type.type-meeting{--legend-incident:#B8C0CC}
.pd-journey-legend .incident-type.type-troubleshooting{--legend-incident:#7F8C45}
.pd-journey-legend .incident-type.type-kicked{--legend-incident:#E5484D}
.pd-journey-legend .incident-type.type-wc{--legend-incident:#C4A7E7}
.pd-journey-legend .incident-type.type-mentoring{--legend-incident:#F2A477}
.pd-journey-legend .incident-type.type-other{--legend-incident:#707784}

body[data-mode="dark"] .pd-journey-row.is-incident .pd-journey-card,
body[data-mode="light"] .pd-journey-row.is-incident .pd-journey-card{
  border-color:color-mix(in srgb,var(--journey-seed) 34%,var(--line))!important;
  background:linear-gradient(105deg,color-mix(in srgb,var(--journey-seed) 12%,transparent),color-mix(in srgb,var(--panel) 94%,transparent))!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--journey-seed) 78%,transparent)!important;
}
@media(max-width:760px){.pd-journey-list{max-height:270px}}


/* PulseDesk v21.0.81 · Supervisor Analyze Journey runtime-scope fix. */

/* ===== PulseDesk v21.0.84 · final shared journey color adjustments =====
   Same semantic colors in Agent Horario and Supervisor Jornada reconstruida.
   Kicked out uses the user-selected raspberry #9C0636.
   Sistema moves away from Open Time green to a distinct celeste. */
.pd-journey-row.is-incident.type-system{--journey-seed:#74C7F2!important}
.pd-journey-row.is-incident.type-kicked{--journey-seed:#9C0636!important}
.pd-journey-legend .incident-type.type-system{--legend-incident:#74C7F2!important}
.pd-journey-legend .incident-type.type-kicked{--legend-incident:#9C0636!important}

/* =========================================================
   v21.0.85 · Conciliación — Compact Review Workspace
   Keep every piece of information, but stop the agent review
   from becoming a three-screen vertical wall.
   ========================================================= */
[data-reconcile-content="agents"] .pd-agent-review-shell,
[data-reconcile-content="agents"] #pdAgentReviewWorkspace{
  gap:14px!important;
}

[data-reconcile-content="agents"] .pd-review-hero{
  padding:16px 18px!important;
  min-height:92px!important;
  border-radius:22px!important;
}

[data-reconcile-content="agents"] .pd-review-kpis{
  gap:12px!important;
}
[data-reconcile-content="agents"] .pd-review-kpi{
  min-height:96px!important;
  padding:14px!important;
  border-radius:20px!important;
}
[data-reconcile-content="agents"] .pd-review-kpi b{
  font-size:19px!important;
}

[data-reconcile-content="agents"] .pd-review-main-grid,
[data-reconcile-content="agents"] .pd-review-main-grid.second-row{
  gap:14px!important;
}
[data-reconcile-content="agents"] .pd-review-main-grid>.pd-review-card,
[data-reconcile-content="agents"] .pd-review-main-grid.second-row>.pd-review-card{
  min-height:0!important;
  height:320px!important;
  padding:17px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
[data-reconcile-content="agents"] .pd-review-main-grid.second-row>.pd-review-card{
  height:300px!important;
}

[data-reconcile-content="agents"] .pd-review-card .card-header{
  min-height:42px!important;
  margin-bottom:10px!important;
}
[data-reconcile-content="agents"] .pd-review-card .card-header .soft-icon{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
}

[data-reconcile-content="agents"] .pd-review-timeline,
[data-reconcile-content="agents"] .pd-detection-list,
[data-reconcile-content="agents"] .pd-import-table-wrap,
[data-reconcile-content="agents"] .pd-attempts-review,
[data-reconcile-content="agents"] .pd-linked-incidents,
[data-reconcile-content="agents"] #pdReviewAudit{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 35%,transparent) transparent;
}
[data-reconcile-content="agents"] .pd-review-timeline::-webkit-scrollbar,
[data-reconcile-content="agents"] .pd-detection-list::-webkit-scrollbar,
[data-reconcile-content="agents"] .pd-import-table-wrap::-webkit-scrollbar,
[data-reconcile-content="agents"] .pd-attempts-review::-webkit-scrollbar,
[data-reconcile-content="agents"] .pd-linked-incidents::-webkit-scrollbar,
[data-reconcile-content="agents"] #pdReviewAudit::-webkit-scrollbar{width:6px}
[data-reconcile-content="agents"] .pd-review-timeline::-webkit-scrollbar-thumb,
[data-reconcile-content="agents"] .pd-detection-list::-webkit-scrollbar-thumb,
[data-reconcile-content="agents"] .pd-import-table-wrap::-webkit-scrollbar-thumb,
[data-reconcile-content="agents"] .pd-attempts-review::-webkit-scrollbar-thumb,
[data-reconcile-content="agents"] .pd-linked-incidents::-webkit-scrollbar-thumb,
[data-reconcile-content="agents"] #pdReviewAudit::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--accent) 35%,transparent);
  border-radius:999px;
}

[data-reconcile-content="agents"] .pd-import-table-wrap{
  max-height:none!important;
  flex:1 1 auto!important;
}
[data-reconcile-content="agents"] .pd-review-card .empty-workforce{
  min-height:0!important;
  padding:18px!important;
}

/* Related incidents + supervisor decision share one row instead of
   consuming two full-width screens. */
[data-reconcile-content="agents"] .pd-review-action-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
[data-reconcile-content="agents"] .pd-review-action-grid>.pd-review-card{
  margin:0!important;
  min-width:0!important;
  height:280px!important;
  min-height:0!important;
  padding:17px!important;
  border-radius:22px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
[data-reconcile-content="agents"] .pd-linked-incidents-card{
  min-height:0!important;
}
[data-reconcile-content="agents"] .pd-linked-incidents{
  margin-top:0!important;
  flex:1 1 auto!important;
  padding-right:3px;
}
[data-reconcile-content="agents"] .pd-linked-incident{
  padding:9px 10px!important;
  border-radius:14px!important;
  gap:8px!important;
}

[data-reconcile-content="agents"] .pd-resolution-card{
  min-height:0!important;
  padding:17px!important;
  border-radius:22px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid{
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  grid-template-areas:"resolution notes" "save save"!important;
  gap:10px 12px!important;
  align-items:end!important;
  margin-top:4px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid label:first-child{grid-area:resolution}
[data-reconcile-content="agents"] .pd-resolution-grid label.wide{grid-area:notes}
[data-reconcile-content="agents"] .pd-resolution-grid .primary-button{
  grid-area:save!important;
  justify-self:end!important;
  min-height:42px!important;
  height:42px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid select{height:43px!important}
[data-reconcile-content="agents"] .pd-resolution-grid textarea{
  min-height:66px!important;
  max-height:90px!important;
}

/* Audit stays visible but compact; long history scrolls inside. */
[data-reconcile-content="agents"] .pd-review-card:has(#pdReviewAudit){
  min-height:0!important;
  height:238px!important;
  padding:17px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
[data-reconcile-content="agents"] #pdReviewAudit{
  flex:1 1 auto!important;
  padding-right:3px;
}

@media(max-width:1100px){
  [data-reconcile-content="agents"] .pd-review-action-grid{grid-template-columns:1fr!important}
  [data-reconcile-content="agents"] .pd-review-action-grid>.pd-review-card{height:auto!important;min-height:250px!important}
}
@media(max-width:700px){
  [data-reconcile-content="agents"] .pd-review-main-grid>.pd-review-card,
  [data-reconcile-content="agents"] .pd-review-main-grid.second-row>.pd-review-card{height:300px!important}
  [data-reconcile-content="agents"] .pd-resolution-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"resolution" "notes" "save"!important;
  }
  [data-reconcile-content="agents"] .pd-resolution-grid .primary-button{justify-self:stretch!important}
}

/* =========================================================
   v21.0.86 · Conciliación — bounded internal scrolls
   Jornada reconstruida and Incidencias relacionadas stay
   inside their cards even when many items are present.
   ========================================================= */
[data-reconcile-content="agents"] .pd-review-timeline{
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
[data-reconcile-content="agents"] .pd-review-timeline .pd-supervisor-agent-journey{
  min-height:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
[data-reconcile-content="agents"] .pd-review-timeline .pd-supervisor-agent-journey .pd-journey-list{
  min-height:0!important;
  flex:1 1 auto!important;
  max-height:230px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  padding-right:5px!important;
}
[data-reconcile-content="agents"] .pd-linked-incidents-card{
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
[data-reconcile-content="agents"] .pd-linked-incidents-card .pd-linked-incidents{
  min-height:0!important;
  flex:1 1 auto!important;
  max-height:190px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  padding-right:5px!important;
}

/* =========================================================
   v21.0.87 · Conciliación — tidy related incidents + form
   Related incidents start at the top and use their real
   incident icon/color. Supervisor resolution typography is
   compact and consistent with the rest of PulseDesk.
   ========================================================= */
[data-reconcile-content="agents"] .pd-linked-incidents-card .pd-linked-incidents{
  align-content:start!important;
  grid-auto-rows:max-content!important;
  justify-content:stretch!important;
}
[data-reconcile-content="agents"] .pd-linked-incident{
  align-self:start!important;
}
[data-reconcile-content="agents"] .pd-linked-type-icon{
  --linked-type-color:var(--accent);
  width:34px;
  height:34px;
  border-radius:11px;
  display:grid;
  place-items:center;
  color:var(--linked-type-color);
  border:1px solid color-mix(in srgb,var(--linked-type-color) 32%,var(--line));
  background:linear-gradient(145deg,color-mix(in srgb,var(--linked-type-color) 16%,var(--panel)),color-mix(in srgb,var(--panel) 94%,transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
  flex:none;
}
[data-reconcile-content="agents"] .pd-linked-type-icon svg{width:17px;height:17px}
[data-reconcile-content="agents"] .pd-linked-incident.type-cap .pd-linked-type-icon{--linked-type-color:#3B82F6}
[data-reconcile-content="agents"] .pd-linked-incident.type-bts .pd-linked-type-icon{--linked-type-color:#8B5CF6}
[data-reconcile-content="agents"] .pd-linked-incident.type-internet .pd-linked-type-icon{--linked-type-color:#14B8A6}
[data-reconcile-content="agents"] .pd-linked-incident.type-system .pd-linked-type-icon{--linked-type-color:#74C7F2}
[data-reconcile-content="agents"] .pd-linked-incident.type-power .pd-linked-type-icon{--linked-type-color:#F2C94C}
[data-reconcile-content="agents"] .pd-linked-incident.type-schedule .pd-linked-type-icon{--linked-type-color:#9A6545}
[data-reconcile-content="agents"] .pd-linked-incident.type-late-break .pd-linked-type-icon{--linked-type-color:#F28C28}
[data-reconcile-content="agents"] .pd-linked-incident.type-late-lunch .pd-linked-type-icon{--linked-type-color:#E66B9A}
[data-reconcile-content="agents"] .pd-linked-incident.type-meeting .pd-linked-type-icon{--linked-type-color:#B8C0CC}
[data-reconcile-content="agents"] .pd-linked-incident.type-troubleshooting .pd-linked-type-icon{--linked-type-color:#7F8C45}
[data-reconcile-content="agents"] .pd-linked-incident.type-kicked .pd-linked-type-icon{--linked-type-color:#9C0636}
[data-reconcile-content="agents"] .pd-linked-incident.type-wc .pd-linked-type-icon{--linked-type-color:#C4A7E7}
[data-reconcile-content="agents"] .pd-linked-incident.type-mentoring .pd-linked-type-icon{--linked-type-color:#F2A477}
[data-reconcile-content="agents"] .pd-linked-incident.type-other .pd-linked-type-icon{--linked-type-color:#707784}

[data-reconcile-content="agents"] .pd-resolution-grid label>span{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  color:var(--muted)!important;
  margin-bottom:6px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid select{
  font:inherit!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:650!important;
  padding:0 38px 0 14px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid textarea{
  font:inherit!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:500!important;
  padding:11px 13px!important;
  resize:none!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid textarea::placeholder{
  font:inherit!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:500!important;
  color:var(--muted)!important;
  opacity:.62!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid .primary-button{
  font-size:12px!important;
  font-weight:750!important;
  padding-inline:16px!important;
}

/* =========================================================
   v21.0.88 · Supervisor resolution — balanced composition
   Prevent clipped controls and use the card width naturally.
   ========================================================= */
[data-reconcile-content="agents"] .pd-resolution-card{
  height:250px!important;
  min-height:250px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
[data-reconcile-content="agents"] .pd-resolution-card .card-header{
  flex:0 0 auto!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(190px,.78fr) minmax(250px,1.22fr)!important;
  grid-template-areas:
    "resolution notes"
    ". save"!important;
  column-gap:14px!important;
  row-gap:10px!important;
  align-content:center!important;
  align-items:end!important;
  margin-top:8px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid label:first-child{
  grid-area:resolution!important;
  align-self:center!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid label.wide{
  grid-area:notes!important;
  align-self:end!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid label>span{
  display:block!important;
  margin:0 0 6px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid select{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  font-size:13px!important;
  font-weight:650!important;
  padding:0 34px 0 13px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid textarea{
  width:100%!important;
  min-width:0!important;
  min-height:72px!important;
  height:72px!important;
  max-height:72px!important;
  overflow-y:auto!important;
  resize:none!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid textarea::placeholder{
  font-size:12.5px!important;
  line-height:1.35!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid .primary-button{
  grid-area:save!important;
  justify-self:end!important;
  align-self:start!important;
  min-height:40px!important;
  height:40px!important;
  width:auto!important;
  max-width:100%!important;
  padding:0 16px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}
@media(max-width:1180px){
  [data-reconcile-content="agents"] .pd-resolution-card{height:auto!important;min-height:280px!important}
  [data-reconcile-content="agents"] .pd-resolution-grid{
    grid-template-columns:1fr!important;
    grid-template-areas:"resolution" "notes" "save"!important;
    align-content:start!important;
  }
  [data-reconcile-content="agents"] .pd-resolution-grid .primary-button{justify-self:stretch!important}
}

/* =========================================================
   v21.0.89 · Supervisor resolution — vertical flow
   Decision → notes → save. No horizontal clipping.
   ========================================================= */
[data-reconcile-content="agents"] .pd-resolution-card{
  height:auto!important;
  min-height:300px!important;
  overflow:hidden!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-areas:
    "resolution"
    "notes"
    "save"!important;
  gap:10px!important;
  align-content:start!important;
  align-items:stretch!important;
  margin-top:14px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid label:first-child{
  grid-area:resolution!important;
  align-self:stretch!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid label.wide{
  grid-area:notes!important;
  align-self:stretch!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid select{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:42px!important;
  box-sizing:border-box!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid .primary-button{
  grid-area:save!important;
  justify-self:end!important;
  align-self:start!important;
  width:auto!important;
  max-width:100%!important;
  min-height:38px!important;
  height:38px!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  [data-reconcile-content="agents"] .pd-resolution-grid .primary-button{
    justify-self:stretch!important;
    width:100%!important;
  }
}

/* =========================================================
   v21.0.90 · Supervisor resolution — no clipping
   Keep the paired action cards aligned while giving the vertical
   decision flow enough real height to render the save action fully.
   ========================================================= */
[data-reconcile-content="agents"] .pd-review-action-grid>.pd-review-card{
  height:310px!important;
}
[data-reconcile-content="agents"] .pd-resolution-card{
  height:310px!important;
  min-height:310px!important;
  overflow:hidden!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid{
  margin-top:10px!important;
  gap:8px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid textarea{
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
}
[data-reconcile-content="agents"] .pd-resolution-grid .primary-button{
  height:36px!important;
  min-height:36px!important;
  padding:0 15px!important;
}
@media(max-width:1100px){
  [data-reconcile-content="agents"] .pd-review-action-grid>.pd-review-card{
    height:auto!important;
    min-height:0!important;
  }
  [data-reconcile-content="agents"] .pd-resolution-card{
    height:auto!important;
    min-height:286px!important;
  }
}
\n\n/* =========================================================\n   v21.0.92 · Conciliación — clean no-schedule state + simple journey\n   ========================================================= */\n[data-reconcile-content="agents"] .pd-journey-empty{\n  min-height:150px;\n  display:grid;\n  grid-template-columns:auto minmax(0,1fr) auto;\n  align-items:center;\n  gap:14px;\n  padding:18px;\n  border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));\n  border-radius:18px;\n  background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 8%,transparent),color-mix(in srgb,var(--panel) 94%,transparent));\n  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);\n}\n[data-reconcile-content="agents"] .pd-journey-empty-icon{\n  width:46px;height:46px;border-radius:15px;display:grid;place-items:center;\n  color:var(--accent);\n  background:color-mix(in srgb,var(--accent) 10%,var(--panel));\n  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));\n}\n[data-reconcile-content="agents"] .pd-journey-empty-icon svg{width:21px;height:21px}\n[data-reconcile-content="agents"] .pd-journey-empty-copy{display:grid;gap:4px;min-width:0}\n[data-reconcile-content="agents"] .pd-journey-empty-copy small{font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n[data-reconcile-content="agents"] .pd-journey-empty-copy strong{font-size:13px}\n[data-reconcile-content="agents"] .pd-journey-empty-copy span{font-size:8px;line-height:1.45;color:var(--muted);max-width:420px}\n[data-reconcile-content="agents"] .pd-journey-empty-badge{\n  align-self:start;padding:6px 9px;border-radius:999px;font-size:7px;font-weight:800;white-space:nowrap;\n  color:var(--muted);background:color-mix(in srgb,var(--muted) 8%,transparent);border:1px solid color-mix(in srgb,var(--muted) 18%,var(--line));\n}\n[data-reconcile-content="agents"] .pd-supervisor-agent-journey.is-simple-journey .pd-journey-list{\n  flex:0 0 auto!important;max-height:none!important;overflow:visible!important;padding:10px 0 4px!important;\n}\n[data-reconcile-content="agents"] .pd-supervisor-agent-journey.is-simple-journey .pd-journey-row{min-height:56px!important}\n[data-reconcile-content="agents"] .pd-supervisor-agent-journey.is-simple-journey .pd-journey-card{\n  min-height:48px!important;\n  background:linear-gradient(105deg,color-mix(in srgb,var(--journey-seed) 8%,transparent),color-mix(in srgb,var(--panel) 94%,transparent));\n}\n@media(max-width:760px){\n [data-reconcile-content="agents"] .pd-journey-empty{grid-template-columns:auto 1fr}\n [data-reconcile-content="agents"] .pd-journey-empty-badge{grid-column:2;justify-self:start}\n}\n
/* =========================================================
   v21.0.93 · Conciliación — friendly no-schedule notice
   ========================================================= */
[data-reconcile-content="agents"] .pd-journey-empty{
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px 15px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-icon{
  flex:0 0 40px!important;
  width:40px!important;height:40px!important;border-radius:13px!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-icon svg{width:19px!important;height:19px!important}
[data-reconcile-content="agents"] .pd-journey-empty-copy{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
  min-width:0!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-copy small{
  font-size:7px!important;line-height:1.2!important;letter-spacing:.12em!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-copy strong{
  font-size:12px!important;line-height:1.25!important;font-weight:800!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-copy span{
  display:block!important;
  font-size:8px!important;line-height:1.45!important;
  max-width:360px!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-badge{
  flex:0 0 auto!important;
  align-self:center!important;
  padding:5px 8px!important;
  font-size:7px!important;
}
@media(max-width:760px){
 [data-reconcile-content="agents"] .pd-journey-empty{align-items:flex-start!important;flex-wrap:wrap!important}
 [data-reconcile-content="agents"] .pd-journey-empty-copy{min-width:calc(100% - 56px)!important}
 [data-reconcile-content="agents"] .pd-journey-empty-badge{margin-left:52px!important}
}

/* =========================================================
   v21.0.94 · Conciliación — centered no-schedule notice
   ========================================================= */
[data-reconcile-content="agents"] .pd-journey-empty{
  min-height:190px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:10px!important;
  padding:24px 22px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 58%),
    linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 7%,transparent),color-mix(in srgb,var(--panel) 96%,transparent))!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-icon{
  flex:0 0 48px!important;
  width:48px!important;height:48px!important;
  border-radius:16px!important;
  display:grid!important;place-items:center!important;
  margin:0 auto 2px!important;
  color:var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 8%,transparent),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-icon svg{width:22px!important;height:22px!important}
[data-reconcile-content="agents"] .pd-journey-empty-copy{
  flex:0 1 auto!important;
  width:min(100%,440px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  margin:0 auto!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-copy strong{
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  color:var(--text)!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-copy span{
  display:block!important;
  max-width:420px!important;
  margin:0 auto!important;
  font-size:9px!important;
  line-height:1.55!important;
  color:var(--muted)!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-badge{
  flex:0 0 auto!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:2px auto 0!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  color:color-mix(in srgb,var(--accent) 70%,var(--text))!important;
  background:color-mix(in srgb,var(--accent) 8%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))!important;
}
[data-reconcile-content="agents"] .pd-journey-empty-badge svg{width:11px!important;height:11px!important}
@media(max-width:760px){
  [data-reconcile-content="agents"] .pd-journey-empty{padding:20px 16px!important;min-height:178px!important}
  [data-reconcile-content="agents"] .pd-journey-empty-copy{width:100%!important}
  [data-reconcile-content="agents"] .pd-journey-empty-badge{margin:2px auto 0!important}
}

/* v21.0.96 · Discover states context when schedule is pending */
.pd-state-context{
  margin-top:8px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  background:color-mix(in srgb,var(--accent) 7%,transparent);
  color:var(--muted);
  font-size:11px;
  font-weight:700;
  line-height:1;
}
.pd-state-context[hidden]{display:none!important}
.pd-state-context svg{width:13px;height:13px;flex:0 0 auto;color:var(--accent)}

/* ===== PulseDesk v21.0.97 · Equipos ===== */
.pd-teams-page{max-width:1500px;margin:0 auto}.pd-teams-header{margin-bottom:14px}.pd-teams-tabs{display:flex;gap:8px;padding:5px;width:max-content;max-width:100%;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--panel) 82%,transparent);margin-bottom:16px}.pd-teams-tabs button{border:0;background:transparent;color:var(--muted);padding:10px 14px;border-radius:12px;display:flex;align-items:center;gap:8px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.pd-teams-tabs button svg{width:16px}.pd-teams-tabs button.active{color:var(--text);background:color-mix(in srgb,var(--accent) 11%,var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}
.pd-teams-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.pd-team-kpi{padding:16px 18px;display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--panel) 88%,transparent)}.pd-team-kpi .soft-icon{width:38px;height:38px;border-radius:13px}.pd-team-kpi b{display:block;font-size:20px}.pd-team-kpi span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.pd-teams-workspace{padding:16px}.pd-teams-workspace-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.pd-teams-workspace-head>div>span,.pd-coverage-active-card .card-header span{font-size:10px;color:var(--muted)}.pd-teams-search{width:min(360px,100%);height:38px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 11px;background:color-mix(in srgb,var(--panel) 90%,transparent)}.pd-teams-search svg{width:15px;color:var(--muted)}.pd-teams-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font:inherit;font-size:11px}.pd-teams-agent-list{display:grid;gap:8px;max-height:430px;overflow:auto;padding-right:3px}.pd-team-agent-row{display:grid;grid-template-columns:minmax(230px,1.35fr) minmax(170px,.8fr) minmax(210px,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--panel) 92%,transparent)}.pd-team-agent-id{display:flex;align-items:center;gap:10px;min-width:0}.pd-team-agent-avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:10px;font-weight:850;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.pd-team-agent-id b,.pd-team-agent-id small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-team-agent-id b{font-size:11px}.pd-team-agent-id small,.pd-team-main-label small{font-size:9px;color:var(--muted);margin-top:2px}.pd-team-main-label b{font-size:10px;display:block}.pd-team-agent-row select{min-width:0}.pd-team-save{width:36px;height:36px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--accent) 9%,var(--panel));color:var(--accent);display:grid;place-items:center;cursor:pointer}.pd-team-save svg{width:16px}.pd-team-coverage-chip{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;font-size:9px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.pd-team-coverage-chip svg{width:12px}.pd-teams-empty{padding:38px;text-align:center;color:var(--muted)}.pd-teams-empty svg{width:24px;margin-bottom:7px}.pd-teams-empty b,.pd-teams-empty span{display:block;font-size:10px}.pd-teams-empty b{color:var(--text);font-size:11px;margin-bottom:3px}
.pd-coverage-grid{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:12px}.pd-coverage-form-card,.pd-coverage-active-card{padding:16px}.pd-coverage-note{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;border-radius:13px;background:color-mix(in srgb,var(--accent) 7%,transparent);margin:10px 0 13px}.pd-coverage-note>svg{width:16px;color:var(--accent);margin-top:1px}.pd-coverage-note b,.pd-coverage-note small{display:block}.pd-coverage-note b{font-size:10px}.pd-coverage-note small{font-size:9px;color:var(--muted);line-height:1.45;margin-top:2px}.pd-coverage-form{display:grid;gap:10px}.pd-coverage-form label>span{display:block;font-size:9px;font-weight:750;color:var(--muted);margin:0 0 5px 2px}.pd-coverage-dates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pd-coverage-list{display:grid;gap:8px;max-height:390px;overflow:auto;padding-right:3px}.pd-coverage-item{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.9fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--panel) 92%,transparent)}.pd-coverage-item b,.pd-coverage-item small{display:block}.pd-coverage-item b{font-size:10px}.pd-coverage-item small{font-size:9px;color:var(--muted);margin-top:2px}.pd-coverage-route{display:flex;align-items:center;gap:7px;font-size:9px}.pd-coverage-route svg{width:13px;color:var(--accent)}.pd-coverage-status{padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.pd-coverage-remove{width:32px;height:32px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.pd-coverage-remove svg{width:14px}.pd-coverage-empty{min-height:190px;display:grid;place-items:center;text-align:center;color:var(--muted)}.pd-coverage-empty svg{width:25px;margin-bottom:7px}.pd-coverage-empty b,.pd-coverage-empty span{display:block;font-size:10px}.pd-coverage-empty b{color:var(--text);font-size:11px;margin-bottom:3px}
@media(max-width:900px){.pd-teams-kpis{grid-template-columns:1fr}.pd-teams-workspace-head{align-items:stretch;flex-direction:column}.pd-teams-search{width:100%}.pd-team-agent-row{grid-template-columns:1fr}.pd-coverage-grid{grid-template-columns:1fr}.pd-coverage-item{grid-template-columns:1fr auto}.pd-coverage-item>:nth-child(2){grid-column:1/-1}.pd-coverage-dates{grid-template-columns:1fr}}

/* ===== PulseDesk v21.0.98 · Teams visual balance ===== */
.pd-team-kpi-icon svg{width:18px;height:18px;stroke-width:2}
.pd-team-agent-row{grid-template-columns:minmax(250px,1.25fr) minmax(185px,.82fr) minmax(220px,1fr) minmax(205px,.86fr);gap:16px;padding:12px 14px}
.pd-team-main-label{display:flex;align-items:center;gap:9px;min-width:0}.pd-team-mini-icon{width:30px;height:30px;flex:0 0 30px;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 12%,var(--border))}.pd-team-mini-icon svg{width:14px;height:14px}.pd-team-main-label>span:last-child{min-width:0}.pd-team-main-label small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-team-coverage-cell{min-width:0}.pd-team-no-coverage{color:var(--muted);font-size:9px;padding-left:2px}.pd-team-edit{display:grid;grid-template-columns:minmax(150px,1fr) 36px;align-items:center;gap:8px;min-width:0}.pd-team-edit .form-input{width:100%;height:36px;padding-inline:10px;font-size:10px}

.pd-coverage-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:14px;align-items:start}.pd-coverage-form-card,.pd-coverage-active-card{padding:18px;min-height:0}.pd-coverage-form-card .card-header,.pd-coverage-active-card .card-header{margin-bottom:10px}.pd-coverage-note{margin:8px 0 14px;padding:9px 11px}.pd-coverage-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:end}.pd-coverage-form>label{min-width:0}.pd-coverage-dates{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pd-coverage-form .primary-button{grid-column:1/-1;width:min(250px,100%);justify-self:end;height:40px;margin-top:2px}.pd-coverage-form .form-input{height:40px}.pd-coverage-active-card{display:flex;flex-direction:column}.pd-coverage-list{max-height:330px;min-height:210px}.pd-coverage-empty{min-height:210px}.pd-coverage-item{grid-template-columns:minmax(150px,.85fr) minmax(210px,1.25fr) auto;padding:12px 13px}.pd-coverage-route{flex-wrap:wrap;row-gap:3px}.pd-coverage-route small{width:100%;padding-left:20px}

@media(max-width:1180px){.pd-team-agent-row{grid-template-columns:minmax(220px,1.25fr) minmax(175px,.85fr) minmax(190px,1fr)}.pd-team-edit{grid-column:2/4;justify-self:end;width:min(320px,100%)}.pd-coverage-grid{grid-template-columns:1fr}}
@media(max-width:900px){.pd-team-agent-row{grid-template-columns:1fr}.pd-team-edit{grid-column:auto;width:100%;justify-self:stretch}.pd-coverage-form{grid-template-columns:1fr}.pd-coverage-dates{grid-column:auto;grid-template-columns:1fr}.pd-coverage-form .primary-button{grid-column:auto;width:100%;justify-self:stretch}}

/* ===== PulseDesk v21.0.99 · Teams no-horizontal-scroll layout ===== */
.pd-teams-workspace{min-width:0;overflow:hidden}
.pd-teams-agent-list{min-width:0;overflow-y:auto;overflow-x:hidden}
.pd-team-agent-row{
  width:100%;min-width:0;
  grid-template-columns:minmax(0,1.28fr) minmax(0,.92fr) minmax(0,.88fr) minmax(0,1.02fr);
  gap:10px;padding:11px 12px;
}
.pd-team-agent-id,.pd-team-main-label,.pd-team-coverage-cell,.pd-team-edit{min-width:0}
.pd-team-main-label{gap:7px}
.pd-team-mini-icon{width:28px;height:28px;flex-basis:28px}
.pd-team-agent-id b,.pd-team-agent-id small,.pd-team-main-label b,.pd-team-main-label small,.pd-team-no-coverage{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-team-edit{grid-template-columns:minmax(0,1fr) 34px;gap:6px;width:100%}
.pd-team-edit .form-input{min-width:0;width:100%;padding-left:9px;padding-right:25px}
.pd-team-save{width:34px;height:34px}
@media(max-width:900px){
  .pd-team-agent-row{grid-template-columns:1fr 1fr;gap:10px 12px}
  .pd-team-agent-id{grid-column:1/-1}
  .pd-team-edit{grid-column:1/-1}
}
@media(max-width:620px){
  .pd-team-agent-row{grid-template-columns:1fr}
  .pd-team-agent-id,.pd-team-edit{grid-column:auto}
}

/* =========================================================
   v21.1.00 · Supervisor Conciliación — stronger journey colors
   Keep the approved semantic palette, but increase visual separation
   only inside Supervisor > Conciliación > Jornada reconstruida.
   ========================================================= */
[data-reconcile-content="agents"] .pd-supervisor-agent-journey .pd-journey-row .pd-journey-card{
  border-color:color-mix(in srgb,var(--journey-seed,var(--accent)) 40%,var(--line))!important;
  background:linear-gradient(105deg,
    color-mix(in srgb,var(--journey-seed,var(--accent)) 18%,transparent),
    color-mix(in srgb,var(--journey-seed,var(--accent)) 7%,var(--panel)),
    color-mix(in srgb,var(--panel) 93%,transparent))!important;
  box-shadow:inset 4px 0 0 color-mix(in srgb,var(--journey-seed,var(--accent)) 88%,transparent),
             0 5px 14px color-mix(in srgb,var(--journey-seed,var(--accent)) 8%,transparent)!important;
}
[data-reconcile-content="agents"] .pd-supervisor-agent-journey .pd-journey-row.is-incident .pd-journey-card{
  border-color:color-mix(in srgb,var(--journey-seed) 58%,var(--line))!important;
  background:linear-gradient(105deg,
    color-mix(in srgb,var(--journey-seed) 27%,transparent),
    color-mix(in srgb,var(--journey-seed) 11%,var(--panel)),
    color-mix(in srgb,var(--panel) 92%,transparent))!important;
  box-shadow:inset 4px 0 0 var(--journey-seed),
             0 6px 16px color-mix(in srgb,var(--journey-seed) 13%,transparent)!important;
}
[data-reconcile-content="agents"] .pd-supervisor-agent-journey .pd-journey-node>span{
  border-color:color-mix(in srgb,var(--journey-seed,var(--accent)) 52%,var(--line))!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--journey-seed,var(--accent)) 30%,var(--panel)),
    color-mix(in srgb,var(--journey-seed,var(--accent)) 12%,var(--panel)))!important;
  color:var(--journey-seed,var(--accent))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),
             0 3px 9px color-mix(in srgb,var(--journey-seed,var(--accent)) 16%,transparent)!important;
}
[data-reconcile-content="agents"] .pd-supervisor-agent-journey .pd-journey-spine{
  width:2px!important;
  background:linear-gradient(
    color-mix(in srgb,var(--journey-seed,var(--accent)) 62%,var(--line)),
    color-mix(in srgb,var(--journey-seed,var(--accent)) 24%,var(--line)))!important;
}
[data-reconcile-content="agents"] .pd-supervisor-agent-journey .pd-journey-legend i{
  width:8px!important;
  height:8px!important;
  border-radius:3px!important;
  box-shadow:0 0 0 2px color-mix(in srgb,currentColor 0%,transparent),
             0 2px 6px rgba(0,0,0,.08);
}
body[data-mode="dark"] [data-reconcile-content="agents"] .pd-supervisor-agent-journey .pd-journey-row .pd-journey-card{
  background:linear-gradient(105deg,
    color-mix(in srgb,var(--journey-seed,var(--accent)) 23%,transparent),
    color-mix(in srgb,var(--journey-seed,var(--accent)) 10%,var(--panel)),
    color-mix(in srgb,var(--panel) 91%,transparent))!important;
}
body[data-mode="dark"] [data-reconcile-content="agents"] .pd-supervisor-agent-journey .pd-journey-row.is-incident .pd-journey-card{
  background:linear-gradient(105deg,
    color-mix(in srgb,var(--journey-seed) 33%,transparent),
    color-mix(in srgb,var(--journey-seed) 14%,var(--panel)),
    color-mix(in srgb,var(--panel) 90%,transparent))!important;
}

/* =========================================================
   v21.1.01 · Agent Horario — stronger Open Time + Break colors
   Keep the same approved semantic colors; only increase presence
   inside the agent-facing reconstructed journey.
   ========================================================= */
#weeklySchedule .pd-journey-schedule .pd-journey-row.state-available .pd-journey-card,
#weeklySchedule .pd-journey-schedule .pd-journey-row.state-break .pd-journey-card{
  border-color:color-mix(in srgb,var(--journey-seed) 46%,var(--line))!important;
  background:linear-gradient(105deg,
    color-mix(in srgb,var(--journey-seed) 21%,transparent),
    color-mix(in srgb,var(--journey-seed) 8%,var(--panel)),
    color-mix(in srgb,var(--panel) 93%,transparent))!important;
  box-shadow:inset 4px 0 0 color-mix(in srgb,var(--journey-seed) 90%,transparent),
             0 5px 13px color-mix(in srgb,var(--journey-seed) 9%,transparent)!important;
}
#weeklySchedule .pd-journey-schedule .pd-journey-row.state-available .pd-journey-node>span,
#weeklySchedule .pd-journey-schedule .pd-journey-row.state-break .pd-journey-node>span{
  border-color:color-mix(in srgb,var(--journey-seed) 55%,var(--line))!important;
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--journey-seed) 31%,var(--panel)),
    color-mix(in srgb,var(--journey-seed) 12%,var(--panel)))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),
             0 3px 8px color-mix(in srgb,var(--journey-seed) 15%,transparent)!important;
}
#weeklySchedule .pd-journey-schedule .pd-journey-row.state-available .pd-journey-spine,
#weeklySchedule .pd-journey-schedule .pd-journey-row.state-break .pd-journey-spine{
  width:2px!important;
  background:linear-gradient(color-mix(in srgb,var(--journey-seed) 60%,var(--line)),color-mix(in srgb,var(--journey-seed) 23%,var(--line)))!important;
}
body[data-mode="dark"] #weeklySchedule .pd-journey-schedule .pd-journey-row.state-available .pd-journey-card,
body[data-mode="dark"] #weeklySchedule .pd-journey-schedule .pd-journey-row.state-break .pd-journey-card{
  background:linear-gradient(105deg,
    color-mix(in srgb,var(--journey-seed) 27%,transparent),
    color-mix(in srgb,var(--journey-seed) 11%,var(--panel)),
    color-mix(in srgb,var(--panel) 91%,transparent))!important;
}

/* v21.1.04 · incident correction workflow */
.incident-action-button.correct{border-color:color-mix(in srgb,#c58a42 45%,var(--line));background:color-mix(in srgb,var(--panel) 84%,#e9b66f 16%);color:color-mix(in srgb,#9b6529 82%,var(--ink))}.incident-action-button.cancel{background:transparent;color:var(--muted)}
.incident-correction-panel{margin:12px 0;padding:14px;border:1px solid color-mix(in srgb,#d8a45c 38%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel) 90%,#f1c77e 10%)}.incident-correction-head,.incident-correction-head>div,.incident-correction-actions,.incident-correction-history{display:flex;align-items:center}.incident-correction-head{justify-content:space-between;gap:12px}.incident-correction-head>div{gap:7px}.incident-correction-head svg{width:15px;height:15px}.incident-correction-head strong{font-size:10px}.incident-correction-head small,.incident-correction-panel>p{font-size:8px;color:var(--muted)}.incident-correction-panel>p{margin:8px 0 11px;line-height:1.5}.incident-correction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.incident-correction-grid.is-extension{grid-template-columns:repeat(2,minmax(0,1fr))}.incident-correction-grid label span{display:block;font-size:8px;font-weight:800;color:var(--muted);margin:0 0 5px}.incident-correction-grid input{min-width:0}.incident-correction-actions{gap:8px;margin-top:11px;flex-wrap:wrap}.incident-correction-history{gap:9px;margin:10px 0;padding:10px 12px;border-radius:13px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,var(--muted) 6%)}.incident-correction-history>svg{width:15px;height:15px;color:var(--muted);flex:0 0 auto}.incident-correction-history small,.incident-correction-history strong,.incident-correction-history span{display:block}.incident-correction-history small{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.incident-correction-history strong{font-size:9px;margin-top:2px}.incident-correction-history span{font-size:7px;color:var(--muted);margin-top:3px}@media(max-width:720px){.incident-correction-grid,.incident-correction-grid.is-extension{grid-template-columns:1fr}}


/* =========================================================
   v21.1.05 · Supervisor Horario + Jornada modificada
   ========================================================= */
.sup-schedules-layout{grid-template-columns:278px minmax(0,1fr);gap:16px}
.sup-schedule-editor-col{gap:12px}
.sup-schedule-agent-list-card,.sup-schedule-agent-head,.sup-schedule-week-card,.sup-schedule-modified-card,.sup-schedule-leave-card{box-shadow:0 14px 38px color-mix(in srgb,#000 7%,transparent)}
.sup-schedule-agent-head{padding:15px 17px!important;background:linear-gradient(140deg,color-mix(in srgb,var(--panel) 98%,var(--accent) 2%),color-mix(in srgb,var(--panel) 94%,var(--accent2) 3%))}
.sup-schedule-head-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.sup-effective-schedule-chip{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:0 10px;border-radius:999px;border:1px solid var(--line);font-size:6.7px;font-weight:850;white-space:nowrap}
.sup-effective-schedule-chip svg{width:13px;height:13px}.sup-effective-schedule-chip.base{background:color-mix(in srgb,var(--panel) 92%,var(--accent) 4%);color:var(--muted)}
.sup-effective-schedule-chip.modified{background:color-mix(in srgb,var(--accent) 11%,var(--panel));border-color:color-mix(in srgb,var(--accent) 32%,var(--line));color:var(--accent)}
.sup-schedule-week-card,.sup-schedule-modified-card,.sup-schedule-leave-card{padding:16px!important}
.sup-schedule-week-card .section-heading,.sup-schedule-leave-card .section-heading,.sup-schedule-modified-card .section-heading{margin-bottom:0}
.sup-schedule-time-grid{margin-top:12px}.sup-schedule-days-editor{margin-top:10px}.sup-schedule-days-editor button{min-height:54px;border-radius:12px}
.sup-schedule-preview{margin-top:10px}.sup-schedule-preview>div{padding:9px 10px}
.sup-schedule-rests{gap:8px;margin-top:10px}.sup-schedule-rest-item{padding:9px 10px!important;border-radius:12px!important}
.sup-schedule-modified-card{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--accent) 18%,var(--line))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 98%,var(--accent) 2%),color-mix(in srgb,var(--panel) 96%,var(--accent2) 2%))!important}
.sup-schedule-modified-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(var(--accent),var(--accent2));opacity:.72}
.sup-modified-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.sup-modified-toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 94%,var(--accent) 3%);font-size:7px;font-weight:800;color:var(--muted)}
.sup-modified-period{display:grid;grid-template-columns:150px 190px minmax(0,1fr);gap:9px;align-items:end;margin-top:12px;transition:opacity .18s ease}
.sup-modified-period label{display:grid;gap:5px}.sup-modified-period label>span{font-size:7px;color:var(--muted);font-weight:700}
.sup-modified-period-preview{min-height:38px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;border:1px dashed color-mix(in srgb,var(--accent) 30%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--panel));font-size:7px;color:var(--muted)}
.sup-modified-period-preview svg{width:14px;min-width:14px;color:var(--accent)}.sup-modified-period-preview b{color:var(--ink)}
.sup-modified-editor{transition:opacity .18s ease}.sup-modified-period.disabled,.sup-modified-editor.disabled{opacity:.42;filter:saturate(.7)}
.sup-modified-days{margin-top:10px}.sup-modified-days button.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.sup-modified-info{display:flex;align-items:flex-start;gap:8px;margin-top:11px;padding:9px 10px;border-radius:11px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));color:var(--muted);font-size:6.8px;line-height:1.45}
.sup-modified-info svg{width:14px;min-width:14px;color:var(--accent)}
.sup-modified-history{margin-top:10px;border-top:1px solid var(--line);padding-top:9px;display:grid;gap:6px}
.sup-modified-history-title{display:flex;align-items:center;justify-content:space-between}.sup-modified-history-title span{font-size:7px;font-weight:850;color:var(--ink)}.sup-modified-history-title small{font-size:6.2px;color:var(--muted)}
.sup-modified-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--panel) 96%,var(--accent) 2%)}
.sup-modified-history-row span b,.sup-modified-history-row span small{display:block}.sup-modified-history-row span b{font-size:6.8px}.sup-modified-history-row span small{font-size:6px;color:var(--muted);margin-top:2px}
.sup-modified-history-row em{font-size:5.9px;font-style:normal;font-weight:850;border-radius:999px;padding:4px 7px;background:color-mix(in srgb,var(--panel) 90%,var(--line));color:var(--muted)}
.sup-modified-history-row em.activa{background:color-mix(in srgb,#22c55e 13%,var(--panel));color:#16a34a}.sup-modified-history-row em.programada{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent)}
.sup-modified-history-empty{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:6.6px}.sup-modified-history-empty svg{width:13px}
@media(max-width:980px){.sup-modified-period{grid-template-columns:1fr 1fr}.sup-modified-period-preview{grid-column:1/-1}}
@media(max-width:760px){.sup-schedule-head-status{justify-content:flex-start}.sup-modified-head{align-items:flex-start;flex-direction:column}.sup-modified-period{grid-template-columns:1fr}.sup-modified-period-preview{grid-column:auto}}

/* =========================================================
   v21.1.06 · Supervisor Horarios visual cleanup
   - clearer hierarchy
   - larger readable type
   - compact rest rows
   - collapsed inactive modified schedule
   - calmer surfaces / less visual bulk
   ========================================================= */
.sup-schedules-page{gap:14px}
.sup-schedules-header{align-items:center;padding-bottom:2px}
.sup-schedules-header h1{font-size:30px;margin-bottom:5px}
.sup-schedules-header .subtitle{max-width:650px;font-size:12px;line-height:1.45}
.sup-schedules-header-actions .primary-button,.sup-schedules-header-actions .secondary-button{min-height:40px;padding:0 14px;border-radius:12px;font-size:11px}

.sup-schedules-layout{grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start}
.sup-schedule-editor-col{gap:10px}
.sup-schedule-agent-list-card,.sup-schedule-agent-head,.sup-schedule-week-card,.sup-schedule-modified-card,.sup-schedule-leave-card{
  box-shadow:0 10px 28px color-mix(in srgb,#000 5%,transparent)!important;
  border-color:color-mix(in srgb,var(--line) 88%,transparent)!important;
}
.sup-schedule-agent-list-card{padding:14px!important;border-radius:18px!important}
.sup-schedule-agent-list-card .section-heading h3{font-size:14px}
.sup-schedule-agent-list-card .section-heading p{font-size:10px;line-height:1.35}
.sup-schedule-search{min-height:40px;border-radius:12px}
.sup-schedule-search input{font-size:11px}
.sup-schedule-agent-list{gap:6px;margin-top:10px;max-height:590px}
.sup-schedule-agent-row{min-height:54px!important;padding:9px 10px!important;border-radius:12px!important}
.sup-schedule-agent-row strong{font-size:10px!important}
.sup-schedule-agent-row small{font-size:8px!important;line-height:1.3}

.sup-schedule-agent-head{padding:14px 16px!important;border-radius:18px!important;background:color-mix(in srgb,var(--panel) 97%,var(--accent) 3%)!important}
.sup-schedule-agent-head h2{font-size:18px;margin:2px 0 3px}
.sup-schedule-agent-head p:last-child{font-size:9px;color:var(--muted)}
.sup-schedule-agent-ident .eyebrow{font-size:8px!important;letter-spacing:.14em}
.sup-effective-schedule-chip,.sup-status-chip{min-height:28px!important;padding:0 9px!important;font-size:8px!important}

.sup-schedule-week-card,.sup-schedule-modified-card,.sup-schedule-leave-card{padding:14px!important;border-radius:18px!important}
.sup-schedule-week-card .section-heading h3,.sup-schedule-modified-card .section-heading h3,.sup-schedule-leave-card .section-heading h3{font-size:15px}
.sup-schedule-week-card .section-heading p,.sup-schedule-modified-card .section-heading p,.sup-schedule-leave-card .section-heading p{font-size:10px;line-height:1.4}
.sup-schedule-week-card .soft-icon,.sup-schedule-modified-card .soft-icon,.sup-schedule-leave-card .soft-icon{width:34px;height:34px;border-radius:11px}

.sup-schedule-time-grid{gap:9px;margin-top:12px}
.sup-schedule-time-grid label>span,.sup-leave-fields label>span,.sup-modified-period label>span{font-size:9px!important;font-weight:750!important}
.sup-schedule-time-grid .form-input,.sup-modified-period .form-input,.sup-leave-fields .form-input{min-height:42px!important;border-radius:12px!important;font-size:12px!important;padding:0 12px!important}

.sup-schedule-rests{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:10px 0!important}
.sup-schedule-rest-item{
  display:grid!important;
  grid-template-columns:minmax(95px,.85fr) minmax(135px,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:48px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--panel) 96%,var(--accent) 4%)!important;
}
.sup-rest-toggle{gap:8px!important}.sup-rest-toggle span{font-size:10px!important}
.sup-schedule-rest-item .form-input{min-height:34px!important;height:34px!important;font-size:11px!important;border-radius:9px!important}
.sup-schedule-rest-item small{font-size:8px!important;white-space:nowrap;text-align:right}

.sup-rest-note{margin-top:9px!important;padding:9px 10px!important;border-radius:11px!important}
.sup-rest-note span{font-size:8.5px!important;line-height:1.4!important}
.sup-rest-note svg{width:14px!important;height:14px!important}

.sup-schedule-days-editor{gap:6px;margin-top:10px}
.sup-schedule-days-editor button{min-height:46px!important;border-radius:11px!important;gap:1px!important}
.sup-schedule-days-editor button span{font-size:11px!important}
.sup-schedule-days-editor button small{font-size:7px!important}
.sup-schedule-preview{gap:7px;margin-top:9px}
.sup-schedule-preview>div{padding:8px 10px!important;border-radius:11px!important}
.sup-schedule-preview span{font-size:8px!important}.sup-schedule-preview strong{font-size:12px!important;margin-top:2px!important}

/* Modified schedule should not look like a giant disabled duplicate. */
.sup-schedule-modified-card{overflow:visible!important;background:color-mix(in srgb,var(--panel) 97%,var(--accent) 3%)!important}
.sup-schedule-modified-card:before{top:14px!important;bottom:14px!important;width:2px!important;opacity:.55!important}
.sup-modified-head{min-height:42px}
.sup-modified-toggle{padding:6px 9px!important;font-size:9px!important;min-height:30px}
.sup-schedule-modified-card:has(#supModifiedEnabled:not(:checked)) .sup-modified-period,
.sup-schedule-modified-card:has(#supModifiedEnabled:not(:checked)) .sup-modified-editor,
.sup-schedule-modified-card:has(#supModifiedEnabled:not(:checked)) .sup-modified-history{display:none!important}
.sup-schedule-modified-card:has(#supModifiedEnabled:not(:checked))::after{
  content:"Actívala solo cuando necesites reemplazar temporalmente la jornada semanal.";
  display:flex;align-items:center;min-height:38px;margin-top:9px;padding:8px 11px;border-radius:11px;
  border:1px dashed color-mix(in srgb,var(--accent) 18%,var(--line));
  background:color-mix(in srgb,var(--panel) 98%,var(--accent) 2%);color:var(--muted);font-size:9px;line-height:1.35;
}
.sup-modified-period{grid-template-columns:130px 190px minmax(0,1fr)!important;gap:8px!important;margin-top:10px!important}
.sup-modified-period-preview{min-height:42px!important;font-size:8.5px!important;border-radius:11px!important}
.sup-modified-info{font-size:8.5px!important;padding:8px 10px!important;margin-top:9px!important}
.sup-modified-history-title span{font-size:9px!important}.sup-modified-history-title small{font-size:8px!important}
.sup-modified-history-row span b{font-size:9px!important}.sup-modified-history-row span small{font-size:8px!important}.sup-modified-history-row em{font-size:7.5px!important}
.sup-modified-history-empty{font-size:8.5px!important}

.sup-schedule-leave-card{background:color-mix(in srgb,var(--panel) 98%,var(--accent2) 2%)!important}
.sup-schedule-leave-card .profile-soft-note{padding:9px 10px!important;border-radius:11px!important}
.sup-schedule-leave-card .profile-soft-note span{font-size:8.5px!important;line-height:1.4}
.sup-leave-fields{gap:9px!important;margin-top:10px!important}

@media(max-width:1180px){
  .sup-schedules-layout{grid-template-columns:230px minmax(0,1fr)}
  .sup-schedule-rest-item{grid-template-columns:90px minmax(120px,1fr) auto!important}
}
@media(max-width:1100px){
  .sup-schedules-layout{grid-template-columns:1fr}
  .sup-schedule-agent-list-card{position:static}
  .sup-schedule-agent-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}
}
@media(max-width:760px){
  .sup-schedule-rest-item{grid-template-columns:1fr!important;align-items:stretch!important}
  .sup-schedule-rest-item small{text-align:left}
  .sup-modified-period{grid-template-columns:1fr!important}
}

/* ===== PulseDesk v21.1.07 · Future schedule planning ===== */
.pd-future-planning-note{border-color:rgba(116,199,242,.28)!important;background:linear-gradient(135deg,rgba(116,199,242,.08),rgba(196,167,231,.06))!important}
.pd-future-effective-schedule{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.25fr);gap:10px;margin-top:10px}
.pd-future-effective-schedule>div{min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(8,25,35,.38);display:flex;flex-direction:column;gap:4px}
.pd-future-effective-schedule small{font-size:10px;letter-spacing:.055em;text-transform:uppercase;opacity:.62}
.pd-future-effective-schedule b{font-size:13px;line-height:1.35;font-weight:750}
@media(max-width:820px){.pd-future-effective-schedule{grid-template-columns:1fr}}


/* v21.2.00 · Daniel Demo Build */
.pd-demo-module{max-width:1500px}.pd-module-header{align-items:flex-start}.pd-live-chip,.pd-count-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.55);font-size:12px;font-weight:800}.pd-tabbar{display:flex;gap:7px;padding:6px;margin:0 0 16px;background:color-mix(in srgb,var(--panel) 72%,transparent);border:1px solid var(--line);border-radius:16px;overflow:auto}.pd-tabbar button,.pd-filter-pills button{border:0;background:transparent;border-radius:11px;padding:10px 13px;display:flex;align-items:center;gap:7px;font:inherit;font-size:13px;font-weight:750;color:var(--muted);white-space:nowrap;cursor:pointer}.pd-tabbar button.active,.pd-filter-pills button.active{background:var(--panel);color:var(--ink);box-shadow:0 5px 16px rgba(31,38,56,.08)}.pd-insight-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;margin-bottom:15px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(125deg,rgba(255,255,255,.72),rgba(245,248,255,.45))}.pd-insight-hero span,.pd-section-head small,.pd-agent-insight-head small{font-size:10px;letter-spacing:.11em;font-weight:850;color:var(--muted)}.pd-insight-hero h2{font-size:21px;margin:4px 0}.pd-insight-hero p{margin:0;color:var(--muted);font-size:13px}.pd-hero-stat{text-align:center;min-width:105px}.pd-hero-stat strong{display:block;font-size:30px}.pd-hero-stat span{letter-spacing:0;text-transform:none}.pd-two-col,.pd-pattern-grid,.pd-provider-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pd-ranking-card{padding:18px}.pd-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.pd-section-head h3{margin:2px 0 0;font-size:16px}.pd-section-head>svg{width:20px;color:var(--muted)}.pd-ranking-list,.pd-provider-ranking,.pd-provider-agents{display:flex;flex-direction:column;gap:5px;max-height:430px;overflow:auto;padding-right:3px}.pd-rank-row,.pd-provider-ranking button,.pd-provider-agents button,.pd-metric-table button{width:100%;display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:10px;border:0;background:transparent;border-radius:13px;padding:9px;text-align:left;color:inherit;cursor:pointer}.pd-rank-row:hover,.pd-provider-ranking button:hover,.pd-provider-agents button:hover,.pd-metric-table button:hover{background:rgba(255,255,255,.58)}.pd-rank-pos{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(120,130,150,.1);font-size:11px;font-weight:900}.pd-rank-pos.top{background:rgba(234,179,8,.14);color:#9a6a00}.pd-avatar-sm{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(112,122,255,.1);font-size:11px;font-weight:850}.pd-avatar-lg{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(112,122,255,.12);font-weight:900}.pd-rank-name b,.pd-rank-name small,.pd-check-person b,.pd-check-person small{display:block}.pd-rank-name small,.pd-check-person small{font-size:11px;color:var(--muted);margin-top:2px}.pd-score-pill{padding:5px 8px;border-radius:999px;font-size:11px;font-weight:900}.good{color:#16835f!important}.warn{color:#a36a08!important}.bad{color:#b94d5c!important}.pd-score-pill.good{background:rgba(22,131,95,.09)}.pd-score-pill.warn{background:rgba(210,143,21,.1)}.pd-score-pill.bad{background:rgba(185,77,92,.09)}.pd-metric-overview{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.pd-metric-overview>article{display:flex;align-items:center;gap:20px;padding:18px}.pd-metric-overview h3{margin:2px 0 5px}.pd-metric-overview p{margin:0;color:var(--muted);font-size:12px}.pd-mini-donut{--pd-score:95;width:104px;height:104px;flex:0 0 104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(currentColor calc(var(--pd-score)*1%),rgba(130,140,160,.13) 0);color:#6f77e8;position:relative}.pd-mini-donut:after{content:'';position:absolute;inset:9px;border-radius:50%;background:var(--card)}.pd-mini-donut>div{z-index:1;text-align:center}.pd-mini-donut strong,.pd-mini-donut span{display:block}.pd-mini-donut strong{font-size:17px}.pd-mini-donut span{font-size:9px;color:var(--muted)}.pd-agent-metrics{padding:18px}.pd-metric-table{max-height:470px;overflow:auto}.pd-metric-table button{grid-template-columns:auto 1fr 120px 120px auto;border-bottom:1px solid rgba(120,130,150,.08);border-radius:10px}.pd-metric-table button>span b,.pd-metric-table button>span small{display:block}.pd-metric-table button>span small{font-size:10px;color:var(--muted)}.pd-bars{display:flex;flex-direction:column;gap:12px}.pd-bars>div{display:grid;grid-template-columns:145px 1fr 28px;gap:10px;align-items:center;font-size:12px}.pd-bars>div>div{height:8px;border-radius:999px;background:rgba(120,130,150,.1);overflow:hidden}.pd-bars i{display:block;height:100%;border-radius:inherit;background:currentColor;color:#7982ef}.pd-pattern-main{padding:18px}.pd-signal-list{display:flex;flex-direction:column;gap:7px}.pd-signal-list>div,.pd-compact-events>div{display:flex;gap:11px;align-items:center;padding:10px;border-radius:12px;background:rgba(255,255,255,.42)}.pd-signal-list svg,.pd-compact-events svg{width:18px;color:var(--muted)}.pd-signal-list b,.pd-signal-list small,.pd-compact-events b,.pd-compact-events small{display:block}.pd-signal-list small,.pd-compact-events small{font-size:11px;color:var(--muted)}.pd-provider-note{display:flex;gap:11px;padding:13px 15px;margin-bottom:15px;border-radius:15px;background:rgba(80,150,200,.07);border:1px solid rgba(80,150,200,.14)}.pd-provider-note svg{width:18px}.pd-provider-note b,.pd-provider-note span{display:block}.pd-provider-note span{font-size:12px;color:var(--muted);margin-top:2px}.pd-provider-layout>article{padding:18px}.pd-provider-ranking button{grid-template-columns:auto 1fr auto auto}.pd-provider-ranking button span b,.pd-provider-ranking button span small,.pd-provider-ranking strong small{display:block}.pd-provider-ranking button span small,.pd-provider-ranking strong small{font-size:10px;color:var(--muted);font-weight:600}.pd-provider-agents button{grid-template-columns:auto 1fr auto}.pd-provider-agents b,.pd-provider-agents small{display:block}.pd-provider-agents small{font-size:10px;color:var(--muted)}.pd-agent-insight-head{display:flex;gap:14px;align-items:center;margin:10px 0 16px}.pd-agent-insight-head h2,.pd-agent-insight-head p{margin:2px 0}.pd-agent-insight-head p{color:var(--muted);font-size:12px}.pd-back-link{border:0;background:transparent;color:var(--muted);display:flex;gap:7px;align-items:center;font-weight:800;cursor:pointer}.pd-provider-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.pd-provider-editor label>span{display:block;font-size:11px;font-weight:800;color:var(--muted);margin-bottom:6px}.pd-huddle-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.pd-huddle-kpis article{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.52)}.pd-huddle-kpis article>svg{width:21px;color:var(--muted)}.pd-huddle-kpis span{flex:1}.pd-huddle-kpis small,.pd-huddle-kpis b{display:block}.pd-huddle-kpis small{font-size:10px;color:var(--muted)}.pd-huddle-kpis b{font-size:18px}.pd-huddle-kpis em{font-size:10px;font-style:normal;font-weight:850}.pd-huddle-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pd-huddle-card{padding:18px;min-height:210px}.pd-mood-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.pd-mood-row>div{text-align:center;padding:12px 5px;border-radius:13px;background:rgba(255,255,255,.45)}.pd-mood-row span,.pd-mood-row b{display:block}.pd-mood-row span{font-size:22px}.pd-mood-row b{font-size:13px;margin-top:4px}.pd-muted,.pd-empty-copy{font-size:11px;color:var(--muted)}.pd-scroll-list{display:flex;flex-direction:column;gap:7px;max-height:180px;overflow:auto}.pd-huddle-item{display:flex;align-items:center;gap:10px;padding:9px;border-radius:12px;background:rgba(255,255,255,.45)}.pd-huddle-item>svg{width:17px;color:var(--muted)}.pd-huddle-item span{flex:1}.pd-huddle-item b,.pd-huddle-item small{display:block}.pd-huddle-item b{font-size:12px}.pd-huddle-item small{font-size:10px;color:var(--muted)}.pd-important-note{display:flex;gap:12px;padding:15px;border-radius:15px;background:rgba(112,122,255,.07);border:1px solid rgba(112,122,255,.12)}.pd-important-note p{margin:0;line-height:1.5;font-size:13px}.pd-huddle-presenting #supervisorApp .supervisor-sidebar,.pd-huddle-presenting #supervisorApp .sup-utility-bar{display:none!important}.pd-huddle-presenting #supervisorApp .supervisor-main{margin-left:0!important;padding:28px!important;max-width:1400px;margin:auto!important}.pd-huddle-presenting #supervisorApp .sup-view:not([data-sup-panel="huddle"]){display:none!important}.pd-month-nav{display:flex;align-items:center;gap:8px}.pd-check-summary{display:grid;grid-template-columns:repeat(3,1fr) 1.6fr;gap:10px;margin-bottom:15px}.pd-check-summary article{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.52)}.pd-check-summary svg{width:19px;color:var(--muted)}.pd-check-summary small,.pd-check-summary b{display:block}.pd-check-summary small{font-size:10px;color:var(--muted)}.pd-check-summary b{font-size:18px}.pd-check-summary .wide{display:grid;grid-template-columns:1fr 1.5fr}.pd-check-summary .wide>div{height:8px;border-radius:999px;background:rgba(120,130,150,.1);overflow:hidden}.pd-check-summary .wide i{display:block;height:100%;background:currentColor;color:#7982ef;border-radius:inherit}.pd-check-shell{padding:15px}.pd-check-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.pd-check-toolbar .search-box{max-width:340px}.pd-filter-pills{display:flex;gap:5px;padding:4px;border-radius:13px;background:rgba(120,130,150,.06)}.pd-filter-pills button{padding:7px 10px}.pd-check-list{display:flex;flex-direction:column;max-height:520px;overflow:auto}.pd-check-row{display:grid;grid-template-columns:auto auto 1fr 180px auto;gap:10px;align-items:center;padding:10px 8px;border-bottom:1px solid rgba(120,130,150,.08)}.pd-check-row.done{opacity:.72}.pd-check-toggle{border:0;background:transparent;color:var(--muted);cursor:pointer}.pd-check-row.done .pd-check-toggle{color:#16835f}.pd-check-status b,.pd-check-status small{display:block}.pd-check-status b{font-size:11px}.pd-check-status small{font-size:10px;color:var(--muted)}.pd-empty-state{min-height:150px;display:grid;place-items:center;align-content:center;text-align:center;gap:5px;color:var(--muted)}.pd-empty-state svg{width:24px}.pd-empty-state b{color:var(--text)}
@media(max-width:1000px){.pd-two-col,.pd-pattern-grid,.pd-provider-layout,.pd-huddle-grid,.pd-metric-overview{grid-template-columns:1fr}.pd-check-summary{grid-template-columns:1fr 1fr}.pd-huddle-kpis{grid-template-columns:1fr}.pd-metric-table button{grid-template-columns:auto 1fr auto auto}.pd-metric-table button>svg{display:none}}

/* =========================================================
   v21.2.01 · Theme-adaptive showcase polish
   ========================================================= */
:root{--pd-show-a:var(--glass-a,var(--accent));--pd-show-b:var(--glass-b,var(--accent2));--pd-show-c:var(--glass-c,var(--accent))}
.pd-demo-module{--pd-soft-a:color-mix(in srgb,var(--pd-show-a) 18%,var(--panel));--pd-soft-b:color-mix(in srgb,var(--pd-show-b) 15%,var(--panel));--pd-soft-c:color-mix(in srgb,var(--pd-show-c) 12%,var(--panel))}
.pd-demo-module .pd-module-header{margin-bottom:16px}
.pd-demo-module .pd-tabbar{padding:6px;background:color-mix(in srgb,var(--panel) 88%,var(--pd-show-a) 12%);border:1px solid color-mix(in srgb,var(--line) 72%,var(--pd-show-a) 28%);box-shadow:0 14px 35px color-mix(in srgb,var(--pd-show-b) 9%,transparent)}
.pd-demo-module .pd-tabbar button{border-radius:14px;transition:.2s ease}.pd-demo-module .pd-tabbar button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--pd-show-a) 78%,white 22%),color-mix(in srgb,var(--pd-show-b) 78%,white 22%));color:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--pd-show-b) 25%,transparent)}
.pd-insight-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 65%,var(--pd-show-a) 35%)!important;background:linear-gradient(125deg,color-mix(in srgb,var(--pd-show-a) 24%,var(--panel)),color-mix(in srgb,var(--pd-show-b) 18%,var(--panel)) 55%,color-mix(in srgb,var(--pd-show-c) 14%,var(--panel)))!important;box-shadow:0 22px 58px color-mix(in srgb,var(--pd-show-b) 13%,transparent)}
.pd-insight-hero:before,.pd-insight-hero:after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(1px)}.pd-insight-hero:before{width:220px;height:220px;right:-65px;top:-90px;background:radial-gradient(circle,color-mix(in srgb,var(--pd-show-a) 34%,transparent),transparent 68%)}.pd-insight-hero:after{width:170px;height:170px;right:120px;bottom:-110px;background:radial-gradient(circle,color-mix(in srgb,var(--pd-show-c) 30%,transparent),transparent 68%)}
.pd-showcase-rankings{align-items:start}.pd-gameboard-card{overflow:hidden;position:relative;background:linear-gradient(160deg,color-mix(in srgb,var(--panel) 93%,var(--pd-show-a) 7%),color-mix(in srgb,var(--panel) 94%,var(--pd-show-b) 6%))!important;border-color:color-mix(in srgb,var(--line) 70%,var(--pd-show-a) 30%)!important}
.pd-podium{display:grid;grid-template-columns:1fr 1.14fr 1fr;align-items:end;gap:8px;min-height:215px;padding:18px 10px 6px;margin:6px 0 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--pd-show-a) 8%,transparent),transparent);border-radius:24px}
.pd-podium-place{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:transparent;color:var(--text);cursor:pointer;min-width:0}.pd-podium-avatar{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--pd-show-a),var(--pd-show-b));box-shadow:0 10px 28px color-mix(in srgb,var(--pd-show-b) 28%,transparent),inset 0 0 0 3px color-mix(in srgb,#fff 65%,transparent)}.pd-podium-place.place-1 .pd-podium-avatar{width:70px;height:70px;font-size:20px}.pd-podium-place b{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-podium-place small{font-size:10px;color:var(--muted)}.pd-podium-place strong{font-size:15px;color:color-mix(in srgb,var(--pd-show-b) 80%,var(--text))}.pd-podium-crown{height:28px;color:var(--pd-show-b)}.pd-podium-crown svg{width:23px;height:23px}.pd-podium-place.place-1 .pd-podium-crown{color:#f4b942}.pd-podium-base{width:100%;height:54px;margin-top:5px;border-radius:16px 16px 8px 8px;display:grid;place-items:center;font-style:normal;font-size:24px;font-weight:900;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--pd-show-a) 78%,white 22%),color-mix(in srgb,var(--pd-show-b) 82%,black 4%));box-shadow:0 10px 24px color-mix(in srgb,var(--pd-show-b) 22%,transparent)}.pd-podium-place.place-1 .pd-podium-base{height:80px}.pd-podium-place.place-3 .pd-podium-base{height:44px}
.pd-ranking-scroll{max-height:270px;overflow:auto;padding-right:4px}.pd-ranking-scroll::-webkit-scrollbar,.pd-incident-agent-list::-webkit-scrollbar,.pd-team-links-grid::-webkit-scrollbar{width:6px}.pd-ranking-scroll::-webkit-scrollbar-thumb,.pd-incident-agent-list::-webkit-scrollbar-thumb,.pd-team-links-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--pd-show-a) 38%,transparent);border-radius:10px}
.pd-pattern-hero{margin-bottom:16px}.pd-incident-type-list{display:grid;gap:7px;max-height:520px;overflow:auto;padding-right:4px}.pd-incident-type-list>button{display:grid;grid-template-columns:36px 38px minmax(145px,1.35fr) minmax(80px,1fr) 34px 20px;align-items:center;gap:10px;width:100%;padding:11px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--line) 80%,var(--pd-show-a) 20%);background:color-mix(in srgb,var(--panel) 95%,var(--pd-show-a) 5%);color:var(--text);text-align:left;cursor:pointer;transition:.18s ease}.pd-incident-type-list>button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--pd-show-a) 50%,var(--line));background:color-mix(in srgb,var(--panel) 90%,var(--pd-show-a) 10%)}.pd-type-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--pd-show-a) 13%,var(--panel));color:var(--pd-show-a)}.pd-type-copy{min-width:0}.pd-type-copy b,.pd-type-copy small{display:block}.pd-type-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-type-copy small{font-size:10px;color:var(--muted);margin-top:2px}.pd-type-bar{height:7px;border-radius:999px;background:color-mix(in srgb,var(--line) 75%,transparent);overflow:hidden}.pd-type-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pd-show-a),var(--pd-show-b))}
.pd-type-hero{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:19px 21px;border-radius:24px;background:linear-gradient(125deg,color-mix(in srgb,var(--pd-show-a) 20%,var(--panel)),color-mix(in srgb,var(--pd-show-b) 13%,var(--panel)));border:1px solid color-mix(in srgb,var(--line) 68%,var(--pd-show-a) 32%);margin-bottom:14px}.pd-type-orb{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pd-show-a),var(--pd-show-b));color:white;box-shadow:0 12px 30px color-mix(in srgb,var(--pd-show-b) 24%,transparent)}.pd-type-orb svg{width:27px;height:27px}.pd-type-hero h2{margin:2px 0 3px}.pd-type-hero p{margin:0;color:var(--muted)}.pd-type-total{text-align:center;padding:10px 15px;border-radius:17px;background:color-mix(in srgb,var(--panel) 74%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,var(--pd-show-a) 30%)}.pd-type-total strong,.pd-type-total span{display:block}.pd-type-total strong{font-size:26px}.pd-type-total span{font-size:10px;color:var(--muted)}
.pd-type-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.pd-type-stats article{padding:13px 16px;border-radius:17px;border:1px solid var(--line);background:var(--panel);display:flex;justify-content:space-between;align-items:center}.pd-type-stats span{color:var(--muted);font-size:11px}.pd-type-stats strong{font-size:20px}.pd-incident-agent-list{max-height:510px;overflow:auto;display:grid;gap:7px}.pd-incident-agent-list>button{display:grid;grid-template-columns:36px 38px minmax(160px,1fr) 78px 58px 18px;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid color-mix(in srgb,var(--line) 82%,var(--pd-show-a) 18%);border-radius:15px;background:color-mix(in srgb,var(--panel) 96%,var(--pd-show-a) 4%);color:var(--text);text-align:left;cursor:pointer}.pd-incident-agent-list>button:hover{background:color-mix(in srgb,var(--panel) 91%,var(--pd-show-a) 9%)}.pd-inc-count,.pd-inc-mini{text-align:center}.pd-inc-count strong,.pd-inc-count small,.pd-inc-mini b,.pd-inc-mini small{display:block}.pd-inc-count strong{font-size:18px;color:var(--pd-show-b)}.pd-inc-count small,.pd-inc-mini small{font-size:9px;color:var(--muted)}
.pd-provider-ranking button,.pd-provider-agents button{transition:.18s ease}.pd-provider-ranking button:hover,.pd-provider-agents button:hover{transform:translateX(2px);background:color-mix(in srgb,var(--panel) 90%,var(--pd-show-a) 10%)}
.pd-shared-link-row{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;padding:14px!important;border-radius:20px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,var(--glass-a) 6%),color-mix(in srgb,var(--panel) 96%,var(--glass-b) 4%))!important;border:1px solid color-mix(in srgb,var(--line) 75%,var(--glass-a) 25%)!important}.pd-shared-link-top{grid-column:1/-1;display:flex;align-items:center;gap:10px}.pd-shared-link-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a) 78%,white 22%),color-mix(in srgb,var(--glass-b) 78%,white 22%));color:white}.pd-shared-link-top>div{flex:1}.pd-shared-link-top b,.pd-shared-link-top small{display:block}.pd-shared-link-top small{color:var(--muted);font-size:10px}.pd-visibility-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;background:color-mix(in srgb,var(--glass-a) 12%,var(--panel));border:1px solid color-mix(in srgb,var(--glass-a) 24%,var(--line))}.pd-visibility-badge svg{width:13px;height:13px}.pd-shared-link-fields{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(230px,1.5fr) minmax(155px,.9fr) minmax(120px,.7fr);gap:8px;min-width:0}.pd-shared-link-fields label{min-width:0}.pd-shared-link-fields label small{display:block;margin:0 0 5px 2px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.pd-shared-link-actions{display:flex;align-items:end;gap:6px}.pd-shared-link-actions .secondary-button{height:42px}
.pd-team-links-block{margin-bottom:10px}.pd-team-links-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.pd-team-links-title span{display:flex;align-items:center;gap:6px}.pd-team-links-title b{font-size:11px}.pd-team-links-title small{font-size:9px;color:var(--muted)}.pd-team-links-grid{display:grid;gap:6px;max-height:215px;overflow:auto;padding-right:2px}.pd-team-link{display:grid;grid-template-columns:32px 1fr 16px;gap:8px;align-items:center;text-decoration:none;color:var(--text);padding:8px 9px;border-radius:13px;border:1px solid color-mix(in srgb,var(--line) 78%,var(--glass-a) 22%);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,var(--glass-a) 8%),color-mix(in srgb,var(--panel) 95%,var(--glass-b) 5%));transition:.18s ease}.pd-team-link:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--glass-a) 52%,var(--line));box-shadow:0 8px 20px color-mix(in srgb,var(--glass-b) 12%,transparent)}.pd-team-link-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;color:white;background:linear-gradient(135deg,var(--glass-a),var(--glass-b))}.pd-team-link b,.pd-team-link small{display:block;min-width:0}.pd-team-link b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-team-link small{font-size:8px;color:var(--muted)}
.pd-dual-score{display:flex;gap:9px;position:relative;z-index:2}.pd-dual-score>div{padding:11px 14px;border-radius:16px;background:color-mix(in srgb,var(--panel) 72%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,var(--pd-show-a) 30%);text-align:center}.pd-dual-score strong,.pd-dual-score span{display:block}.pd-dual-score strong{font-size:20px}.pd-dual-score span{font-size:9px;color:var(--muted)}
body[data-mode="dark"] .pd-podium-avatar,body[data-theme="moonlight"] .pd-podium-avatar,body[data-theme="cyber"] .pd-podium-avatar,body[data-theme="sorcerer"] .pd-podium-avatar{box-shadow:0 12px 34px color-mix(in srgb,var(--pd-show-b) 38%,transparent),inset 0 0 0 2px rgba(255,255,255,.3)}
@media(max-width:1120px){.pd-shared-link-fields{grid-template-columns:1fr 1.4fr}.pd-shared-link-fields label:nth-child(3),.pd-shared-link-fields label:nth-child(4){grid-row:2}.pd-incident-type-list>button{grid-template-columns:34px 34px 1fr 34px 18px}.pd-type-bar{display:none}.pd-incident-agent-list>button{grid-template-columns:34px 36px 1fr 66px 18px}.pd-inc-mini{display:none}}
@media(max-width:760px){.pd-podium{min-height:195px}.pd-podium-place.place-1 .pd-podium-avatar{width:60px;height:60px}.pd-shared-link-fields{grid-template-columns:1fr}.pd-shared-link-fields label:nth-child(3),.pd-shared-link-fields label:nth-child(4){grid-row:auto}.pd-shared-link-row{grid-template-columns:1fr!important}.pd-shared-link-actions{grid-column:1}.pd-type-hero{grid-template-columns:auto 1fr}.pd-type-total{grid-column:1/-1}.pd-type-stats{grid-template-columns:1fr}.pd-incident-type-list>button{grid-template-columns:32px 34px 1fr 28px 16px}.pd-incident-agent-list>button{grid-template-columns:32px 34px 1fr 54px 16px}}

/* Extra cohesion for Huddle / Checklist / Agent quick links */
.pd-huddle-kpis article,.pd-check-summary article{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,var(--glass-a) 8%),color-mix(in srgb,var(--panel) 96%,var(--glass-b) 4%))!important;border-color:color-mix(in srgb,var(--line) 76%,var(--glass-a) 24%)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--glass-b) 7%,transparent)}
.pd-huddle-kpis article>svg,.pd-check-summary svg{color:color-mix(in srgb,var(--glass-a) 76%,var(--text))!important}.pd-huddle-card,.pd-check-shell,.pd-provider-layout>article,.pd-agent-metrics,.pd-incident-agent-ranking{background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 96%,var(--glass-a) 4%),color-mix(in srgb,var(--panel) 97%,var(--glass-b) 3%))!important;border-color:color-mix(in srgb,var(--line) 80%,var(--glass-a) 20%)!important}.pd-mood-row>div,.pd-huddle-item,.pd-signal-list>div{background:color-mix(in srgb,var(--panel) 91%,var(--glass-a) 9%)!important;border:1px solid color-mix(in srgb,var(--line) 84%,var(--glass-a) 16%)}.pd-important-note{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a) 10%,var(--panel)),color-mix(in srgb,var(--glass-b) 8%,var(--panel)))!important;border-color:color-mix(in srgb,var(--line) 72%,var(--glass-b) 28%)!important}.pd-check-summary .wide i{background:linear-gradient(90deg,var(--glass-a),var(--glass-b))!important}.pd-check-toggle{transition:.18s ease}.pd-check-toggle:hover{transform:scale(1.08);color:var(--glass-a)}
.quick-card #favoriteQuickLinks,.mobile-quick-card #mobileQuickLinks{max-height:460px;overflow:auto;padding-right:3px}.quick-card #favoriteQuickLinks::-webkit-scrollbar,.mobile-quick-card #mobileQuickLinks::-webkit-scrollbar{width:5px}.quick-card #favoriteQuickLinks::-webkit-scrollbar-thumb,.mobile-quick-card #mobileQuickLinks::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--glass-a) 30%,transparent);border-radius:999px}

/* =========================================================
   v21.2.02 · Delivery Night visual system
   ========================================================= */
.pd-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}

/* Quick Links: its own module, not Herramientas */
.pd-quicklinks-hero,.pd-agent-links-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 24px;margin-bottom:15px;border:1px solid color-mix(in srgb,var(--line) 70%,var(--glass-a) 30%);border-radius:22px;background:linear-gradient(125deg,color-mix(in srgb,var(--panel) 88%,var(--glass-a) 12%),color-mix(in srgb,var(--panel) 91%,var(--glass-b) 9%),color-mix(in srgb,var(--panel) 95%,var(--glass-c) 5%));box-shadow:0 16px 42px color-mix(in srgb,var(--glass-b) 9%,transparent)}
.pd-quicklinks-hero h2,.pd-agent-links-hero h2{font-size:21px;margin:4px 0 5px}.pd-quicklinks-hero p,.pd-agent-links-hero p{margin:0;color:var(--muted);font-size:12px}.pd-quicklinks-hero>div:first-child>span,.pd-agent-links-hero small{font-size:9px;letter-spacing:.13em;font-weight:900;color:color-mix(in srgb,var(--glass-a) 78%,var(--text))}.pd-quicklink-counter{width:92px;height:92px;border-radius:28px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,color-mix(in srgb,var(--glass-a) 20%,var(--panel)),color-mix(in srgb,var(--glass-b) 16%,var(--panel)));border:1px solid color-mix(in srgb,var(--glass-a) 34%,var(--line))}.pd-quicklink-counter strong{font-size:29px;line-height:1}.pd-quicklink-counter span{font-size:9px;color:var(--muted);font-weight:800}
.pd-quicklinks-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-height:650px;overflow:auto;padding:2px 3px 10px}.pd-quicklinks-admin .pd-shared-link-row{margin:0!important;min-width:0;background:linear-gradient(150deg,color-mix(in srgb,var(--panel) 93%,var(--glass-a) 7%),color-mix(in srgb,var(--panel) 96%,var(--glass-b) 4%))!important;border:1px solid color-mix(in srgb,var(--line) 76%,var(--glass-a) 24%)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--glass-b) 6%,transparent)}.pd-shared-link-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a) 18%,var(--panel)),color-mix(in srgb,var(--glass-b) 14%,var(--panel)))!important;color:color-mix(in srgb,var(--glass-a) 82%,var(--text))!important}.pd-visibility-badge{border-color:color-mix(in srgb,var(--glass-a) 24%,var(--line))!important}.pd-quicklinks-foot{display:flex;align-items:center;gap:9px;margin-top:11px;padding:11px 13px;border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,var(--glass-c) 6%);border:1px solid color-mix(in srgb,var(--line) 84%,var(--glass-c) 16%);font-size:10px;color:var(--muted)}.pd-quicklinks-foot svg{width:16px;color:var(--glass-a)}
.pd-agent-links-hero>div:first-child{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--glass-a),var(--glass-b));color:white;box-shadow:0 12px 26px color-mix(in srgb,var(--glass-b) 18%,transparent)}.pd-agent-links-hero>div:first-child svg{width:23px}.pd-agent-links-hero>span{flex:1}.pd-agent-links-page{min-height:260px}.pd-agent-links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pd-agent-link-card{--pd-link-tone:var(--glass-a);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;border-radius:19px;text-decoration:none;color:var(--text);border:1px solid color-mix(in srgb,var(--line) 70%,var(--pd-link-tone) 30%);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 91%,var(--pd-link-tone) 9%),color-mix(in srgb,var(--panel) 97%,var(--glass-b) 3%));box-shadow:0 10px 28px color-mix(in srgb,var(--pd-link-tone) 7%,transparent);transition:.18s ease}.pd-agent-link-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pd-link-tone) 52%,var(--line));box-shadow:0 15px 35px color-mix(in srgb,var(--pd-link-tone) 13%,transparent)}.pd-agent-link-card.tone-1{--pd-link-tone:var(--glass-b)}.pd-agent-link-card.tone-2{--pd-link-tone:var(--glass-c)}.pd-agent-link-card.tone-3{--pd-link-tone:color-mix(in srgb,var(--glass-a) 45%,var(--glass-c))}.pd-agent-link-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--pd-link-tone) 14%,var(--panel));color:color-mix(in srgb,var(--pd-link-tone) 84%,var(--text))}.pd-agent-link-card span small,.pd-agent-link-card span b,.pd-agent-link-card span em{display:block}.pd-agent-link-card span small{font-size:7px;letter-spacing:.12em;color:var(--pd-link-tone);font-weight:900}.pd-agent-link-card span b{font-size:12px;margin:2px 0}.pd-agent-link-card span em{font-size:9px;color:var(--muted);font-style:normal}.pd-agent-link-card>svg{width:15px;color:var(--muted)}.pd-links-empty{background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 95%,var(--glass-a) 5%),color-mix(in srgb,var(--panel) 97%,var(--glass-b) 3%));border:1px dashed color-mix(in srgb,var(--line) 65%,var(--glass-a) 35%);border-radius:20px}

/* Rankings + goal controls */
.pd-ranking-triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.pd-ranking-triple .pd-ranking-card{min-width:0}.pd-rank-goal{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:999px;background:color-mix(in srgb,currentColor 7%,var(--panel));font-size:9px;font-weight:900;white-space:nowrap}.pd-rank-goal svg{width:13px}.pd-metric-overview-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pd-metric-overview-three>article{min-width:0}.pd-triple-score{display:grid!important;grid-template-columns:repeat(3,1fr)!important;min-width:310px!important}.pd-triple-score>div{min-width:0}.pd-mini-donut.pd-kpi-donut{color:var(--glass-a)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--glass-a) 18%,transparent),0 13px 30px color-mix(in srgb,var(--glass-b) 9%,transparent)}.pd-mini-donut.pd-kpi-donut.warn{color:color-mix(in srgb,var(--glass-c) 72%,#d7a12e)!important}.pd-mini-donut.pd-kpi-donut.bad{color:#cf6275!important}.pd-mini-donut.pd-kpi-donut>div small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.pd-metric-table-three button{grid-template-columns:auto minmax(150px,1fr) 105px 105px 105px auto!important}.pd-kpi-adherence{--pd-kpi-tone:var(--glass-a)}.pd-kpi-performance{--pd-kpi-tone:var(--glass-b)}.pd-kpi-conformance{--pd-kpi-tone:var(--glass-c)}.pd-gameboard-card{position:relative;overflow:hidden}.pd-gameboard-card:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-85px;top:-105px;background:radial-gradient(circle,color-mix(in srgb,var(--pd-kpi-tone,var(--glass-a)) 22%,transparent),transparent 68%);pointer-events:none}.pd-gameboard-card .pd-section-head>svg{color:var(--pd-kpi-tone,var(--glass-a))!important}
.pd-kpi-goals,.pd-huddle-composer,.pd-huddle-history-panel{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:22px;background:rgba(7,11,22,.46);backdrop-filter:blur(12px)}.pd-kpi-goals.hidden,.pd-huddle-composer.hidden,.pd-huddle-history-panel.hidden{display:none!important}.pd-kpi-goals-card,.pd-huddle-composer-card,.pd-huddle-history-card{width:min(900px,95vw);max-height:88vh;overflow:auto;border-radius:24px;padding:20px;background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 94%,var(--glass-a) 6%),color-mix(in srgb,var(--panel) 97%,var(--glass-b) 3%));border:1px solid color-mix(in srgb,var(--line) 68%,var(--glass-a) 32%);box-shadow:0 30px 90px rgba(0,0,0,.28)}.pd-kpi-goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.pd-kpi-goal-card{--pd-kpi-tone:var(--glass-a);padding:15px;border-radius:18px;background:color-mix(in srgb,var(--panel) 92%,var(--pd-kpi-tone) 8%);border:1px solid color-mix(in srgb,var(--line) 72%,var(--pd-kpi-tone) 28%)}.pd-kpi-goal-card.pd-kpi-performance{--pd-kpi-tone:var(--glass-b)}.pd-kpi-goal-card.pd-kpi-conformance{--pd-kpi-tone:var(--glass-c)}.pd-kpi-goal-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.pd-kpi-goal-title>span{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--pd-kpi-tone) 14%,var(--panel));color:var(--pd-kpi-tone)}.pd-kpi-goal-title small,.pd-kpi-goal-title h4{display:block;margin:0}.pd-kpi-goal-title small{font-size:7px;color:var(--muted);letter-spacing:.12em}.pd-kpi-goal-card label{display:block;margin:8px 0}.pd-kpi-goal-card label>span{display:block;font-size:9px;font-weight:800;color:var(--muted);margin-bottom:5px}.pd-percent-input{position:relative}.pd-percent-input b{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted)}.pd-percent-input input{padding-right:30px}.pd-range-preview{display:grid;gap:4px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.pd-range-preview span{font-size:8px;font-weight:800}

/* Activity three-way metric sync */
#adherenceView .activity-summary-body-v62 .activity-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pd-performance-card{--pd-performance-tone:var(--glass-b)}.pd-performance-card .activity-score-top svg{color:var(--glass-b)!important}.pd-performance-card .metric-donut{filter:drop-shadow(0 8px 15px color-mix(in srgb,var(--glass-b) 10%,transparent))}

/* Incident and provider semantic color accents */
.pd-incident-type-list button,.pd-provider-row,.pd-provider-agents button,.pd-incident-agent-ranking{--pd-item-accent:var(--glass-a)}.pd-incident-type-list button{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 82%,var(--pd-item-accent) 18%)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--panel) 94%,var(--pd-item-accent) 6%),transparent)!important}.pd-incident-type-list button:before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:99px;background:var(--pd-item-accent)}.pd-incident-type-list .pd-type-icon{color:var(--pd-item-accent)!important;background:color-mix(in srgb,var(--pd-item-accent) 12%,var(--panel))!important}.pd-incident-type-list .pd-type-bar i{background:linear-gradient(90deg,var(--pd-item-accent),color-mix(in srgb,var(--pd-item-accent) 48%,var(--glass-b)))!important}.pd-type-hero-colored{border-color:color-mix(in srgb,var(--line) 64%,var(--pd-item-accent) 36%)!important;background:linear-gradient(125deg,color-mix(in srgb,var(--panel) 88%,var(--pd-item-accent) 12%),color-mix(in srgb,var(--panel) 96%,var(--glass-b) 4%))!important}.pd-type-hero-colored .pd-type-orb{background:color-mix(in srgb,var(--pd-item-accent) 14%,var(--panel))!important;color:var(--pd-item-accent)!important}.pd-type-stats-colored article{border-color:color-mix(in srgb,var(--line) 75%,var(--pd-item-accent) 25%)!important}.pd-type-stats-colored strong{color:var(--pd-item-accent)}.pd-incident-agent-ranking[style*="--pd-item-accent"]{border-color:color-mix(in srgb,var(--line) 74%,var(--pd-item-accent) 26%)!important}.pd-incident-agent-ranking .pd-inc-count strong{color:var(--pd-item-accent,var(--glass-a))!important}.pd-incident-context-row{--pd-item-accent:var(--glass-a);border:1px solid color-mix(in srgb,var(--line) 82%,var(--pd-item-accent) 18%);background:color-mix(in srgb,var(--panel) 94%,var(--pd-item-accent) 6%)!important}.pd-context-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--pd-item-accent) 13%,var(--panel));color:var(--pd-item-accent)}.pd-context-icon svg{width:16px}
.pd-provider-ranking .pd-provider-row{grid-template-columns:auto auto minmax(0,1fr) auto auto!important;border:1px solid color-mix(in srgb,var(--line) 82%,var(--pd-item-accent) 18%);background:linear-gradient(90deg,color-mix(in srgb,var(--panel) 93%,var(--pd-item-accent) 7%),transparent)!important;margin-bottom:5px}.pd-provider-logo{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--pd-item-accent) 13%,var(--panel));color:var(--pd-item-accent)}.pd-provider-logo svg{width:16px}.pd-provider-detail{--pd-item-accent:var(--glass-a);border-color:color-mix(in srgb,var(--line) 72%,var(--pd-item-accent) 28%)!important}.pd-provider-agents button{border-left:3px solid var(--pd-item-accent)!important;background:color-mix(in srgb,var(--panel) 95%,var(--pd-item-accent) 5%)!important}

/* Huddle Board Pro */
.pd-huddle-actionbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}.pd-huddle-actionbar>button{border:1px solid color-mix(in srgb,var(--line) 76%,var(--glass-a) 24%);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,var(--glass-a) 6%),color-mix(in srgb,var(--panel) 98%,var(--glass-b) 2%));border-radius:16px;padding:11px;display:flex;align-items:center;gap:9px;color:inherit;text-align:left;cursor:pointer;transition:.18s}.pd-huddle-actionbar>button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--glass-a) 45%,var(--line));box-shadow:0 10px 25px color-mix(in srgb,var(--glass-b) 8%,transparent)}.pd-huddle-actionbar b,.pd-huddle-actionbar small{display:block}.pd-huddle-actionbar b{font-size:10px}.pd-huddle-actionbar small{font-size:8px;color:var(--muted);margin-top:2px}.pd-action-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--glass-a) 12%,var(--panel));color:var(--glass-a);flex:0 0 34px}.pd-action-icon svg{width:15px}.tone-watch{background:color-mix(in srgb,var(--glass-b) 13%,var(--panel));color:var(--glass-b)}.tone-celebrate{background:color-mix(in srgb,var(--glass-c) 14%,var(--panel));color:var(--glass-c)}.tone-important{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-a) 12%,var(--panel)),color-mix(in srgb,var(--glass-b) 9%,var(--panel)));color:color-mix(in srgb,var(--glass-b) 80%,var(--text))}.pd-huddle-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.pd-huddle-kpis article{position:relative;overflow:hidden}.pd-huddle-kpis article:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;right:-45px;top:-50px;background:radial-gradient(circle,color-mix(in srgb,var(--glass-a) 18%,transparent),transparent 70%)}.pd-huddle-kpis .pd-kpi-performance:after{background:radial-gradient(circle,color-mix(in srgb,var(--glass-b) 20%,transparent),transparent 70%)}.pd-huddle-kpis .pd-kpi-conformance:after{background:radial-gradient(circle,color-mix(in srgb,var(--glass-c) 20%,transparent),transparent 70%)}.pd-huddle-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-huddle-card{min-height:205px}.pd-huddle-card-watch{border-color:color-mix(in srgb,var(--line) 74%,var(--glass-b) 26%)!important}.pd-huddle-card-celebrations{border-color:color-mix(in srgb,var(--line) 74%,var(--glass-c) 26%)!important}.pd-watch-item{background:color-mix(in srgb,var(--panel) 92%,var(--glass-b) 8%)!important;border-left:3px solid var(--glass-b)!important}.pd-celebration-item{background:color-mix(in srgb,var(--panel) 92%,var(--glass-c) 8%)!important;border-left:3px solid var(--glass-c)!important}.pd-alert-alta{border-left:3px solid #d46472!important}.pd-alert-media{border-left:3px solid color-mix(in srgb,var(--glass-c) 70%,#d5a43b)!important}.pd-alert-baja{border-left:3px solid var(--glass-a)!important}.pd-mini-empty{min-height:120px!important}.pd-huddle-agenda{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pd-huddle-agenda>div{padding:10px;border-radius:12px;background:color-mix(in srgb,var(--panel) 92%,var(--glass-a) 8%);border:1px solid color-mix(in srgb,var(--line) 85%,var(--glass-a) 15%)}.pd-huddle-agenda span{display:flex;align-items:center;gap:6px}.pd-huddle-agenda svg{width:14px;color:var(--glass-a)}.pd-huddle-agenda b,.pd-huddle-agenda small{display:block}.pd-huddle-agenda b{font-size:9px}.pd-huddle-agenda small{font-size:7px;color:var(--muted);margin-top:3px}.pd-composer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.pd-composer-head h3{margin:3px 0;font-size:19px}.pd-composer-head>div>small{font-size:8px;letter-spacing:.14em;color:var(--glass-a);font-weight:900}.pd-composer-head p{font-size:10px;color:var(--muted);margin:3px 0}.pd-composer-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:16px 0}.pd-composer-grid label>span{display:block;font-size:9px;color:var(--muted);font-weight:800;margin-bottom:5px}.pd-composer-message{grid-column:1/-1}.pd-composer-grid textarea{resize:vertical;min-height:90px}.pd-composer-check{display:flex!important;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:13px}.pd-composer-check>span{margin:0!important}.pd-composer-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.pd-huddle-history-card{width:min(680px,94vw)}.pd-huddle-history-list{max-height:500px}.pd-huddle-history-row{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--panel) 93%,var(--glass-a) 7%);border:1px solid var(--line)}.pd-huddle-history-row b,.pd-huddle-history-row small{display:block}.pd-huddle-history-row b{font-size:10px}.pd-huddle-history-row small{font-size:8px;color:var(--muted);margin-top:2px}
.pd-huddle-presenting #supervisorApp .pd-huddle-actionbar,.pd-huddle-presenting #supervisorApp .pd-huddle-admin,.pd-huddle-presenting #supervisorApp [data-huddle-compose],.pd-huddle-presenting #supervisorApp #pdHuddleHistoryButton{display:none!important}.pd-huddle-presenting #supervisorApp .pd-huddle-header{position:sticky;top:0;z-index:20;padding:12px 0;background:color-mix(in srgb,var(--body,var(--bg)) 88%,transparent);backdrop-filter:blur(14px)}.pd-huddle-presenting #pdHuddleMode{display:inline-flex!important}.pd-huddle-presenting #supervisorApp .pd-huddle-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-huddle-presenting #supervisorApp .pd-huddle-card{min-height:230px}

@media(max-width:1200px){.pd-ranking-triple{grid-template-columns:1fr 1fr}.pd-ranking-triple>article:last-child{grid-column:1/-1}.pd-agent-links-grid{grid-template-columns:1fr 1fr}.pd-quicklinks-admin{grid-template-columns:1fr}.pd-huddle-actionbar{grid-template-columns:1fr 1fr}.pd-huddle-kpis{grid-template-columns:1fr 1fr!important}.pd-metric-overview-three{grid-template-columns:1fr 1fr!important}.pd-metric-overview-three>article:last-child{grid-column:1/-1}}
@media(max-width:900px){.pd-ranking-triple,.pd-agent-links-grid,.pd-metric-overview-three,.pd-kpi-goal-grid,.pd-huddle-grid-pro{grid-template-columns:1fr!important}.pd-ranking-triple>article:last-child,.pd-metric-overview-three>article:last-child{grid-column:auto}.pd-metric-table-three button{grid-template-columns:auto 1fr auto auto!important}.pd-metric-table-three button>span:nth-of-type(4){display:none}.pd-huddle-actionbar{grid-template-columns:1fr 1fr}.pd-quicklinks-hero,.pd-agent-links-hero{align-items:flex-start}.pd-quicklink-counter{width:75px;height:75px;border-radius:21px}}
@media(max-width:650px){#adherenceView .activity-summary-body-v62 .activity-score-grid{grid-template-columns:1fr!important}.pd-huddle-actionbar,.pd-huddle-kpis{grid-template-columns:1fr!important}.pd-composer-grid{grid-template-columns:1fr}.pd-composer-message{grid-column:auto}.pd-triple-score{grid-template-columns:1fr!important;min-width:0!important}.pd-quicklinks-hero{flex-direction:column}.pd-agent-links-hero{align-items:flex-start}.pd-agent-links-grid{grid-template-columns:1fr}.pd-header-actions{width:100%;justify-content:flex-start}}

/* =========================================================
   v21.2.03 · Quick Links split + fully themed leaderboard podium
   ========================================================= */
.pd-quicklinks-hero-v2{align-items:stretch}.pd-quicklinks-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:190px}.pd-quicklinks-summary>div{display:grid;place-items:center;align-content:center;padding:12px;border-radius:18px;border:1px solid color-mix(in srgb,var(--line) 68%,var(--glass-a) 32%);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 82%,var(--glass-a) 18%),color-mix(in srgb,var(--panel) 92%,var(--glass-b) 8%));text-align:center}.pd-quicklinks-summary>div:nth-child(2){background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 84%,var(--glass-b) 16%),color-mix(in srgb,var(--panel) 92%,var(--glass-c) 8%))}.pd-quicklinks-summary strong{font-size:27px;line-height:1;color:color-mix(in srgb,var(--glass-a) 88%,var(--text))}.pd-quicklinks-summary>div:nth-child(2) strong{color:color-mix(in srgb,var(--glass-b) 84%,var(--text))}.pd-quicklinks-summary span{font-size:8px;font-weight:850;color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.08em}
.pd-quicklinks-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.pd-quicklinks-section{min-width:0;padding:17px!important;background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 94%,var(--glass-a) 6%),color-mix(in srgb,var(--panel) 97%,var(--glass-b) 3%))!important;border-color:color-mix(in srgb,var(--line) 74%,var(--glass-a) 26%)!important}.pd-team-links-section{background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 94%,var(--glass-b) 6%),color-mix(in srgb,var(--panel) 97%,var(--glass-c) 3%))!important;border-color:color-mix(in srgb,var(--line) 74%,var(--glass-b) 26%)!important}.pd-links-section-head{align-items:flex-start;margin-bottom:12px}.pd-links-section-head p{font-size:9px;color:var(--muted);margin-top:3px;max-width:430px}.pd-links-section-head .primary-button,.pd-links-section-head .secondary-button{white-space:nowrap;padding:9px 11px}
.pd-link-card-list{display:grid;gap:9px;max-height:570px;overflow:auto;padding:1px 3px 4px}.pd-link-card-list::-webkit-scrollbar{width:5px}.pd-link-card-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--glass-a) 30%,transparent);border-radius:99px}.pd-link-editor-card{border:1px solid color-mix(in srgb,var(--line) 80%,var(--glass-a) 20%);border-radius:17px;padding:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 95%,var(--glass-a) 5%),color-mix(in srgb,var(--panel) 98%,var(--glass-b) 2%));box-shadow:0 8px 22px color-mix(in srgb,var(--glass-a) 5%,transparent)}.pd-team-publish-row{border-color:color-mix(in srgb,var(--line) 78%,var(--glass-b) 22%);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 95%,var(--glass-b) 5%),color-mix(in srgb,var(--panel) 98%,var(--glass-c) 2%))}.pd-link-editor-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;margin-bottom:10px}.pd-link-editor-top>div b,.pd-link-editor-top>div small{display:block}.pd-link-editor-top>div b{font-size:11px}.pd-link-editor-top>div small{font-size:8px;color:var(--muted);margin-top:2px;display:flex;align-items:center;gap:4px}.pd-link-editor-top>div small svg{width:10px}.pd-link-editor-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.pd-link-editor-icon.personal{background:color-mix(in srgb,var(--glass-a) 14%,var(--panel));color:color-mix(in srgb,var(--glass-a) 84%,var(--text))}.pd-link-editor-icon.team{background:color-mix(in srgb,var(--glass-b) 14%,var(--panel));color:color-mix(in srgb,var(--glass-b) 84%,var(--text))}.pd-link-editor-icon svg{width:16px}.pd-private-badge,.pd-team-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.04em}.pd-private-badge{background:color-mix(in srgb,var(--glass-a) 10%,var(--panel));color:color-mix(in srgb,var(--glass-a) 76%,var(--text));border:1px solid color-mix(in srgb,var(--glass-a) 25%,var(--line))}.pd-team-badge{background:color-mix(in srgb,var(--glass-b) 11%,var(--panel));color:color-mix(in srgb,var(--glass-b) 78%,var(--text));border:1px solid color-mix(in srgb,var(--glass-b) 26%,var(--line))}.pd-private-badge svg,.pd-team-badge svg{width:10px}.pd-link-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pd-link-editor-fields label{min-width:0}.pd-link-editor-fields label.wide{grid-column:1/-1}.pd-link-editor-fields label>small{display:block;font-size:7px;font-weight:850;color:var(--muted);margin:0 0 4px 2px;text-transform:uppercase;letter-spacing:.06em}.pd-link-editor-fields .form-input{width:100%;min-width:0;padding:9px 10px;font-size:9px}.pd-link-editor-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}.pd-link-editor-actions .secondary-button{padding:7px 9px;font-size:9px}.pd-links-mini-empty{min-height:110px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed color-mix(in srgb,var(--line) 62%,var(--glass-a) 38%);border-radius:15px;background:color-mix(in srgb,var(--panel) 96%,var(--glass-a) 4%);color:var(--muted);padding:14px}.pd-team-links-section .pd-links-mini-empty{border-color:color-mix(in srgb,var(--line) 62%,var(--glass-b) 38%);background:color-mix(in srgb,var(--panel) 96%,var(--glass-b) 4%)}.pd-links-mini-empty>svg{width:20px}.pd-links-mini-empty b,.pd-links-mini-empty small{display:block}.pd-links-mini-empty b{font-size:10px;color:var(--text)}.pd-links-mini-empty small{font-size:8px;margin-top:3px}

/* Podium hierarchy is derived from the active theme, never from a fixed blue/gold palette. */
.pd-podium-place{--pd-podium-tone:var(--glass-a);--pd-podium-tone-2:var(--glass-b)}
.pd-podium-place.place-1{--pd-podium-tone:var(--glass-a);--pd-podium-tone-2:color-mix(in srgb,var(--glass-a) 72%,var(--glass-b) 28%)}
.pd-podium-place.place-2{--pd-podium-tone:color-mix(in srgb,var(--glass-a) 62%,var(--panel) 38%);--pd-podium-tone-2:color-mix(in srgb,var(--glass-b) 46%,var(--panel) 54%)}
.pd-podium-place.place-3{--pd-podium-tone:color-mix(in srgb,var(--glass-a) 42%,var(--panel) 58%);--pd-podium-tone-2:color-mix(in srgb,var(--glass-b) 32%,var(--panel) 68%)}
.pd-podium-place .pd-podium-avatar{background:linear-gradient(145deg,var(--pd-podium-tone),var(--pd-podium-tone-2))!important;box-shadow:0 10px 28px color-mix(in srgb,var(--pd-podium-tone) 25%,transparent),inset 0 0 0 3px color-mix(in srgb,#fff 56%,transparent)!important}
.pd-podium-place .pd-podium-base{background:linear-gradient(180deg,color-mix(in srgb,var(--pd-podium-tone) 90%,white 10%),color-mix(in srgb,var(--pd-podium-tone-2) 86%,black 5%))!important;box-shadow:0 11px 28px color-mix(in srgb,var(--pd-podium-tone) 22%,transparent)!important}
.pd-podium-place .pd-podium-crown,.pd-podium-place.place-1 .pd-podium-crown{color:color-mix(in srgb,var(--pd-podium-tone) 88%,var(--text))!important;filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--pd-podium-tone) 22%,transparent))}
.pd-podium-place strong{color:color-mix(in srgb,var(--pd-podium-tone) 78%,var(--text))!important}.pd-podium-place.place-1 strong{color:color-mix(in srgb,var(--glass-a) 88%,var(--text))!important}
.pd-gameboard-card{background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 91%,var(--glass-a) 9%),color-mix(in srgb,var(--panel) 94%,var(--glass-b) 6%),color-mix(in srgb,var(--panel) 97%,var(--glass-c) 3%))!important;border-color:color-mix(in srgb,var(--line) 66%,var(--glass-a) 34%)!important}

@media(max-width:1180px){.pd-quicklinks-sections{grid-template-columns:1fr}.pd-link-card-list{max-height:430px}}
@media(max-width:700px){.pd-quicklinks-summary{width:100%;min-width:0}.pd-quicklinks-hero-v2{flex-direction:column}.pd-links-section-head{flex-direction:column;gap:9px}.pd-link-editor-fields{grid-template-columns:1fr}.pd-link-editor-fields label.wide{grid-column:auto}}


/* === v21.2.04 · Sanctions + Report a Call === */
.pd-sanction-summary,.pd-callreport-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.pd-sanction-stat,.pd-call-stat{position:relative;display:flex;align-items:center;gap:12px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,rgba(var(--panel-rgb),.94)),rgba(var(--panel-rgb),.88));overflow:hidden}
.pd-sanction-stat:before,.pd-call-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:color-mix(in srgb,var(--accent) calc(100% - var(--fade,0%)),var(--accent2))}
.pd-sanction-stat.s2,.pd-call-stat.c2{--fade:18%}.pd-sanction-stat.s3,.pd-call-stat.c3{--fade:36%}.pd-sanction-stat.s4,.pd-call-stat.c4{--fade:54%}
.pd-sanction-stat>i,.pd-call-stat>i{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}
.pd-sanction-stat small,.pd-sanction-stat strong,.pd-call-stat small,.pd-call-stat strong{display:block}.pd-sanction-stat small,.pd-call-stat small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pd-sanction-stat strong,.pd-call-stat strong{font-size:23px;margin-top:3px}
.pd-sanction-tabs{overflow:auto;flex-wrap:nowrap}.pd-sanction-workspace,.pd-callreport-workspace{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.55fr);gap:14px;align-items:start}.pd-sanction-queue,.pd-callreport-workspace>.pd-callreport-list{max-height:610px;overflow:auto}
.pd-sanction-row,.pd-sup-call-row{width:100%;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--ink);text-align:left}
.pd-sanction-row:hover,.pd-sanction-row.active,.pd-sup-call-row:hover,.pd-sup-call-row.active{background:color-mix(in srgb,var(--accent) 8%,rgba(var(--panel-rgb),.96));border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}
.pd-sanction-row span:nth-child(2),.pd-sup-call-row span:nth-child(2){min-width:0}.pd-sanction-row strong,.pd-sanction-row small,.pd-sanction-row em,.pd-sup-call-row strong,.pd-sup-call-row small,.pd-sup-call-row em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-sanction-row strong,.pd-sup-call-row strong{font-size:11px}.pd-sanction-row small,.pd-sup-call-row small{font-size:8px;color:var(--muted);margin-top:3px}.pd-sanction-row em,.pd-sup-call-row em{font-size:8px;color:var(--accent);font-style:normal;margin-top:4px}.pd-sanction-row b,.pd-sup-call-row b{font-size:9px;color:var(--muted)}
.pd-sanction-dot,.pd-call-dot{width:9px;height:34px;border-radius:999px;background:var(--accent)}.pd-sanction-dot.tone-amber{background:#e6a94c}.pd-sanction-dot.tone-violet{background:#9b74e8}.pd-sanction-dot.tone-rose{background:#e96e98}.pd-sanction-dot.tone-blue{background:#58a7e8}.pd-sanction-dot.tone-red{background:#e56565}.pd-sanction-dot.tone-purple{background:#8f69cf}.pd-sanction-dot.tone-green{background:#59af81}
.pd-sanction-detail{min-height:430px}.pd-sanction-detail-head,.pd-call-detail-head{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid var(--line)}.pd-sanction-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),var(--accent));color:white;font-weight:900}.pd-sanction-detail-head h2,.pd-call-detail-head h2{font-size:19px;margin:2px 0}.pd-sanction-detail-head small,.pd-call-detail-head small{font-size:8px;color:var(--muted)}.pd-sanction-badges{display:flex;gap:7px;align-items:center}.pd-sanction-badges>span:not(.status){font-size:9px;color:var(--accent)}
.pd-sanction-context-grid,.pd-call-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.pd-sanction-context-grid>div,.pd-call-facts>div{padding:12px;border-radius:13px;background:color-mix(in srgb,var(--accent) 6%,rgba(var(--panel-rgb),.94));border:1px solid color-mix(in srgb,var(--accent) 12%,var(--line))}.pd-sanction-context-grid small,.pd-call-facts small{display:block;font-size:8px;color:var(--muted)}.pd-sanction-context-grid strong,.pd-call-facts strong{display:block;font-size:10px;margin-top:4px}
.pd-sanction-context,.pd-call-original,.pd-sanction-evidence{padding:14px;border:1px solid var(--line);border-radius:15px;margin-top:10px;background:rgba(var(--panel-rgb),.65)}.pd-sanction-context small,.pd-call-original small,.pd-sanction-evidence small{font-size:8px;color:var(--accent);font-weight:800;letter-spacing:.06em}.pd-sanction-context p,.pd-call-original p,.pd-sanction-evidence p{font-size:10px;line-height:1.55;margin-top:7px;color:var(--ink)}
.pd-deadline,.pd-sanction-session,.pd-feedback-link{display:flex;gap:10px;align-items:center;margin-top:10px;padding:12px 13px;border-radius:14px;background:color-mix(in srgb,#e5a342 12%,rgba(var(--panel-rgb),.94));border:1px solid color-mix(in srgb,#e5a342 30%,var(--line))}.pd-deadline>i,.pd-sanction-session>i,.pd-feedback-link>i{width:18px}.pd-deadline strong,.pd-deadline small,.pd-sanction-session strong,.pd-sanction-session small,.pd-feedback-link strong,.pd-feedback-link small{display:block}.pd-deadline strong,.pd-sanction-session strong,.pd-feedback-link strong{font-size:10px}.pd-deadline small,.pd-sanction-session small,.pd-feedback-link small{font-size:8px;color:var(--muted);margin-top:2px}
.pd-sanction-actions,.pd-sup-call-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}.pd-audit-block{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.pd-audit-row{display:flex;gap:8px;padding:8px 0}.pd-audit-row>i{width:14px;color:var(--accent)}.pd-audit-row strong,.pd-audit-row small{display:block}.pd-audit-row strong{font-size:9px}.pd-audit-row small{font-size:7px;color:var(--muted);margin-top:2px}.pd-audit-row p{font-size:8px;margin-top:4px;color:var(--muted)}
.pd-layer{position:fixed;z-index:5000;inset:0;background:rgba(8,12,24,.48);backdrop-filter:blur(10px);display:grid;place-items:center;padding:24px}.pd-dialog-card{width:min(760px,94vw);max-height:88vh;overflow:auto;padding:20px;border-radius:22px;background:rgb(var(--panel-rgb));border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.22)}.pd-matrix-dialog{width:min(920px,95vw)}.pd-matrix-list{display:grid;gap:9px;margin-top:14px}.pd-matrix-row{display:grid;grid-template-columns:155px 105px 125px 145px minmax(0,1fr);gap:10px;align-items:end;padding:12px;border-radius:15px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 4%,rgba(var(--panel-rgb),.96))}.pd-matrix-row strong,.pd-matrix-row small{display:block}.pd-matrix-row small{font-size:8px;color:var(--muted);margin-top:3px}.pd-matrix-row label span,.pd-callreport-grid label span{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}.pd-matrix-row label{position:relative}.pd-matrix-row em{position:absolute;right:10px;bottom:10px;font-size:8px;color:var(--muted)}
.pd-sanction-agent-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,rgba(var(--panel-rgb),.95)),color-mix(in srgb,var(--accent2) 8%,rgba(var(--panel-rgb),.95)));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));margin-bottom:14px}.pd-sanction-agent-hero small{font-size:8px;color:var(--accent);font-weight:900}.pd-sanction-agent-hero h2{font-size:22px;margin:5px 0}.pd-sanction-agent-hero p{font-size:10px;color:var(--muted)}.pd-sanction-agent-stats{display:flex;gap:8px}.pd-sanction-agent-stats>div{min-width:82px;padding:12px;text-align:center;border-radius:14px;background:rgba(var(--panel-rgb),.65);border:1px solid var(--line)}.pd-sanction-agent-stats strong,.pd-sanction-agent-stats span{display:block}.pd-sanction-agent-stats strong{font-size:18px}.pd-sanction-agent-stats span{font-size:7px;color:var(--muted);margin-top:3px}.pd-live-chip.danger{color:#d95f69;border-color:color-mix(in srgb,#d95f69 35%,var(--line));background:color-mix(in srgb,#d95f69 10%,rgba(var(--panel-rgb),.9))}
.pd-sanction-list{display:grid;gap:11px}.pd-agent-sanction-card{position:relative;padding:17px;border:1px solid var(--line);border-radius:18px;background:rgba(var(--panel-rgb),.88);overflow:hidden}.pd-agent-sanction-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent)}.pd-agent-sanction-card.tone-amber:before{background:#e6a94c}.pd-agent-sanction-card.tone-red:before{background:#e56565}.pd-agent-sanction-card.tone-purple:before{background:#8f69cf}.pd-agent-sanction-top{display:flex;justify-content:space-between;gap:10px}.pd-agent-sanction-top small{font-size:8px;color:var(--muted)}.pd-agent-sanction-top h3{font-size:13px;margin-top:3px}.pd-sanction-number{font-size:11px;font-weight:900;color:var(--accent)}.pd-agent-sanction-card>p{font-size:10px;color:var(--muted);line-height:1.5;margin:10px 0}.pd-agent-sanction-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.pd-agent-sanction-meta span{display:inline-flex;align-items:center;gap:5px;font-size:8px;padding:6px 8px;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.pd-agent-sanction-meta svg{width:13px}.pd-inline-state,.pd-agent-session{margin-top:9px;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,rgba(var(--panel-rgb),.96));font-size:9px}.pd-agent-session strong,.pd-agent-session span,.pd-agent-session a{display:block}.pd-agent-session span{font-size:8px;color:var(--muted);margin:3px 0}
.pd-callreport-notice{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent) 7%,rgba(var(--panel-rgb),.94))}.pd-callreport-notice>i{width:20px;color:var(--accent)}.pd-callreport-notice strong{font-size:10px}.pd-callreport-notice p{font-size:9px;color:var(--muted);margin-top:3px}.pd-callreport-layout{display:grid;gap:14px}.pd-callreport-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.pd-callreport-grid .wide{grid-column:1/-1}.pd-callreport-list{display:grid;gap:10px}.pd-callreport-card{padding:16px;border-radius:17px;border:1px solid var(--line);background:rgba(var(--panel-rgb),.86)}.pd-callreport-head{display:flex;justify-content:space-between;gap:10px}.pd-callreport-head small{font-size:8px;color:var(--muted)}.pd-callreport-head h3{font-size:12px;margin-top:3px}.pd-callreport-id,.pd-callreport-created{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--accent);margin-top:9px}.pd-callreport-id svg,.pd-callreport-created svg{width:13px}.pd-callreport-card>p{font-size:10px;line-height:1.55;margin:9px 0;color:var(--ink)}.pd-callreport-card details{margin-top:8px}.pd-callreport-card summary{font-size:8px;color:var(--accent);cursor:pointer}.pd-addendum{padding:9px 0;border-bottom:1px solid var(--line)}.pd-addendum strong{font-size:7px;color:var(--muted)}.pd-addendum p{font-size:9px;margin-top:4px}.pd-callreport-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;margin-bottom:12px}.pd-callreport-workspace{grid-template-columns:minmax(300px,.8fr) minmax(0,1.35fr)}.pd-callreport-detail{min-height:420px}.pd-call-detail-head{justify-content:space-between}.pd-call-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-call-original>strong{display:block;font-size:8px;margin-top:10px;color:var(--muted)}.pd-call-original>span{display:inline-flex;gap:6px;align-items:center;margin-top:8px;font-size:8px;color:var(--accent)}.pd-call-original>span svg{width:13px}.pd-feedback-link.before{background:color-mix(in srgb,#4caf79 10%,rgba(var(--panel-rgb),.94));border-color:color-mix(in srgb,#4caf79 30%,var(--line))}.pd-feedback-link.after{background:color-mix(in srgb,#e2a344 10%,rgba(var(--panel-rgb),.94))}.pd-call-notes{margin-top:16px}.pd-call-notes>small{font-size:8px;color:var(--accent);font-weight:900}.pd-call-notes textarea{margin:7px 0}
@media(max-width:1050px){.pd-sanction-summary,.pd-callreport-summary{grid-template-columns:repeat(2,1fr)}.pd-sanction-workspace,.pd-callreport-workspace{grid-template-columns:1fr}.pd-sanction-queue,.pd-callreport-workspace>.pd-callreport-list{max-height:330px}.pd-sanction-context-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.pd-sanction-summary,.pd-callreport-summary,.pd-sanction-agent-hero,.pd-callreport-grid,.pd-callreport-toolbar{grid-template-columns:1fr}.pd-sanction-agent-stats{overflow:auto}.pd-matrix-row{grid-template-columns:1fr}.pd-call-facts{grid-template-columns:1fr}.pd-callreport-grid .wide{grid-column:auto}}

.pd-checkline{display:flex!important;align-items:center;gap:7px;min-height:37px;padding:0 9px;border:1px solid var(--line);border-radius:11px;background:rgba(var(--panel-rgb),.7);font-size:8px!important;color:var(--ink)!important}.pd-checkline input{accent-color:var(--accent)}

/* Rankings Step 2 · isolated functional controls only */
.pd-rank-step2-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:900px;padding:16px;margin-top:18px}
.pd-rank-step2-controls label>span{display:block;margin:0 0 6px;font-size:9px;font-weight:850;letter-spacing:.06em;color:var(--muted)}
.pd-rank-step2-controls .form-input{min-height:42px}
.pd-rank-step2-result{display:flex;align-items:center;gap:14px;max-width:900px;min-height:120px;margin-top:12px}
.pd-rank-step2-result h2{font-size:20px;margin:2px 0 5px}
.pd-rank-step2-result .eyebrow{margin-bottom:2px}
@media(max-width:760px){.pd-rank-step2-controls{grid-template-columns:1fr}.pd-rank-step2-result{align-items:flex-start}}

/* Rankings Step 3 — functional real-data list only */
.pd-rank-step3-result{display:block}
.pd-rank-step3-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.pd-rank-step3-head>div:last-child{min-width:0}
.pd-rank-step3-list{display:grid;gap:7px}
.pd-rank-step3-row{display:grid;grid-template-columns:42px 38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035)}
.pd-rank-step3-pos{font-variant-numeric:tabular-nums;text-align:center;color:var(--text-muted)}
.pd-rank-step3-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);background:var(--glass-a);font-size:11px;font-weight:800}
.pd-rank-step3-agent{display:flex;flex-direction:column;min-width:0}
.pd-rank-step3-agent b,.pd-rank-step3-agent small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-rank-step3-agent small{color:var(--text-muted);margin-top:2px}
.pd-rank-step3-score{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.pd-rank-step3-empty{padding:20px;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:14px}
@media(max-width:620px){.pd-rank-step3-row{grid-template-columns:32px 34px minmax(0,1fr) auto;padding:8px}.pd-rank-step3-avatar{width:30px;height:30px}}

/* =========================================================
   PulseDesk Rankings · FINAL visual system
   One clean source of truth for podium + side roster.
   ========================================================= */
[data-sup-panel="rankingsclean"]{
  --rank-p1:color-mix(in srgb,var(--glass-b) 82%,var(--ink) 18%);
  --rank-p2:var(--glass-a);
  --rank-p3:var(--glass-c);
  --rank-p1-text:#fff;
  --rank-p2-text:color-mix(in srgb,var(--ink) 74%,var(--glass-a) 26%);
  --rank-p3-text:color-mix(in srgb,var(--ink) 78%,var(--glass-c) 22%);
  --rank-hi:color-mix(in srgb,var(--panel) 74%,transparent);
  --rank-shadow:color-mix(in srgb,var(--ink) 10%,transparent);
}
/* Palettes that must keep their own identity. */
body[data-theme="sakura"] [data-sup-panel="rankingsclean"]{
  --rank-p1:#a94f72;--rank-p2:#dd7ea4;--rank-p3:#f4b7cd;
  --rank-p1-text:#fff7fa;--rank-p2-text:#5f3348;--rank-p3-text:#6b3c50;
}
body[data-theme="cyber"] [data-sup-panel="rankingsclean"]{
  --rank-p1:#7657ff;--rank-p2:#33dfe7;--rank-p3:#ed61c9;
  --rank-p1-text:#fff;--rank-p2-text:#082f36;--rank-p3-text:#3a1533;
}
body[data-theme="moonlight"] [data-sup-panel="rankingsclean"]{
  --rank-p1:#7669db;--rank-p2:#657fd6;--rank-p3:#6bb7d7;
}
body[data-theme="sorcerer"] [data-sup-panel="rankingsclean"]{
  --rank-p1:#6d4fb4;--rank-p2:#8d6ac8;--rank-p3:#a35cad;
}
body[data-theme="shinobi"] [data-sup-panel="rankingsclean"]{
  --rank-p1:#9f432d;--rank-p2:#db7541;--rank-p3:#e6a14d;
}
body[data-theme="noir"] [data-sup-panel="rankingsclean"]{
  --rank-p1:#7f2945;--rank-p2:#b43d5e;--rank-p3:#d85d75;
}
body[data-theme="emerald"] [data-sup-panel="rankingsclean"]{
  --rank-p1:#2d7657;--rank-p2:#4ba678;--rank-p3:#83c99c;
}
body[data-theme="abyss"] [data-sup-panel="rankingsclean"]{
  --rank-p1:#236f86;--rank-p2:#39a3b8;--rank-p3:#5f8fc4;
}
body[data-theme="galaxy"] [data-sup-panel="rankingsclean"]{
  --rank-p1:#6847b4;--rank-p2:#a259c4;--rank-p3:#5f79d6;
}

[data-sup-panel="rankingsclean"] .page-header{margin-bottom:14px}
[data-sup-panel="rankingsclean"] .pd-rank-step2-controls{max-width:none;margin-top:0;padding:10px 12px;border-radius:20px;background:color-mix(in srgb,var(--panel) 86%,transparent)!important;backdrop-filter:blur(22px) saturate(1.18);border-color:color-mix(in srgb,var(--line) 82%,var(--glass-a) 18%)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--panel) 65%,transparent)}
[data-sup-panel="rankingsclean"] .pd-rank-step2-controls label>span{padding-left:4px}
[data-sup-panel="rankingsclean"] .pd-rank-step2-controls .form-input{border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,transparent);border-color:color-mix(in srgb,var(--line) 86%,var(--glass-a) 14%)}
[data-sup-panel="rankingsclean"] .pd-rank-step3-result{max-width:none;margin-top:12px;padding:0;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel) 82%,transparent))!important;border-color:color-mix(in srgb,var(--line) 80%,var(--glass-a) 20%)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--panel) 70%,transparent),0 22px 64px rgba(0,0,0,.07)}
[data-sup-panel="rankingsclean"] .pd-rank-step3-head{padding:18px 20px 10px;margin:0;position:relative;z-index:4}
[data-sup-panel="rankingsclean"] .pd-rank-step3-head .soft-icon{background:color-mix(in srgb,var(--panel) 76%,var(--glass-a) 24%);border:1px solid color-mix(in srgb,var(--line) 64%,var(--glass-a) 36%)}
[data-sup-panel="rankingsclean"] .pd-rank-step3-head h2{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.035em;margin:1px 0 3px}

.pd-rank-step4-stage{padding:0 18px 18px}
.pd-rank-visual-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.72fr);gap:16px;align-items:stretch}
.pd-rank-podium-zone{position:relative;height:430px;min-height:430px;overflow:hidden;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 84%,var(--glass-a) 16%);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 78%,transparent),color-mix(in srgb,var(--panel) 94%,transparent));isolation:isolate}
.pd-rank-podium-zone:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--rank-p1) 10%,transparent),transparent 29%),radial-gradient(circle at 25% 68%,color-mix(in srgb,var(--rank-p2) 8%,transparent),transparent 25%),radial-gradient(circle at 77% 72%,color-mix(in srgb,var(--rank-p3) 8%,transparent),transparent 24%);opacity:.9}
body[data-mode="dark"] .pd-rank-podium-zone:before{opacity:.55}
.pd-rank-ambient{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none;z-index:0;opacity:.11}.pd-rank-ambient.ambient-a{width:210px;height:210px;left:16%;top:22%;background:var(--rank-p2)}.pd-rank-ambient.ambient-b{width:230px;height:230px;right:9%;bottom:2%;background:var(--rank-p3)}
body[data-mode="dark"] .pd-rank-ambient{opacity:.075}

/* The whole top-three is one coordinated scene. */
.pd-rank-podium{position:absolute;z-index:2;inset:18px 34px 14px;display:flex;align-items:flex-end;justify-content:center;gap:26px;perspective:1100px}
.pd-rank-podium-item{position:relative;width:124px;min-width:124px;max-width:124px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:visible;--podium-local:var(--rank-p2);--podium-number:var(--rank-p2-text)}
.pd-rank-podium-item.place-1{order:2;z-index:4;--podium-local:var(--rank-p1);--podium-number:var(--rank-p1-text)}
.pd-rank-podium-item.place-2{order:1;z-index:3;--podium-local:var(--rank-p2);--podium-number:var(--rank-p2-text)}
.pd-rank-podium-item.place-3{order:3;z-index:2;--podium-local:var(--rank-p3);--podium-number:var(--rank-p3-text)}

/* Identity stack: readable in every theme, never washed out. */
.pd-rank-person{position:relative;z-index:12;width:142px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 10px;overflow:visible}
.pd-rank-crown{height:24px;display:grid;place-items:center;margin-bottom:2px;color:color-mix(in srgb,#f0bd4f 82%,var(--rank-p1) 18%)}
.pd-rank-crown:before,.pd-rank-crown:after{content:none!important;display:none!important}
.pd-rank-crown svg{display:block!important;width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:color-mix(in srgb,currentColor 13%,transparent);filter:drop-shadow(0 3px 5px color-mix(in srgb,var(--rank-p1) 20%,transparent))}
.pd-rank-hero-avatar{width:40px!important;height:40px!important;margin:0 0 5px!important;border:1px solid color-mix(in srgb,var(--podium-local) 35%,var(--line) 65%)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 82%,var(--podium-local) 18%),color-mix(in srgb,var(--panel) 93%,var(--podium-local) 7%))!important;color:var(--ink)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--podium-local) 12%,transparent)!important}
.pd-rank-person b{width:138px;max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:15px;font-weight:850;letter-spacing:-.018em;color:var(--ink);text-shadow:0 1px 0 color-mix(in srgb,var(--panel) 75%,transparent)}
.pd-rank-person small{display:inline-flex;align-items:center;justify-content:center;min-height:16px;margin:2px 0 6px;padding:1px 6px;border-radius:999px;font-size:8px;line-height:12px;font-weight:750;letter-spacing:.035em;color:color-mix(in srgb,var(--ink) 72%,var(--podium-local) 28%);background:color-mix(in srgb,var(--panel) 88%,var(--podium-local) 12%);border:1px solid color-mix(in srgb,var(--line) 78%,var(--podium-local) 22%);opacity:1}
.pd-rank-person strong.pd-rank-score{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:58px;max-width:76px;height:25px!important;min-height:25px;margin:0 auto!important;padding:0 8px!important;border-radius:8px;font-size:13px!important;line-height:25px!important;font-weight:900;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;color:var(--podium-number)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--podium-local) 84%,var(--panel) 16%),color-mix(in srgb,var(--podium-local) 96%,var(--panel) 4%))!important;border:1px solid color-mix(in srgb,var(--podium-local) 72%,var(--line) 28%);box-shadow:0 6px 16px color-mix(in srgb,var(--podium-local) 13%,transparent),inset 0 1px 0 color-mix(in srgb,var(--panel) 30%,transparent);text-shadow:none!important;opacity:1!important}
.place-1 .pd-rank-person strong.pd-rank-score{min-width:64px;height:27px!important;min-height:27px;line-height:27px!important;font-size:14px!important;box-shadow:0 7px 20px color-mix(in srgb,var(--rank-p1) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.12)}

/* Soft glass podium: no white lamps, no black intrusions, all material comes from the theme palette. */
.pd-rank-cylinder{position:relative;width:112px;min-width:112px;max-width:112px;margin:0 auto;border:0!important;border-radius:16px 16px 11px 11px / 10px 10px 7px 7px;background:none!important;box-shadow:none!important;overflow:visible;isolation:isolate;transform:translateZ(0)}
.place-1 .pd-rank-cylinder{height:208px}.place-2 .pd-rank-cylinder{height:164px}.place-3 .pd-rank-cylinder{height:140px}
.pd-rank-cylinder .pd-podium-body{display:block!important;position:absolute;z-index:2;inset:0;border-radius:14px 14px 8px 8px / 9px 9px 6px 6px;background:linear-gradient(90deg,color-mix(in srgb,var(--podium-local) 72%,var(--panel) 28%) 0%,color-mix(in srgb,var(--podium-local) 90%,var(--panel) 10%) 22%,var(--podium-local) 52%,color-mix(in srgb,var(--podium-local) 91%,var(--panel) 9%) 79%,color-mix(in srgb,var(--podium-local) 70%,var(--panel) 30%) 100%)!important;box-shadow:inset 10px 0 18px color-mix(in srgb,var(--panel) 14%,transparent),inset -10px 0 18px color-mix(in srgb,var(--ink) 7%,transparent),0 14px 30px color-mix(in srgb,var(--podium-local) 14%,transparent)!important;opacity:.84;-webkit-mask-image:linear-gradient(#000 0 82%,rgba(0,0,0,.92) 91%,rgba(0,0,0,.42) 100%);mask-image:linear-gradient(#000 0 82%,rgba(0,0,0,.92) 91%,rgba(0,0,0,.42) 100%)}
.place-1 .pd-podium-body{opacity:.96;box-shadow:inset 10px 0 18px color-mix(in srgb,var(--panel) 11%,transparent),inset -11px 0 20px color-mix(in srgb,var(--ink) 8%,transparent),0 16px 36px color-mix(in srgb,var(--rank-p1) 22%,transparent)!important}
.pd-rank-cylinder .pd-podium-rim{display:block!important;position:absolute;z-index:7;left:0;right:0;top:-7px;height:20px;border-radius:50%;border:1px solid color-mix(in srgb,var(--podium-local) 76%,var(--line) 24%)!important;background:radial-gradient(ellipse at 43% 30%,color-mix(in srgb,var(--panel) 28%,transparent) 0 18%,transparent 43%),linear-gradient(180deg,color-mix(in srgb,var(--podium-local) 74%,var(--panel) 26%),color-mix(in srgb,var(--podium-local) 94%,var(--panel) 6%))!important;box-shadow:inset 0 3px 7px color-mix(in srgb,var(--panel) 12%,transparent),0 5px 12px color-mix(in srgb,var(--podium-local) 10%,transparent)!important;opacity:.94}
.pd-rank-cylinder .pd-podium-rim:after{content:"";position:absolute;left:24%;right:24%;top:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--panel) 24%,transparent);filter:blur(2px);opacity:.45}
.pd-rank-cylinder .pd-podium-refraction{display:block!important;position:absolute;z-index:4;left:18%;width:18%;top:18px;bottom:30px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 18%,transparent),transparent 72%)!important;filter:blur(7px);opacity:.42;mix-blend-mode:normal}
.pd-rank-cylinder .pd-podium-side{display:none!important}
.pd-rank-cylinder .pd-podium-bloom{display:block!important;position:absolute;z-index:-2;inset:-18px -22px -18px;border-radius:44%;background:radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--podium-local) 17%,transparent),transparent 70%)!important;filter:blur(23px);opacity:.5}
.place-1 .pd-podium-bloom{opacity:.72;filter:blur(27px)}
.pd-rank-cylinder .pd-podium-fade{display:block!important;position:absolute;z-index:1;left:-10%;right:-10%;bottom:-8px;height:25px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--podium-local) 15%,transparent),transparent 72%)!important;filter:blur(9px);opacity:.48}
.pd-rank-cylinder .pd-podium-number{display:grid!important;position:absolute!important;z-index:10!important;left:0!important;right:0!important;top:31px!important;height:48px!important;place-items:center!important;padding:0!important;font-size:33px!important;line-height:1!important;font-weight:820!important;letter-spacing:-.045em;color:var(--podium-number)!important;opacity:.78!important;text-shadow:none!important}
.place-1 .pd-rank-cylinder .pd-podium-number{font-size:39px!important;opacity:.94!important}

/* Side roster: approved proportions, all agents available by internal scroll. */
.pd-rank-rest{height:430px;display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:10px;border-radius:22px;border:1px solid color-mix(in srgb,var(--line) 84%,var(--glass-a) 16%);background:color-mix(in srgb,var(--panel) 84%,transparent);backdrop-filter:blur(20px)}
.pd-rank-rest-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 10px;border-bottom:1px solid var(--line)}
.pd-rank-rest-head span{font-size:9px;font-weight:900;letter-spacing:.09em;color:var(--muted)}.pd-rank-rest-head small{font-size:9px;color:var(--muted)}
.pd-rank-rest-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--glass-a) 30%,transparent) transparent}
.pd-rank-rest-scroll::-webkit-scrollbar{width:5px}.pd-rank-rest-scroll::-webkit-scrollbar-track{background:transparent}.pd-rank-rest-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--glass-a) 30%,transparent);border-radius:99px}
.pd-rank-rest-row{display:grid;grid-template-columns:28px 34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 7px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);transition:.16s ease}.pd-rank-rest-row:last-child{border-bottom:0}.pd-rank-rest-row>strong{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.pd-rank-rest-row .pd-rank-step3-avatar{width:31px;height:31px;font-size:9px;background:color-mix(in srgb,var(--panel) 78%,var(--glass-a) 22%)}.pd-rank-rest-row em{font-style:normal;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}.pd-rank-rest-row .pd-rank-step3-agent b{font-size:10px}.pd-rank-rest-row .pd-rank-step3-agent small{font-size:8px}
@media(hover:hover) and (pointer:fine){.pd-rank-rest-row:hover{background:color-mix(in srgb,var(--panel) 88%,var(--glass-a) 12%);border-radius:12px}}

body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-person b{color:var(--ink);text-shadow:0 1px 7px rgba(0,0,0,.18)}
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-person small{color:color-mix(in srgb,var(--ink) 76%,var(--podium-local) 24%);background:color-mix(in srgb,var(--panel) 86%,var(--podium-local) 14%);border-color:color-mix(in srgb,var(--line) 72%,var(--podium-local) 28%)}
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-rim{background:radial-gradient(ellipse at 43% 30%,color-mix(in srgb,var(--podium-local) 18%,var(--panel) 82%) 0 18%,transparent 45%),linear-gradient(180deg,color-mix(in srgb,var(--podium-local) 82%,var(--panel) 18%),color-mix(in srgb,var(--podium-local) 96%,var(--panel) 4%))!important}
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-refraction{opacity:.25}

@media(max-width:980px){.pd-rank-visual-shell{grid-template-columns:1fr}.pd-rank-podium-zone{height:410px;min-height:410px}.pd-rank-rest{height:360px}.pd-rank-rest-scroll{display:grid;grid-template-columns:1fr 1fr}.pd-rank-rest-row{border-right:1px solid color-mix(in srgb,var(--line) 60%,transparent)}}
@media(max-width:680px){.pd-rank-step4-stage{padding:0 10px 10px}.pd-rank-podium-zone{height:370px;min-height:370px}.pd-rank-podium{inset:20px 6px 10px;gap:8px}.pd-rank-podium-item{width:30%;min-width:0;max-width:none}.pd-rank-person{width:105px}.pd-rank-person b{width:102px;max-width:102px;font-size:9.5px}.pd-rank-person small{font-size:7px}.pd-rank-person strong.pd-rank-score{min-width:51px;height:22px!important;min-height:22px;line-height:22px!important;font-size:11.5px!important}.pd-rank-cylinder{width:88px;min-width:88px;max-width:88px}.place-1 .pd-rank-cylinder{height:178px}.place-2 .pd-rank-cylinder{height:139px}.place-3 .pd-rank-cylinder{height:118px}.pd-rank-cylinder .pd-podium-number{font-size:27px!important}.place-1 .pd-rank-cylinder .pd-podium-number{font-size:31px!important}.pd-rank-rest{height:350px}.pd-rank-rest-scroll{display:block}}

/* v22.2.01 — FINAL PODIUM DEPTH PASS
   Keep the approved 2–1–3 composition and theme palettes; restore dimensional glass material. */
[data-sup-panel="rankingsclean"] .pd-rank-cylinder{
  border-radius:18px 18px 16px 16px / 12px 12px 10px 10px;
  transform:translateZ(0) rotateX(.01deg);
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-body{
  inset:0 2px 1px!important;
  border-radius:16px 16px 14px 14px / 11px 11px 9px 9px!important;
  background:
    radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--podium-local) 96%,var(--panel) 4%) 0 13%,transparent 39%),
    linear-gradient(90deg,
      color-mix(in srgb,var(--podium-local) 54%,var(--panel) 46%) 0%,
      color-mix(in srgb,var(--podium-local) 78%,var(--panel) 22%) 12%,
      color-mix(in srgb,var(--podium-local) 98%,var(--panel) 2%) 36%,
      var(--podium-local) 53%,
      color-mix(in srgb,var(--podium-local) 86%,var(--panel) 14%) 73%,
      color-mix(in srgb,var(--podium-local) 58%,var(--panel) 42%) 100%)!important;
  box-shadow:
    inset 13px 0 18px color-mix(in srgb,var(--panel) 20%,transparent),
    inset -13px 0 20px color-mix(in srgb,var(--podium-local) 34%,transparent),
    inset 0 -18px 22px color-mix(in srgb,var(--podium-local) 42%,transparent),
    0 18px 34px color-mix(in srgb,var(--podium-local) 19%,transparent)!important;
  opacity:.96!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
[data-sup-panel="rankingsclean"] .place-1 .pd-podium-body{
  box-shadow:
    inset 14px 0 20px color-mix(in srgb,var(--panel) 18%,transparent),
    inset -15px 0 22px color-mix(in srgb,var(--rank-p1) 38%,transparent),
    inset 0 -20px 25px color-mix(in srgb,var(--rank-p1) 46%,transparent),
    0 20px 42px color-mix(in srgb,var(--rank-p1) 27%,transparent)!important;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-rim{
  left:1px;right:1px;top:-9px;height:25px!important;
  border:1px solid color-mix(in srgb,var(--podium-local) 82%,var(--panel) 18%)!important;
  background:
    radial-gradient(ellipse at 48% 38%,color-mix(in srgb,var(--podium-local) 72%,var(--panel) 28%) 0 18%,transparent 46%),
    radial-gradient(ellipse at 50% 68%,color-mix(in srgb,var(--podium-local) 96%,var(--panel) 4%) 0 34%,color-mix(in srgb,var(--podium-local) 68%,var(--panel) 32%) 72%,color-mix(in srgb,var(--podium-local) 54%,var(--panel) 46%) 100%)!important;
  box-shadow:
    inset 0 4px 7px color-mix(in srgb,var(--panel) 16%,transparent),
    inset 0 -5px 8px color-mix(in srgb,var(--podium-local) 38%,transparent),
    0 7px 12px color-mix(in srgb,var(--podium-local) 16%,transparent)!important;
  opacity:1!important;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-rim:after{
  left:15%;right:15%;top:4px;height:8px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--podium-local) 54%,var(--panel) 46%),transparent)!important;
  filter:blur(3px);opacity:.48;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-side{
  display:block!important;position:absolute;z-index:5;top:13px;right:4px;bottom:10px;width:20%;
  border-radius:0 13px 13px 0 / 0 9px 9px 0;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--podium-local) 54%,var(--panel) 46%))!important;
  opacity:.34;filter:blur(1px);pointer-events:none;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-refraction{
  left:12%;width:25%;top:19px;bottom:20px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--podium-local) 50%,var(--panel) 50%) 0%,color-mix(in srgb,var(--podium-local) 75%,var(--panel) 25%) 20%,transparent 68%)!important;
  filter:blur(8px);opacity:.5!important;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder:after{
  content:"";position:absolute;z-index:6;left:3px;right:3px;bottom:-7px;height:19px;border-radius:50%;
  background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--podium-local) 84%,var(--panel) 16%) 0 34%,color-mix(in srgb,var(--podium-local) 58%,var(--panel) 42%) 73%,transparent 76%);
  opacity:.74;filter:blur(.25px);pointer-events:none;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-bloom{
  inset:-24px -30px -22px!important;
  background:radial-gradient(ellipse at 50% 52%,color-mix(in srgb,var(--podium-local) 26%,transparent),transparent 68%)!important;
  filter:blur(28px)!important;opacity:.72!important;
}
[data-sup-panel="rankingsclean"] .place-1 .pd-rank-cylinder .pd-podium-bloom{opacity:.92!important;filter:blur(32px)!important}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-fade{
  left:-22%;right:-22%;bottom:-13px;height:34px;
  background:radial-gradient(ellipse,color-mix(in srgb,var(--podium-local) 28%,transparent),transparent 70%)!important;
  filter:blur(11px);opacity:.66;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-number{
  text-shadow:0 2px 12px color-mix(in srgb,var(--podium-local) 28%,transparent)!important;
}
/* Dark themes keep depth without chalky/white highlights. */
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-body{
  background:
    radial-gradient(ellipse at 50% 10%,color-mix(in srgb,var(--podium-local) 91%,var(--panel) 9%) 0 13%,transparent 39%),
    linear-gradient(90deg,color-mix(in srgb,var(--podium-local) 62%,var(--panel) 38%) 0%,color-mix(in srgb,var(--podium-local) 84%,var(--panel) 16%) 16%,var(--podium-local) 48%,color-mix(in srgb,var(--podium-local) 88%,var(--panel) 12%) 76%,color-mix(in srgb,var(--podium-local) 60%,var(--panel) 40%) 100%)!important;
}
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-rim{
  background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--podium-local) 90%,var(--panel) 10%) 0 35%,color-mix(in srgb,var(--podium-local) 72%,var(--panel) 28%) 74%,color-mix(in srgb,var(--podium-local) 58%,var(--panel) 42%) 100%)!important;
}
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-refraction{opacity:.38!important}

/* v22.2.02 — REFERENCE PODIUM MATERIAL
   Continuous translucent pedestal: no detached PowerPoint-style lid. */
[data-sup-panel="rankingsclean"] .pd-rank-cylinder{
  border-radius:30% 30% 20% 20% / 8% 8% 5% 5%!important;
  transform:translateZ(0)!important;
  filter:drop-shadow(0 18px 22px color-mix(in srgb,var(--podium-local) 16%,transparent));
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-body{
  inset:0!important;
  border-radius:30% 30% 19% 19% / 7% 7% 5% 5%!important;
  border:0!important;
  background:
    radial-gradient(ellipse 72% 8% at 50% 3%,color-mix(in srgb,var(--panel) 30%,var(--podium-local) 70%) 0 32%,color-mix(in srgb,var(--podium-local) 92%,transparent) 58%,transparent 75%),
    linear-gradient(90deg,
      color-mix(in srgb,var(--podium-local) 42%,var(--panel) 58%) 0%,
      color-mix(in srgb,var(--podium-local) 72%,var(--panel) 28%) 10%,
      color-mix(in srgb,var(--podium-local) 96%,var(--panel) 4%) 31%,
      var(--podium-local) 52%,
      color-mix(in srgb,var(--podium-local) 91%,var(--panel) 9%) 72%,
      color-mix(in srgb,var(--podium-local) 57%,var(--panel) 43%) 94%,
      color-mix(in srgb,var(--podium-local) 38%,var(--panel) 62%) 100%),
    linear-gradient(180deg,color-mix(in srgb,var(--podium-local) 96%,transparent),color-mix(in srgb,var(--podium-local) 72%,var(--panel) 28%))!important;
  box-shadow:
    inset 12px 0 22px color-mix(in srgb,var(--panel) 25%,transparent),
    inset -13px 0 24px color-mix(in srgb,var(--ink) 6%,transparent),
    inset 0 18px 18px color-mix(in srgb,var(--panel) 8%,transparent),
    inset 0 -28px 34px color-mix(in srgb,var(--podium-local) 28%,transparent)!important;
  opacity:.92!important;
  overflow:hidden;
}
/* The top is now an integrated optical surface, not a second shape sitting on the body. */
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-rim{
  z-index:7!important;left:5px!important;right:5px!important;top:0!important;height:15px!important;
  border:0!important;border-radius:50%!important;
  background:
    radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--panel) 14%,var(--podium-local) 86%) 0 46%,color-mix(in srgb,var(--podium-local) 82%,transparent) 66%,transparent 72%)!important;
  box-shadow:inset 0 2px 5px color-mix(in srgb,var(--panel) 14%,transparent)!important;
  opacity:.68!important;filter:blur(.15px);pointer-events:none;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-rim:after{
  left:20%!important;right:20%!important;top:2px!important;height:4px!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--panel) 20%,var(--podium-local) 80%),transparent)!important;
  filter:blur(2px)!important;opacity:.34!important;
}
/* Internal refraction gives the volume; side-strip from the previous pass is removed. */
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-side{display:none!important}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-refraction{
  z-index:4!important;left:8%!important;width:31%!important;top:12px!important;bottom:22px!important;
  border-radius:50% 18% 30% 45% / 8% 12% 18% 12%!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 16%,var(--podium-local) 84%) 0%,color-mix(in srgb,var(--panel) 9%,var(--podium-local) 91%) 20%,transparent 69%)!important;
  filter:blur(9px)!important;opacity:.38!important;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder:before{
  content:"";position:absolute;z-index:3;left:7px;right:7px;bottom:1px;height:17px;border-radius:50%;
  background:radial-gradient(ellipse at 50% 44%,color-mix(in srgb,var(--podium-local) 82%,var(--panel) 18%) 0 42%,color-mix(in srgb,var(--podium-local) 58%,transparent) 68%,transparent 74%);
  opacity:.46;filter:blur(1.4px);pointer-events:none;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder:after{
  content:"";position:absolute;z-index:8;left:10px;right:10px;top:4px;height:7px;border-radius:50%;
  background:linear-gradient(90deg,transparent 5%,color-mix(in srgb,var(--panel) 13%,var(--podium-local) 87%) 34%,color-mix(in srgb,var(--panel) 20%,var(--podium-local) 80%) 51%,transparent 95%);
  opacity:.42;filter:blur(1.8px);pointer-events:none;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-bloom{
  inset:-20px -25px -20px!important;border-radius:46%!important;
  background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--podium-local) 22%,transparent),transparent 69%)!important;
  filter:blur(31px)!important;opacity:.68!important;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-fade{
  left:-18%!important;right:-18%!important;bottom:-11px!important;height:28px!important;
  background:radial-gradient(ellipse,color-mix(in srgb,var(--podium-local) 23%,transparent),transparent 72%)!important;
  filter:blur(10px)!important;opacity:.55!important;
}
[data-sup-panel="rankingsclean"] .place-1 .pd-podium-body{opacity:.97!important}
[data-sup-panel="rankingsclean"] .place-1 .pd-podium-bloom{opacity:.82!important;filter:blur(34px)!important}
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-rim{opacity:.54!important}
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-refraction{opacity:.28!important}

/* === v22.2.03 · PODIUM DECOR ONLY ==========================================
   IMPORTANT: does NOT change podium geometry, dimensions, border-radius,
   placement, ranking order, markup or theme palettes. It only adds atmosphere
   behind the existing podium and subtle theme-aware depth to the pillars. */
[data-sup-panel="rankingsclean"] .pd-rank-podium-zone{
  isolation:isolate;
}
[data-sup-panel="rankingsclean"] .pd-rank-podium-zone:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 38% 34% at 50% 72%,color-mix(in srgb,var(--rank-p1) 17%,transparent) 0%,transparent 72%),
    radial-gradient(circle at 24% 43%,color-mix(in srgb,var(--rank-p2) 13%,transparent) 0 5%,transparent 24%),
    radial-gradient(circle at 77% 38%,color-mix(in srgb,var(--rank-p3) 12%,transparent) 0 4%,transparent 22%),
    radial-gradient(circle at 67% 77%,color-mix(in srgb,var(--rank-p1) 8%,transparent) 0 3%,transparent 19%),
    linear-gradient(180deg,transparent 12%,color-mix(in srgb,var(--rank-p1) 4%,transparent) 62%,color-mix(in srgb,var(--panel) 72%,transparent) 100%);
  filter:saturate(1.04);
  opacity:.95;
}
[data-sup-panel="rankingsclean"] .pd-rank-podium-zone:after{
  content:"";
  position:absolute;
  z-index:1;
  left:8%;right:8%;bottom:2%;height:34%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 24% 78%,color-mix(in srgb,var(--rank-p2) 13%,transparent),transparent 57%),
    radial-gradient(ellipse at 50% 82%,color-mix(in srgb,var(--rank-p1) 14%,transparent),transparent 58%),
    radial-gradient(ellipse at 78% 80%,color-mix(in srgb,var(--rank-p3) 12%,transparent),transparent 57%);
  filter:blur(18px);
  opacity:.7;
}

/* Existing pillar shape stays untouched; this only strengthens its depth. */
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-body{
  box-shadow:
    inset 12px 0 22px color-mix(in srgb,var(--panel) 18%,transparent),
    inset -14px 0 24px color-mix(in srgb,var(--ink) 8%,transparent),
    inset 0 -30px 36px color-mix(in srgb,var(--podium-local) 31%,transparent),
    0 13px 22px color-mix(in srgb,var(--ink) 9%,transparent),
    0 22px 40px color-mix(in srgb,var(--podium-local) 18%,transparent)!important;
}
[data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-body:after{
  content:"";
  position:absolute;
  pointer-events:none;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--podium-local) 12%,transparent) 0%,transparent 31%,transparent 66%,color-mix(in srgb,var(--ink) 7%,transparent) 100%),
    linear-gradient(90deg,color-mix(in srgb,var(--panel) 7%,transparent),transparent 25% 72%,color-mix(in srgb,var(--ink) 5%,transparent));
  opacity:.72;
}
[data-sup-panel="rankingsclean"] .place-1 .pd-podium-body{
  box-shadow:
    inset 13px 0 24px color-mix(in srgb,var(--panel) 17%,transparent),
    inset -15px 0 26px color-mix(in srgb,var(--ink) 8%,transparent),
    inset 0 -32px 39px color-mix(in srgb,var(--rank-p1) 34%,transparent),
    0 14px 24px color-mix(in srgb,var(--ink) 10%,transparent),
    0 24px 44px color-mix(in srgb,var(--rank-p1) 22%,transparent)!important;
}

/* Dark themes: same decoration, but all light remains theme-colored. */
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-podium-zone:before{
  opacity:.72;
  background:
    radial-gradient(ellipse 40% 36% at 50% 72%,color-mix(in srgb,var(--rank-p1) 16%,transparent) 0%,transparent 72%),
    radial-gradient(circle at 24% 43%,color-mix(in srgb,var(--rank-p2) 12%,transparent) 0 5%,transparent 24%),
    radial-gradient(circle at 77% 38%,color-mix(in srgb,var(--rank-p3) 11%,transparent) 0 4%,transparent 22%),
    radial-gradient(circle at 67% 77%,color-mix(in srgb,var(--rank-p1) 7%,transparent) 0 3%,transparent 19%),
    linear-gradient(180deg,transparent 10%,color-mix(in srgb,var(--rank-p1) 4%,transparent) 62%,color-mix(in srgb,var(--panel) 45%,transparent) 100%);
}
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-podium-zone:after{opacity:.48}
body[data-mode="dark"] [data-sup-panel="rankingsclean"] .pd-rank-cylinder .pd-podium-body:after{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--podium-local) 10%,transparent),transparent 34%,transparent 68%,color-mix(in srgb,var(--ink) 10%,transparent)),
    linear-gradient(90deg,color-mix(in srgb,var(--podium-local) 7%,transparent),transparent 27% 73%,color-mix(in srgb,var(--ink) 7%,transparent));
  opacity:.62;
}

/* v22.2.03 · Volley Sunset ranking contrast fix
   Keep the existing dark third-place pillar; only improve its text contrast. */
body[data-theme="volley"] [data-sup-panel="rankingsclean"]{
  --rank-p3-text:#ffffff;
}
body[data-theme="volley"] [data-sup-panel="rankingsclean"] .pd-rank-podium-item.place-3 .pd-podium-number,
body[data-theme="volley"] [data-sup-panel="rankingsclean"] .pd-rank-podium-item.place-3 .pd-rank-score{
  color:#ffffff!important;
}

/* === PulseDesk v22.2.04 · Pattern Analytics rebuild === */
[data-sup-panel="rankingsclean"] .pd-pa-shell{display:grid;gap:18px}.pd-pa-overview,.pd-pa-focus{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:24px;padding:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--glass-a) 14%,var(--panel) 86%));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 45px color-mix(in srgb,var(--ink) 6%,transparent)}
.pd-pa-section-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:15px}.pd-pa-section-title small{font-size:7.5px;font-weight:900;letter-spacing:.16em;color:var(--muted)}.pd-pa-section-title h3{margin:3px 0 3px;font-size:18px}.pd-pa-section-title p{margin:0;color:var(--muted);font-size:9px}.pd-pa-section-title>span{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,transparent);font-size:8px;font-weight:850;white-space:nowrap}
.pd-pa-type-strip{display:flex;gap:9px;overflow-x:auto;padding:2px 1px 10px;scrollbar-width:thin}.pd-pa-type{--pa-color:#707784;min-width:142px;border:1px solid color-mix(in srgb,var(--pa-color) 26%,var(--line));border-radius:16px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;color:var(--ink);cursor:pointer;background:linear-gradient(135deg,color-mix(in srgb,var(--pa-color) 10%,var(--panel)),color-mix(in srgb,var(--panel) 88%,transparent));transition:.18s ease}.pd-pa-type:hover,.pd-pa-type.active{transform:translateY(-2px);border-color:color-mix(in srgb,var(--pa-color) 62%,var(--line));box-shadow:0 9px 22px color-mix(in srgb,var(--pa-color) 14%,transparent)}.pd-pa-type>svg{width:17px;color:var(--pa-color)}.pd-pa-type span{display:grid;min-width:0}.pd-pa-type b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-pa-type small{font-size:7px;color:var(--muted);margin-top:2px}
.pd-pa-team-map{display:grid;gap:7px;margin-top:4px;max-height:340px;overflow:auto;padding:4px 5px 5px 1px}.pd-pa-map-row{display:grid;grid-template-columns:minmax(155px,1.1fr) minmax(260px,3fr) 32px;gap:10px;align-items:center;min-height:43px;padding:6px 8px;border-radius:14px;background:color-mix(in srgb,var(--panel) 66%,transparent);border:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.pd-pa-map-agent{display:flex;align-items:center;gap:8px;min-width:0}.pd-pa-map-agent>i,.pd-pa-full-ranking button>i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--glass-a),var(--glass-b));font-size:7px;font-style:normal;font-weight:900;flex:none}.pd-pa-map-agent>span{display:grid;min-width:0}.pd-pa-map-agent b{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-pa-map-agent small{font-size:6.5px;color:var(--muted)}.pd-pa-map-track{height:27px;display:flex;gap:3px;align-items:stretch;padding:3px;border-radius:10px;background:color-mix(in srgb,var(--ink) 5%,transparent);overflow:hidden}.pd-pa-segment{--pa-color:#707784;flex:var(--pa-flex) 1 0;min-width:18px;border:0;border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--pa-color) 84%,white 16%),var(--pa-color));color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);opacity:.76}.pd-pa-segment.active{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb,var(--pa-color) 32%,transparent),inset 0 1px 0 rgba(255,255,255,.35)}.pd-pa-segment span{font-size:7px;font-weight:950;text-shadow:0 1px 2px rgba(0,0,0,.22)}.pd-pa-zero{align-self:center;padding-left:7px;color:var(--muted);font-size:7px;font-style:normal}.pd-pa-map-total{text-align:center;font-size:10px}.pd-pa-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pd-pa-legend button{--pa-color:#707784;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-size:7px;padding:5px 7px;display:flex;align-items:center;gap:5px;cursor:pointer}.pd-pa-legend button i{width:7px;height:7px;border-radius:50%;background:var(--pa-color)}.pd-pa-legend button b{color:var(--ink)}.pd-pa-legend button.active{border-color:color-mix(in srgb,var(--pa-color) 35%,var(--line));background:color-mix(in srgb,var(--pa-color) 9%,transparent);color:var(--ink)}
.pd-pa-focus:before{content:"";position:absolute;inset:auto -10% -55% 15%;height:230px;background:radial-gradient(circle,color-mix(in srgb,var(--pa-color) 16%,transparent),transparent 66%);filter:blur(16px);pointer-events:none}.pd-pa-focus-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.8fr);gap:16px}.pd-pa-podium-card,.pd-pa-full-ranking{min-height:315px;border:1px solid color-mix(in srgb,var(--pa-color) 20%,var(--line));border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--pa-color) 7%,var(--panel)),color-mix(in srgb,var(--panel) 88%,transparent));overflow:hidden}.pd-pa-podium-card{display:flex;align-items:flex-end;justify-content:center;padding:24px 18px 18px}.pd-pa-podium{width:min(100%,520px);height:270px;display:flex;align-items:flex-end;justify-content:center;gap:14px}.pd-pa-podium-item{width:31%;max-width:142px;display:grid;align-content:end;justify-items:center}.pd-pa-person{height:112px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;text-align:center}.pd-pa-person>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--pa-color) 22%,var(--panel)),color-mix(in srgb,var(--pa-color) 8%,var(--panel)));border:1px solid color-mix(in srgb,var(--pa-color) 30%,var(--line));font-size:8px;font-weight:900}.pd-pa-person>b{font-size:8px;margin-top:5px;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-pa-person>small{font-size:6px;color:var(--muted)}.pd-pa-person>strong{margin-top:4px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--pa-color) 14%,var(--panel));color:var(--pa-color);font-size:9px}.pd-pa-crown{position:absolute;top:-3px;width:17px;color:var(--pa-color)}.pd-pa-column{width:100%;height:var(--pa-h);border-radius:16px 16px 8px 8px;display:grid;place-items:center;align-items:start;padding-top:13px;background:linear-gradient(100deg,color-mix(in srgb,var(--pa-color) 70%,var(--panel)),color-mix(in srgb,var(--pa-color) 92%,white 8%) 45%,color-mix(in srgb,var(--pa-color) 66%,var(--panel)));border:1px solid color-mix(in srgb,var(--pa-color) 60%,var(--line));box-shadow:inset 8px 0 18px rgba(255,255,255,.12),inset -10px 0 20px rgba(0,0,0,.08),0 15px 28px color-mix(in srgb,var(--pa-color) 16%,transparent)}.pd-pa-column em{font-style:normal;font-size:22px;font-weight:950;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.pd-pa-full-ranking{padding:12px}.pd-pa-full-head{display:flex;justify-content:space-between;align-items:center;padding:5px 4px 10px}.pd-pa-full-head b{font-size:10px}.pd-pa-full-head small{font-size:7px;color:var(--muted)}.pd-pa-full-scroll{display:grid;gap:5px;max-height:265px;overflow:auto;padding-right:3px}.pd-pa-full-ranking button{display:grid;grid-template-columns:27px 27px minmax(0,1fr) 35px;gap:8px;align-items:center;border:1px solid transparent;border-radius:12px;padding:6px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.pd-pa-full-ranking button:hover,.pd-pa-full-ranking button.top{background:color-mix(in srgb,var(--pa-color) 7%,transparent);border-color:color-mix(in srgb,var(--pa-color) 18%,transparent)}.pd-pa-full-ranking button>strong{font-size:8px;color:var(--muted);text-align:center}.pd-pa-full-ranking button>span{display:grid;min-width:0}.pd-pa-full-ranking button>span b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-pa-full-ranking button>span small{font-size:6px;color:var(--muted)}.pd-pa-full-ranking button>em{font-size:11px;font-style:normal;font-weight:950;text-align:center;color:var(--pa-color)}
.pd-pa-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--muted)}.pd-pa-empty svg{width:30px}.pd-pa-empty b{color:var(--ink)}.pd-pa-empty span{font-size:9px}.pd-pa-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(10,12,18,.38);backdrop-filter:blur(8px)}.pd-pa-modal-card{width:min(560px,94vw);max-height:78vh;overflow:auto;position:relative;border-radius:24px;border:1px solid color-mix(in srgb,var(--pa-color) 30%,var(--line));background:var(--panel);box-shadow:0 28px 80px rgba(0,0,0,.25);padding:18px}.pd-pa-modal-close{position:absolute;right:14px;top:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);width:30px;height:30px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.pd-pa-modal-close svg{width:14px}.pd-pa-modal-head{display:flex;align-items:center;gap:12px;padding-right:42px}.pd-pa-modal-head>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--pa-color) 14%,var(--panel));color:var(--pa-color);font-size:10px;font-weight:950}.pd-pa-modal-head small{font-size:7px;color:var(--pa-color);font-weight:900}.pd-pa-modal-head h3{margin:2px 0;font-size:17px}.pd-pa-modal-head p{margin:0;font-size:8px;color:var(--muted)}.pd-pa-modal-list{display:grid;gap:7px;margin-top:16px}.pd-pa-modal-list article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:13px;background:color-mix(in srgb,var(--pa-color) 6%,var(--panel));border:1px solid color-mix(in srgb,var(--pa-color) 14%,var(--line))}.pd-pa-modal-list article>svg{width:16px;color:var(--pa-color)}.pd-pa-modal-list article span{display:grid}.pd-pa-modal-list article b{font-size:8px}.pd-pa-modal-list article small{font-size:7px;color:var(--muted)}.pd-pa-modal-list article em{font-size:7px;font-style:normal;color:var(--muted)}
body[data-mode="dark"] .pd-pa-segment{background:linear-gradient(180deg,color-mix(in srgb,var(--pa-color) 88%,#fff 12%),color-mix(in srgb,var(--pa-color) 80%,#000 20%))}body[data-mode="dark"] .pd-pa-column{background:linear-gradient(100deg,color-mix(in srgb,var(--pa-color) 68%,#111 32%),color-mix(in srgb,var(--pa-color) 90%,#fff 10%) 45%,color-mix(in srgb,var(--pa-color) 66%,#111 34%))}
@media(max-width:920px){.pd-pa-focus-grid{grid-template-columns:1fr}.pd-pa-map-row{grid-template-columns:minmax(130px,1fr) minmax(190px,2fr) 28px}}@media(max-width:650px){.pd-pa-map-row{grid-template-columns:1fr 30px}.pd-pa-map-track{grid-column:1/-1}.pd-pa-section-title{display:grid}.pd-pa-podium{gap:7px}.pd-pa-person>b{max-width:90px}}

/* === v22.2.05 · Pattern Analytics compact selector + hierarchy === */
.pd-pa-shell{gap:12px!important}
.pd-pa-overview,.pd-pa-focus{padding:14px!important;border-radius:20px!important}
.pd-pa-toolbar{display:grid;grid-template-columns:minmax(230px,340px) minmax(220px,1fr);gap:10px;align-items:end;margin:8px 0 11px}
.pd-pa-toolbar label>span{display:block;margin:0 0 5px 3px;font-size:8px;font-weight:850;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.pd-pa-toolbar select{height:38px;border-radius:12px!important;font-size:10px!important;border-color:color-mix(in srgb,var(--pa-color) 28%,var(--line))!important}
.pd-pa-selected-chip{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--pa-color) 24%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--pa-color) 7%,var(--panel))}
.pd-pa-selected-chip>svg{width:16px;color:var(--pa-color)}.pd-pa-selected-chip span{display:grid}.pd-pa-selected-chip b{font-size:9px}.pd-pa-selected-chip small{font-size:7px;color:var(--muted)}
.pd-pa-team-map{max-height:260px!important;gap:5px!important}.pd-pa-map-row{min-height:38px!important;padding:5px 7px!important;border-radius:12px!important}.pd-pa-map-track{height:24px!important}
.pd-pa-legend{margin-top:8px!important;gap:4px!important}.pd-pa-legend button{padding:4px 6px!important}
.pd-pa-focus-grid{grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr)!important;gap:12px!important}
.pd-pa-podium-card,.pd-pa-full-ranking{min-height:245px!important;border-radius:17px!important}.pd-pa-podium-card{padding:14px 14px 12px!important}
.pd-pa-podium{height:210px!important;width:min(100%,460px)!important;gap:10px!important}.pd-pa-podium-item{max-width:125px!important}.pd-pa-person{height:76px!important}.pd-pa-person>span{width:29px!important;height:29px!important;border-radius:10px!important}.pd-pa-person>b{font-size:7.5px!important;margin-top:3px!important}.pd-pa-person>strong{margin-top:2px!important;padding:3px 6px!important;font-size:8px!important}.pd-pa-crown{top:-5px!important;width:15px!important}
.pd-pa-column{border-radius:13px 13px 7px 7px!important;padding-top:9px!important}.pd-pa-column em{font-size:18px!important}.pd-pa-full-ranking{padding:9px!important}.pd-pa-full-scroll{max-height:200px!important;gap:3px!important}.pd-pa-full-ranking button{padding:5px!important;border-radius:10px!important}
@media(max-width:920px){.pd-pa-toolbar{grid-template-columns:1fr}.pd-pa-focus-grid{grid-template-columns:1fr!important}}


/* v22.2.06 · Pattern Analytics — exact Reconciliation/Jornada palette + compact podium polish */
/* Palette source of truth mirrors the linked-incident colors used in Conciliación/Jornada reconstruida:
   CAP #3B82F6 · BTS #8B5CF6 · Internet #14B8A6 · System #74C7F2 · Power #F2C94C ·
   Schedule #9A6545 · Late Break #F28C28 · Late Lunch #E66B9A · Meeting #B8C0CC ·
   Troubleshooting #7F8C45 · Kicked #9C0636 · WC #C4A7E7 · Mentoring #F2A477 · Other #707784 */
.pd-pa-podium-card{position:relative;min-height:292px!important;padding:18px 18px 14px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 95%,var(--pa-color) 5%),color-mix(in srgb,var(--panel) 98%,transparent))!important}
.pd-pa-podium-card:after{content:"";position:absolute;left:8%;right:8%;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--pa-color) 34%,var(--line)),transparent)}
.pd-pa-podium{height:244px!important;gap:12px!important;position:relative;z-index:1}
.pd-pa-podium-item{max-width:132px!important}
.pd-pa-person{height:103px!important}
.pd-pa-column{position:relative;overflow:hidden;border-radius:14px 14px 7px 7px!important;background:linear-gradient(105deg,color-mix(in srgb,var(--pa-color) 66%,var(--panel)),var(--pa-color) 48%,color-mix(in srgb,var(--pa-color) 74%,var(--panel)))!important;box-shadow:inset 1px 0 rgba(255,255,255,.18),inset -10px 0 18px rgba(0,0,0,.08),0 10px 22px color-mix(in srgb,var(--pa-color) 13%,transparent)!important}
.pd-pa-column:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 26%,transparent 72%,rgba(0,0,0,.07));pointer-events:none}
.pd-pa-podium-item.place-1 .pd-pa-column{transform:translateY(-2px);box-shadow:inset 1px 0 rgba(255,255,255,.2),inset -12px 0 20px rgba(0,0,0,.09),0 13px 28px color-mix(in srgb,var(--pa-color) 18%,transparent)!important}
.pd-pa-podium-item.place-1 .pd-pa-person{transform:translateY(-2px)}
.pd-pa-podium-item.place-2 .pd-pa-column{opacity:.94}
.pd-pa-podium-item.place-3 .pd-pa-column{opacity:.88}
.pd-pa-column em{position:relative;z-index:1;font-size:20px!important}
.pd-pa-crown{filter:drop-shadow(0 4px 7px color-mix(in srgb,var(--pa-color) 28%,transparent))}
body[data-mode="dark"] .pd-pa-column{background:linear-gradient(105deg,color-mix(in srgb,var(--pa-color) 54%,var(--panel)),color-mix(in srgb,var(--pa-color) 78%,var(--panel)) 48%,color-mix(in srgb,var(--pa-color) 48%,var(--panel)))!important}

/* v22.2.07 · Pattern Analytics — replace podium with compact agent distribution chart */
.pd-pa-focus-grid{grid-template-columns:minmax(0,1.55fr) minmax(235px,.72fr)!important;gap:12px!important}
.pd-pa-chart-card{min-height:0;border:1px solid color-mix(in srgb,var(--pa-color) 20%,var(--line));border-radius:18px;padding:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--pa-color) 6%,var(--panel)),color-mix(in srgb,var(--panel) 92%,transparent));overflow:hidden}
.pd-pa-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 9px}.pd-pa-chart-head>span{display:grid}.pd-pa-chart-head b{font-size:9px}.pd-pa-chart-head small{margin-top:2px;font-size:6.5px;color:var(--muted)}.pd-pa-chart-head em{font-size:7px;font-style:normal;font-weight:850;color:var(--pa-color);padding:5px 7px;border-radius:999px;background:color-mix(in srgb,var(--pa-color) 9%,transparent);white-space:nowrap}
.pd-pa-agent-chart{display:grid;gap:3px;max-height:225px;overflow:auto;padding-right:3px}.pd-pa-chart-row{display:grid;grid-template-columns:24px 27px minmax(105px,.9fr) minmax(120px,2.2fr) 28px;gap:7px;align-items:center;min-height:36px;padding:4px 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:.15s ease}.pd-pa-chart-row:hover,.pd-pa-chart-row.top{background:color-mix(in srgb,var(--pa-color) 5%,transparent);border-color:color-mix(in srgb,var(--pa-color) 14%,transparent)}.pd-pa-chart-pos{font-size:7px;font-weight:900;text-align:center;color:var(--muted)}.pd-pa-chart-row.top .pd-pa-chart-pos{color:var(--pa-color)}.pd-pa-chart-row>i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--glass-a),var(--glass-b));font-size:7px;font-style:normal;font-weight:900}.pd-pa-chart-agent{display:grid;min-width:0}.pd-pa-chart-agent b{font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-pa-chart-agent small{font-size:6px;color:var(--muted)}.pd-pa-chart-track{height:12px;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent);overflow:hidden;position:relative}.pd-pa-chart-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--pa-color) 72%,var(--panel)),var(--pa-color));box-shadow:inset 0 1px rgba(255,255,255,.18);min-width:0}.pd-pa-chart-row>strong{font-size:9px;text-align:center;color:var(--pa-color)}
.pd-pa-focus-grid .pd-pa-full-ranking{min-height:0!important}.pd-pa-focus-grid .pd-pa-full-scroll{max-height:225px!important}
@media(max-width:920px){.pd-pa-focus-grid{grid-template-columns:1fr!important}.pd-pa-chart-row{grid-template-columns:22px 27px minmax(90px,1fr) minmax(90px,1.5fr) 25px}}

/* v22.2.08 · Pattern Analytics — incident impact chart + agent table */
.pd-pa-impact-card{padding:12px 13px!important;min-height:0!important}
.pd-pa-impact-chart{display:grid;gap:4px;max-height:225px;overflow:auto;padding:1px 3px 1px 0}
.pd-pa-impact-row{display:grid;grid-template-columns:minmax(105px,150px) minmax(120px,1fr) 28px;gap:9px;align-items:center;min-height:32px;padding:4px 6px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;text-align:left;transition:.15s ease}
.pd-pa-impact-row:hover,.pd-pa-impact-row.active{background:color-mix(in srgb,var(--pa-color) 7%,transparent);border-color:color-mix(in srgb,var(--pa-color) 20%,transparent)}
.pd-pa-impact-label{display:flex;align-items:center;gap:7px;min-width:0}.pd-pa-impact-label>i{width:8px;height:8px;border-radius:50%;background:var(--pa-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--pa-color) 12%,transparent);flex:0 0 auto}.pd-pa-impact-label>b{font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-pa-impact-track{height:13px;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent);overflow:hidden;position:relative}.pd-pa-impact-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--pa-color) 68%,var(--panel)),var(--pa-color));box-shadow:inset 0 1px rgba(255,255,255,.18)}
.pd-pa-impact-row>strong{font-size:9px;text-align:center;color:var(--pa-color)}
.pd-pa-impact-row.active .pd-pa-impact-label>b{font-weight:950}.pd-pa-impact-row.active .pd-pa-impact-track{box-shadow:0 0 0 1px color-mix(in srgb,var(--pa-color) 18%,transparent)}
@media(max-width:650px){.pd-pa-impact-row{grid-template-columns:minmax(90px,120px) minmax(90px,1fr) 24px;gap:6px}}

/* v22.2.09 · Pattern Analytics — temporal multiline chart */
.pd-pa-line-wrap{display:grid;gap:10px;min-width:0}
.pd-pa-line-chart{display:block;width:100%;height:245px;overflow:visible}
.pd-pa-line-grid{stroke:color-mix(in srgb,var(--ink) 12%,transparent);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 5}
.pd-pa-line-axis{fill:color-mix(in srgb,var(--ink) 55%,transparent);font-size:10px;font-weight:700}
.pd-pa-line-series{cursor:pointer;opacity:.52;transition:opacity .18s ease,filter .18s ease}
.pd-pa-line-series polyline{fill:none;stroke:var(--pa-color);stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.pd-pa-line-series circle{fill:var(--panel);stroke:var(--pa-color);stroke-width:2;vector-effect:non-scaling-stroke}
.pd-pa-line-series:hover,.pd-pa-line-series.active{opacity:1;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--pa-color) 34%,transparent))}
.pd-pa-line-series.active polyline{stroke-width:3.4}
.pd-pa-line-series.active circle{fill:var(--pa-color);stroke:color-mix(in srgb,var(--pa-color) 65%,#fff 35%)}
.pd-pa-line-legend{display:flex;flex-wrap:wrap;gap:6px 8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}
.pd-pa-line-legend button{border:1px solid transparent;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border-radius:9px;font:inherit;font-size:9px;cursor:pointer}
.pd-pa-line-legend button i{width:7px;height:7px;border-radius:50%;background:var(--pa-color);box-shadow:0 0 7px color-mix(in srgb,var(--pa-color) 38%,transparent)}
.pd-pa-line-legend button b{font-size:9px;color:var(--ink)}
.pd-pa-line-legend button:hover,.pd-pa-line-legend button.active{border-color:color-mix(in srgb,var(--pa-color) 42%,transparent);background:color-mix(in srgb,var(--pa-color) 10%,transparent);color:var(--ink)}
@media(max-width:900px){.pd-pa-line-chart{height:220px}.pd-pa-line-axis{font-size:9px}}

/* v22.2.10 · Pattern Analytics monthly labels + universal baseline */
.pd-pa-line-baseline{stroke:rgba(255,255,255,.72)!important;stroke-width:1.35!important;stroke-dasharray:none!important}
[data-mode="light"] .pd-pa-line-baseline{stroke:rgba(255,255,255,.82)!important}

/* v22.2.11 · Pattern Analytics — selected incident owns the chart line
   Keep every incident in the legend, but draw only the selected series so overlapping zero-value
   series cannot create mixed colors on the baseline. */
.pd-pa-line-series:not(.active){opacity:0!important;filter:none!important;pointer-events:none}
.pd-pa-line-series.active{opacity:1!important}


/* v22.2.12 · Pattern Analytics — clickable daily incidence notice */
.pd-pa-line-series.active .pd-pa-line-point{pointer-events:all;cursor:pointer;transition:r .15s ease,filter .15s ease}
.pd-pa-line-series.active .pd-pa-line-point:hover{r:6px;filter:drop-shadow(0 0 6px var(--pa-color))}
.pd-pa-point-popover{position:fixed;z-index:5200;left:50%;bottom:28px;transform:translateX(-50%);width:min(410px,calc(100vw - 34px));display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:14px 42px 14px 14px;border:1px solid color-mix(in srgb,var(--pa-color) 44%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--panel) 94%,var(--pa-color) 6%);box-shadow:0 18px 50px rgba(0,0,0,.22),0 0 24px color-mix(in srgb,var(--pa-color) 13%,transparent);backdrop-filter:blur(18px);animation:pdPaPointIn .18s ease-out}
.pd-pa-point-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--pa-color);background:color-mix(in srgb,var(--pa-color) 14%,transparent);border:1px solid color-mix(in srgb,var(--pa-color) 30%,transparent)}
.pd-pa-point-icon svg{width:18px;height:18px}.pd-pa-point-popover small,.pd-pa-point-popover b,.pd-pa-point-popover p{display:block}.pd-pa-point-popover small{font-size:9px;text-transform:capitalize;color:var(--muted);margin-bottom:2px}.pd-pa-point-popover b{font-size:12px;color:var(--ink)}.pd-pa-point-popover p{font-size:9px;line-height:1.45;color:var(--muted);margin-top:3px}.pd-pa-point-close{position:absolute;right:10px;top:10px;width:25px;height:25px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:var(--muted)}.pd-pa-point-close:hover{background:color-mix(in srgb,var(--pa-color) 10%,transparent);color:var(--ink)}.pd-pa-point-close svg{width:13px;height:13px}@keyframes pdPaPointIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
\n\n/* v22.2.13 · Pattern Analytics — recurrent hours inside timeline + compact point notice */
.pd-pa-line-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;align-items:stretch;min-width:0}
.pd-pa-hours{height:245px;box-sizing:border-box;border-right:1px solid color-mix(in srgb,var(--pa-color) 18%,var(--line));padding:10px 9px 8px 2px;display:flex;flex-direction:column;gap:7px;min-width:0}
.pd-pa-hours-title{display:flex;align-items:center;gap:6px;margin-bottom:3px}.pd-pa-hours-title>i{width:14px;height:14px;color:var(--pa-color);flex:0 0 auto}.pd-pa-hours-title>span{display:grid;min-width:0}.pd-pa-hours-title b{font-size:7.5px;line-height:1.1}.pd-pa-hours-title small{font-size:6px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.pd-pa-hour{display:grid;grid-template-columns:31px minmax(0,1fr) 13px;gap:5px;align-items:center;min-height:22px}.pd-pa-hour>span{font-size:7px;font-weight:850;color:var(--muted)}.pd-pa-hour>i{height:5px;border-radius:99px;background:color-mix(in srgb,var(--ink) 6%,transparent);overflow:hidden}.pd-pa-hour>i>em{display:block;height:100%;border-radius:inherit;background:var(--pa-color);opacity:.65}.pd-pa-hour>b{font-size:7px;text-align:right;color:var(--muted)}.pd-pa-hour.top>span,.pd-pa-hour.top>b{color:var(--pa-color)}.pd-pa-hour.top>i>em{opacity:1;box-shadow:0 0 7px color-mix(in srgb,var(--pa-color) 28%,transparent)}
.pd-pa-hours-empty{font-size:6.5px;color:var(--muted);line-height:1.35;padding-top:5px}
.pd-pa-point-popover{width:min(330px,calc(100vw - 34px))!important;grid-template-columns:34px 1fr!important;gap:9px!important;padding:10px 34px 10px 10px!important;border-radius:13px!important;bottom:22px!important}.pd-pa-point-icon{width:34px!important;height:34px!important;border-radius:10px!important}.pd-pa-point-icon svg{width:15px!important;height:15px!important}.pd-pa-point-popover small{font-size:7.5px!important}.pd-pa-point-popover b{font-size:10px!important}.pd-pa-point-popover p{font-size:7.5px!important;margin-top:2px!important}.pd-pa-point-close{right:7px!important;top:7px!important;width:22px!important;height:22px!important}.pd-pa-point-popover.is-leaving{opacity:0;transform:translate(-50%,7px);transition:.18s ease}
@media(max-width:760px){.pd-pa-line-layout{grid-template-columns:1fr}.pd-pa-hours{height:auto;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--pa-color) 18%,var(--line));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 2px 8px}.pd-pa-hours-title{grid-column:1/-1}.pd-pa-hour{grid-template-columns:31px 1fr 12px}.pd-pa-line-chart{height:220px}}

/* v22.2.14 — Pattern Analytics: timeline by occurrence hour */
.pd-pa-line-layout{display:block!important}
.pd-pa-hours{display:none!important}
.pd-pa-line-chart{width:100%!important;min-width:0!important;height:260px!important}
.pd-pa-line-axis-hour{font-size:10px;fill:var(--muted);font-weight:700}
.pd-pa-hour-grid{stroke:color-mix(in srgb,var(--line) 74%,transparent);stroke-width:1;stroke-dasharray:3 5}
.pd-pa-hour-grid.major{stroke:rgba(255,255,255,.24);stroke-dasharray:none}
.pd-pa-occurrence-line{fill:none;stroke:var(--pa-color);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.72;filter:drop-shadow(0 2px 5px color-mix(in srgb,var(--pa-color) 30%,transparent))}
.pd-pa-occurrence-point{fill:var(--pa-color);stroke:color-mix(in srgb,#fff 80%,var(--pa-color));stroke-width:1.6;cursor:pointer;transition:.15s ease}
.pd-pa-occurrence-point:hover{r:5.5;stroke-width:2.2}
.pd-pa-line-chart .pd-pa-line-baseline{stroke:rgba(255,255,255,.72)!important;stroke-width:1.35!important}

/* v22.2.15 · Pattern Analytics dual chart mode */
.pd-pa-chart-modebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 10px;flex-wrap:wrap}
.pd-pa-mode-switch,.pd-pa-day-switch{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:12px;background:color-mix(in srgb,var(--panel) 72%,transparent)}
.pd-pa-mode-switch button,.pd-pa-day-switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;font-weight:800;padding:6px 10px;border-radius:9px;cursor:pointer}
.pd-pa-mode-switch button.active,.pd-pa-day-switch button.active{background:color-mix(in srgb,var(--pa-color) 18%,transparent);color:color-mix(in srgb,var(--pa-color) 82%,white 18%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pa-color) 34%,transparent)}
.pd-pa-day-switch input[type="date"]{height:28px;max-width:138px;border:0;border-left:1px solid color-mix(in srgb,var(--line) 75%,transparent);background:transparent;color:var(--ink);font:inherit;font-size:11px;padding:0 7px;outline:0;color-scheme:dark}
body:not(.dark) .pd-pa-day-switch input[type="date"]{color-scheme:light}
.pd-pa-hour-chart .pd-pa-line-axis-hour{font-size:10px;fill:var(--muted)}
.pd-pa-hour-chart .pd-pa-occurrence-line{fill:none;stroke:var(--pa-color);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--pa-color) 35%,transparent))}
.pd-pa-hour-chart .pd-pa-occurrence-point{fill:var(--pa-color);stroke:color-mix(in srgb,var(--panel) 85%,white 15%);stroke-width:1.5;cursor:pointer}
.pd-pa-hour-chart .pd-pa-hour-grid{stroke:color-mix(in srgb,var(--line) 55%,transparent);stroke-width:.7;stroke-dasharray:3 5}
.pd-pa-hour-chart .pd-pa-hour-grid.major{stroke:color-mix(in srgb,var(--line) 82%,transparent)}


/* v22.2.16 · Pattern Analytics period owns day selection */
.pd-rank-custom-date{margin-top:6px;min-width:148px;height:36px;font-size:12px;color-scheme:dark}
body:not(.dark) .pd-rank-custom-date{color-scheme:light}
.pd-pa-chart-modebar{justify-content:flex-start!important}
.pd-pa-day-switch{display:none!important}


/* v22.2.17 · Pattern Analytics: conditional calendar + expanded hour chart */
#pdRankStep2CustomDate[hidden]{display:none!important}
.pd-pa-hour-chart .pd-pa-line-chart{height:350px!important}
.pd-pa-hour-chart .pd-pa-line-axis-hour{font-size:10px;fill:var(--muted);font-weight:700}
.pd-pa-hour-chart .pd-pa-occurrence-line{fill:none;stroke:var(--pa-color);stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--pa-color) 32%,transparent))}
.pd-pa-hour-chart .pd-pa-occurrence-point{fill:var(--pa-color);stroke:color-mix(in srgb,var(--panel) 84%,white 16%);stroke-width:1.6}
@media(max-width:900px){.pd-pa-hour-chart .pd-pa-line-chart{height:330px!important}}

/* v22.2.20 — Pattern Analytics: ranking follows chart height; internal scroll only when needed */
.pd-pa-focus-grid{align-items:stretch!important}
.pd-pa-focus-grid .pd-pa-full-ranking{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.pd-pa-focus-grid .pd-pa-full-head{flex:0 0 auto!important}
.pd-pa-focus-grid .pd-pa-full-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:4px!important;
}

/* v22.2.21 — Pattern Analytics: Tendencia y Horario comparten exactamente el mismo lienzo */
.pd-pa-line-chart,
.pd-pa-hour-chart .pd-pa-line-chart{
  height:350px!important;
}
@media(max-width:900px){
  .pd-pa-line-chart,
  .pd-pa-hour-chart .pd-pa-line-chart{height:330px!important}
}


/* v22.2.22 — Pattern Analytics: complete month labels + inline custom day; custom day only in Patterns */
.pd-rank-period-control{display:grid!important;grid-template-columns:minmax(0,1fr);gap:6px!important;align-items:end}
.pd-rank-period-control>span{grid-column:1/-1}
.pd-rank-period-control.has-custom-date{grid-template-columns:minmax(0,1fr) minmax(148px,.72fr)}
.pd-rank-period-control.has-custom-date>select{grid-column:1}
.pd-rank-period-control.has-custom-date>.pd-date-wrap{grid-column:2;margin:0!important;align-self:end}
.pd-rank-period-control .pd-rank-custom-date{margin-top:0!important}
.pd-rank-period-control .pd-date-button{height:100%}
.pd-pa-month-axis{font-size:8px!important}
@media(max-width:760px){.pd-rank-period-control.has-custom-date{grid-template-columns:1fr}.pd-rank-period-control.has-custom-date>.pd-date-wrap{grid-column:1}.pd-pa-month-axis{font-size:7px!important}}

/* v22.2.23 — Keep original period proportions; custom day expands beside it without clipping */
.pd-rank-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.pd-rank-period-control{min-width:0!important;width:100%!important}
.pd-rank-period-control.has-custom-date{
  grid-template-columns:minmax(180px,1fr) minmax(190px,1fr)!important;
  column-gap:10px!important;
  width:min(100%,430px)!important;
}
.pd-rank-period-control.has-custom-date>select{
  min-width:180px!important;
  width:100%!important;
  text-overflow:clip!important;
}
.pd-rank-period-control.has-custom-date>.pd-date-wrap{
  min-width:190px!important;
  width:100%!important;
}
.pd-rank-period-control.has-custom-date .pd-rank-custom-date,
.pd-rank-period-control.has-custom-date .pd-date-button{
  width:100%!important;
  min-width:0!important;
}
@media(max-width:980px){
  .pd-rank-period-control.has-custom-date{grid-template-columns:minmax(165px,1fr) minmax(175px,1fr)!important;width:100%!important}
}
@media(max-width:760px){
  .pd-rank-period-control.has-custom-date{grid-template-columns:1fr!important;width:100%!important}
  .pd-rank-period-control.has-custom-date>.pd-date-wrap{grid-column:1!important}
}

/* v22.2.24 — Stable Rankings & Analytics header geometry.
   Pattern/Providers keep Vista + Periodo aligned; custom date uses reserved
   horizontal space without shrinking the Periodo select. */
@media(min-width:761px){
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]){
    grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-period-control,
  [data-sup-panel="rankingsclean"] .pd-rank-period-control.has-custom-date{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(190px,.72fr)!important;
    column-gap:12px!important;
    width:100%!important;
    min-width:0!important;
    align-items:end!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-period-control>span{
    grid-column:1/-1!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-period-control>select,
  [data-sup-panel="rankingsclean"] .pd-rank-period-control.has-custom-date>select{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-period-control>.pd-date-wrap,
  [data-sup-panel="rankingsclean"] .pd-rank-period-control.has-custom-date>.pd-date-wrap{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    align-self:end!important;
  }
}

/* v22.2.25 — Header grid final: fixed three-slot geometry.
   Rankings: Vista | Métrica | Periodo
   Pattern/Providers: Vista | Periodo | reserved date slot
   The date slot is populated only for Pattern Analytics + Seleccionar día. */
@media(min-width:761px){
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:end!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls>label{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls>label>.form-input,
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls>label>select{
    width:100%!important;
    min-width:0!important;
  }

  /* Rankings: ordinary third-column Periodo, no internal split. */
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:not(:has(#pdRankStep2MetricWrap[hidden])) .pd-rank-period-control{
    grid-column:3!important;
    display:block!important;
    width:100%!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:not(:has(#pdRankStep2MetricWrap[hidden])) .pd-rank-period-control>span,
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:not(:has(#pdRankStep2MetricWrap[hidden])) .pd-rank-period-control>select{
    display:block!important;
    width:100%!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:not(:has(#pdRankStep2MetricWrap[hidden])) .pd-rank-period-control>.pd-date-wrap{
    display:none!important;
  }

  /* Pattern/Providers: period owns slots 2+3 but its select always stays exactly slot 2 width. */
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]) .pd-rank-period-control,
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]) .pd-rank-period-control.has-custom-date{
    grid-column:2/4!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:18px!important;
    width:100%!important;
    min-width:0!important;
    align-items:end!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]) .pd-rank-period-control>span{
    grid-column:1!important;
    grid-row:1!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]) .pd-rank-period-control>select{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]) .pd-rank-period-control>.pd-date-wrap{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
}

/* v22.2.26 — Header controls: exact shared height/alignment.
   The custom calendar button must occupy the same control row and dimensions
   as Vista / Métrica / Periodo; it must never make the row grow or float. */
@media(min-width:761px){
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls{
    align-items:end!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls .form-input,
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls select.form-input,
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls .pd-date-wrap,
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls .pd-date-button{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    box-sizing:border-box!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls .pd-date-wrap{
    align-self:end!important;
    margin:0!important;
    padding:0!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls .pd-date-button{
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    border-radius:14px!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]) .pd-rank-period-control{
    grid-template-rows:auto 48px!important;
    align-content:end!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]) .pd-rank-period-control>select,
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden]) .pd-rank-period-control>.pd-date-wrap{
    align-self:end!important;
  }
}

/* v22.2.28 — Stable single-row controls.
   Never move Periodo to a second row. All visible controls share one baseline. */
@media (min-width:761px){
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:end!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls>#pdRankStep2ViewWrap{grid-column:1!important;grid-row:1!important;align-self:end!important}
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls>#pdRankStep2MetricWrap:not([hidden]){grid-column:2!important;grid-row:1!important;align-self:end!important}
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls>.pd-rank-period-control{
    grid-column:3!important;grid-row:1!important;
    display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto 48px!important;
    gap:6px!important;align-self:end!important;width:100%!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden])>.pd-rank-period-control{
    grid-column:2!important;grid-row:1!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden])>.pd-rank-period-control.has-custom-date{
    grid-column:2/4!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto 48px!important;
    column-gap:14px!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-period-control>span{grid-column:1!important;grid-row:1!important;margin:0!important}
  [data-sup-panel="rankingsclean"] .pd-rank-period-control>select{grid-column:1!important;grid-row:2!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important}
  [data-sup-panel="rankingsclean"] .pd-rank-period-control>.pd-date-wrap{grid-column:2!important;grid-row:2!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;align-self:stretch!important}
  [data-sup-panel="rankingsclean"] .pd-rank-period-control:not(.has-custom-date)>.pd-date-wrap{display:none!important}
  [data-sup-panel="rankingsclean"] #pdRankStep2ViewWrap select,
  [data-sup-panel="rankingsclean"] #pdRankStep2MetricWrap select{height:48px!important;min-height:48px!important}
}

/* v22.2.30 — Rankings is the sizing master.
   Every selector occupies exactly ONE of the same three columns.
   Pattern/Providers never stretch Periodo; custom date uses the third column. */
@media (min-width:761px){
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:14px!important;
    align-items:end!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls>#pdRankStep2ViewWrap{
    grid-column:1!important; grid-row:1!important; width:100%!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls>#pdRankStep2MetricWrap:not([hidden]){
    grid-column:2!important; grid-row:1!important; width:100%!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:not(:has(#pdRankStep2MetricWrap[hidden]))>.pd-rank-period-control{
    grid-column:3!important; grid-row:1!important; width:100%!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden])>.pd-rank-period-control{
    grid-column:2!important; grid-row:1!important; width:100%!important;
    display:grid!important; grid-template-columns:minmax(0,1fr)!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden])>.pd-rank-period-control.has-custom-date{
    grid-column:2/4!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:14px!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden])>.pd-rank-period-control.has-custom-date>select{
    grid-column:1!important; width:100%!important;
  }
  [data-sup-panel="rankingsclean"] .pd-rank-step2-controls:has(#pdRankStep2MetricWrap[hidden])>.pd-rank-period-control.has-custom-date>.pd-date-wrap{
    grid-column:2!important; width:100%!important;
  }
  [data-sup-panel="rankingsclean"] #pdRankStep2ViewWrap select,
  [data-sup-panel="rankingsclean"] #pdRankStep2MetricWrap select,
  [data-sup-panel="rankingsclean"] .pd-rank-period-control>select,
  [data-sup-panel="rankingsclean"] .pd-rank-period-control>.pd-date-wrap{
    height:48px!important; min-height:48px!important;
  }
}

/* v22.2.31 — Pattern Analytics compact: avoid duplicated agent list and reduce page scroll */
[data-sup-panel="rankingsclean"] .pd-pa-overview{padding:13px 14px!important}
[data-sup-panel="rankingsclean"] .pd-pa-overview .pd-pa-section-title{margin-bottom:9px!important}
[data-sup-panel="rankingsclean"] .pd-pa-overview .pd-pa-section-title p{margin-top:2px!important}
[data-sup-panel="rankingsclean"] .pd-pa-toolbar{margin-top:0!important;gap:10px!important}
[data-sup-panel="rankingsclean"] .pd-pa-legend{margin-top:8px!important;gap:4px 6px!important}
[data-sup-panel="rankingsclean"] .pd-pa-legend button{padding:4px 6px!important}
/* Both chart modes stay equal, but no longer consume unnecessary vertical space. */
[data-sup-panel="rankingsclean"] .pd-pa-line-chart,
[data-sup-panel="rankingsclean"] .pd-pa-hour-chart .pd-pa-line-chart{height:275px!important}
[data-sup-panel="rankingsclean"] .pd-pa-chart-card{padding:10px!important}
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid{align-items:stretch!important}
@media(max-width:900px){
  [data-sup-panel="rankingsclean"] .pd-pa-line-chart,
  [data-sup-panel="rankingsclean"] .pd-pa-hour-chart .pd-pa-line-chart{height:260px!important}
}

/* v22.2.32 — Pattern Analytics: one incidence legend only + compact agent ranking */
/* The incidence legend already exists in the overview; do not repeat it under Tendencia/Horario. */
[data-sup-panel="rankingsclean"] .pd-pa-line-legend{display:none!important}
/* Reclaim the duplicated legend space while keeping both modes identical and readable. */
[data-sup-panel="rankingsclean"] .pd-pa-line-chart,
[data-sup-panel="rankingsclean"] .pd-pa-hour-chart .pd-pa-line-chart{height:235px!important}
/* Right-hand team ranking is intentionally bounded and scrolls internally. */
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid .pd-pa-full-ranking{height:100%!important;max-height:100%!important;overflow:hidden!important}
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid .pd-pa-full-scroll{overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;max-height:none!important;scrollbar-gutter:stable}
@media(max-width:900px){
  [data-sup-panel="rankingsclean"] .pd-pa-line-chart,
  [data-sup-panel="rankingsclean"] .pd-pa-hour-chart .pd-pa-line-chart{height:225px!important}
}
\n\n/* v22.2.33 — Pattern Analytics: compact focus block + horario orientation */
/* Keep the chart/ranking block deliberately compact. The agent list scrolls inside its own card. */
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid{
  height:360px!important;
  min-height:360px!important;
  max-height:360px!important;
  align-items:stretch!important;
}
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid>.pd-pa-chart-card,
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid>.pd-pa-full-ranking{
  height:360px!important;
  min-height:0!important;
  max-height:360px!important;
  box-sizing:border-box!important;
}
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid>.pd-pa-chart-card{
  display:flex!important;
  flex-direction:column!important;
}
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid>.pd-pa-chart-card .pd-pa-line-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
}
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid .pd-pa-line-chart,
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid .pd-pa-hour-chart .pd-pa-line-chart{
  height:235px!important;
}
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid>.pd-pa-full-ranking{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
[data-sup-panel="rankingsclean"] .pd-pa-focus-grid>.pd-pa-full-ranking .pd-pa-full-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable;
}
@media(max-width:900px){
  [data-sup-panel="rankingsclean"] .pd-pa-focus-grid{
    height:auto!important;min-height:0!important;max-height:none!important;
  }
  [data-sup-panel="rankingsclean"] .pd-pa-focus-grid>.pd-pa-chart-card,
  [data-sup-panel="rankingsclean"] .pd-pa-focus-grid>.pd-pa-full-ranking{
    height:350px!important;max-height:350px!important;
  }
}

/* v22.2.34 — comparative incidence charts: keep every recurrent type visible */
.pd-pa-line-series.context{opacity:.58!important;filter:none!important;pointer-events:auto!important}
.pd-pa-line-series.context .pd-pa-line-segments line{stroke:var(--pa-color);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
.pd-pa-line-series.active .pd-pa-line-segments line{stroke:var(--pa-color);stroke-width:3.4;vector-effect:non-scaling-stroke;stroke-linecap:round}
.pd-pa-line-series.context .pd-pa-line-point{fill:var(--panel);stroke:var(--pa-color);stroke-width:1.7;pointer-events:all;cursor:pointer}
.pd-pa-line-series.context:hover{opacity:.92!important}
.pd-pa-hour-chart .pd-pa-occurrence-line.context{opacity:.42;stroke-width:1.8;filter:none}
.pd-pa-hour-chart .pd-pa-occurrence-point.context{opacity:.62;stroke-width:1.2}
.pd-pa-hour-chart .pd-pa-occurrence-line.active{opacity:1;stroke-width:2.8}
.pd-pa-hour-chart .pd-pa-occurrence-point.active{opacity:1;stroke-width:1.8}


/* v22.2.35 Providers Analytics */
.pd-provider35-shell{display:grid;gap:12px}.pd-provider35-overview,.pd-provider35-focus{border:1px solid var(--border);border-radius:20px;padding:16px;background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 97%,var(--glass-a) 3%),color-mix(in srgb,var(--panel) 98%,var(--glass-b) 2%))}.pd-provider35-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px}.pd-provider35-cards button{border:1px solid color-mix(in srgb,var(--line) 82%,var(--provider-color) 18%);background:color-mix(in srgb,var(--panel) 95%,var(--provider-color) 5%);border-radius:14px;padding:10px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;text-align:left;color:inherit;cursor:pointer}.pd-provider35-cards button.active{border-color:color-mix(in srgb,var(--provider-color) 58%,var(--line));box-shadow:inset 3px 0 var(--provider-color)}.pd-provider35-cards svg{width:18px;color:var(--provider-color)}.pd-provider35-cards b,.pd-provider35-cards small{display:block}.pd-provider35-cards small{font-size:10px;color:var(--muted)}.pd-provider35-cards strong,.pd-provider35-cards em{font-style:normal;font-size:15px;text-align:right}.pd-provider35-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:12px;align-items:stretch}.pd-provider35-ranking{border:1px solid var(--border);border-radius:16px;padding:12px;background:color-mix(in srgb,var(--panel) 96%,var(--glass-a) 4%);min-height:0}.pd-provider35-scroll{height:245px;overflow-y:auto;padding-right:3px}.pd-provider35-scroll button{width:100%;border:0;border-left:3px solid transparent;background:transparent;border-radius:10px;padding:8px;display:grid;grid-template-columns:28px 24px 1fr auto;gap:8px;align-items:center;text-align:left;color:inherit;cursor:pointer}.pd-provider35-scroll button.active{border-left-color:var(--provider-color);background:color-mix(in srgb,var(--panel) 90%,var(--provider-color) 10%)}.pd-provider35-scroll svg{width:16px;color:var(--provider-color)}.pd-provider35-scroll span b,.pd-provider35-scroll span small{display:block}.pd-provider35-scroll span small{font-size:10px;color:var(--muted)}.pd-provider35-scroll em{font-style:normal;font-weight:900}.pd-provider35-agents{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.pd-provider35-agents>div:last-child{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}.pd-provider35-agents article{min-width:190px;display:grid;grid-template-columns:32px 1fr auto;grid-template-rows:auto auto;gap:1px 8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel) 96%,var(--provider-color) 4%)}.pd-provider35-agents article>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--provider-color) 13%,var(--panel));font-size:10px;font-weight:900}.pd-provider35-agents article b{font-size:11px}.pd-provider35-agents article small{font-size:9px;color:var(--muted)}.pd-provider35-agents article em{grid-column:3;grid-row:1/3;font-style:normal;font-size:10px;font-weight:850}.pd-provider-series polyline{fill:none;stroke:var(--provider-color);stroke-width:1.8;opacity:.42;vector-effect:non-scaling-stroke}.pd-provider-series circle,.pd-provider-hour-dot{fill:var(--provider-color);opacity:.55;stroke:var(--panel);stroke-width:1.5;vector-effect:non-scaling-stroke}.pd-provider-series.active polyline{stroke-width:3;opacity:1}.pd-provider-series.active circle,.pd-provider-hour-dot.active{opacity:1}.pd-provider-hour-dot.context{opacity:.5}@media(max-width:1000px){.pd-provider35-grid{grid-template-columns:1fr}.pd-provider35-scroll{height:210px}}

/* v22.2.36 — Providers overview compacto: menos invasivo, misma información */
.pd-provider35-overview{padding:12px 14px!important}
.pd-provider35-overview .pd-section-head{margin-bottom:8px!important}
.pd-provider35-cards{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important;gap:6px!important}
.pd-provider35-cards button{min-height:54px!important;border-radius:11px!important;padding:7px 8px!important;grid-template-columns:18px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:7px!important;row-gap:0!important}
.pd-provider35-cards button svg{width:15px!important;height:15px!important;grid-row:1/3!important;align-self:center!important}
.pd-provider35-cards button>span{min-width:0!important}
.pd-provider35-cards button>span b{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.pd-provider35-cards button>span small{font-size:8.5px!important;line-height:1.1!important}
.pd-provider35-cards button>strong{font-size:12px!important;line-height:1!important;align-self:end!important}
.pd-provider35-cards button>em{grid-column:3!important;font-size:9px!important;line-height:1.05!important;color:var(--muted)!important;align-self:start!important;white-space:nowrap!important}
.pd-provider35-cards button.active{box-shadow:inset 2px 0 var(--provider-color)!important}
@media(min-width:1180px){.pd-provider35-cards{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* v22.2.37 — Providers: compact readable summary + scalable agent list */
.pd-provider35-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:7px!important}
.pd-provider35-cards button{min-height:48px!important;padding:7px 9px!important;grid-template-columns:18px minmax(0,1fr)!important;grid-template-rows:1fr!important;column-gap:8px!important;align-items:center!important}
.pd-provider35-cards button svg{grid-row:auto!important;width:15px!important;height:15px!important}
.pd-provider35-cards button>span{min-width:0!important;display:block!important}
.pd-provider35-cards button>span b{font-size:12px!important;line-height:1.15!important;margin-bottom:3px!important}
.pd-provider35-cards button>span small{font-size:8.5px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:color-mix(in srgb,var(--text) 62%,transparent)!important}
.pd-provider35-cards button>strong,.pd-provider35-cards button>em{display:none!important}
@media(min-width:1180px){.pd-provider35-cards{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

.pd-provider35-agents{margin-top:8px!important;padding-top:8px!important}
.pd-provider35-agents .pd-pa-full-head{margin-bottom:6px!important}
.pd-provider35-agents>div:last-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;max-height:132px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 3px 2px 0!important}
.pd-provider35-agents article{min-width:0!important;min-height:42px!important;grid-template-columns:27px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;padding:5px 7px!important;border-radius:9px!important;gap:0 7px!important}
.pd-provider35-agents article>span{width:25px!important;height:25px!important;border-radius:7px!important;font-size:8px!important}
.pd-provider35-agents article b{font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.pd-provider35-agents article small{font-size:8px!important;line-height:1.1!important}
.pd-provider35-agents article em{font-size:9px!important;white-space:nowrap!important}
@media(max-width:760px){.pd-provider35-agents>div:last-child{grid-template-columns:1fr!important}}
/* v22.2.38 — provider cards simplified + denser agent roster */
.pd-provider35-agents>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;max-height:112px!important}
.pd-provider35-agents article{min-height:34px!important;padding:4px 6px!important;grid-template-columns:23px minmax(0,1fr) auto!important;gap:0 5px!important}
.pd-provider35-agents article>span{width:21px!important;height:21px!important;border-radius:6px!important;font-size:7px!important}
.pd-provider35-agents article b{font-size:9px!important}
.pd-provider35-agents article small{font-size:7.5px!important}
.pd-provider35-agents article em{font-size:8px!important}
@media(max-width:1050px){.pd-provider35-agents>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.pd-provider35-agents>div:last-child{grid-template-columns:1fr!important}}
/* v22.2.39 — provider agent roster: two visible rows, then internal scroll */
.pd-provider35-agents>div:last-child{
  max-height:72px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-content:start!important;
  scrollbar-gutter:stable;
}


/* v22.2.40 · Nesting Tracker */
.pd-nesting-page{display:grid;gap:16px}.pd-nesting-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.pd-nesting-title{display:flex;align-items:center;gap:13px}.pd-nesting-egg{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,210,114,.25),rgba(255,255,255,.08));border:1px solid rgba(255,220,145,.3);box-shadow:inset 0 1px rgba(255,255,255,.15)}.pd-nesting-egg svg{width:23px;height:23px}.pd-nesting-title h1{margin:2px 0 3px}.pd-nesting-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.pd-nesting-summary article{min-height:72px;border:1px solid var(--line);border-radius:17px;background:var(--glass);display:flex;align-items:center;gap:11px;padding:12px 15px}.pd-nesting-summary article>i{width:30px;height:30px;padding:7px;border-radius:10px;background:rgba(255,255,255,.07)}.pd-nesting-summary span{display:grid}.pd-nesting-summary b{font-size:20px;line-height:1}.pd-nesting-summary small{opacity:.62;margin-top:5px}.pd-nesting-summary .risk{border-color:rgba(242,140,40,.28)}.pd-nesting-summary .pass{border-color:rgba(83,191,139,.28)}.pd-nesting-toolbar{display:flex;align-items:center;gap:12px;padding:10px 12px}.pd-nesting-search{height:42px;flex:1;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035)}.pd-nesting-search input{width:100%;border:0;outline:0;background:transparent;color:inherit}.pd-nesting-filters{display:flex;gap:5px;padding:4px;border-radius:12px;background:rgba(255,255,255,.04)}.pd-nesting-filters button{border:0;background:transparent;color:inherit;opacity:.66;padding:7px 11px;border-radius:9px;font-weight:700}.pd-nesting-filters button.active{opacity:1;background:rgba(255,255,255,.1)}.pd-nesting-list{display:grid;gap:10px}.pd-nesting-card{display:grid;grid-template-columns:minmax(230px,1.25fr) minmax(230px,1fr) minmax(230px,.95fr) auto;align-items:center;gap:16px;padding:14px 16px;border-left:3px solid transparent}.pd-nesting-card.risk{border-left-color:#F28C28}.pd-nesting-card.pass{border-left-color:#53BF8B}.pd-nesting-agent{display:flex;align-items:center;gap:11px;min-width:0}.pd-nesting-avatar,.pd-nesting-eval-agent>span{width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,rgba(196,167,231,.28),rgba(59,130,246,.15));border:1px solid rgba(196,167,231,.25)}.pd-nesting-name{display:flex;align-items:center;gap:8px}.pd-nesting-name h3{font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-nesting-agent p{font-size:11px;opacity:.55;margin:4px 0 0}.pd-nesting-state{font-size:9px;font-weight:900;letter-spacing:.08em;padding:4px 7px;border-radius:999px;background:rgba(59,130,246,.13)}.pd-nesting-state.risk{background:rgba(242,140,40,.14);color:#f5aa59}.pd-nesting-state.pass{background:rgba(83,191,139,.14);color:#75d4a4}.pd-nesting-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px}.pd-nesting-progress>div:first-child b{font-size:12px}.pd-nesting-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;margin:7px 0 5px}.pd-nesting-dots i{height:5px;border-radius:99px;background:rgba(255,255,255,.08)}.pd-nesting-dots i.done{background:#3B82F6}.pd-nesting-dots i.ni{background:#F28C28}.pd-nesting-progress small{font-size:10px;opacity:.58}.pd-nesting-week>small{display:block;font-size:10px;opacity:.55;margin-bottom:5px}.pd-nesting-week>div{display:flex;gap:6px}.pd-nesting-week button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:inherit;border-radius:10px;padding:7px 9px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:5px}.pd-nesting-week button.done{opacity:.5}.pd-nesting-week svg{width:13px;height:13px}.pd-nesting-actions{display:flex;gap:6px}.pd-nesting-actions button{white-space:nowrap;padding:8px 10px}.pd-nesting-empty{min-height:180px;border:1px dashed var(--line);border-radius:20px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;opacity:.72}.pd-nesting-empty svg{width:28px}.pd-nesting-empty span{font-size:12px}.pd-team-card-actions{display:flex;gap:7px}.pd-mark-nesting-mini{padding:8px 10px!important}.pd-mark-nesting-mini svg{width:14px}.pd-nesting-modal{width:min(650px,92vw)}.pd-nesting-picker{width:min(560px,92vw)}.pd-nesting-helper{font-size:12px;opacity:.65;margin:-4px 0 12px}.pd-nesting-pick-list{display:grid;gap:7px;max-height:420px;overflow:auto}.pd-nesting-pick-list button{display:grid;grid-template-columns:36px 1fr auto 20px;align-items:center;gap:9px;text-align:left;padding:9px 11px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:inherit}.pd-nesting-pick-list button>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(196,167,231,.15);font-weight:900}.pd-nesting-pick-list button small{opacity:.55}.pd-nesting-pick-list button:disabled{opacity:.42}.pd-nesting-eval-agent{display:flex;align-items:center;gap:10px;margin-bottom:14px}.pd-nesting-eval-agent div{display:grid}.pd-nesting-eval-agent small{opacity:.58;margin-top:3px}.pd-nesting-eval-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pd-nesting-eval-grid label,.pd-nesting-note{display:grid;gap:6px;font-size:11px;font-weight:800}.pd-nesting-eval-grid select,.pd-nesting-note textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:inherit;padding:10px}.pd-nesting-note{margin-top:10px}.pd-nesting-note textarea{resize:vertical}.pd-nesting-eval-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.pd-nesting-eval-foot>small{max-width:360px;font-size:10px;opacity:.58}.pd-nesting-history{display:grid;gap:6px;max-height:350px;overflow:auto}.pd-nesting-history.compact{margin-top:15px;padding-top:12px;border-top:1px solid var(--line);max-height:170px}.pd-nesting-history h4{font-size:11px;margin:0 0 3px;opacity:.65}.pd-nesting-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.pd-nesting-history-row span{display:grid}.pd-nesting-history-row small{font-size:9px;opacity:.5;margin-top:2px}.pd-nesting-history-row em{font-style:normal;font-size:9px;font-weight:900;padding:4px 7px;border-radius:99px;background:rgba(83,191,139,.12);color:#75d4a4}.pd-nesting-history-row em.ni{background:rgba(242,140,40,.12);color:#f5aa59}@media(max-width:1100px){.pd-nesting-card{grid-template-columns:1fr 1fr}.pd-nesting-actions{justify-content:flex-end}.pd-nesting-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.pd-nesting-header,.pd-nesting-toolbar{align-items:stretch;flex-direction:column}.pd-nesting-summary,.pd-nesting-card,.pd-nesting-eval-grid{grid-template-columns:1fr}.pd-nesting-filters{overflow:auto}.pd-team-card-actions{flex-wrap:wrap}}


/* v22.2.44 · Nesting filters are isolated segmented controls, not nav buttons */
#pdNestingFilters{position:relative;z-index:20;isolation:isolate;pointer-events:auto!important}
#pdNestingFilters [data-nesting-filter]{
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;
  pointer-events:auto!important;
}
#pdNestingFilters [data-nesting-filter]:focus-visible{outline:2px solid currentColor;outline-offset:2px}


/* ===== v22.2.48 · Nesting visual polish + theme-adaptive egg ===== */
.pd-nesting-page{gap:12px!important;max-width:100%}
.pd-nesting-header{padding:2px 2px 5px!important}
.pd-nesting-title{gap:0!important}
.pd-nesting-title h1{font-size:25px!important;letter-spacing:-.025em}
.pd-nesting-title .subtitle{max-width:620px}
.pd-nesting-add{background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important}
.pd-nesting-add svg{color:var(--accent)}
.pd-nesting-summary{gap:8px!important}
.pd-nesting-summary article{min-height:58px!important;padding:9px 12px!important;border-radius:15px!important;background:color-mix(in srgb,var(--panel) 94%,var(--accent-soft))!important}
.pd-nesting-summary article>i{width:27px!important;height:27px!important;padding:6px!important;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)!important}
.pd-nesting-summary b{font-size:17px!important}.pd-nesting-summary small{margin-top:3px!important;font-size:9px}
.pd-nesting-toolbar{padding:8px 9px!important;border-radius:17px!important}
.pd-nesting-search{height:38px!important;border-radius:11px!important}
.pd-nesting-filters{padding:3px!important;border-radius:11px!important}
.pd-nesting-filters button{padding:6px 10px!important;font-size:10px}
.pd-nesting-filters button.active{background:color-mix(in srgb,var(--accent) 13%,var(--panel))!important;color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 15%,transparent)}
.pd-nesting-list{gap:8px!important}
.pd-nesting-card{grid-template-columns:minmax(210px,1.15fr) minmax(190px,.9fr) minmax(210px,.95fr) auto!important;gap:12px!important;padding:12px 14px!important;border-radius:17px!important;border-left:1px solid var(--line)!important;position:relative;overflow:hidden}
.pd-nesting-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 5px 5px 0;background:color-mix(in srgb,var(--accent) 72%,transparent)}
.pd-nesting-card.risk:before{background:#F28C28}.pd-nesting-card.pass:before{background:#53BF8B}
.pd-nesting-avatar,.pd-nesting-eval-agent>span{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),color-mix(in srgb,var(--accent2) 12%,var(--panel)))!important;border-color:color-mix(in srgb,var(--accent) 18%,var(--line))!important;color:var(--accent)}
.pd-nesting-dots i.done{background:var(--accent)!important}
.pd-nesting-week button{padding:6px 8px!important;border-radius:9px!important;background:color-mix(in srgb,var(--panel) 96%,var(--accent-soft))!important}
.pd-nesting-week button:not(.done):hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent)}
.pd-nesting-actions button{padding:7px 9px!important;font-size:10px}
.pd-nesting-empty{min-height:145px!important;border-radius:17px!important}
.pd-nesting-picker,.pd-nesting-modal{border-radius:20px!important}
.pd-nesting-pick-list button{background:color-mix(in srgb,var(--panel) 96%,var(--accent-soft))!important}
.pd-nesting-pick-list button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 28%,var(--line));transform:translateY(-1px)}
.pd-nesting-pick-list button>span{background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important;color:var(--accent)}
@media(max-width:1100px){.pd-nesting-card{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){.pd-nesting-card{grid-template-columns:1fr!important}}

/* v22.2.49 · Nesting sidebar egg follows the exact same icon treatment as the rest of the menu */
#supervisorApp .supervisor-menu .menu-item[data-sup-view="nesting"] svg{color:inherit!important;filter:none!important;}
/* v22.2.52 · Nesting inline picker — no modal/router interaction */
#pdNestingAdd{cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:8px}
.pd-nesting-inline-picker{margin:0 0 14px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:var(--card-bg);box-shadow:var(--shadow-soft)}
.pd-nesting-inline-picker[hidden]{display:none!important}
.pd-nesting-inline-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pd-nesting-inline-head>div{display:flex;flex-direction:column;gap:2px}.pd-nesting-inline-head small{font-size:10px;letter-spacing:.12em;opacity:.62}.pd-nesting-inline-head b{font-size:14px}
#pdNestingInlineClose{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;cursor:pointer;background:var(--surface-2);border:1px solid var(--border)}
.pd-nesting-inline-picker>p{margin:5px 0 10px;font-size:12px;opacity:.7}
.pd-nesting-inline-picker .pd-nesting-pick-list{max-height:190px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
@media(max-width:760px){.pd-nesting-inline-picker .pd-nesting-pick-list{grid-template-columns:1fr}}
.pd-nesting-inline-agent{min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:13px;cursor:pointer;background:var(--surface-1)}
.pd-nesting-inline-agent>span{grid-row:1/3;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);font-size:11px;font-weight:800}.pd-nesting-inline-agent>b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-nesting-inline-agent>small{font-size:10px;opacity:.62}.pd-nesting-inline-agent>i{grid-column:3;grid-row:1/3;width:15px}.pd-nesting-inline-agent.is-added{opacity:.48;cursor:default}
/* v22.2.53 · Nesting picker polish: compact roster, not a bare list */
.pd-nesting-inline-picker{position:relative;padding:15px 16px 16px!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;border-color:color-mix(in srgb,var(--accent,#c4a7e7) 20%,var(--border))!important}
.pd-nesting-inline-head small{color:var(--accent,#c4a7e7);opacity:.82!important;font-weight:800}
.pd-nesting-inline-picker .pd-nesting-pick-list{max-height:205px!important;gap:8px!important;padding:2px 3px 2px 0}
.pd-nesting-inline-agent{transition:.16s ease;border-color:rgba(255,255,255,.075)!important;background:rgba(255,255,255,.025)!important;padding:9px 11px!important}
.pd-nesting-inline-agent:not(.is-added):hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent,#c4a7e7) 32%,transparent)!important;background:color-mix(in srgb,var(--accent,#c4a7e7) 7%,transparent)!important}
.pd-nesting-inline-agent>span{background:color-mix(in srgb,var(--accent,#c4a7e7) 12%,transparent)!important;border:1px solid color-mix(in srgb,var(--accent,#c4a7e7) 18%,transparent)}
.pd-nesting-inline-agent>i{opacity:.72}.pd-nesting-inline-agent.is-added>i{color:#75d4a4;opacity:1}


/* ===== v22.2.54 · Nesting polish + real DOM filtering ===== */
#pdNestingList .pd-nesting-card[hidden]{display:none!important}
.pd-nesting-card{
  grid-template-columns:minmax(245px,1.28fr) minmax(205px,.9fr) minmax(205px,.88fr) auto!important;
  gap:18px!important;
  padding:15px 16px!important;
  min-height:86px;
}
.pd-nesting-agent{padding-right:4px}
.pd-nesting-name{align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.pd-nesting-name h3{max-width:210px}
.pd-nesting-state{flex:0 0 auto}
.pd-nesting-progress{min-width:0;padding:0 4px}
.pd-nesting-week{min-width:0}
.pd-nesting-week>div{flex-wrap:wrap}
.pd-nesting-actions{align-items:center}
.pd-nesting-summary article{min-height:66px;padding:10px 14px}
.pd-nesting-summary article>i{width:28px;height:28px;padding:6px}
.pd-nesting-summary b{font-size:18px}
.pd-nesting-toolbar{padding:8px 10px}
@media(max-width:1280px){
 .pd-nesting-card{grid-template-columns:minmax(220px,1.15fr) minmax(185px,.9fr) minmax(190px,.9fr) auto!important;gap:12px!important}
 .pd-nesting-name h3{max-width:180px}
}


/* ===== v22.2.55 · Nesting card fit + explicit finish flow ===== */
/* The card must never crop Historial on the right rail. */
.pd-nesting-card{
  grid-template-columns:minmax(225px,1.18fr) minmax(175px,.86fr) minmax(180px,.86fr) minmax(92px,auto)!important;
  gap:12px!important;
  overflow:visible!important;
}
.pd-nesting-agent,.pd-nesting-progress,.pd-nesting-week,.pd-nesting-actions{min-width:0}
.pd-nesting-actions{justify-content:flex-end;flex-wrap:wrap;max-width:190px}
.pd-nesting-actions .secondary-button,.pd-nesting-actions .primary-button{max-width:100%;justify-content:center}
.pd-nesting-actions svg{width:13px;height:13px;flex:0 0 auto}
.pd-nesting-finish-btn{font-size:10px!important;padding:7px 10px!important}
/* At the end of evaluation 10 the finish action gets room without inflating the whole tracker. */
.pd-nesting-card:has(.pd-nesting-finish-btn){grid-template-columns:minmax(215px,1.12fr) minmax(165px,.82fr) minmax(175px,.82fr) minmax(150px,auto)!important}
@media(max-width:1380px){
 .pd-nesting-card{grid-template-columns:minmax(210px,1.12fr) minmax(165px,.82fr) minmax(175px,.84fr) minmax(88px,auto)!important;gap:10px!important}
 .pd-nesting-card:has(.pd-nesting-finish-btn){grid-template-columns:1fr 1fr!important}
 .pd-nesting-card:has(.pd-nesting-finish-btn) .pd-nesting-actions{max-width:none;justify-content:flex-end}
}
@media(max-width:1180px){
 .pd-nesting-card{grid-template-columns:1fr 1fr!important}
 .pd-nesting-actions{max-width:none;justify-content:flex-end}
}

/* ===== v22.2.56 · Nesting: same card, better breathing room ===== */
/* Keep the approved visual; only rebalance the four existing zones. */
.pd-nesting-card{
  grid-template-columns:minmax(280px,1.35fr) minmax(215px,.92fr) minmax(190px,.82fr) minmax(150px,auto)!important;
  gap:18px!important;
}
.pd-nesting-card:has(.pd-nesting-finish-btn){
  grid-template-columns:minmax(280px,1.35fr) minmax(215px,.92fr) minmax(190px,.82fr) minmax(170px,auto)!important;
}
.pd-nesting-agent{padding-right:10px!important}
.pd-nesting-name{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:4px;align-items:start!important;width:100%}
.pd-nesting-name h3{max-width:none!important;min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pd-nesting-state{align-self:start;margin-top:1px}
.pd-nesting-progress{padding-left:8px!important;padding-right:8px!important}
.pd-nesting-week{padding-left:4px!important}
.pd-nesting-actions{max-width:205px!important;justify-self:end}
@media(max-width:1450px){
 .pd-nesting-card,.pd-nesting-card:has(.pd-nesting-finish-btn){grid-template-columns:minmax(245px,1.25fr) minmax(190px,.88fr) minmax(180px,.82fr) minmax(145px,auto)!important;gap:14px!important}
}
@media(max-width:1220px){
 .pd-nesting-card,.pd-nesting-card:has(.pd-nesting-finish-btn){grid-template-columns:1fr 1fr!important}
 .pd-nesting-actions{max-width:none!important;justify-self:stretch;justify-content:flex-end}
}
@media(max-width:720px){
 .pd-nesting-card,.pd-nesting-card:has(.pd-nesting-finish-btn){grid-template-columns:1fr!important}
 .pd-nesting-name{grid-template-columns:minmax(0,1fr) auto}
}

/* ===== v22.2.57 · Nesting: align right breathing room with the rest of Supervisor ===== */
/* Nesting alone was visually touching the right divider. Keep the approved layout,
   but reserve the same interior breathing room on the right as the other panels. */
#supervisorNestingView .pd-nesting-page{
  width:calc(100% - 18px)!important;
  max-width:calc(100% - 18px)!important;
  margin-right:18px!important;
}
@media(max-width:1220px){
  #supervisorNestingView .pd-nesting-page{width:100%!important;max-width:100%!important;margin-right:0!important}
}

/* ===== v22.2.58 · Nesting: real right gutter fix ===== */
/* v57 targeted a non-existent #supervisorNestingView id. Target the actual panel. */
.sup-view[data-sup-panel="nesting"] .pd-nesting-page{
  box-sizing:border-box!important;
  width:calc(100% - 18px)!important;
  max-width:calc(100% - 18px)!important;
  margin-right:18px!important;
}
@media(max-width:1220px){
  .sup-view[data-sup-panel="nesting"] .pd-nesting-page{
    width:100%!important;
    max-width:100%!important;
    margin-right:0!important;
  }
}

/* ===== v22.2.59 · Nesting: stop intrinsic grid overflow into right divider ===== */
/* The page already had a gutter; the card's minimum column widths were wider than
   the real center column, so the grid itself overflowed through that gutter. */
.sup-view[data-sup-panel="nesting"]{
  box-sizing:border-box!important;
  padding-right:20px!important;
  overflow:hidden!important;
}
.sup-view[data-sup-panel="nesting"] .pd-nesting-page{
  width:100%!important;
  max-width:100%!important;
  margin-right:0!important;
  min-width:0!important;
}
.sup-view[data-sup-panel="nesting"] .pd-nesting-card{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(210px,1.25fr) minmax(165px,.88fr) minmax(170px,.82fr) minmax(112px,auto)!important;
  gap:12px!important;
}
.sup-view[data-sup-panel="nesting"] .pd-nesting-card:has(.pd-nesting-finish-btn){
  grid-template-columns:minmax(210px,1.25fr) minmax(165px,.88fr) minmax(170px,.82fr) minmax(145px,auto)!important;
}
.sup-view[data-sup-panel="nesting"] .pd-nesting-actions{
  min-width:0!important;
  max-width:175px!important;
}
@media(max-width:1220px){
  .sup-view[data-sup-panel="nesting"]{padding-right:0!important;overflow:visible!important}
  .sup-view[data-sup-panel="nesting"] .pd-nesting-card,
  .sup-view[data-sup-panel="nesting"] .pd-nesting-card:has(.pd-nesting-finish-btn){grid-template-columns:1fr 1fr!important}
  .sup-view[data-sup-panel="nesting"] .pd-nesting-actions{max-width:none!important}
}

/* v22.2.62 · Nesting rules + Activity compact polish */
.pd-nesting-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.pd-nesting-rules-btn{min-height:42px}.pd-nesting-rules-modal{width:min(610px,calc(100vw - 32px))!important}.pd-nesting-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.pd-nesting-rule-grid article{border:1px solid var(--line);border-radius:16px;padding:13px;background:color-mix(in srgb,var(--panel) 95%,var(--accent) 5%);display:grid;gap:8px}.pd-rule-status{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:900}.pd-rule-status svg{width:15px}.pd-rule-status.meets{color:#5bc897}.pd-rule-status.ni{color:#e6a24d}.pd-nesting-rule-grid article>strong{font-size:17px}.pd-nesting-rule-grid article>small,.pd-nesting-rule-grid label>span{font-size:8px;color:var(--muted)}.pd-nesting-rule-grid label{display:grid;gap:6px}.pd-nesting-percent{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;padding:0 10px;width:145px}.pd-nesting-percent input{width:72px;border:0;background:transparent;color:var(--ink);font-weight:900;font-size:18px;padding:7px 0;outline:0}.pd-nesting-percent b{color:var(--muted)}.pd-nesting-rule-preview{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.pd-nesting-rule-preview>svg{width:16px;color:var(--accent)}.pd-nesting-rule-preview span{display:grid;gap:1px}.pd-nesting-rule-preview b{font-size:9px}.pd-nesting-rule-preview small{font-size:8px;color:var(--muted)}.pd-nesting-rule-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.pd-nesting-rule-foot>span{font-size:8px;color:var(--muted);max-width:330px;line-height:1.4}

/* Activity: same information, calmer hierarchy and less nested-dashboard feeling. */
#adherenceView .activity-summary-shell{padding:14px!important;border-radius:20px!important}
#adherenceView .activity-summary-title{margin-bottom:9px!important}
#adherenceView .activity-summary-body-v62{display:block!important}
#adherenceView .activity-summary-body-v62 .activity-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 8px!important}
#adherenceView .activity-summary-body-v62 .activity-score-card{padding:10px 11px!important;border-radius:15px!important;min-height:0!important}
#adherenceView .activity-summary-body-v62 .activity-score-top{margin-bottom:6px!important}
#adherenceView .activity-summary-body-v62 .activity-score-top small{display:none!important}
#adherenceView .activity-summary-body-v62 .metric-donut-row{min-height:0!important;gap:9px!important;align-items:center!important}
#adherenceView .activity-summary-body-v62 .metric-donut{width:78px!important;height:78px!important;flex:0 0 78px!important}
#adherenceView .activity-summary-body-v62 .metric-donut:before{inset:9px!important}
#adherenceView .activity-summary-body-v62 .metric-donut-center strong{font-size:17px!important}
#adherenceView .activity-summary-body-v62 .metric-donut-center span{font-size:5.5px!important}
#adherenceView .activity-summary-body-v62 .metric-breakdown{display:grid!important;grid-template-columns:1fr!important;gap:4px!important;min-width:0!important}
#adherenceView .activity-summary-body-v62 .metric-breakdown-chip{padding:6px 7px!important;border-radius:9px!important;min-width:0!important}
#adherenceView .activity-summary-body-v62 .metric-breakdown-chip span,#adherenceView .activity-summary-body-v62 .metric-breakdown-chip small{font-size:5.8px!important}
#adherenceView .activity-summary-body-v62 .metric-breakdown-chip strong{font-size:9px!important}
#adherenceView .activity-summary-body-v62 .activity-score-card>p{display:none!important}
#adherenceView .activity-summary-body-v62 .activity-metrics{display:grid!important;grid-template-columns:repeat(4,1fr)!important;margin:0!important;border-radius:13px!important;overflow:hidden!important;gap:0!important}
#adherenceView .activity-summary-body-v62 .activity-metrics .metric-card{padding:8px 10px!important;min-height:50px!important;border-radius:0!important;border:0!important;border-right:1px solid var(--line)!important;background:color-mix(in srgb,var(--panel) 96%,var(--accent) 4%)!important}
#adherenceView .activity-summary-body-v62 .activity-metrics .metric-card:last-child{border-right:0!important}
#adherenceView .activity-workspace{grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr)!important;gap:10px!important}
#adherenceView .activity-period-story,#adherenceView .activity-impact-card,#adherenceView .activity-adjustments-card,#adherenceView .activity-days-card{padding:13px!important;border-radius:18px!important}
#adherenceView .activity-side-stack{gap:10px!important}
@media(max-width:1050px){#adherenceView .activity-summary-body-v62 .activity-score-grid{grid-template-columns:1fr!important}#adherenceView .activity-workspace{grid-template-columns:1fr!important}.pd-nesting-rule-grid{grid-template-columns:1fr}}

/* ==========================================================
   v22.2.63 · Activity donuts centered — visual polish only
   ========================================================== */
#adherenceView .activity-summary-body-v62 .metric-donut-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-items:start!important;
  gap:10px!important;
  min-height:0!important;
}
#adherenceView .activity-summary-body-v62 .metric-donut{
  margin:2px auto 0!important;
  justify-self:center!important;
}
#adherenceView .activity-summary-body-v62 .metric-breakdown{
  width:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  justify-self:stretch!important;
}

/* ==========================================================
   v22.2.64 · Activity compact horizontal cards
   Keeps all approved information while removing dead vertical space.
   ========================================================== */
#adherenceView .activity-summary-body-v62 .activity-score-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
#adherenceView .activity-summary-body-v62 .activity-score-card{
  min-height:0!important;
  padding:10px 11px!important;
}
#adherenceView .activity-summary-body-v62 .metric-donut-row{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr)!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:10px!important;
  min-height:0!important;
}
#adherenceView .activity-summary-body-v62 .metric-donut{
  width:82px!important;height:82px!important;flex:0 0 82px!important;
  margin:0 auto!important;justify-self:center!important;
}
#adherenceView .activity-summary-body-v62 .metric-breakdown{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
  align-content:center!important;
}
#adherenceView .activity-summary-body-v62 .metric-breakdown-chip{
  min-height:48px!important;padding:7px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
}
#adherenceView .activity-summary-body-v62 .activity-score-card:nth-child(2) .metric-breakdown-chip:nth-child(3){
  grid-column:1/-1!important;min-height:40px!important;
}
@media(max-width:1180px){
 #adherenceView .activity-summary-body-v62 .metric-donut-row{grid-template-columns:76px minmax(0,1fr)!important;gap:7px!important}
 #adherenceView .activity-summary-body-v62 .metric-donut{width:72px!important;height:72px!important;flex-basis:72px!important}
 #adherenceView .activity-summary-body-v62 .metric-breakdown{grid-template-columns:1fr!important}
 #adherenceView .activity-summary-body-v62 .activity-score-card:nth-child(2) .metric-breakdown-chip:nth-child(3){grid-column:auto!important}
}
@media(max-width:900px){
 #adherenceView .activity-summary-body-v62 .activity-score-grid{grid-template-columns:1fr!important}
 #adherenceView .activity-summary-body-v62 .metric-donut-row{grid-template-columns:88px minmax(0,1fr)!important}
 #adherenceView .activity-summary-body-v62 .metric-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* v22.2.65 — acceso quirúrgico a Metas KPI; no altera geometría de Rankings */
[data-sup-panel="rankingsclean"]>.page-header{position:relative;padding-right:92px}
[data-sup-panel="rankingsclean"] .pd-rank-rules-button{position:absolute;right:0;top:0;min-height:32px!important;height:32px!important;padding:0 11px!important;border-radius:11px!important;gap:6px!important;font-size:9px!important;white-space:nowrap}
[data-sup-panel="rankingsclean"] .pd-rank-rules-button svg{width:14px;height:14px}
.pd-kpi-goals-foot{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding-top:13px;border-top:1px solid var(--line)}
@media(max-width:760px){[data-sup-panel="rankingsclean"]>.page-header{padding-right:0;padding-top:42px}[data-sup-panel="rankingsclean"] .pd-rank-rules-button{left:0;right:auto;top:0}}

/* ===== v22.2.66 · Rules modal stacking fix =====
   Notification buttons intentionally have a large hit-target z-index (10050).
   Rules are true modal surfaces and must always cover utility controls. */
#pdKpiGoals,
#pdNestingRulesModal{
  z-index:10120!important;
  isolation:isolate!important;
}
#pdKpiGoals .pd-kpi-goals-card,
#pdNestingRulesModal .modal{
  position:relative!important;
  z-index:1!important;
}

/* v22.2.70 · Importar datos · calendario de actividad de conciliación */
.pd-import-activity-calendar-card{margin-top:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--accent) 4%,var(--panel)));border-color:color-mix(in srgb,var(--accent) 16%,var(--line));box-shadow:0 18px 45px color-mix(in srgb,var(--text) 5%,transparent);backdrop-filter:blur(20px)}
.pd-import-cal-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.pd-import-cal-nav>strong{min-width:122px;text-align:center;text-transform:capitalize;font-size:10px}.pd-import-cal-today{min-height:30px!important;padding:5px 10px!important;font-size:7px!important}
.pd-import-cal-legend{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:-5px 0 10px}.pd-import-cal-legend span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:7px}.pd-import-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 2px color-mix(in srgb,var(--panel) 75%,transparent)}.pd-import-dot.payroll{background:#7aa7e8}.pd-import-dot.attempts{background:#b58be6}.pd-import-dot.auto{background:#63b995}.pd-import-dot.review{background:#d9a441}
.pd-import-activity-calendar .cut51-day{min-height:78px}.pd-import-cal-dots{display:flex;align-items:center;gap:4px;margin-top:auto;min-height:10px}.pd-import-cal-dots .pd-import-dot{width:6px;height:6px}.pd-import-cal-count{font-size:6px;color:var(--muted);margin-left:2px}.pd-import-cal-event-list{display:grid;gap:7px;max-height:330px;overflow:auto;padding-right:2px}.pd-import-cal-event{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:9px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 88%,transparent)}.pd-import-cal-event>span:first-child{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.pd-import-cal-event svg{width:13px;height:13px}.pd-import-cal-event>div{display:grid;gap:2px;min-width:0}.pd-import-cal-event strong{font-size:7.5px}.pd-import-cal-event small{font-size:6.5px;color:var(--muted);line-height:1.35}.pd-import-cal-event em{font-size:6px;color:var(--muted);font-style:normal}.pd-import-cal-empty{display:flex;align-items:center;gap:7px;padding:15px 4px;color:var(--muted);font-size:7px}.pd-import-cal-empty svg{width:15px}.pd-import-calendar-layout{grid-template-columns:minmax(0,1.65fr) minmax(270px,.62fr)}
@media(max-width:1150px){.pd-import-calendar-layout{grid-template-columns:1fr}.pd-import-cal-day-panel{min-height:0}}
@media(max-width:760px){.pd-import-cal-nav{justify-content:flex-start}.pd-import-cal-legend{justify-content:flex-start}.pd-import-activity-calendar .cut51-day{min-height:66px}}

/* v22.2.71 · Conciliation activity calendar polish — approved composition preserved */
#pdImportActivityCalendarCard .cut51-calendar-head{align-items:flex-start!important;gap:12px!important;margin-bottom:2px!important}
#pdImportActivityCalendarCard .cut51-calendar-head>div:first-child{max-width:650px!important}
#pdImportActivityCalendarCard .cut51-calendar-head .eyebrow{margin-bottom:2px!important}
#pdImportActivityCalendarCard .cut51-calendar-head h2{margin:0 0 2px!important;line-height:1.05!important}
#pdImportActivityCalendarCard .cut51-calendar-head p{margin:0!important;line-height:1.25!important;max-width:610px!important}
#pdImportActivityCalendarCard .pd-import-cal-legend{margin:2px 0 8px!important}
#pdImportActivityCalendarCard .pd-import-cal-day-panel{min-height:0!important;max-height:472px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#pdImportActivityCalendarCard .pd-import-cal-day-panel .cut51-panel-date{flex:0 0 auto!important}
#pdImportActivityCalendarCard .pd-import-cal-event-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding-right:5px!important;scrollbar-gutter:stable!important}
#pdImportActivityCalendarCard .pd-import-cal-event-list::-webkit-scrollbar{width:6px}
#pdImportActivityCalendarCard .pd-import-cal-event-list::-webkit-scrollbar-track{background:transparent}
#pdImportActivityCalendarCard .pd-import-cal-event-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 28%,transparent);border-radius:999px}
#pdImportActivityCalendarCard .pd-import-cal-event-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 42%,transparent)}
#pdImportActivityCalendarCard .pd-import-cal-dots{flex-wrap:wrap!important;align-content:flex-end!important}
@media(max-width:1150px){#pdImportActivityCalendarCard .pd-import-cal-day-panel{max-height:340px!important}}

/* =========================================================
   v22.2.72 · Conciliation calendar day panel
   Five compact rows before scroll + shared incident palette.
   ========================================================= */
#pdImportActivityCalendarCard .pd-import-cal-day-panel{overflow:hidden!important}
#pdImportActivityCalendarCard .pd-import-cal-event-list{
  display:flex!important;flex-direction:column!important;gap:7px!important;
  flex:0 0 auto!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;padding:1px 2px 2px!important;scrollbar-gutter:auto!important
}
#pdImportActivityCalendarCard .pd-import-cal-event-list.has-overflow{
  max-height:292px!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  padding-right:5px!important;scrollbar-gutter:stable!important
}
#pdImportActivityCalendarCard .pd-import-cal-event{--cal-event:#707784;flex:0 0 auto!important;min-height:50px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:8px 9px!important;border:1px solid color-mix(in srgb,var(--cal-event) 28%,var(--line))!important;border-radius:12px!important;background:linear-gradient(105deg,color-mix(in srgb,var(--cal-event) 12%,transparent),color-mix(in srgb,var(--panel) 94%,transparent))!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--cal-event) 76%,transparent)!important}
#pdImportActivityCalendarCard .pd-import-cal-event-icon{width:30px!important;height:30px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--cal-event) 14%,var(--panel))!important;color:var(--cal-event)!important;border:1px solid color-mix(in srgb,var(--cal-event) 22%,var(--line))!important}
#pdImportActivityCalendarCard .pd-import-cal-event-icon svg{width:14px!important;height:14px!important}
#pdImportActivityCalendarCard .pd-import-cal-event-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:8px!important;row-gap:3px!important;min-width:0!important}
#pdImportActivityCalendarCard .pd-import-cal-event-head{display:grid!important;gap:2px!important;min-width:0!important}
#pdImportActivityCalendarCard .pd-import-cal-event strong{font-size:7.6px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#pdImportActivityCalendarCard .pd-import-cal-event small{font-size:6.5px!important;line-height:1.25!important;color:var(--muted)!important;white-space:normal!important}
#pdImportActivityCalendarCard .pd-import-cal-event em{justify-self:end!important;max-width:108px!important;font-size:6.1px!important;line-height:1.2!important;text-align:right!important;color:var(--muted)!important;font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
/* Same semantic colors as Horario, Jornada reconstruida and Pattern Analytics. */
#pdImportActivityCalendarCard .pd-import-cal-event.type-cap{--cal-event:#3B82F6}
#pdImportActivityCalendarCard .pd-import-cal-event.type-bts{--cal-event:#8B5CF6}
#pdImportActivityCalendarCard .pd-import-cal-event.type-internet{--cal-event:#14B8A6}
#pdImportActivityCalendarCard .pd-import-cal-event.type-system{--cal-event:#22A06B}
#pdImportActivityCalendarCard .pd-import-cal-event.type-power{--cal-event:#F2C94C}
#pdImportActivityCalendarCard .pd-import-cal-event.type-schedule{--cal-event:#9A6545}
#pdImportActivityCalendarCard .pd-import-cal-event.type-late-break{--cal-event:#F28C28}
#pdImportActivityCalendarCard .pd-import-cal-event.type-late-lunch{--cal-event:#E66B9A}
#pdImportActivityCalendarCard .pd-import-cal-event.type-meeting{--cal-event:#B8C0CC}
#pdImportActivityCalendarCard .pd-import-cal-event.type-troubleshooting{--cal-event:#7F8C45}
#pdImportActivityCalendarCard .pd-import-cal-event.type-kicked{--cal-event:#E5484D}
#pdImportActivityCalendarCard .pd-import-cal-event.type-wc{--cal-event:#C4A7E7}
#pdImportActivityCalendarCard .pd-import-cal-event.type-mentoring{--cal-event:#F2A477}
#pdImportActivityCalendarCard .pd-import-cal-event.type-other{--cal-event:#707784}
#pdImportActivityCalendarCard .pd-import-cal-event.kind-payroll{--cal-event:#7AA7E8}
#pdImportActivityCalendarCard .pd-import-cal-event.kind-attempts{--cal-event:#B58BE6}
@media(max-width:760px){#pdImportActivityCalendarCard .pd-import-cal-event-copy{grid-template-columns:1fr!important}#pdImportActivityCalendarCard .pd-import-cal-event em{justify-self:start!important;text-align:left!important;max-width:100%!important}}

/* v22.2.74 · Conciliation exports */
.pd-conciliation-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.pd-conciliation-toolbar-actions .pd-export-button{min-width:auto;padding-inline:12px}
@media(max-width:760px){.pd-reconcile-toolbar{align-items:flex-start}.pd-conciliation-toolbar-actions{width:100%;justify-content:flex-start}}
/* v22.2.75 · selector de nómina para exportación PPC */
.pd-export-select-modal{max-width:620px!important}
.pd-export-payroll-list{display:grid;gap:9px;max-height:360px;overflow:auto;padding:4px 3px 4px 1px;margin-top:14px}
.pd-export-payroll-option{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:16px;padding:12px 14px;color:inherit;cursor:pointer;transition:.18s ease}
.pd-export-payroll-option:hover,.pd-export-payroll-option.selected{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.075)}
.pd-export-payroll-option .soft-icon{width:36px;height:36px}
.pd-export-payroll-copy{min-width:0;display:grid;gap:3px}.pd-export-payroll-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-export-payroll-copy small,.pd-export-payroll-option time{opacity:.68;font-size:12px}.pd-export-payroll-option time{text-align:right;white-space:nowrap}
.pd-export-select-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.pd-export-select-foot>div{display:flex;gap:8px}.pd-export-select-foot>small{opacity:.7}
@media(max-width:640px){.pd-export-payroll-option{grid-template-columns:auto 1fr}.pd-export-payroll-option time{grid-column:2;text-align:left}.pd-export-select-foot{align-items:stretch;flex-direction:column}.pd-export-select-foot>div{justify-content:flex-end}}

/* v22.2.76 · PPC export range selector */
.pd-export-range-modes{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.pd-export-mode{border:1px solid var(--line);background:rgba(255,255,255,.035);color:inherit;border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.pd-export-mode:hover,.pd-export-mode.active{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.26)}
.pd-export-date-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}
.pd-export-date-range.hidden{display:none}.pd-export-date-range>span{padding-bottom:10px;opacity:.5}
.pd-export-date-range label{display:grid;gap:6px;font-size:11px;font-weight:800;letter-spacing:.03em;opacity:.82}
.pd-export-date-range input{width:100%;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.12);color:inherit;padding:9px 10px;font:inherit;color-scheme:dark}
@media(max-width:640px){.pd-export-date-range{grid-template-columns:1fr}.pd-export-date-range>span{display:none}}

/* v22.2.77 · PPC visual range picker + Supervisor portals */
.pd-export-calendar{margin-top:10px;padding:11px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.022)}
.pd-export-calendar.hidden{display:none}.pd-export-calendar-head{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:8px}.pd-export-calendar-head strong{text-align:center;font-size:12px;text-transform:capitalize}.pd-export-calendar-week,.pd-export-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.pd-export-calendar-week span{text-align:center;font-size:9px;font-weight:800;opacity:.5;padding:3px}.pd-export-cal-day{aspect-ratio:1.25;border:0;border-radius:9px;background:transparent;color:inherit;font:inherit;font-size:10px;font-weight:700;cursor:pointer;position:relative}.pd-export-cal-day:hover{background:rgba(255,255,255,.08)}.pd-export-cal-day.muted{opacity:.28}.pd-export-cal-day.in-range{border-radius:6px;background:color-mix(in srgb,var(--accent) 16%,transparent)}.pd-export-cal-day.range-start,.pd-export-cal-day.range-end{background:var(--accent);color:#fff;border-radius:9px;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 24%,transparent)}.pd-export-cal-day.range-start.range-end{border-radius:9px}.pd-export-cal-day.today:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;bottom:4px;left:50%;transform:translateX(-50%);opacity:.7}
.pd-supervisor-portals-card{margin-bottom:14px}.pd-supervisor-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.pd-supervisor-portal{display:grid;grid-template-columns:32px minmax(0,1fr) 15px;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%);color:inherit;text-decoration:none;transition:.18s}.pd-supervisor-portal:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:color-mix(in srgb,var(--panel) 88%,var(--accent) 8%)}.pd-supervisor-portal>svg:first-child{width:17px;height:17px;color:var(--accent)}.pd-supervisor-portal>svg:last-child{width:12px;height:12px;opacity:.45}.pd-supervisor-portal span{display:grid;min-width:0}.pd-supervisor-portal b{font-size:10px}.pd-supervisor-portal small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1050px){.pd-supervisor-portals{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.pd-supervisor-portals{grid-template-columns:1fr}}

/* =========================================================
   v22.2.78 · Compact density · Herramientas + Quick Links
   Distribución desktop sin espacios muertos / scroll innecesario.
   ========================================================= */
@media (min-width:951px){
  [data-sup-panel="tools"] .page-header,
  [data-sup-panel="quicklinks"] .page-header{margin-bottom:12px}

  /* Herramientas: IDs y BMS comparten la primera fila. */
  [data-sup-panel="tools"] .sup-tools-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:12px;align-items:stretch}
  [data-sup-panel="tools"] .sup-tool-card{padding:15px!important}
  [data-sup-panel="tools"] .sup-id-preview{margin:10px 0 9px;padding:12px 14px;min-height:76px;max-height:116px;overflow:auto;line-height:1.65}
  [data-sup-panel="tools"] .sup-bms-card{margin-bottom:0;display:flex;flex-direction:column}
  [data-sup-panel="tools"] .sup-bms-chips{margin:10px 0;gap:5px;max-height:106px;overflow:auto;align-content:flex-start}
  [data-sup-panel="tools"] .sup-bms-chips span{padding:5px 8px}
  [data-sup-panel="tools"] .sup-bms-card .secondary-button{margin-top:auto;align-self:flex-start}
  [data-sup-panel="tools"] .pd-supervisor-portals-card{padding:15px!important;margin-bottom:0}
  [data-sup-panel="tools"] .pd-supervisor-portals{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
  [data-sup-panel="tools"] .pd-supervisor-portal{grid-template-columns:27px minmax(0,1fr) 13px;gap:7px;padding:8px 10px;min-height:48px;border-radius:12px}
  [data-sup-panel="tools"] .pd-supervisor-portal>svg:first-child{width:15px;height:15px}
  [data-sup-panel="tools"] .pd-supervisor-portal b{font-size:9px}
  [data-sup-panel="tools"] .pd-supervisor-portal small{font-size:6.5px;margin-top:1px}

  /* Quick Links: hero deja de ser una franja gigante y la zona editable usa todo el ancho. */
  [data-sup-panel="quicklinks"] .pd-quicklinks-hero-v2{padding:14px 17px;margin-bottom:10px;border-radius:18px;gap:14px}
  [data-sup-panel="quicklinks"] .pd-quicklinks-hero h2{font-size:18px;margin:2px 0 3px}
  [data-sup-panel="quicklinks"] .pd-quicklinks-hero p{font-size:10px}
  [data-sup-panel="quicklinks"] .pd-quicklinks-summary{display:block;min-width:82px;width:82px}
  [data-sup-panel="quicklinks"] .pd-quicklinks-summary>div{padding:8px 9px;border-radius:14px;min-height:62px}
  [data-sup-panel="quicklinks"] .pd-quicklinks-summary strong{font-size:23px}
  [data-sup-panel="quicklinks"] .pd-quicklinks-sections{grid-template-columns:1fr;gap:10px}
  [data-sup-panel="quicklinks"] .pd-quicklinks-section{padding:14px!important}
  [data-sup-panel="quicklinks"] .pd-links-section-head{margin-bottom:9px;align-items:center}
  [data-sup-panel="quicklinks"] .pd-links-section-head p{margin-top:2px}
  [data-sup-panel="quicklinks"] .pd-link-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:420px}
  [data-sup-panel="quicklinks"] .pd-links-mini-empty{grid-column:1/-1;min-height:72px;padding:10px 14px}
  [data-sup-panel="quicklinks"] .pd-quicklinks-foot{margin-top:8px;padding:8px 11px;font-size:8px}
}
@media (min-width:1250px){
  [data-sup-panel="quicklinks"] .pd-link-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* v22.2.79 · Dani demo block: recognizable launcher + admin request workflow */
.pd-import-head-actions{display:flex;align-items:center;gap:8px}.pd-testing-seed{padding:8px 11px!important;font-size:12px!important}
.pd-supervisor-portals-card{padding:18px!important}.pd-supervisor-portals{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
.pd-supervisor-portal{position:relative!important;min-height:118px!important;padding:14px 10px 11px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;border-radius:18px!important;overflow:hidden!important}
.pd-supervisor-portal>i:first-child{width:31px!important;height:31px!important;padding:10px!important;box-sizing:content-box!important;border-radius:15px!important;background:color-mix(in srgb,var(--accent) 16%,rgba(255,255,255,.72))!important;box-shadow:0 8px 22px rgba(24,30,50,.10)!important}
.pd-supervisor-portal>i:last-child{position:absolute!important;right:9px!important;top:9px!important;width:13px!important;height:13px!important;opacity:.38!important}.pd-supervisor-portal span{display:block!important}.pd-supervisor-portal b{display:block!important;font-size:13px!important}.pd-supervisor-portal small{display:block!important;font-size:10.5px!important;line-height:1.25!important;margin-top:2px!important;opacity:.68!important}
.pd-supervisor-portal:nth-child(1)>i:first-child{background:#f7e8d8!important}.pd-supervisor-portal:nth-child(2)>i:first-child{background:#e8e5ff!important}.pd-supervisor-portal:nth-child(3)>i:first-child{background:#e4f3ee!important}.pd-supervisor-portal:nth-child(4)>i:first-child{background:#fff0d5!important}.pd-supervisor-portal:nth-child(5)>i:first-child{background:#e2f0ff!important}.pd-supervisor-portal:nth-child(6)>i:first-child{background:#f4e8ff!important}.pd-supervisor-portal:nth-child(7)>i:first-child{background:#ece9ff!important}.pd-supervisor-portal:nth-child(8)>i:first-child{background:#f7e5e5!important}.pd-supervisor-portal:nth-child(9)>i:first-child{background:#e7eef5!important}
.pd-admin-package{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--card) 82%,transparent);display:grid;gap:11px}.pd-admin-package-head{display:flex;gap:10px;align-items:center}.pd-admin-package-head i{width:19px}.pd-admin-package-head span{display:grid}.pd-admin-package-head small{opacity:.68}.pd-admin-statusline{display:flex;gap:7px;flex-wrap:wrap}.pd-admin-statusline span{font-size:11px;padding:5px 8px;border-radius:999px;background:var(--soft)}.pd-admin-table{width:100%;border-collapse:collapse;font-size:11px}.pd-admin-table th,.pd-admin-table td{padding:7px 8px;border-bottom:1px solid var(--border);text-align:left}.pd-admin-table th{font-size:10px;text-transform:uppercase;letter-spacing:.04em;opacity:.65}.pd-admin-actions{display:flex;gap:7px;flex-wrap:wrap}.pd-admin-actions button{font-size:11px!important;padding:7px 9px!important}.pd-evidence-download{display:inline-flex;align-items:center;gap:6px;margin-top:8px}.pd-offboarding-box{margin-top:10px;padding:12px;border-radius:14px;background:var(--soft);font-size:12px}.pd-offboarding-box strong{display:block;margin-bottom:3px}
@media(max-width:1100px){.pd-supervisor-portals{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:720px){.pd-supervisor-portals{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pd-supervisor-portal{min-height:104px!important}}
/* v22.2.80 · preloaded QA badge */
.pd-testing-ready{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent,#7c6cff) 24%,transparent);border-radius:999px;background:color-mix(in srgb,var(--accent,#7c6cff) 9%,transparent);font-size:12px;font-weight:750;white-space:nowrap;opacity:.9}.pd-testing-ready svg{width:14px;height:14px}

/* v22.2.82 · request / call report / JUMP polish */
.pd-offboarding-choice,.pd-temp-week-choice{margin:14px 0;padding:16px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--card) 88%,transparent);display:grid;gap:12px}.pd-mini-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pd-mini-section-head>div{display:grid;gap:3px}.pd-mini-section-head small{font-size:10px;letter-spacing:.12em;opacity:.62}.pd-mini-section-head strong{font-size:14px}.pd-mini-section-head>i{width:20px;height:20px;opacity:.72}.pd-offboarding-guidance{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:14px;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--border)}.pd-offboarding-guidance>i{width:18px;flex:0 0 auto}.pd-offboarding-guidance>div{display:grid;gap:2px}.pd-offboarding-guidance strong{font-size:12px}.pd-offboarding-guidance span{font-size:11px;line-height:1.45;opacity:.75}.pd-offboarding-guidance.danger{border-color:color-mix(in srgb,#e5484d 45%,var(--border))}.pd-offboarding-guidance.warning{border-color:color-mix(in srgb,#f28c28 45%,var(--border))}.pd-offboarding-guidance.success{border-color:color-mix(in srgb,#22a06b 45%,var(--border))}
#requestForm.pd-is-offboarding .request-dates,#requestForm.pd-is-offboarding #requestTimeRange,#requestForm.pd-is-offboarding #scheduleRequestDetails,#requestForm.pd-is-offboarding #scheduleSnapshotBox,#requestForm.pd-is-offboarding .form-section:has(#requestTitle),#requestForm.pd-is-offboarding .form-section:has(#requestDescription),#requestForm.pd-is-offboarding .form-section:has(#requestEvidence){display:none!important}
#requestForm.pd-is-temp-off .request-dates,#requestForm.pd-is-temp-off #requestTimeRange,#requestForm.pd-is-temp-off #scheduleRequestDetails,#requestForm.pd-is-temp-off #scheduleSnapshotBox,#requestForm.pd-is-temp-off .form-section:has(#requestTitle),#requestForm.pd-is-temp-off .form-section:has(#requestDescription),#requestForm.pd-is-temp-off .form-section:has(#requestEvidence){display:none!important}.pd-temp-off-grid{display:grid;gap:10px}.pd-temp-count{display:flex;align-items:baseline;gap:7px}.pd-temp-count strong{font-size:22px}.pd-temp-count span{font-size:11px;opacity:.7}.pd-temp-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.pd-temp-day input{position:absolute;opacity:0;pointer-events:none}.pd-temp-day span{min-height:58px;border:1px solid var(--border);border-radius:13px;display:grid;place-content:center;text-align:center;gap:2px;cursor:pointer;background:color-mix(in srgb,var(--card) 82%,transparent);transition:.16s}.pd-temp-day b{font-size:11px}.pd-temp-day small{font-size:9px;opacity:.62}.pd-temp-day.is-off span{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--card))}.pd-temp-rule{display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.4;opacity:.72}.pd-temp-rule i{width:15px;flex:0 0 auto}.pd-call-daily-quota{margin-left:auto;min-width:105px;padding-left:12px;border-left:1px solid var(--border);display:grid;gap:1px;text-align:right}.pd-call-daily-quota strong{font-size:13px}.pd-call-daily-quota span{font-size:9px;opacity:.65}.pd-callreport-notice{align-items:center}.pd-agent-sanctions #pdAgentJumpChip{white-space:nowrap}@media(max-width:760px){.pd-temp-days{grid-template-columns:repeat(4,minmax(0,1fr))}.pd-call-daily-quota{width:100%;margin-left:0;padding:8px 0 0;border-left:0;border-top:1px solid var(--border);text-align:left}}

/* v22.2.83 request workflow repair */
.pd-admin-package-v83{margin-top:14px!important;padding:16px!important;border:1px solid rgba(124,113,255,.2);border-radius:20px;background:linear-gradient(135deg,rgba(124,113,255,.055),rgba(255,255,255,.42))}
.pd-copy-mail-preview{margin-top:13px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.5);border:1px solid rgba(90,100,135,.12)}
.pd-copy-mail-preview strong,.pd-table-label strong{display:block;color:var(--text-primary,#30364b);font-size:13px;margin-bottom:7px}.pd-copy-mail-preview p{margin:0;font-size:12px;line-height:1.55;color:var(--text-secondary,#68718c);max-height:145px;overflow:auto}.pd-table-label{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:14px 2px 8px}.pd-table-label small{font-size:10px;color:var(--text-secondary,#7c849b)}.pd-admin-table-wrap{overflow:auto;border:1px solid rgba(90,100,135,.13);border-radius:15px;background:rgba(255,255,255,.48)}.pd-admin-table-wrap .pd-admin-table{margin:0;width:100%;border-collapse:collapse}.pd-admin-table-wrap th,.pd-admin-table-wrap td{padding:9px 12px;border-bottom:1px solid rgba(90,100,135,.1);text-align:left;font-size:11px}.pd-admin-table-wrap th{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.pd-admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pd-flow-modal{position:fixed;inset:0;z-index:15000;display:grid;place-items:center;padding:24px}.pd-flow-modal.hidden{display:none}.pd-flow-backdrop{position:absolute;inset:0;background:rgba(28,31,42,.38);backdrop-filter:blur(7px)}.pd-flow-dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;position:relative;width:min(620px,calc(100vw - 32px));padding:25px;border-radius:26px;background:rgba(249,251,255,.96);border:1px solid rgba(255,255,255,.75);box-shadow:0 28px 80px rgba(37,42,65,.24);color:#30364b}.pd-flow-x{position:absolute;right:18px;top:16px;border:0;background:rgba(112,119,148,.08);width:34px;height:34px;border-radius:12px;font-size:22px;color:#70778f;cursor:pointer}.pd-form-error{color:var(--danger,#c04d65);font-size:12px}.pd-flow-dialog textarea{width:100%;resize:vertical}.pd-evidence-footer{flex-wrap:wrap;overflow-wrap:anywhere}.pd-flow-dialog input,.pd-flow-dialog textarea{color:var(--ink)!important;background:var(--panel)!important}
.pd-huddle-operational{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:12px 0}.pd-huddle-operational button{color:var(--ink);text-align:left;display:grid;gap:6px}.pd-huddle-operational strong{font-size:24px}.pd-huddle-operational span{font-size:12px}.pd-mood-checkin{margin-top:16px;display:grid;gap:8px}.pd-mood-checkin small{color:var(--muted)}.pd-mood-checkin>div{display:flex;gap:8px}.pd-mood-checkin button{font-size:22px;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.pd-mood-checkin button[aria-pressed=true]{outline:2px solid var(--accent)}
.pd-flow-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8077e8}.pd-flow-dialog h2{margin:6px 42px 7px 0;font-size:22px}.pd-flow-lead{margin:0 0 16px;color:#747d96;font-size:12px;line-height:1.5}.pd-flow-agent{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:14px;background:rgba(124,113,255,.06);margin-bottom:14px}.pd-flow-agent span{font-weight:700}.pd-flow-agent small{color:#7c849b}.pd-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pd-flow-grid label{font-size:11px;font-weight:700;color:#59627b}.pd-flow-grid input{box-sizing:border-box;width:100%;margin-top:6px;padding:12px 13px;border:1px solid rgba(100,110,145,.18);border-radius:13px;background:rgba(255,255,255,.8);color:#30364b;outline:none}.pd-flow-grid input:focus{border-color:rgba(124,113,255,.55);box-shadow:0 0 0 3px rgba(124,113,255,.08)}.pd-flow-full{grid-column:1/-1}.pd-flow-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px;border-radius:14px;background:rgba(80,175,145,.07);font-size:11px;line-height:1.45;color:#667087}.pd-flow-note svg{width:16px;flex:0 0 auto}.pd-flow-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
@media(max-width:650px){.pd-flow-grid{grid-template-columns:1fr}.pd-flow-full{grid-column:auto}.pd-table-label{align-items:flex-start;flex-direction:column}}

/* ===== v22.2.85 compact access polish ===== */
[data-sup-panel="quicklinks"] .pd-quicklinks-section{padding:16px!important}
[data-sup-panel="quicklinks"] .pd-link-card-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.pd-compact-link{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) repeat(3,30px);gap:8px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel) 95%,var(--accent2) 5%);min-width:0}
.pd-compact-link-icon,.pd-personal-icon{width:36px;height:36px;border:0;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 11%,var(--panel));color:var(--accent);cursor:pointer}.pd-compact-link-icon svg,.pd-personal-icon svg{width:17px}
.pd-compact-link-main{min-width:0;display:grid;grid-template-columns:minmax(90px,.7fr) minmax(120px,1.3fr);gap:5px 8px;align-items:center}.pd-link-name-input,.pd-link-url-input,.pd-personal-tool input{border:0!important;background:transparent!important;box-shadow:none!important;min-width:0;padding:3px 2px!important;color:var(--text);font:inherit}.pd-link-name-input{font-weight:800}.pd-link-url-input{font-size:10px;color:var(--muted)!important;text-overflow:ellipsis}.pd-compact-link-main small{grid-column:1/-1;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-mini-action{width:29px;height:29px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--panel) 94%,var(--accent2) 6%);color:var(--muted);display:grid;place-items:center;cursor:pointer}.pd-mini-action svg{width:13px}.pd-mini-action.danger-lite{color:#d65a68}
.pd-inline-icon-picker{position:absolute;z-index:20;left:8px;top:52px;width:224px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 45px rgba(34,42,72,.16)}.pd-inline-icon-picker.hidden{display:none}.pd-icon-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.pd-icon-choice{height:29px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.pd-icon-choice.active,.pd-icon-choice:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.pd-icon-choice svg{width:14px}
.pd-agent-link-tags{display:flex;flex-wrap:wrap;gap:9px}.pd-agent-link-tag{display:grid;grid-template-columns:32px minmax(80px,auto) minmax(70px,150px) 14px;align-items:center;gap:8px;max-width:360px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text);background:color-mix(in srgb,var(--panel) 95%,var(--accent2) 5%)}.pd-agent-link-tag>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent)}.pd-agent-link-tag>span svg{width:15px}.pd-agent-link-tag b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-agent-link-tag small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-agent-link-tag>svg{width:12px;color:var(--muted)}

[data-sup-panel="tools"]{--pd-tools-h:310px}[data-sup-panel="tools"] .sup-tools-grid{display:contents!important}[data-sup-panel="tools"]{grid-template-columns:1fr 1fr;gap:12px}[data-sup-panel="tools"].active{display:grid!important}[data-sup-panel="tools"]>.page-header{grid-column:1/-1;margin-bottom:0}[data-sup-panel="tools"]>.sup-tools-grid>.sup-tool-card,[data-sup-panel="tools"]>.pd-tools-quadrant{height:var(--pd-tools-h);min-height:0;margin:0!important;padding:15px!important;overflow:hidden}
[data-sup-panel="tools"]>.sup-tools-grid>.sup-tool-card{display:flex;flex-direction:column}[data-sup-panel="tools"] .sup-id-preview{max-height:126px!important;overflow:auto}[data-sup-panel="tools"] .sup-bms-chips{max-height:145px!important;overflow:auto}
[data-sup-panel="tools"] .pd-supervisor-portals-card{grid-column:2;grid-row:2}.pd-supervisor-portals{height:238px;overflow-y:auto;align-content:start;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding-right:3px}.pd-supervisor-portal{min-height:69px!important;padding:8px!important;grid-template-columns:1fr!important;place-items:center;text-align:center;gap:3px!important}.pd-supervisor-portal>svg:first-child{width:17px!important}.pd-supervisor-portal>svg:last-child{display:none}.pd-supervisor-portal b{font-size:9px!important}.pd-supervisor-portal small{font-size:7px!important;max-width:100%}
.pd-personal-tools-card{grid-column:2;grid-row:3}.pd-personal-tools-list{height:238px;overflow-y:auto;display:grid;align-content:start;gap:7px;padding-right:3px}.pd-personal-tool{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 28px 28px;align-items:center;gap:7px;padding:7px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel) 95%,var(--accent2) 5%)}.pd-personal-tool>div:not(.pd-inline-icon-picker){min-width:0;display:grid}.pd-personal-tool input:first-child{font-size:10px;font-weight:800}.pd-personal-tool input:nth-child(2){font-size:8px;color:var(--muted)!important}.pd-personal-tool small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-evidence-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pd-evidence-footer>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px}.pd-evidence-footer>span svg{width:14px}.pd-evidence-footer [data-pd-download-evidence]{margin-left:auto}
@media(max-width:1050px){[data-sup-panel="tools"].active{grid-template-columns:1fr!important}[data-sup-panel="tools"]>.page-header,[data-sup-panel="tools"] .pd-supervisor-portals-card,.pd-personal-tools-card{grid-column:1!important;grid-row:auto!important}[data-sup-panel="quicklinks"] .pd-link-card-list{grid-template-columns:1fr!important}}


/* v22.2.86 · Sanctions polish */
.pd-matrix-dialog{width:min(1040px,94vw);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}
.pd-matrix-dialog .pd-matrix-list{min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.pd-matrix-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 150px auto;gap:10px;align-items:center;padding:2px}
.pd-matrix-toolbar .search-box{min-width:0}.pd-matrix-toolbar .form-input{height:42px}
.pd-matrix-count{font-size:12px;font-weight:800;white-space:nowrap;color:var(--muted);padding:0 4px}
.pd-matrix-catalog{overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:2px 6px 12px 2px;scrollbar-gutter:stable}
.pd-matrix-card{border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border));background:color-mix(in srgb,var(--card) 92%,transparent);border-radius:18px;padding:14px;min-width:0;box-shadow:0 10px 26px rgba(65,72,110,.05)}
.pd-matrix-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.pd-matrix-category{font-size:10px;letter-spacing:.08em;font-weight:900;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-matrix-card h4{margin:8px 0 11px;font-size:14px;line-height:1.25}.pd-severity{font-size:9px;font-weight:900;padding:5px 8px;border-radius:999px}.sev-low{background:#eaf8ef;color:#27794a}.sev-medium{background:#fff5d8;color:#946c00}.sev-high{background:#fff0e7;color:#a65324}.sev-critical{background:#ffe8eb;color:#ad3342}
.pd-matrix-steps{display:grid;gap:6px}.pd-matrix-steps>div{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center;font-size:11px;color:var(--text)}.pd-matrix-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:10px}.pd-matrix-card footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px;padding-top:9px;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}.pd-matrix-card footer span{display:flex;align-items:center;gap:4px}.pd-matrix-card footer svg{width:12px;height:12px}.pd-matrix-source-note{margin-right:auto;display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted)}
.pd-sanction-liveclock{margin:12px 0;padding:14px;border:1px solid color-mix(in srgb,#ef596f 22%,var(--border));border-radius:17px;background:color-mix(in srgb,#ef596f 5%,var(--card))}.pd-sanction-liveclock>div:first-child{display:flex;gap:9px;align-items:center}.pd-sanction-liveclock svg{width:18px}.pd-sanction-liveclock span{display:grid}.pd-sanction-liveclock small{font-size:9px;color:var(--muted)}.pd-sanction-liveclock strong{font-size:15px}.pd-sanction-progress{height:6px!important;background:color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;margin:10px 0 7px;overflow:hidden}.pd-sanction-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f2a477,#e66b9a)}
@media(max-width:800px){.pd-matrix-toolbar{grid-template-columns:1fr 1fr}.pd-matrix-toolbar .search-box{grid-column:1/-1}.pd-matrix-catalog{grid-template-columns:1fr}}

/* ===== v22.2.87 · GLASS iOS + RESPONSIVE FOUNDATION ===== */
:root{--pd-glass:rgba(255,255,255,.58);--pd-glass-strong:rgba(255,255,255,.76);--pd-glass-line:rgba(255,255,255,.72);--pd-blur:22px}
.utility-bar,.sup-utility-bar{position:sticky!important;top:10px!important;z-index:8000!important;margin:0 0 18px auto!important;width:max-content!important;max-width:100%!important;padding:7px!important;border-radius:22px!important;transition:.25s ease}
body.pd-scrolled .utility-bar,body.pd-scrolled .sup-utility-bar{}
.utility-search,.utility-icon{border:1px solid rgba(255,255,255,.78)!important;background:rgba(255,255,255,.48)!important;backdrop-filter:blur(16px)!important;border-radius:999px!important;box-shadow:0 5px 16px rgba(64,79,115,.06)!important}
.utility-icon{width:40px!important;height:40px!important}.utility-search{min-height:40px!important}
.supervisor-menu [data-sup-view="settings"],.sidebar [data-view="settings"]{display:none!important}
.card,.toolbar-card,.sup-schedule-agent-list-card,.sup-incident-agent-card,.sup-request-agent-card{backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}

/* Horarios: dashboard two-column + segmented control */
.sup-schedules-layout{grid-template-columns:minmax(220px,27%) minmax(0,1fr)!important;align-items:start!important;gap:16px!important}
.sup-schedule-agent-list-card{position:sticky!important;top:82px!important;max-height:calc(100vh - 125px)!important;overflow:hidden!important}
.sup-schedule-agent-list{max-height:calc(100vh - 260px)!important;overflow:auto!important;padding-right:4px!important}
.pd-schedule-segments{display:flex;gap:4px;padding:4px;margin:0 0 12px;border:1px solid rgba(142,151,190,.15);border-radius:14px;background:rgba(235,239,248,.72);position:sticky;top:82px;z-index:20;backdrop-filter:blur(18px)}
.pd-schedule-segments button{flex:1;border:0;border-radius:10px;padding:9px 10px;background:transparent;color:#737b91;font-size:10px;font-weight:800;transition:.2s}
.pd-schedule-segments button.active{background:rgba(255,255,255,.9);color:#6269a4;box-shadow:0 4px 12px rgba(76,89,125,.09)}
.sup-schedule-editor-col>[data-pd-schedule-pane]{display:none!important}.sup-schedule-editor-col>[data-pd-schedule-pane].pd-pane-active{display:block!important}
.pd-schedule-timeline{margin:0 0 12px;padding:13px 15px;border:1px solid rgba(139,142,233,.16);border-radius:17px;background:linear-gradient(135deg,rgba(235,248,255,.72),rgba(242,238,255,.72));overflow:hidden}
.pd-timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font-size:9px;color:#8a92a6}.pd-timeline-head strong{font-size:11px;color:#50586d}
.pd-timeline-track{height:38px;position:relative;border-radius:12px;background:rgba(255,255,255,.76);overflow:hidden;border:1px solid rgba(137,149,181,.12)}
.pd-time-work{position:absolute;inset:0;background:linear-gradient(90deg,rgba(115,204,233,.42),rgba(139,142,233,.35))}.pd-time-event{position:absolute;top:5px;bottom:5px;min-width:8px;border-radius:7px;background:rgba(255,255,255,.94);border:1px solid rgba(116,127,172,.16);box-shadow:0 2px 7px rgba(80,91,130,.08)}
.pd-timeline-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:8px;color:#81899b}.pd-timeline-legend span{display:flex;align-items:center;gap:5px}.pd-timeline-legend i{width:7px;height:7px;border-radius:50%;background:#8b8ee9}.pd-timeline-legend span:nth-child(2) i{background:#73cce9}.pd-timeline-legend span:nth-child(3) i{background:#b9a6ea}

/* Incidencias: compact Mail-like master list; selected agent detail becomes a right sheet */
.sup-incident-agent-grid{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;max-height:calc(100vh - 275px);overflow:auto;padding-right:5px}
.sup-incident-agent-card{padding:10px 13px!important;border-radius:14px!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(220px,1.2fr) minmax(180px,1fr) auto!important;align-items:center!important;gap:12px!important}
.sup-incident-agent-card .sup-incident-agent-pending{margin:0!important}.sup-incident-agent-card .sup-auto-summary-list{display:none!important}.sup-incident-agent-card .sup-incident-agent-footer{margin:0!important;border:0!important;padding:0!important}.sup-incident-agent-card .avatar{width:34px!important;height:34px!important;font-size:10px!important}.sup-incident-agent-card .sup-incident-agent-head{margin:0!important}.sup-incident-chip{padding:4px 7px!important;font-size:8px!important}
#supIncidentAgentDetail:not(.hidden){position:fixed!important;right:20px!important;top:20px!important;bottom:20px!important;width:min(620px,calc(100vw - 40px))!important;z-index:10050!important;overflow:auto!important;padding:18px!important;border-radius:26px!important;background:rgba(250,252,255,.88)!important;border:1px solid rgba(255,255,255,.85)!important;backdrop-filter:blur(30px) saturate(145%)!important;-webkit-backdrop-filter:blur(30px) saturate(145%)!important;box-shadow:-20px 0 70px rgba(47,59,94,.18)!important}

/* Solicitudes: compact board language; detail also stays in-context as sheet */
.sup-request-agent-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;max-height:calc(100vh - 280px);overflow:auto;padding-right:5px}
.sup-request-agent-card{padding:13px!important;border-radius:16px!important;min-height:150px!important}.sup-request-agent-card .avatar{width:34px!important;height:34px!important;font-size:10px!important}.sup-request-chip{font-size:8px!important;padding:4px 7px!important}.sup-request-agent-footer{margin-top:9px!important}
#supRequestAgentDetail:not(.hidden){position:fixed!important;inset:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom)) auto!important;width:min(650px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;z-index:14001!important;overflow:auto!important;overscroll-behavior:contain;padding:18px!important;border-radius:24px!important;background:var(--panel)!important;color:var(--ink);border:1px solid var(--line)!important;box-shadow:-12px 0 45px rgb(0 0 0 / .16)!important}
#pdRequestBackdrop{position:fixed;inset:0;z-index:14000;background:rgb(0 0 0 / .22)}
.pd-request-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pd-request-filters select{min-width:0;max-width:100%;padding:10px;border-radius:12px;background:var(--panel);color:var(--ink);border:1px solid var(--line)}
#supRequestAgentGrid.pd-request-kanban{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-height:none!important;overflow:visible!important;align-items:start}
.pd-request-lane{min-width:0;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--panel) 35%,transparent)}
.pd-request-lane h3{display:flex;justify-content:space-between;font-size:13px;margin:4px 0 12px}.pd-request-lane .card{margin-bottom:8px;overflow-wrap:anywhere;padding:12px!important}.pd-request-lane .text-button{display:block;margin-top:12px;min-height:36px}.pd-request-lane p{font-size:12px}
#supRequestAgentDetail .sup-request-detail-header{position:sticky;top:-18px;z-index:2;background:var(--panel);padding:12px 0}
#supRequestAgentDetail .sup-request-back{min-height:44px}
#supRequestAgentDetail .pd-evidence-footer{order:99}
@media(max-width:1150px){#supRequestAgentGrid.pd-request-kanban{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){#supRequestAgentGrid.pd-request-kanban{grid-template-columns:1fr!important}}.pd-sup-mobile-more{display:none}.pd-sup-mobile-nav{}
@media(max-width:900px){
 body{padding:0!important;background:#f5f7fb!important}.app-shell,.supervisor-shell{min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-width:none!important}
 .supervisor-shell{display:block!important}.supervisor-sidebar{display:none!important}.supervisor-main{padding:12px 12px 92px!important;width:100%!important;overflow:visible!important}.supervisor-right-panel{display:none!important}
 .sup-utility-bar{position:sticky!important;top:8px!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px 40px 40px!important;margin-bottom:14px!important;border-radius:20px!important}
 .sup-utility-bar .utility-search{min-width:0!important;width:100%!important}.sup-utility-bar .utility-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-utility-bar kbd{display:none!important}
 .page-header,.sup-schedules-header{margin-bottom:14px!important}.page-header h1,.sup-schedules-header h1{font-size:25px!important}.subtitle{font-size:11px!important;line-height:1.45}.eyebrow{font-size:8px!important}.pd-sup-mobile-nav{position:fixed;left:10px;right:10px;bottom:10px;grid-template-columns:repeat(5,1fr);padding:6px;border-radius:22px;border:1px solid rgba(255,255,255,.86);background:rgba(250,252,255,.82);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);box-shadow:0 15px 40px rgba(47,59,94,.2)}
 .pd-sup-mobile-nav button{border:0;background:transparent;border-radius:15px;padding:7px 3px;color:#7a8297;display:grid;justify-items:center;gap:3px;font-size:8px;font-weight:700}.pd-sup-mobile-nav button svg{width:18px}.pd-sup-mobile-nav button.active{background:rgba(235,236,255,.9);color:#7374d5}
 .pd-sup-mobile-more{position:fixed;z-index:10990;left:10px;right:10px;bottom:80px;max-height:62dvh;overflow:auto;padding:12px;border-radius:24px;border:1px solid rgba(255,255,255,.9);background:rgba(249,251,255,.92);backdrop-filter:blur(28px);box-shadow:0 18px 55px rgba(43,53,86,.22)}.pd-sup-mobile-more.open{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pd-sup-mobile-more button{border:0;background:rgba(255,255,255,.72);border-radius:14px;padding:12px 5px;display:grid;justify-items:center;gap:6px;color:#687086;font-size:8px}.pd-sup-mobile-more svg{width:18px}
 .sup-agent-incident-toolbar,.sup-agent-request-toolbar{padding:10px!important}.sup-incident-toolbar-meta,.sup-request-toolbar-meta{display:none!important}
 .sup-incident-agent-grid,.sup-request-agent-grid{grid-template-columns:1fr!important;max-height:none!important;overflow:visible!important}.sup-incident-agent-card{grid-template-columns:1fr auto!important}.sup-incident-agent-card .sup-incident-agent-pending{display:none!important}
 #supIncidentAgentDetail:not(.hidden){inset:8px 8px 82px!important;width:auto!important;border-radius:24px!important;padding:14px!important}
 .sup-schedules-layout{display:block!important}.sup-schedule-agent-list-card{position:relative!important;top:auto!important;max-height:none!important;margin-bottom:10px!important}.sup-schedule-agent-list{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;gap:7px!important;padding-bottom:5px}.sup-schedule-agent-option{min-width:210px!important}
 .sup-schedules-header-actions{display:flex!important;gap:6px!important}.sup-schedules-header-actions button{padding:9px 10px!important;font-size:9px!important}.pd-schedule-segments{top:68px!important;overflow-x:auto!important}.pd-schedule-segments button{white-space:nowrap!important;min-width:105px!important}
 .sup-schedule-time-grid,.sup-schedule-rests,.sup-leave-fields{grid-template-columns:1fr!important}.sup-schedule-days-editor{grid-template-columns:repeat(7,minmax(42px,1fr))!important;overflow-x:auto!important}.sup-schedule-days-editor button small{display:none!important}.sup-schedule-preview{grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.sup-schedule-preview div{padding:10px 5px!important}.sup-schedule-agent-head{padding:13px!important}.sup-schedule-head-status{display:none!important}
 .card{padding:14px!important;border-radius:18px!important}.stats-grid,.dashboard-grid,.settings-grid,.profile-layout{grid-template-columns:1fr!important}
}
@media(max-width:520px){.sup-utility-bar{grid-template-columns:minmax(0,1fr) 38px 38px 38px!important}.sup-utility-bar .utility-search span{font-size:9px}.pd-sup-mobile-more.open{grid-template-columns:repeat(3,1fr)}.sup-schedules-header{display:block!important}.sup-schedules-header-actions{margin-top:10px}.page-header{display:block!important}.page-header>.primary-button{margin-top:10px}.sup-request-agent-card{min-height:0!important}}

/* ===== PulseDesk v22.2.88 · THEME-AWARE GLASS + RESPONSIVE NAVIGATION ===== */
:root{--pd-neon:var(--accent,var(--primary));--pd-neon2:var(--accent2,var(--primary2));--pd-glass-bg:color-mix(in srgb,var(--panel,#fff) 58%,transparent);--pd-glass-bg-strong:color-mix(in srgb,var(--panel,#fff) 76%,transparent);--pd-neon-soft:color-mix(in srgb,var(--pd-neon) 15%,transparent);--pd-neon-line:color-mix(in srgb,var(--pd-neon) 48%,transparent);--pd-neon-glow:color-mix(in srgb,var(--pd-neon) 34%,transparent)}
.utility-bar,.sup-utility-bar{}
body.pd-scrolled .utility-bar,body.pd-scrolled .sup-utility-bar{}
.utility-search,.utility-icon{background:color-mix(in srgb,var(--panel,#fff) 56%,transparent)!important;border-color:color-mix(in srgb,var(--pd-neon) 12%,rgba(255,255,255,.65))!important;color:var(--ink)!important}
.utility-icon:hover,.utility-search:hover,.utility-icon.active,.pd-settings-gear.active{color:var(--pd-neon)!important;border-color:var(--pd-neon-line)!important;background:var(--pd-neon-soft)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--pd-neon) 14%,transparent),0 0 22px var(--pd-neon-glow)!important}
/* Desktop navigation: active item glows inside the glass, driven entirely by current theme */
.menu-item,.supervisor-menu .menu-item{transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;border:1px solid transparent!important}
.menu-item:hover,.supervisor-menu .menu-item:hover{background:color-mix(in srgb,var(--pd-neon) 8%,transparent)!important;color:var(--pd-neon)!important;border-color:color-mix(in srgb,var(--pd-neon) 16%,transparent)!important}
.menu-item.active,.supervisor-menu .menu-item.active{background:linear-gradient(135deg,color-mix(in srgb,var(--pd-neon) 18%,transparent),color-mix(in srgb,var(--pd-neon2) 10%,transparent))!important;color:var(--pd-neon)!important;border-color:var(--pd-neon-line)!important;box-shadow:inset 0 0 18px color-mix(in srgb,var(--pd-neon) 9%,transparent),0 0 20px var(--pd-neon-glow)!important;text-shadow:0 0 13px color-mix(in srgb,var(--pd-neon) 34%,transparent)}
.menu-item.active svg,.supervisor-menu .menu-item.active svg{filter:drop-shadow(0 0 5px var(--pd-neon-glow))}
.filter-button.active,.request-filter.active,.pd-schedule-segments button.active,.segmented button.active,.segmented .active{background:linear-gradient(135deg,color-mix(in srgb,var(--pd-neon) 17%,var(--panel,#fff)),color-mix(in srgb,var(--pd-neon2) 10%,var(--panel,#fff)))!important;color:var(--pd-neon)!important;border-color:var(--pd-neon-line)!important;box-shadow:0 0 18px color-mix(in srgb,var(--pd-neon) 18%,transparent)!important}
.pd-schedule-segments{background:var(--pd-glass-bg)!important;border-color:color-mix(in srgb,var(--pd-neon) 14%,var(--line))!important;backdrop-filter:blur(22px) saturate(150%)!important}
.pd-schedule-timeline{background:linear-gradient(135deg,color-mix(in srgb,var(--pd-neon2) 9%,var(--panel,#fff)),color-mix(in srgb,var(--pd-neon) 8%,var(--panel,#fff)))!important;border-color:color-mix(in srgb,var(--pd-neon) 18%,var(--line))!important}.pd-time-work{background:linear-gradient(90deg,color-mix(in srgb,var(--pd-neon2) 38%,transparent),color-mix(in srgb,var(--pd-neon) 32%,transparent))!important}
#supIncidentAgentDetail:not(.hidden),#supRequestAgentDetail:not(.hidden),.pd-flow-dialog{background:var(--pd-glass-bg-strong)!important;border-color:color-mix(in srgb,var(--pd-neon) 15%,rgba(255,255,255,.6))!important;backdrop-filter:blur(34px) saturate(165%)!important;-webkit-backdrop-filter:blur(34px) saturate(165%)!important;color:var(--ink)!important}
.pd-agent-mobile-more{display:none}
@media(max-width:900px){
 body{background:var(--page)!important;padding:0!important}.app-shell{display:block!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-width:none!important;background:color-mix(in srgb,var(--page) 92%,transparent)!important}.sidebar,.right-panel{display:none!important}.main-content{padding:12px 12px calc(104px + env(safe-area-inset-bottom))!important;width:100%!important;overflow:visible!important}
 .utility-bar:not(.sup-utility-bar){position:sticky!important;top:8px!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 40px 40px 40px!important;margin:0 0 14px!important;border-radius:20px!important;padding:6px!important;z-index:8000!important}.utility-bar:not(.sup-utility-bar) kbd{display:none!important}.utility-bar:not(.sup-utility-bar) .utility-search{min-width:0!important;width:100%!important}.utility-bar:not(.sup-utility-bar) .utility-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav,.pd-sup-mobile-nav{position:fixed!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,1fr)!important;padding:6px!important;border-radius:24px!important;border:1px solid color-mix(in srgb,var(--pd-neon) 15%,rgba(255,255,255,.68))!important;background:var(--pd-glass-bg-strong)!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;box-shadow:0 16px 46px color-mix(in srgb,var(--pd-neon) 12%,rgba(30,40,70,.22))!important}
 .mobile-nav button,.pd-sup-mobile-nav button{border:1px solid transparent!important;background:transparent!important;border-radius:17px!important;padding:8px 3px!important;color:var(--muted)!important;display:grid!important;justify-items:center!important;gap:3px!important;font-size:8px!important;font-weight:750!important;min-width:0!important;transition:.18s ease!important}.mobile-nav button svg,.pd-sup-mobile-nav button svg{width:18px!important}.mobile-nav button.active,.pd-sup-mobile-nav button.active{color:var(--pd-neon)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--pd-neon) 20%,transparent),color-mix(in srgb,var(--pd-neon2) 11%,transparent))!important;border-color:var(--pd-neon-line)!important;box-shadow:inset 0 0 17px color-mix(in srgb,var(--pd-neon) 10%,transparent),0 0 20px var(--pd-neon-glow)!important;text-shadow:0 0 10px var(--pd-neon-glow)!important}.mobile-nav button.active svg,.pd-sup-mobile-nav button.active svg{filter:drop-shadow(0 0 5px var(--pd-neon-glow))}
 .pd-agent-mobile-more,.pd-sup-mobile-more{position:fixed!important;z-index:10990!important;left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;max-height:62dvh!important;overflow:auto!important;padding:12px!important;border-radius:25px!important;border:1px solid color-mix(in srgb,var(--pd-neon) 15%,rgba(255,255,255,.72))!important;background:var(--pd-glass-bg-strong)!important;backdrop-filter:blur(32px) saturate(175%)!important;-webkit-backdrop-filter:blur(32px) saturate(175%)!important;box-shadow:0 18px 55px color-mix(in srgb,var(--pd-neon) 10%,rgba(35,45,75,.24))!important}.pd-agent-mobile-more.open,.pd-sup-mobile-more.open{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}.pd-agent-mobile-more button,.pd-sup-mobile-more button{border:1px solid color-mix(in srgb,var(--pd-neon) 8%,var(--line))!important;background:color-mix(in srgb,var(--panel,#fff) 55%,transparent)!important;border-radius:15px!important;padding:12px 5px!important;display:grid!important;justify-items:center!important;gap:6px!important;color:var(--muted)!important;font-size:8px!important}.pd-agent-mobile-more button.active,.pd-sup-mobile-more button.active{color:var(--pd-neon)!important;border-color:var(--pd-neon-line)!important;background:var(--pd-neon-soft)!important;box-shadow:0 0 18px var(--pd-neon-glow)!important}.pd-agent-mobile-more svg,.pd-sup-mobile-more svg{width:18px!important}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-grid,.settings-grid,.profile-layout{grid-template-columns:1fr!important}.stat-card{min-height:92px!important;padding:13px!important}.stat-card h2{font-size:23px!important}.card,.toolbar-card{border-radius:18px!important;padding:14px!important}.history-card,.request-card{padding:13px!important}.schedule-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.schedule-row>*{min-width:0!important}.page-header{gap:10px!important}.page-header h1{font-size:25px!important}
 .modal-overlay{padding:8px!important}.modal{width:100%!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;border-radius:24px!important;overflow:auto!important}.pd-flow-modal{align-items:end!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important}.pd-flow-dialog{width:100%!important;max-height:88dvh!important;overflow:auto!important;border-radius:26px!important}.pd-flow-grid{grid-template-columns:1fr!important}.pd-flow-full{grid-column:auto!important}
}
@media(max-width:560px){.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.utility-search span{font-size:9px!important}.pd-agent-mobile-more.open,.pd-sup-mobile-more.open{grid-template-columns:repeat(3,1fr)!important}.weekly-schedule{overflow:hidden!important}.schedule-row{padding:11px!important}.history-footer,.request-footer{flex-wrap:wrap!important}.history-footer button,.request-footer button{min-height:38px!important}.pd-agent-link-tags{display:grid!important;grid-template-columns:1fr!important}.pd-agent-link-tag{max-width:none!important;width:100%!important}}.sup-mobile-nav{}

/* ===== PulseDesk v22.2.89 · responsive repair / true sticky glass ===== */
.utility-bar,.sup-utility-bar{
  position:sticky!important;top:8px!important;z-index:10020!important;
  padding:7px!important;border-radius:20px!important;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease!important;
}
body.pd-scrolled .utility-bar,body.pd-scrolled .sup-utility-bar{
}
.utility-search,.utility-icon{background:color-mix(in srgb,var(--panel) 42%,transparent)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important}

@media(max-width:900px){
 html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
 #agentApp,#supervisorApp,.app-shell,.supervisor-shell,.main-content,.supervisor-main,.app-view,.sup-view{width:100%!important;max-width:100%!important;min-width:0!important}
 .main-content,.supervisor-main{overflow-x:hidden!important}
 .utility-bar,.sup-utility-bar{top:max(6px,env(safe-area-inset-top))!important;margin:0 0 12px!important;width:100%!important;max-width:100%!important}
 .utility-search{min-width:0!important;max-width:none!important;overflow:hidden!important}.utility-search span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
 .page-header,.sup-schedules-header{width:100%!important;max-width:100%!important;min-width:0!important}.page-header>*{min-width:0!important}.page-header h1,.subtitle{overflow-wrap:anywhere!important}
 .card,.toolbar-card,.history-card,.request-card,.schedule-overview,.weekly-schedule,.sup-schedules-layout,.sup-schedule-editor-col,.sup-schedule-agent-list-card,.sup-schedule-week-card,.sup-schedule-modified-card,.sup-schedule-leave-card{width:100%!important;max-width:100%!important;min-width:0!important}
 .sup-schedule-editor-col>*{max-width:100%!important;min-width:0!important}
 .sup-schedule-agent-list{width:100%!important;max-width:100%!important}.sup-schedule-agent-option{min-width:min(210px,78vw)!important;max-width:78vw!important}
 .pd-schedule-segments{position:relative!important;top:auto!important;display:flex!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}.pd-schedule-segments::-webkit-scrollbar{display:none}.pd-schedule-segments button{flex:0 0 auto!important;min-width:0!important}
 .pd-schedule-timeline{width:100%!important;max-width:100%!important;overflow:hidden!important}
 .sup-schedule-time-grid,.sup-schedule-rests,.sup-leave-fields,.sup-modified-editor,.sup-modified-period{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important}
 .sup-schedule-rest-item{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important}.sup-schedule-rest-item>*{min-width:0!important;max-width:100%!important}
 .sup-schedule-days-editor{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;overflow:visible!important}.sup-schedule-days-editor button{min-width:0!important;width:100%!important}
 .form-input,input,select,textarea{max-width:100%!important;min-width:0!important}
 .pd-two-col,.pd-pattern-grid,.pd-provider-layout,.pd-metric-overview,.pd-huddle-grid,.pd-tools-grid,.pd-tools-quadrants{grid-template-columns:1fr!important}
 table{max-width:100%}.table-wrap,.pd-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}
@media(max-width:600px){
 .main-content,.supervisor-main{padding-left:10px!important;padding-right:10px!important}
 .schedule-overview{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:13px!important}.schedule-overview strong{font-size:21px!important}
 .weekly-schedule{gap:8px!important;overflow:visible!important}
 .schedule-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:12px!important;width:100%!important;max-width:100%!important}.schedule-row>*{width:100%!important;max-width:100%!important;min-width:0!important}.day-hours{text-align:left!important}.rest-toggle{justify-content:flex-start!important}
 .sup-schedule-days-editor{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sup-schedules-header-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.sup-schedules-header-actions button{width:100%!important}
 .pd-schedule-timeline{padding:11px!important}.pd-timeline-head{gap:6px!important;flex-wrap:wrap!important}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stat-card{min-width:0!important;gap:9px!important}.stat-icon{flex:0 0 34px!important;width:34px!important;height:34px!important}
 .history-card-top,.request-card-top,.card-header{align-items:flex-start!important;flex-wrap:wrap!important}
 .pd-agent-mobile-more.open,.pd-sup-mobile-more.open{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:390px){.mobile-nav button,.pd-sup-mobile-nav button{font-size:7px!important;padding-inline:1px!important}.mobile-nav button svg,.pd-sup-mobile-nav button svg{width:17px!important}.utility-bar,.sup-utility-bar{gap:5px!important;padding:5px!important}.utility-icon{width:34px!important;height:34px!important}.stats-grid{grid-template-columns:1fr!important}}

/* ===== PulseDesk v22.2.90 · compact sticky glass / touch targets / request parity ===== */
/* Larger, forgiving click/touch areas without making the controls visually bulky. */
.utility-icon{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;display:grid!important;place-items:center!important;touch-action:manipulation!important}
.utility-search{min-height:50px!important;padding:0 18px!important;touch-action:manipulation!important}
.utility-search svg,.utility-icon svg{pointer-events:none}
.menu-item,.mobile-nav button,.pd-sup-mobile-nav button,.pd-agent-mobile-more button,.pd-sup-mobile-more button,.text-button,.pd-schedule-segments button{touch-action:manipulation!important}
@media(pointer:coarse){button,.menu-item,.text-button{min-height:44px}}

/* Requests now use the same compact master-list rhythm as Incidents. */
.sup-request-agent-grid{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;max-height:calc(100vh - 275px)!important;overflow:auto!important;padding-right:5px!important}
.sup-request-agent-card{padding:10px 13px!important;border-radius:14px!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(220px,1.2fr) minmax(180px,1fr) auto!important;align-items:center!important;gap:12px!important}
.sup-request-agent-card .sup-request-agent-head{margin:0!important;min-width:0!important}
.sup-request-agent-card .sup-request-agent-pending{margin:0!important;min-width:0!important}
.sup-request-agent-card .sup-request-agent-footer{margin:0!important;border:0!important;padding:0!important;white-space:nowrap!important}
.sup-request-agent-card .avatar{width:34px!important;height:34px!important;font-size:10px!important}
.sup-request-chip-row{min-width:0!important;overflow:hidden!important}

/* Compact mode is a real app layout: fixed top glass + fixed bottom dock. */
@media(max-width:900px){
 .utility-bar,.sup-utility-bar{
   position:fixed!important;
   top:calc(8px + env(safe-area-inset-top))!important;
   left:max(10px,env(safe-area-inset-left))!important;
   right:max(10px,env(safe-area-inset-right))!important;
   width:auto!important;max-width:none!important;margin:0!important;
   z-index:11020!important;
   display:grid!important;grid-template-columns:minmax(0,1fr) 50px 50px 50px!important;
   gap:7px!important;padding:7px!important;
   border-radius:26px!important;
 }
 .main-content,.supervisor-main{padding-top:82px!important;padding-bottom:104px!important}
 body.pd-scrolled .utility-bar,body.pd-scrolled .sup-utility-bar{
 }
 .utility-search,.utility-icon{background:color-mix(in srgb,var(--panel) 48%,transparent)!important}
 .sup-request-agent-grid,.sup-incident-agent-grid{max-height:none!important;overflow:visible!important;padding-right:0!important}
 .sup-request-agent-card,.sup-incident-agent-card{grid-template-columns:minmax(0,1fr) auto!important;width:100%!important}
 .sup-request-agent-card .sup-request-agent-pending,.sup-incident-agent-card .sup-incident-agent-pending{display:none!important}
 .sup-request-agent-card .sup-request-agent-footer,.sup-incident-agent-card .sup-incident-agent-footer{justify-self:end!important}
 .sup-request-agent-card .sup-request-agent-footer>span,.sup-incident-agent-card .sup-incident-agent-footer>span{display:none!important}
 /* Keep the themed companions in compact/mobile instead of deleting them. */
 .mascot-companion{display:flex!important;width:100%!important;min-height:72px!important;padding:9px 12px!important;margin-bottom:12px!important;border-radius:18px!important}
 .mascot-companion .theme-mascot{width:50px!important;height:48px!important;flex-basis:50px!important}
 .mascot-companion .mascot-message span{display:none!important}
 .mascot-float{display:none!important}
}
@media(max-width:560px){
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(0,1fr) 48px 48px 48px!important;gap:5px!important;padding:6px!important}
 .utility-icon{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
 .utility-search{min-height:48px!important;padding:0 12px!important}
 .main-content,.supervisor-main{padding-top:78px!important}
 .sup-request-agent-card,.sup-incident-agent-card{padding:10px!important;gap:7px!important}
 .sup-request-agent-card .sup-agent-pending-count,.sup-request-agent-card .sup-agent-clear,.sup-incident-agent-card .sup-incident-pending-count,.sup-incident-agent-card .sup-incident-clear{font-size:8px!important;white-space:nowrap!important}
}
@media(max-width:390px){
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(0,1fr) 46px 46px 46px!important}
 .utility-icon{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
 .utility-search{min-height:46px!important}
}

/* ===== PulseDesk v22.2.91 · viewport-pinned utility glass ===== */
/* The utility capsule is a viewport layer on every size. JS keeps it aligned to its content column. */
.utility-bar,.sup-utility-bar{
  position:fixed!important;
  top:var(--pd-utility-top,18px)!important;
  left:var(--pd-utility-left,18px)!important;
  width:var(--pd-utility-width,calc(100vw - 36px))!important;
  max-width:none!important;
  margin:0!important;
  z-index:12050!important;
}
.pd-utility-spacer{display:block;width:100%;height:var(--pd-utility-space,72px);pointer-events:none}
body.pd-scrolled .utility-bar,body.pd-scrolled .sup-utility-bar{
}
@media(max-width:900px){
 .main-content,.supervisor-main{padding-top:12px!important}
 .pd-utility-spacer{height:76px!important}
 .utility-bar,.sup-utility-bar{top:calc(8px + env(safe-area-inset-top))!important}
}
@media(max-width:560px){.pd-utility-spacer{height:72px!important}.main-content,.supervisor-main{padding-top:10px!important}}

/* ===== PulseDesk v22.2.92 · true viewport glass + theme-native pills ===== */
.pd-utility-anchor{height:74px;width:100%;pointer-events:none}
body>.utility-bar,body>.sup-utility-bar{
 position:fixed!important;right:auto!important;margin:0!important;z-index:21400!important;
 transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease!important;
}
body.pd-scrolled> .utility-bar,body.pd-scrolled> .sup-utility-bar{
}
body>.utility-bar :is(.utility-search,.utility-icon),body>.sup-utility-bar :is(.utility-search,.utility-icon){
}
body>.utility-bar :is(.utility-icon:hover,.utility-icon.active,.utility-search:hover),body>.sup-utility-bar :is(.utility-icon:hover,.utility-icon.active,.utility-search:hover){
 color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 14%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 58%,transparent)!important;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 30%,transparent)!important;
}.pd-agent-mobile-more,.pd-sup-mobile-more{--pd-neon:var(--accent)!important;--pd-neon2:var(--accent2)!important}.mobile-nav,.pd-sup-mobile-nav{--pd-neon:var(--accent)!important;--pd-neon2:var(--accent2)!important}.mobile-nav,.pd-sup-mobile-nav{background:color-mix(in srgb,var(--panel) 58%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.55))!important;box-shadow:0 16px 44px color-mix(in srgb,var(--accent) 13%,transparent)!important}
.mobile-nav button.active,.pd-sup-mobile-nav button.active,.pd-agent-mobile-more button.active,.pd-sup-mobile-more button.active{color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 58%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,transparent),color-mix(in srgb,var(--accent2) 12%,transparent))!important;box-shadow:inset 0 0 16px color-mix(in srgb,var(--accent) 10%,transparent),0 0 22px color-mix(in srgb,var(--accent) 31%,transparent)!important}
.pd-inline-icon-picker{z-index:22000!important;background:color-mix(in srgb,var(--panel) 88%,transparent)!important;-webkit-backdrop-filter:blur(28px) saturate(170%)!important;backdrop-filter:blur(28px) saturate(170%)!important;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important}
.pd-icon-choice{min-width:34px!important;min-height:34px!important;touch-action:manipulation!important}.pd-icon-choice.active,.pd-icon-choice:hover{color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;background:color-mix(in srgb,var(--accent) 13%,var(--panel))!important;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 20%,transparent)!important}
#supAddQuickLink,#pdAddPersonalTool,.pd-compact-link-icon,.pd-personal-icon,.pd-mini-action{touch-action:manipulation!important;min-width:42px;min-height:42px}
@media(max-width:900px){.pd-utility-anchor{height:72px}.main-content,.supervisor-main{padding-top:8px!important}}

/* ===== PulseDesk v22.2.93 · compact viewport polish / stronger theme glass ===== */
body>.utility-bar,body>.sup-utility-bar{
  grid-template-columns:minmax(0,1fr) 50px 50px 50px 50px!important;
  gap:7px!important;
}
body.pd-scrolled>.utility-bar,body.pd-scrolled>.sup-utility-bar{
}
body.pd-scrolled>.utility-bar:after,body.pd-scrolled>.sup-utility-bar:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 8%,transparent),transparent);opacity:.7}
.pd-profile-top{color:var(--ink)!important}

/* Schedule chrome follows the active theme; semantic incident/status colors remain semantic. */
.pd-schedule-segments button{color:var(--muted)!important}
.pd-schedule-segments button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),color-mix(in srgb,var(--accent2) 10%,var(--panel)))!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 22%,transparent)!important}
.pd-timeline-head,.pd-timeline-legend{color:var(--muted)!important}.pd-timeline-head strong{color:var(--ink)!important}.pd-timeline-legend i{background:var(--accent)!important}.pd-timeline-legend span:nth-child(2) i{background:color-mix(in srgb,var(--accent2) 72%,var(--accent) 28%)!important}.pd-timeline-legend span:nth-child(3) i{background:color-mix(in srgb,var(--accent) 55%,var(--panel) 45%)!important}

@media(max-width:900px){
  body>.utility-bar,body>.sup-utility-bar{grid-template-columns:minmax(0,1fr) 48px 48px 48px 48px!important;gap:6px!important}
  .pd-utility-anchor{height:82px!important}
  .sup-view.active,.app-view.active-view{min-width:0!important;max-width:100%!important;overflow-x:hidden!important}
  .sup-tools-grid,.pd-tools-grid,.sup-quicklinks-grid,.pd-quicklinks-grid{grid-template-columns:1fr!important;max-width:100%!important;min-width:0!important}
  .pd-compact-links,.pd-personal-tools-grid,.pd-tool-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%!important;min-width:0!important}
  .pd-compact-link,.pd-personal-tool{min-width:0!important;max-width:100%!important}
  .pd-inline-icon-picker{max-width:min(280px,calc(100vw - 40px))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:auto!important}
}
@media(max-width:560px){
  body>.utility-bar,body>.sup-utility-bar{grid-template-columns:minmax(0,1fr) 42px 42px 42px 42px!important;gap:4px!important;padding:5px!important}
  body>.utility-bar .utility-icon,body>.sup-utility-bar .utility-icon{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  body>.utility-bar .utility-search,body>.sup-utility-bar .utility-search{min-height:42px!important;padding:0 10px!important}
  .pd-compact-links,.pd-personal-tools-grid,.pd-tool-links-grid{grid-template-columns:1fr!important}
}
@media(max-width:390px){body>.utility-bar,body>.sup-utility-bar{grid-template-columns:minmax(0,1fr) 40px 40px 40px 40px!important}.utility-search span{max-width:105px!important}}

/* ===== PulseDesk v22.2.94 · split-screen polish / richer glass / touch reliability ===== */
:root{
 --pd94-glass:color-mix(in srgb,var(--panel) 72%,transparent);
 --pd94-glass-soft:color-mix(in srgb,var(--panel) 54%,transparent);
 --pd94-line:color-mix(in srgb,var(--accent) 22%,var(--line));
 --pd94-glow:color-mix(in srgb,var(--accent) 28%,transparent);
}
/* stronger visual glass: the scrolled state must be obvious in both light and dark themes */
body.pd-scrolled .utility-bar,body.pd-scrolled .sup-utility-bar{
}.utility-bar,.sup-utility-bar,.pd-agent-mobile-more,.pd-sup-mobile-more{
 border-color:var(--pd94-line)!important;
}.mobile-nav,.pd-sup-mobile-nav{
 border-color:var(--pd94-line)!important;
}
/* predictable hit boxes */
.utility-icon,.pd-profile-top,.mobile-nav button,.pd-sup-mobile-nav button,.pd-agent-mobile-more button,.pd-sup-mobile-more button,.pd-icon-choice,.pd-icon-picker-close,.pd-mini-action,.pd-compact-link-icon,.pd-personal-icon{
 position:relative!important;isolation:isolate;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent;
}
.utility-icon,.pd-profile-top{min-width:48px!important;min-height:48px!important;width:48px!important;height:48px!important;padding:0!important}
.pd-mini-action,.pd-compact-link-icon,.pd-personal-icon{min-width:44px!important;min-height:44px!important}
.pd-icon-choice{min-width:42px!important;min-height:42px!important}
.utility-icon::after,.pd-profile-top::after,.pd-mini-action::after,.pd-compact-link-icon::after,.pd-personal-icon::after{content:"";position:absolute;inset:-4px;z-index:-1}
/* icon picker becomes a contained popover, never a chopped floating slab */
.pd-inline-icon-picker{position:absolute!important;z-index:12080!important;width:min(390px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px)!important;max-height:min(360px,52vh)!important;overflow:auto!important;padding:48px 10px 10px!important;border-radius:22px!important;background:color-mix(in srgb,var(--panel) 90%,transparent)!important;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))!important;box-shadow:0 22px 60px rgba(0,0,0,.30),0 0 26px var(--pd94-glow)!important;-webkit-backdrop-filter:blur(36px) saturate(185%)!important;backdrop-filter:blur(36px) saturate(185%)!important}
.pd-inline-icon-picker.hidden{display:none!important}.pd-icon-picker-grid{display:grid!important;grid-template-columns:repeat(6,minmax(42px,1fr))!important;gap:7px!important}.pd-icon-picker-close{position:absolute!important;right:10px!important;top:9px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--panel) 78%,transparent)!important;border:1px solid var(--pd94-line)!important;color:var(--text)!important}.pd-icon-picker-title{position:absolute;left:14px;top:14px;font-size:11px;font-weight:800;color:var(--muted)}
.pd-icon-choice.active{color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 60%,var(--line))!important;background:color-mix(in srgb,var(--accent) 16%,var(--panel))!important;box-shadow:0 0 16px var(--pd94-glow)!important}
.pd-compact-link,.pd-personal-tool{position:relative!important;overflow:visible!important}
/* split screen is its own layout, not desktop squeezed into 50% */
@media (max-width:900px){
 .main-content,.supervisor-main{padding:92px 12px 108px!important;overflow-x:hidden!important}
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(0,1fr) repeat(4,48px)!important;gap:6px!important;padding:7px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important}
 .utility-search{min-width:0!important;height:48px!important;min-height:48px!important;padding:0 14px!important}
 .page-header,.sup-schedules-header{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.page-header-actions,.sup-schedules-header-actions{justify-content:start!important;width:100%!important;display:flex!important;flex-wrap:wrap!important}.page-header-actions button,.sup-schedules-header-actions button{width:auto!important;min-height:42px!important}
 .sup-schedules-layout{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.sup-schedule-agent-list-card{padding:12px!important}.sup-schedule-agent-list{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:4px!important;scroll-snap-type:x proximity}.sup-schedule-agent-option{flex:0 0 min(240px,72vw)!important;max-width:min(240px,72vw)!important;scroll-snap-align:start}
 .pd-schedule-segments{background:color-mix(in srgb,var(--panel) 70%,transparent)!important;border:1px solid var(--pd94-line)!important;border-radius:18px!important;padding:4px!important;gap:4px!important}.pd-schedule-segments button{color:var(--muted)!important;background:transparent!important;border:0!important;min-height:40px!important}.pd-schedule-segments button.active{color:var(--text)!important;background:color-mix(in srgb,var(--accent) 16%,var(--panel))!important;box-shadow:0 0 16px var(--pd94-glow)!important;outline:1px solid color-mix(in srgb,var(--accent) 45%,transparent)!important}
 .pd-sup-mobile-more,.pd-agent-mobile-more{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:min(52vh,430px)!important;overflow:auto!important;padding:12px!important;border-radius:24px!important;background:color-mix(in srgb,var(--panel) 86%,transparent)!important;-webkit-backdrop-filter:blur(40px) saturate(190%)!important;backdrop-filter:blur(40px) saturate(190%)!important;box-shadow:0 20px 60px rgba(0,0,0,.28)!important}
 .pd-sup-mobile-more.open,.pd-agent-mobile-more.open{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.pd-sup-mobile-more button,.pd-agent-mobile-more button{min-height:62px!important;padding:7px 4px!important;border-radius:14px!important;background:color-mix(in srgb,var(--panel) 64%,transparent)!important;color:var(--muted)!important}.pd-sup-mobile-more button:hover,.pd-agent-mobile-more button:hover,.pd-sup-mobile-more button.active,.pd-agent-mobile-more button.active{color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 15%,var(--panel))!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 36%,transparent),0 0 14px var(--pd94-glow)!important}
 .pd-tools-grid,.pd-tools-quadrants{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.pd-tool-quadrant,.pd-tools-card{min-height:0!important;height:auto!important;max-height:none!important}.pd-supervisor-portals-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}.pd-supervisor-portals-grid>*{min-width:0!important}
 .pd-compact-link,.pd-personal-tool{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 44px!important;gap:6px!important;align-items:center!important;width:100%!important;max-width:100%!important}.pd-compact-link-main,.pd-personal-tool>div{min-width:0!important}.pd-link-name-input,.pd-link-url-input,.pd-personal-tool input{width:100%!important;min-width:0!important;text-overflow:ellipsis!important}
}
@media(max-width:620px){
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(0,1fr) repeat(4,42px)!important}.utility-icon,.pd-profile-top{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}.utility-search{height:42px!important;min-height:42px!important}.utility-search span{font-size:9px!important}
 .pd-sup-mobile-more.open,.pd-agent-mobile-more.open{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pd-supervisor-portals-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pd-icon-picker-grid{grid-template-columns:repeat(5,minmax(42px,1fr))!important}
}
@media(max-width:430px){.utility-search span{display:none!important}.utility-search{padding:0 12px!important}.pd-compact-link,.pd-personal-tool{grid-template-columns:42px minmax(0,1fr) 42px!important}.pd-compact-link .danger-lite,.pd-personal-tool .danger-lite{grid-column:3}.pd-icon-picker-grid{grid-template-columns:repeat(4,minmax(42px,1fr))!important}}

/* ===== PulseDesk v22.2.95 · utility bar hard lock + unmistakable glass ===== */
body > .utility-bar,body > .sup-utility-bar{
 position:fixed!important;top:14px!important;z-index:2147480000!important;transform:translateZ(0)!important;
}
body.pd-scrolled > .utility-bar,body.pd-scrolled > .sup-utility-bar{
}
body.pd-scrolled > .utility-bar :is(.utility-search,.utility-icon),body.pd-scrolled > .sup-utility-bar :is(.utility-search,.utility-icon){}
@media(max-width:900px){body > .utility-bar,body > .sup-utility-bar{top:calc(8px + env(safe-area-inset-top))!important}}

/* ===== PulseDesk v22.2.96 · performance + reliable touch layer ===== */
#pdGlobalIconPicker{position:fixed;z-index:2147482000;width:min(420px,calc(100vw - 24px));max-height:min(430px,58dvh);overflow:hidden;padding:10px;border-radius:22px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));box-shadow:0 22px 64px rgba(0,0,0,.28),0 0 30px color-mix(in srgb,var(--accent) 22%,transparent);backdrop-filter:blur(42px) saturate(190%);-webkit-backdrop-filter:blur(42px) saturate(190%)}
#pdGlobalIconPicker.hidden{display:none!important}.pd-global-icon-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 10px 5px;color:var(--text)}.pd-global-icon-head button{width:42px;height:42px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--text);cursor:pointer}.pd-global-icon-grid{display:grid;grid-template-columns:repeat(7,minmax(42px,1fr));gap:7px;max-height:340px;overflow:auto;overscroll-behavior:contain;padding:2px}.pd-global-icon-grid button{min-width:42px;min-height:42px;border-radius:12px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--muted);cursor:pointer;touch-action:manipulation}.pd-global-icon-grid button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
/* v96 uses one shared picker instead of rendering 100+ icon buttons inside every link card. */
.pd-inline-icon-picker{display:none!important}
/* Keep controls above decorative glass layers and guarantee a real pointer target. */
:is(button,[role="button"],.utility-icon,.mobile-nav-item,.pd-compact-link-icon,.pd-personal-icon){pointer-events:auto!important;touch-action:manipulation}.utility-bar::before,.sup-utility-bar::before,.mobile-nav::before,.pd-sup-mobile-nav::before{pointer-events:none!important}
@media(max-width:900px){.pd-global-icon-grid{grid-template-columns:repeat(6,minmax(42px,1fr))}.pd-sup-mobile-nav,.mobile-nav{contain:layout paint}.utility-bar,.sup-utility-bar{will-change:backdrop-filter,background-color}.app-view:not(.active-view),.sup-view:not(.active){content-visibility:hidden!important}}
@media(max-width:520px){.pd-global-icon-grid{grid-template-columns:repeat(5,minmax(42px,1fr))}}

/* ===== PulseDesk v22.2.97 · fluid responsive system (desktop / split / tablet / phone) ===== */
:root{--pd-fluid-gutter:clamp(10px,1.55vw,26px);--pd-topbar-h:clamp(54px,5.4vw,66px)}
/* Stop reserving a desktop-sized empty band below the fixed utility capsule. */
.pd-utility-anchor,.pd-utility-spacer{height:calc(var(--pd-topbar-h) + 10px)!important}
.main-content,.supervisor-main{padding:clamp(18px,2.2vw,34px)!important;padding-top:clamp(10px,1.15vw,18px)!important}
.page-header,.sup-schedules-header{margin-top:0!important;margin-bottom:clamp(14px,1.7vw,24px)!important}
.sup-view.active,.app-view.active-view{min-width:0!important;max-width:100%!important}
.card,.toolbar-card,.sup-card{max-width:100%;min-width:0}
img,svg,canvas{max-width:100%}

/* Wide desktop: keep the proper desktop navigation and let content breathe fluidly. */
@media(min-width:1181px){
 .supervisor-shell{grid-template-columns:clamp(205px,16vw,235px) minmax(0,1fr)!important}
 .app-shell{grid-template-columns:clamp(200px,15vw,220px) minmax(0,1fr) clamp(235px,18vw,275px)!important}.pd-sup-mobile-more{display:none!important}.pd-sup-mobile-nav{}.mobile-nav{}
 body>.utility-bar,body>.sup-utility-bar{max-width:min(980px,calc(100vw - 520px))!important}
}

/* Split-screen + iPad landscape: this is a distinct compact layout, not squeezed desktop. */
@media(max-width:1180px){
 body{padding:0!important;overflow-x:hidden!important}
 .supervisor-shell,.app-shell{display:block!important;width:100%!important;max-width:none!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 .supervisor-sidebar,.sidebar,.right-panel,.supervisor-right-panel{display:none!important}
 .supervisor-main,.main-content{width:100%!important;max-width:100%!important;min-width:0!important;padding:clamp(12px,2vw,22px)!important;padding-top:8px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 .pd-utility-anchor,.pd-utility-spacer{height:66px!important}
 body>.utility-bar,body>.sup-utility-bar{left:clamp(8px,1.4vw,16px)!important;right:clamp(8px,1.4vw,16px)!important;width:auto!important;max-width:none!important;top:calc(7px + env(safe-area-inset-top))!important;padding:6px!important;gap:6px!important;grid-template-columns:minmax(0,1fr) repeat(4,46px)!important;border-radius:24px!important}
 body>.utility-bar .utility-search,body>.sup-utility-bar .utility-search{height:46px!important;min-height:46px!important;padding-inline:14px!important}
 body>.utility-bar .utility-icon,body>.sup-utility-bar .utility-icon,body>.utility-bar .pd-profile-top,body>.sup-utility-bar .pd-profile-top{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}.pd-sup-mobile-nav,.mobile-nav{position:fixed!important;left:clamp(8px,1.4vw,16px)!important;right:clamp(8px,1.4vw,16px)!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .pd-sup-mobile-more,.pd-agent-mobile-more{left:clamp(8px,1.4vw,16px)!important;right:clamp(8px,1.4vw,16px)!important;bottom:calc(80px + env(safe-area-inset-bottom))!important;max-height:min(480px,58dvh)!important}
 .page-header h1,.sup-schedules-header h1{font-size:clamp(24px,3.2vw,30px)!important}
 .page-header{gap:10px!important}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .dashboard-grid,.settings-grid,.profile-layout,.sup-tools-grid,.pd-tools-grid,.sup-quicklinks-grid,.pd-quicklinks-grid{grid-template-columns:1fr!important}
 .sup-request-agent-grid,.sup-incident-agent-grid{grid-template-columns:1fr!important;max-height:none!important;overflow:visible!important}
 .sup-schedules-layout{grid-template-columns:1fr!important;gap:12px!important}
 .sup-schedule-agent-list-card{position:relative!important;top:auto!important;max-height:none!important}
 .sup-schedule-agent-list{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;padding-bottom:5px!important}
 .sup-schedule-agent-option{min-width:min(260px,72vw)!important;scroll-snap-align:start}
 .pd-schedule-segments{position:relative!important;top:auto!important;width:100%!important;overflow-x:auto!important}
 .pd-schedule-segments button{flex:1 0 auto!important;min-width:max-content!important}
 .pd-compact-links,.pd-personal-tools-grid,.pd-tool-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Portrait tablet / narrow split-screen. */
@media(max-width:820px){
 .supervisor-main,.main-content{padding:10px!important;padding-top:7px!important;padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
 .pd-utility-anchor,.pd-utility-spacer{height:62px!important}
 body>.utility-bar,body>.sup-utility-bar{grid-template-columns:minmax(0,1fr) repeat(4,43px)!important;gap:5px!important;padding:5px!important;border-radius:22px!important}
 body>.utility-bar .utility-search,body>.sup-utility-bar .utility-search{height:43px!important;min-height:43px!important}
 body>.utility-bar .utility-icon,body>.sup-utility-bar .utility-icon,body>.utility-bar .pd-profile-top,body>.sup-utility-bar .pd-profile-top{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important}
 .sup-schedules-header,.page-header{margin-bottom:12px!important}
 .sup-schedules-header-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
 .sup-schedules-header-actions button{width:100%!important}
 .pd-compact-links,.pd-personal-tools-grid,.pd-tool-links-grid{grid-template-columns:1fr!important}
 .pd-sup-mobile-more.open,.pd-agent-mobile-more.open{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Phone: single-column, touch-first, no fixed desktop dimensions. */
@media(max-width:560px){
 .supervisor-main,.main-content{padding:8px!important;padding-top:6px!important;padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
 .pd-utility-anchor,.pd-utility-spacer{height:58px!important}
 body>.utility-bar,body>.sup-utility-bar{left:6px!important;right:6px!important;grid-template-columns:minmax(0,1fr) repeat(4,40px)!important;gap:4px!important;padding:4px!important;border-radius:20px!important}
 body>.utility-bar .utility-search,body>.sup-utility-bar .utility-search{height:40px!important;min-height:40px!important;padding-inline:10px!important}
 body>.utility-bar .utility-icon,body>.sup-utility-bar .utility-icon,body>.utility-bar .pd-profile-top,body>.sup-utility-bar .pd-profile-top{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
 .utility-search span{font-size:9px!important}.utility-search kbd{display:none!important}
 .page-header h1,.sup-schedules-header h1{font-size:23px!important}
 .stats-grid{grid-template-columns:1fr 1fr!important}
 .card,.toolbar-card{padding:12px!important;border-radius:17px!important}
 .sup-incident-agent-card,.sup-request-agent-card{grid-template-columns:minmax(0,1fr) auto!important;padding:10px!important}
 .sup-incident-agent-card .sup-incident-agent-pending{display:none!important}.pd-sup-mobile-nav,.mobile-nav{left:6px!important;right:6px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;padding:5px!important;border-radius:21px!important}
 .pd-sup-mobile-nav button,.mobile-nav button{min-height:52px!important;padding:6px 2px!important;font-size:7px!important}
 .pd-sup-mobile-more.open,.pd-agent-mobile-more.open{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .sup-schedule-agent-option{min-width:82vw!important}
 .schedule-row{grid-template-columns:1fr!important}.schedule-day{grid-column:auto!important}.day-hours{text-align:left!important}
}

@media(max-width:390px){
 body>.utility-bar,body>.sup-utility-bar{grid-template-columns:minmax(36px,1fr) repeat(4,38px)!important}
 body>.utility-bar .utility-icon,body>.sup-utility-bar .utility-icon,body>.utility-bar .pd-profile-top,body>.sup-utility-bar .pd-profile-top{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
 .utility-search span{display:none!important}
 .stats-grid{grid-template-columns:1fr!important}
 .pd-sup-mobile-more.open,.pd-agent-mobile-more.open{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}\n\n/* ===== PulseDesk v22.3.06 · FINAL responsive chrome (single source of truth) ===== */
:root{--pd-chrome-gap:clamp(8px,1vw,14px);--pd-chrome-h:62px}
/* Top bar: same viewport-follow behavior as the bottom dock, but at the top. No independent travel. */
.utility-bar,.sup-utility-bar{
 position:sticky!important;top:var(--pd-chrome-gap)!important;z-index:15000!important;
 width:100%!important;max-width:none!important;margin:0 0 16px!important;
 transform:none!important;left:auto!important;right:auto!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) repeat(4,48px)!important;gap:8px!important;
 padding:7px!important;border-radius:26px!important;box-sizing:border-box!important;
 transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
}
body.pd-scrolled :is(.utility-bar,.sup-utility-bar){
 background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 58%,transparent),color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent2) 12%,transparent))!important;
 border-color:color-mix(in srgb,var(--accent) 58%,var(--line))!important;
 -webkit-backdrop-filter:blur(54px) saturate(205%)!important;backdrop-filter:blur(54px) saturate(205%)!important;
 box-shadow:0 18px 48px rgba(0,0,0,.22),0 0 34px color-mix(in srgb,var(--accent) 22%,transparent)!important;
}
.utility-search{min-width:0!important}.utility-icon,.pd-profile-top,.pd-settings-gear{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
/* Kill every spacer/portal artifact from previous experiments. */
.pd-v305-top-anchor,.pd-utility-anchor,.pd-utility-spacer{display:none!important;height:0!important;margin:0!important;padding:0!important}
body>.utility-bar,body>.sup-utility-bar{position:fixed!important;top:var(--pd-chrome-gap)!important;left:var(--pd-chrome-gap)!important;right:var(--pd-chrome-gap)!important;width:auto!important;margin:0!important}
/* If an older runtime portaled the bar to body, reserve one clean gap on the active view only. */
body:has(> .utility-bar) #agentApp .main-content>.app-view.active-view,
body:has(> .sup-utility-bar) #supervisorApp .supervisor-main>.sup-view.active{padding-top:calc(var(--pd-chrome-h) + 22px)!important}

/* Desktop: original sidebar navigation. Bottom dock is forbidden. */
@media (min-width:1181px){
 #supervisorApp .supervisor-shell{display:grid!important;grid-template-columns:clamp(205px,16vw,235px) minmax(0,1fr)!important}
 #supervisorApp .supervisor-sidebar{display:flex!important;position:relative!important;visibility:visible!important;opacity:1!important}
 #agentApp .app-shell{display:grid!important;grid-template-columns:clamp(200px,15vw,220px) minmax(0,1fr) clamp(235px,18vw,275px)!important}
 #agentApp .sidebar,#agentApp .right-panel{display:flex!important;visibility:visible!important;opacity:1!important}.pd-sup-mobile-more,.pd-agent-mobile-more{display:none!important;visibility:hidden!important;pointer-events:none!important}.pd-sup-mobile-nav,.mobile-nav{}
 .supervisor-main,.main-content{min-width:0!important;width:auto!important;max-width:none!important;overflow:auto!important}
 body>.sup-utility-bar{left:calc(clamp(205px,16vw,235px) + 24px)!important;right:24px!important}
 body>.utility-bar:not(.sup-utility-bar){left:calc(clamp(200px,15vw,220px) + 24px)!important;right:calc(clamp(235px,18vw,275px) + 24px)!important}
}
/* Compact / split screen / iPads: no sidebar, bottom dock follows viewport. */
@media (max-width:1180px){
 #supervisorApp .supervisor-shell,#agentApp .app-shell{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
 #supervisorApp .supervisor-sidebar,#agentApp .sidebar,#agentApp .right-panel,.supervisor-right-panel{display:none!important}
 .supervisor-main,.main-content{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px 12px calc(92px + env(safe-area-inset-bottom))!important;overflow:visible!important}.pd-sup-mobile-nav,.mobile-nav{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .pd-sup-mobile-more,.pd-agent-mobile-more{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;z-index:14990!important}
 body>.utility-bar,body>.sup-utility-bar{left:10px!important;right:10px!important}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
 .dashboard-grid,.sup-view.active,.app-view.active-view{width:100%!important;max-width:100%!important;min-width:0!important}
}
@media (max-width:820px){
 :root{--pd-chrome-h:58px}
 body>.utility-bar,body>.sup-utility-bar{left:8px!important;right:8px!important}
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(0,1fr) repeat(4,44px)!important;gap:5px!important;padding:5px!important;border-radius:23px!important}
 .utility-icon,.pd-profile-top,.pd-settings-gear{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
 .supervisor-main,.main-content{padding:10px 10px calc(90px + env(safe-area-inset-bottom))!important}
}
@media (max-width:560px){
 :root{--pd-chrome-h:54px;--pd-chrome-gap:6px}
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(0,1fr) repeat(4,40px)!important;gap:4px!important;padding:4px!important;border-radius:21px!important}
 .utility-icon,.pd-profile-top,.pd-settings-gear{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
 .utility-search{height:40px!important;min-height:40px!important;padding-inline:10px!important}.utility-search kbd{display:none!important}
 .stats-grid{grid-template-columns:1fr!important}.pd-sup-mobile-nav,.mobile-nav{left:6px!important;right:6px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important}
}

/* ===== PulseDesk v22.3.07 · sticky topbar + responsive navigation hard reset ===== */
:root{--pd-nav-switch:1100px;--pd-top-gap:10px}
/* Sticky was being defeated by legacy overflow:hidden ancestors. overflow:clip keeps the shell shape without becoming a scroll container. */
.supervisor-shell,.app-shell{overflow:clip!important}
.supervisor-main,.main-content{min-width:0!important}
.utility-bar,.sup-utility-bar{
  position:sticky!important;
  top:var(--pd-top-gap)!important;
  left:auto!important;right:auto!important;
  width:100%!important;max-width:none!important;
  margin:0 0 18px!important;
  transform:none!important;
  z-index:21400!important;
}
body.pd-scrolled .utility-bar,body.pd-scrolled .sup-utility-bar{
}
/* No fake top spacer. The bar starts in normal flow and then sticks when the page reaches it. */
.pd-v305-top-anchor,.pd-utility-anchor,.pd-utility-spacer{display:none!important;height:0!important;margin:0!important;padding:0!important}
#agentApp .main-content>.app-view.active-view,#supervisorApp .supervisor-main>.sup-view.active{padding-top:0!important}

/* Real desktop = original left navigation, no mobile dock. */
@media (min-width:1101px){
  #supervisorApp .supervisor-shell{display:grid!important;grid-template-columns:clamp(205px,16vw,235px) minmax(0,1fr)!important}
  #supervisorApp .supervisor-sidebar{display:flex!important;visibility:visible!important;opacity:1!important}
  #agentApp .app-shell{display:grid!important;grid-template-columns:clamp(200px,15vw,220px) minmax(0,1fr) clamp(235px,18vw,275px)!important}
  #agentApp .sidebar,#agentApp .right-panel{display:flex!important;visibility:visible!important;opacity:1!important}.pd-sup-mobile-more,.pd-agent-mobile-more{display:none!important;visibility:hidden!important;pointer-events:none!important}.pd-sup-mobile-nav,.mobile-nav{}
  .supervisor-main,.main-content{width:auto!important;max-width:none!important;overflow:auto!important}
}
/* Split screen, iPad landscape/portrait and phones = bottom dock. */
@media (max-width:1100px){
  #supervisorApp .supervisor-shell,#agentApp .app-shell{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;overflow:visible!important}
  #supervisorApp .supervisor-sidebar,#agentApp .sidebar,#agentApp .right-panel,.supervisor-right-panel{display:none!important}
  .supervisor-main,.main-content{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;padding:12px 12px calc(92px + env(safe-area-inset-bottom))!important}.pd-sup-mobile-nav,.mobile-nav{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}
  .pd-sup-mobile-more,.pd-agent-mobile-more{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;z-index:21390!important}
  .utility-bar,.sup-utility-bar{top:8px!important;margin-bottom:14px!important}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}
  .dashboard-grid,.sup-view.active,.app-view.active-view{width:100%!important;max-width:100%!important;min-width:0!important}
}
@media (max-width:560px){
  .supervisor-main,.main-content{padding:8px 8px calc(86px + env(safe-area-inset-bottom))!important}
  .utility-bar,.sup-utility-bar{top:6px!important;margin-bottom:10px!important}
}

/* ===== PulseDesk v22.3.08 · emergency chrome/layout single-source reset ===== */
:root{--pd-nav-breakpoint:900px;--pd-topdock-gap:10px;--pd-topdock-h:64px}
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
#supervisorApp,#agentApp{width:100%!important;max-width:100%!important;min-width:0!important}

/* TOP DOCK: same viewport-follow principle as the bottom dock. It never travels by itself. */
.utility-bar,.sup-utility-bar{
 position:fixed!important;
 top:var(--pd-topdock-gap)!important;
 z-index:2147481000!important;
 height:var(--pd-topdock-h)!important;
 min-height:var(--pd-topdock-h)!important;
 margin:0!important;
 transform:none!important;
 translate:none!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr) repeat(4,48px)!important;
 align-items:center!important;
 gap:7px!important;
 padding:7px!important;
 box-sizing:border-box!important;
 border-radius:27px!important;
 overflow:hidden!important;
 transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,-webkit-backdrop-filter .18s ease,backdrop-filter .18s ease!important;
}
body.pd-scrolled :is(.utility-bar,.sup-utility-bar){
 background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 42%,transparent),color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent2) 11%,transparent))!important;
 border-color:color-mix(in srgb,var(--accent) 64%,var(--line))!important;
 -webkit-backdrop-filter:blur(68px) saturate(220%) contrast(108%)!important;
 backdrop-filter:blur(68px) saturate(220%) contrast(108%)!important;
 box-shadow:0 18px 50px rgba(0,0,0,.26),0 0 34px color-mix(in srgb,var(--accent) 25%,transparent)!important;
}
.utility-search{height:48px!important;min-height:48px!important;min-width:0!important;overflow:hidden!important}
.utility-icon,.pd-profile-top,.pd-settings-gear{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
/* only one profile and one settings control; never let old duplicate artifacts occupy chrome */
.utility-bar>.pd-settings-gear~.pd-settings-gear,.sup-utility-bar>.pd-settings-gear~.pd-settings-gear{display:none!important}
.pd-v305-top-anchor,.pd-utility-anchor,.pd-utility-spacer{display:none!important;height:0!important}

/* DESKTOP: original left navigation. 901px+ is enough for PulseDesk desktop navigation. */
@media (min-width:901px){
 #supervisorApp .supervisor-shell{display:grid!important;grid-template-columns:clamp(205px,16vw,235px) minmax(0,1fr)!important;width:100%!important;max-width:none!important;overflow:visible!important}
 #supervisorApp .supervisor-sidebar{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 #agentApp .app-shell{display:grid!important;grid-template-columns:clamp(200px,15vw,220px) minmax(0,1fr) clamp(235px,18vw,275px)!important;width:100%!important;max-width:none!important;overflow:visible!important}
 #agentApp .sidebar,#agentApp .right-panel{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.pd-sup-mobile-more,.pd-agent-mobile-more{display:none!important;visibility:hidden!important;pointer-events:none!important}.pd-sup-mobile-nav,.mobile-nav{}
 .supervisor-main,.main-content{width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;box-sizing:border-box!important;padding-top:calc(var(--pd-topdock-h) + var(--pd-topdock-gap) + 18px)!important}
 #supervisorApp .sup-utility-bar{left:calc(clamp(205px,16vw,235px) + 12px)!important;right:12px!important;width:auto!important;max-width:none!important}
 #agentApp .utility-bar{left:calc(clamp(200px,15vw,220px) + 12px)!important;right:calc(clamp(235px,18vw,275px) + 12px)!important;width:auto!important;max-width:none!important}
 .sup-view.active,.app-view.active-view,.dashboard-grid,.stats-grid{width:100%!important;max-width:100%!important;min-width:0!important}
}

/* SPLIT SCREEN / iPad / phone: full-width content + bottom dock. */
@media (max-width:900px){
 #supervisorApp .supervisor-shell,#agentApp .app-shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
 #supervisorApp .supervisor-sidebar,#agentApp .sidebar,#agentApp .right-panel,.supervisor-right-panel{display:none!important;visibility:hidden!important;pointer-events:none!important}
 .supervisor-main,.main-content{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important;padding:calc(var(--pd-topdock-h) + var(--pd-topdock-gap) + 16px) 12px calc(92px + env(safe-area-inset-bottom))!important}
 .utility-bar,.sup-utility-bar{left:10px!important;right:10px!important;width:auto!important;max-width:none!important}.pd-sup-mobile-nav,.mobile-nav{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .pd-sup-mobile-more,.pd-agent-mobile-more{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;z-index:2147480800!important}
 .sup-view.active,.app-view.active-view,.dashboard-grid,.stats-grid,.mascot-companion,.card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
 .stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .stat-card{min-width:0!important;width:100%!important}
}
@media (max-width:560px){
 :root{--pd-topdock-gap:6px;--pd-topdock-h:56px}
 .utility-bar,.sup-utility-bar{left:6px!important;right:6px!important;grid-template-columns:minmax(0,1fr) repeat(4,40px)!important;gap:4px!important;padding:5px!important;border-radius:22px!important}
 .utility-search{height:44px!important;min-height:44px!important;padding-inline:10px!important}.utility-search kbd{display:none!important}
 .utility-icon,.pd-profile-top,.pd-settings-gear{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
 .supervisor-main,.main-content{padding:calc(var(--pd-topdock-h) + var(--pd-topdock-gap) + 12px) 8px calc(86px + env(safe-area-inset-bottom))!important}
 .stats-grid{grid-template-columns:1fr!important;gap:9px!important}.pd-sup-mobile-nav,.mobile-nav{left:6px!important;right:6px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important}
}

/* ===== PulseDesk v22.3.09 · topbar follows document scroll, then glasses over content ===== */
/* The utility bar is part of the page again. It scrolls WITH the dashboard and only sticks
   when it reaches the viewport edge. No independent translate/fixed motion. */
.utility-bar,.sup-utility-bar{
  position:sticky!important;
  top:10px!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:100%!important;
  z-index:2147481000!important;
  margin:0 0 16px!important;
  transform:none!important;
  translate:none!important;
  will-change:auto!important;
}
/* Remove the fake top-dock reservation: the bar now occupies its own real space in flow. */
@media (min-width:901px){
  .supervisor-main,.main-content{
    padding-top:30px!important;
    overflow:visible!important;
  }
  #supervisorApp .sup-utility-bar,#agentApp .utility-bar{
    left:auto!important;right:auto!important;width:100%!important;
  }
}
@media (max-width:900px){
  .supervisor-main,.main-content{
    padding-top:12px!important;
    overflow:visible!important;
  }
  .utility-bar,.sup-utility-bar{
    left:auto!important;right:auto!important;width:100%!important;
    top:8px!important;
  }
}
@media (max-width:560px){
  .supervisor-main,.main-content{padding-top:8px!important}
  .utility-bar,.sup-utility-bar{top:6px!important}
}
/* Make the glass state visibly different once any real page/container scrolling occurs. */
body.pd-scrolled :is(.utility-bar,.sup-utility-bar){
  background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 36%,transparent),color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent2) 10%,transparent))!important;
  -webkit-backdrop-filter:blur(54px) saturate(215%)!important;
  backdrop-filter:blur(54px) saturate(215%)!important;
  border-color:color-mix(in srgb,var(--accent) 62%,var(--line))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24),0 0 30px color-mix(in srgb,var(--accent) 22%,transparent)!important;
}

/* ===== PulseDesk v22.3.10 · fluid-any-width + scroll-linked glass topbar ===== */
:root{--pd-follow-y:0px;--pd-fluid-gap:clamp(6px,1.2vw,16px)}
html,body{min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
*,*::before,*::after{box-sizing:border-box}
#supervisorApp,#agentApp,.supervisor-shell,.app-shell,.supervisor-main,.main-content,.sup-view,.app-view{min-width:0!important;max-width:100%!important}

/* One geometry only: the bar is viewport glass and its Y is driven by REAL scroll depth. */
.utility-bar,.sup-utility-bar{
 position:fixed!important;
 top:clamp(6px,1vw,12px)!important;
 transform:translate3d(0,var(--pd-follow-y),0)!important;
 translate:none!important;
 margin:0!important;
 z-index:2147481000!important;
 height:clamp(54px,5vw,64px)!important;
 min-height:clamp(54px,5vw,64px)!important;
 grid-template-columns:minmax(0,1fr) repeat(4,clamp(40px,4vw,48px))!important;
 gap:clamp(4px,.65vw,8px)!important;
 padding:clamp(5px,.6vw,7px)!important;
 border-radius:clamp(21px,2.2vw,28px)!important;
 overflow:hidden!important;
 will-change:transform,backdrop-filter!important;
 transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,backdrop-filter .16s ease!important;
}
body.pd-scrolled :is(.utility-bar,.sup-utility-bar){
 background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 32%,transparent),color-mix(in srgb,var(--accent) 19%,transparent),color-mix(in srgb,var(--accent2) 10%,transparent))!important;
 -webkit-backdrop-filter:blur(58px) saturate(225%) contrast(108%)!important;
 backdrop-filter:blur(58px) saturate(225%) contrast(108%)!important;
 border-color:color-mix(in srgb,var(--accent) 66%,var(--line))!important;
 box-shadow:0 18px 48px rgba(0,0,0,.25),0 0 32px color-mix(in srgb,var(--accent) 24%,transparent)!important;
}
.utility-search{min-width:0!important;width:100%!important;height:clamp(42px,4vw,48px)!important;min-height:0!important}
.utility-icon,.pd-profile-top,.pd-settings-gear{width:clamp(40px,4vw,48px)!important;height:clamp(40px,4vw,48px)!important;min-width:clamp(40px,4vw,48px)!important;min-height:clamp(40px,4vw,48px)!important}

/* Content always gets the real available width; never a legacy fixed card width. */
.supervisor-main,.main-content{min-width:0!important;max-width:none!important}
.sup-view.active,.app-view.active-view,.dashboard-grid,.stats-grid,.mascot-companion,.card,.sup-section-card{min-width:0!important;max-width:100%!important;width:100%!important}
.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(8px,1.2vw,14px)!important}

/* Desktop navigation only when PulseDesk itself has genuinely roomy width. */
@media (min-width:1180px){
 #supervisorApp .supervisor-shell{display:grid!important;grid-template-columns:clamp(205px,17vw,238px) minmax(0,1fr)!important;width:100%!important}
 #supervisorApp .supervisor-sidebar{display:flex!important;visibility:visible!important;pointer-events:auto!important}
 #agentApp .app-shell{display:grid!important;grid-template-columns:clamp(200px,16vw,225px) minmax(0,1fr) clamp(230px,19vw,280px)!important;width:100%!important}
 #agentApp .sidebar,#agentApp .right-panel{display:flex!important;visibility:visible!important;pointer-events:auto!important}.pd-sup-mobile-more,.pd-agent-mobile-more{display:none!important;visibility:hidden!important;pointer-events:none!important}.pd-sup-mobile-nav,.mobile-nav{}
 .supervisor-main,.main-content{width:auto!important;padding:calc(78px + var(--pd-fluid-gap)) var(--pd-fluid-gap) 24px!important}
 #supervisorApp .sup-utility-bar{left:calc(clamp(205px,17vw,238px) + var(--pd-fluid-gap))!important;right:var(--pd-fluid-gap)!important;width:auto!important}
 #agentApp .utility-bar{left:calc(clamp(200px,16vw,225px) + var(--pd-fluid-gap))!important;right:calc(clamp(230px,19vw,280px) + var(--pd-fluid-gap))!important;width:auto!important}
}

/* Every intermediate width: split-screen + both iPad orientations. */
@media (max-width:1179px){
 #supervisorApp .supervisor-shell,#agentApp .app-shell{display:block!important;width:100%!important;max-width:100%!important}
 #supervisorApp .supervisor-sidebar,#agentApp .sidebar,#agentApp .right-panel,.supervisor-right-panel{display:none!important;visibility:hidden!important;pointer-events:none!important}
 .supervisor-main,.main-content{display:block!important;width:100%!important;padding:calc(76px + var(--pd-fluid-gap)) var(--pd-fluid-gap) calc(88px + env(safe-area-inset-bottom))!important}
 .utility-bar,.sup-utility-bar{left:var(--pd-fluid-gap)!important;right:var(--pd-fluid-gap)!important;width:auto!important;max-width:none!important}.pd-sup-mobile-nav,.mobile-nav{position:fixed!important;left:var(--pd-fluid-gap)!important;right:var(--pd-fluid-gap)!important;bottom:calc(var(--pd-fluid-gap) + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .pd-sup-mobile-more,.pd-agent-mobile-more{position:fixed!important;left:var(--pd-fluid-gap)!important;right:var(--pd-fluid-gap)!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;z-index:2147480800!important}
}
@media (max-width:680px){
 .utility-search span,.utility-search .search-label{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .stat-card{padding:clamp(10px,3vw,16px)!important}
}
@media (max-width:430px){
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(0,1fr) repeat(4,38px)!important;gap:3px!important;padding:4px!important}
 .utility-icon,.pd-profile-top,.pd-settings-gear{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
 .utility-search{height:40px!important;font-size:11px!important;padding-inline:9px!important}.utility-search kbd{display:none!important}
 .stats-grid{grid-template-columns:1fr!important}
 .supervisor-main,.main-content{padding-top:72px!important}
}

/* ===== PulseDesk v22.3.11 · FINAL viewport chrome + fluid module reset ===== */
:root{--pd-follow-y:0px!important;--pd-fluid-gap:clamp(8px,1.35vw,16px)}
html,body{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
#supervisorApp,#agentApp,.supervisor-shell,.app-shell,.supervisor-main,.main-content{width:100%!important;min-width:0!important;max-width:100%!important}

/* Top dock = same viewport behavior as bottom dock. It NEVER translates independently. */
.utility-bar,.sup-utility-bar{
 position:fixed!important;
 top:calc(8px + env(safe-area-inset-top))!important;
 transform:none!important;translate:none!important;
 height:60px!important;min-height:60px!important;
 margin:0!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr) repeat(4,46px)!important;
 gap:7px!important;padding:6px!important;
 overflow:hidden!important;
 border-radius:26px!important;
 z-index:2147481000!important;
 transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,backdrop-filter .16s ease!important;
}
body.pd-scrolled :is(.utility-bar,.sup-utility-bar){
 background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 48%,transparent),color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent2) 9%,transparent))!important;
 -webkit-backdrop-filter:blur(64px) saturate(225%) contrast(108%)!important;
 backdrop-filter:blur(64px) saturate(225%) contrast(108%)!important;
 border-color:color-mix(in srgb,var(--accent) 58%,var(--line))!important;
 box-shadow:0 18px 52px rgba(0,0,0,.26),0 0 34px color-mix(in srgb,var(--accent) 22%,transparent)!important;
}
.utility-search{min-width:0!important;width:100%!important;height:48px!important}
.utility-icon,.pd-profile-top,.pd-settings-gear{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}

/* Compact/tablet/split-screen: use ALL available width. */
@media (max-width:1179px){
 #supervisorApp .supervisor-shell,#agentApp .app-shell{display:block!important;width:100%!important;max-width:100%!important}
 #supervisorApp .supervisor-sidebar,#agentApp .sidebar,#agentApp .right-panel,.supervisor-right-panel{display:none!important}
 .supervisor-main,.main-content{display:block!important;width:100%!important;max-width:100%!important;padding:calc(76px + env(safe-area-inset-top)) var(--pd-fluid-gap) calc(90px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 .utility-bar,.sup-utility-bar{left:var(--pd-fluid-gap)!important;right:var(--pd-fluid-gap)!important;width:auto!important;max-width:none!important}.pd-sup-mobile-nav,.mobile-nav{position:fixed!important;left:var(--pd-fluid-gap)!important;right:var(--pd-fluid-gap)!important;bottom:calc(var(--pd-fluid-gap) + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .sup-view.active,.app-view.active-view,.sup-view.active>*,.app-view.active-view>*{min-width:0!important;max-width:100%!important}
 .sup-view.active,.app-view.active-view{width:100%!important;margin-inline:0!important}
 .page-header,.pd-teams-page,.pd-teams-section,.pd-teams-workspace,.pd-teams-agent-list,.pd-coverage-grid,.pd-schedule-shell,.pd-requests-board,.pd-incidents-master-detail{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
 .pd-teams-kpis{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .pd-team-agent-row{width:100%!important;grid-template-columns:minmax(0,1fr)!important}
 .pd-team-agent-id,.pd-team-edit{grid-column:auto!important;width:100%!important;min-width:0!important}
 .pd-team-edit{justify-self:stretch!important}
 .stats-grid,.dashboard-grid{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mascot-companion,.card,.sup-section-card{width:100%!important;max-width:100%!important;min-width:0!important}
}

/* Real desktop: original left navigation returns, bottom dock disappears. */
@media (min-width:1180px){
 #supervisorApp .supervisor-shell{display:grid!important;grid-template-columns:clamp(205px,17vw,238px) minmax(0,1fr)!important}
 #supervisorApp .supervisor-sidebar{display:flex!important}
 #agentApp .app-shell{display:grid!important;grid-template-columns:clamp(200px,16vw,225px) minmax(0,1fr) clamp(230px,19vw,280px)!important}
 #agentApp .sidebar,#agentApp .right-panel{display:flex!important}.pd-sup-mobile-more,.pd-agent-mobile-more{display:none!important;visibility:hidden!important;pointer-events:none!important}.pd-sup-mobile-nav,.mobile-nav{}
 .supervisor-main,.main-content{padding-top:calc(76px + env(safe-area-inset-top))!important;min-width:0!important}
 #supervisorApp .sup-utility-bar{left:calc(clamp(205px,17vw,238px) + var(--pd-fluid-gap))!important;right:var(--pd-fluid-gap)!important;width:auto!important}
 #agentApp .utility-bar{left:calc(clamp(200px,16vw,225px) + var(--pd-fluid-gap))!important;right:calc(clamp(230px,19vw,280px) + var(--pd-fluid-gap))!important;width:auto!important}
}

@media (max-width:760px){
 .pd-teams-kpis,.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pd-teams-tabs{width:100%!important}.pd-teams-tabs button{flex:1!important;justify-content:center!important;min-width:0!important}
}
@media (max-width:520px){
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(0,1fr) repeat(4,40px)!important;gap:4px!important;padding:5px!important;height:54px!important;min-height:54px!important;border-radius:23px!important}
 .utility-icon,.pd-profile-top,.pd-settings-gear{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
 .utility-search{height:42px!important;padding-inline:9px!important}.utility-search kbd{display:none!important}
 .supervisor-main,.main-content{padding-top:calc(68px + env(safe-area-inset-top))!important}
 .pd-teams-kpis,.stats-grid,.dashboard-grid{grid-template-columns:1fr!important}
}

/* ===== PulseDesk v22.3.12 · demo hotfix: real follow topbar + agent dock + fluid header ===== */
:root{--pd-follow-y:0px!important}
/* Keep the current fluid geometry, but the top bar now uses the REAL scroll-linked variable. */
.utility-bar,.sup-utility-bar{
  transform:translate3d(0,var(--pd-follow-y),0)!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,backdrop-filter .16s ease!important;
}
body:has(#agentApp:not(.hidden)) .pd-sup-mobile-more{display:none!important;visibility:hidden!important;pointer-events:none!important}body:has(#agentApp:not(.hidden)) .pd-sup-mobile-nav{}
body:has(#supervisorApp:not(.hidden)) .pd-agent-mobile-more{display:none!important;visibility:hidden!important;pointer-events:none!important}body:has(#supervisorApp:not(.hidden)) .mobile-nav{}
@media(max-width:1179px){body:has(#agentApp:not(.hidden)) .mobile-nav{}body:has(#supervisorApp:not(.hidden)) .pd-sup-mobile-nav{}
}
/* Agent dashboard header: never turn Reportar incidencia into a giant banner. */
@media(max-width:1179px){
 #agentApp #dashboardView .page-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important;width:100%!important}
 #agentApp #reportButton{width:auto!important;max-width:max-content!important;min-width:0!important;justify-self:end!important;align-self:end!important;padding:10px 14px!important;min-height:42px!important;border-radius:16px!important;white-space:nowrap!important}
}
@media(max-width:620px){
 #agentApp #dashboardView .page-header{grid-template-columns:1fr!important;align-items:start!important}
 #agentApp #reportButton{justify-self:start!important;padding:9px 12px!important;font-size:12px!important}
}
/* Extra protection against legacy fixed widths at arbitrary split-screen sizes. */
@media(max-width:1179px){
 #agentApp .app-view.active-view,#supervisorApp .sup-view.active{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important}
 #agentApp .app-view.active-view>* ,#supervisorApp .sup-view.active>*{max-inline-size:100%!important;min-inline-size:0!important}
}

/* ===== v22.3.13 · CLEAN RESPONSIVE CHROME (single source of truth) ===== */
:root{--pd-gutter:clamp(8px,1.6vw,20px);--pd-top-h:60px}
html,body{inline-size:100%;max-inline-size:100%;min-inline-size:0;overflow-x:hidden!important}
#agentApp,#supervisorApp,.app-shell,.supervisor-shell,.main-content,.supervisor-main{min-inline-size:0!important;max-inline-size:none!important;box-sizing:border-box!important}

/* One top chrome implementation only. It follows the viewport exactly like the bottom dock. */
.utility-bar,.sup-utility-bar{
 position:fixed!important;inset-block-start:calc(var(--pd-gutter) + env(safe-area-inset-top))!important;
 inset-inline-start:var(--pd-gutter)!important;inset-inline-end:var(--pd-gutter)!important;
 inline-size:auto!important;max-inline-size:none!important;block-size:var(--pd-top-h)!important;min-block-size:var(--pd-top-h)!important;
 display:grid!important;grid-template-columns:minmax(120px,1fr) repeat(4,46px)!important;align-items:center!important;
 gap:6px!important;padding:6px!important;margin:0!important;border-radius:26px!important;overflow:visible!important;
 transform:none!important;translate:none!important;z-index:2147483000!important;
 transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,backdrop-filter .18s ease!important;
}
body.pd-scrolled :is(.utility-bar,.sup-utility-bar){
 background:linear-gradient(115deg,color-mix(in srgb,var(--panel) 50%,transparent),color-mix(in srgb,var(--accent) 20%,transparent),color-mix(in srgb,var(--panel) 46%,transparent))!important;
 -webkit-backdrop-filter:blur(54px) saturate(220%)!important;backdrop-filter:blur(54px) saturate(220%)!important;
 border-color:color-mix(in srgb,var(--accent) 62%,var(--line))!important;
 box-shadow:0 14px 42px rgba(0,0,0,.22),0 0 28px color-mix(in srgb,var(--accent) 20%,transparent)!important;
}
.utility-search{inline-size:100%!important;min-inline-size:0!important;block-size:48px!important;overflow:hidden!important}
.utility-search span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.utility-icon,.pd-profile-top,.pd-settings-gear{inline-size:46px!important;block-size:46px!important;min-inline-size:46px!important;min-block-size:46px!important}

/* Content never receives a fake giant top gap: exactly chrome height + two fluid gutters. */
.main-content,.supervisor-main{padding-block-start:calc(var(--pd-top-h) + var(--pd-gutter) * 2 + env(safe-area-inset-top))!important}

/* Compact = width of PulseDesk itself, not monitor class. */
@media (max-width:1099px){
 #agentApp .app-shell,#supervisorApp .supervisor-shell{display:block!important;inline-size:100%!important;max-inline-size:100%!important}
 #agentApp .sidebar,#agentApp .right-panel,#supervisorApp .supervisor-sidebar,.supervisor-right-panel{display:none!important}
 .main-content,.supervisor-main{display:block!important;inline-size:100%!important;max-inline-size:100%!important;padding-inline:var(--pd-gutter)!important;padding-block-end:calc(86px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 .utility-bar,.sup-utility-bar{inset-inline-start:var(--pd-gutter)!important;inset-inline-end:var(--pd-gutter)!important}body:has(#agentApp:not(.hidden)) .mobile-nav{}body:has(#supervisorApp:not(.hidden)) .pd-sup-mobile-nav{}.mobile-nav,.pd-sup-mobile-nav{position:fixed!important;inset-inline:var(--pd-gutter)!important;bottom:calc(var(--pd-gutter) + env(safe-area-inset-bottom))!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
 .app-view.active-view,.sup-view.active,.app-view.active-view>*,.sup-view.active>*{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important;box-sizing:border-box!important}
 .stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;inline-size:100%!important}
 .page-header{inline-size:100%!important;min-inline-size:0!important}
}

/* Desktop = original side navigation. */
@media (min-width:1100px){
 #agentApp .app-shell{display:grid!important;grid-template-columns:clamp(200px,17vw,230px) minmax(0,1fr) clamp(230px,19vw,280px)!important}
 #agentApp .sidebar,#agentApp .right-panel{display:flex!important}
 #supervisorApp .supervisor-shell{display:grid!important;grid-template-columns:clamp(205px,18vw,240px) minmax(0,1fr)!important}
 #supervisorApp .supervisor-sidebar{display:flex!important}.pd-agent-mobile-more,.pd-sup-mobile-more{display:none!important;visibility:hidden!important;pointer-events:none!important}.mobile-nav,.pd-sup-mobile-nav{}
 #agentApp .utility-bar{left:calc(clamp(200px,17vw,230px) + var(--pd-gutter))!important;right:calc(clamp(230px,19vw,280px) + var(--pd-gutter))!important}
 #supervisorApp .sup-utility-bar{left:calc(clamp(205px,18vw,240px) + var(--pd-gutter))!important;right:var(--pd-gutter)!important}
 .main-content,.supervisor-main{padding-inline:var(--pd-gutter)!important}
}

@media (max-width:700px){
 :root{--pd-top-h:56px}
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(88px,1fr) repeat(4,42px)!important;gap:4px!important;padding:5px!important;border-radius:23px!important}
 .utility-icon,.pd-profile-top,.pd-settings-gear{inline-size:42px!important;block-size:42px!important;min-inline-size:42px!important;min-block-size:42px!important}
 .utility-search{block-size:44px!important;padding-inline:10px!important}.utility-search kbd{display:none!important}
 #agentApp #dashboardView .page-header{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:8px!important}
 #agentApp #dashboardView .page-header>div{flex:1 1 260px!important;min-width:0!important}
 #agentApp #reportButton{flex:0 0 auto!important;width:auto!important;max-width:100%!important;min-height:40px!important;padding:9px 13px!important;border-radius:15px!important;white-space:nowrap!important}
}
@media (max-width:480px){
 :root{--pd-top-h:52px;--pd-gutter:7px}
 .utility-bar,.sup-utility-bar{grid-template-columns:minmax(64px,1fr) repeat(4,38px)!important;gap:3px!important;padding:4px!important}
 .utility-icon,.pd-profile-top,.pd-settings-gear{inline-size:38px!important;block-size:38px!important;min-inline-size:38px!important;min-block-size:38px!important}
 .utility-search{block-size:40px!important;font-size:11px!important}.utility-search span{display:none!important}
 .stats-grid,.dashboard-grid{grid-template-columns:1fr!important}
 #agentApp #reportButton{font-size:12px!important}
}

/* ===== PulseDesk v22.3.14 · ACTUAL FINAL OVERRIDE: moving topbar + any-width layout ===== */
:root{--pd-top-follow:0px;--pd-v14-gap:clamp(7px,1.4vw,16px)}

/* The topbar MUST visibly travel down as the user scrolls. This final rule intentionally
   overrides v22.3.13's transform:none. One row only; no reflow while moving. */
#agentApp .utility-bar,#supervisorApp .sup-utility-bar{
  position:fixed!important;
  top:calc(var(--pd-v14-gap) + env(safe-area-inset-top))!important;
  left:var(--pd-v14-gap)!important;right:var(--pd-v14-gap)!important;
  width:auto!important;max-width:none!important;
  transform:translate3d(0,var(--pd-top-follow),0)!important;
  translate:none!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) repeat(4,44px)!important;
  grid-template-rows:52px!important;align-items:center!important;
  height:64px!important;min-height:64px!important;max-height:64px!important;
  padding:6px!important;gap:6px!important;overflow:hidden!important;
  border-radius:27px!important;z-index:2147483640!important;
  will-change:transform,backdrop-filter!important;
  transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,backdrop-filter .14s ease!important;
}
body.pd-scrolled #agentApp .utility-bar,body.pd-scrolled #supervisorApp .sup-utility-bar{
}
#agentApp .utility-search,#supervisorApp .utility-search{height:52px!important;min-width:0!important;width:100%!important}
#agentApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear),#supervisorApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}

/* Reserve ONLY the bar's starting footprint. Its follow movement overlays content on purpose,
   which is where the glass becomes visible. */
#agentApp .main-content,#supervisorApp .supervisor-main{padding-top:calc(78px + env(safe-area-inset-top))!important}

/* Hard fluid reset: every active module owns the full real content width. */
#agentApp,#supervisorApp,#agentApp .app-shell,#supervisorApp .supervisor-shell,
#agentApp .main-content,#supervisorApp .supervisor-main,
#agentApp .app-view,#supervisorApp .sup-view,
#agentApp .app-view.active-view,#supervisorApp .sup-view.active,
#agentApp .app-view.active-view>*,#supervisorApp .sup-view.active>*{
  min-width:0!important;max-width:100%!important;box-sizing:border-box!important;
}
#agentApp .app-view.active-view,#supervisorApp .sup-view.active{width:100%!important;margin-left:0!important;margin-right:0!important}
#agentApp :is(.page-header,.stats-grid,.dashboard-grid,.mascot-companion,.card,.pd-agent-quicklinks-view,.pd-schedule-shell,.pd-requests-board,.pd-incidents-master-detail),
#supervisorApp :is(.page-header,.stats-grid,.dashboard-grid,.mascot-companion,.card,.sup-section-card,.pd-teams-page,.pd-teams-section,.pd-teams-workspace,.pd-teams-agent-list,.pd-coverage-grid,.pd-schedule-shell,.pd-requests-board,.pd-incidents-master-detail){
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;
}

/* Compact / split-screen / iPad. */
@media(max-width:1099px){
 #agentApp .app-shell,#supervisorApp .supervisor-shell{display:block!important;width:100%!important;grid-template-columns:none!important}
 #agentApp .sidebar,#agentApp .right-panel,#supervisorApp .supervisor-sidebar,.supervisor-right-panel{display:none!important}
 #agentApp .main-content,#supervisorApp .supervisor-main{width:100%!important;max-width:100%!important;padding-left:var(--pd-v14-gap)!important;padding-right:var(--pd-v14-gap)!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}body:has(#agentApp:not(.hidden)) .mobile-nav{}body:has(#supervisorApp:not(.hidden)) .pd-sup-mobile-nav{}.mobile-nav,.pd-sup-mobile-nav{left:var(--pd-v14-gap)!important;right:var(--pd-v14-gap)!important;width:auto!important}
 #agentApp .stats-grid,#supervisorApp .stats-grid,#agentApp .dashboard-grid,#supervisorApp .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(8px,1.4vw,14px)!important}
 #agentApp #dashboardView .page-header{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important}
 #agentApp #dashboardView .page-header>div{flex:1 1 280px!important;min-width:0!important}
 #agentApp #reportButton{flex:0 0 auto!important;width:auto!important;max-width:max-content!important;padding:10px 14px!important;border-radius:16px!important;white-space:nowrap!important}
}

/* Desktop: original left menus return. */
@media(min-width:1100px){
 #supervisorApp .supervisor-shell{display:grid!important;grid-template-columns:clamp(205px,18vw,240px) minmax(0,1fr)!important}
 #supervisorApp .supervisor-sidebar{display:flex!important}
 #agentApp .app-shell{display:grid!important;grid-template-columns:clamp(200px,17vw,230px) minmax(0,1fr) clamp(230px,19vw,280px)!important}
 #agentApp .sidebar,#agentApp .right-panel{display:flex!important}.pd-agent-mobile-more,.pd-sup-mobile-more{display:none!important}.mobile-nav,.pd-sup-mobile-nav{}
 #supervisorApp .sup-utility-bar{left:calc(clamp(205px,18vw,240px) + var(--pd-v14-gap))!important;right:var(--pd-v14-gap)!important}
 #agentApp .utility-bar{left:calc(clamp(200px,17vw,230px) + var(--pd-v14-gap))!important;right:calc(clamp(230px,19vw,280px) + var(--pd-v14-gap))!important}
}
@media(max-width:620px){
 #agentApp .utility-bar,#supervisorApp .sup-utility-bar{grid-template-columns:minmax(62px,1fr) repeat(4,39px)!important;grid-template-rows:46px!important;height:56px!important;min-height:56px!important;max-height:56px!important;gap:3px!important;padding:5px!important}
 #agentApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear),#supervisorApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear){width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important}
 #agentApp .utility-search,#supervisorApp .utility-search{height:46px!important;padding-inline:9px!important}
 #agentApp .utility-search kbd,#supervisorApp .utility-search kbd{display:none!important}
 #agentApp .main-content,#supervisorApp .supervisor-main{padding-top:calc(70px + env(safe-area-inset-top))!important}
 #agentApp #dashboardView .page-header{display:grid!important;grid-template-columns:1fr!important;align-items:start!important}
 #agentApp #reportButton{justify-self:start!important;padding:9px 12px!important;font-size:12px!important}
}
@media(max-width:440px){
 #agentApp .utility-search span,#supervisorApp .utility-search span{display:none!important}
 #agentApp .stats-grid,#supervisorApp .stats-grid,#agentApp .dashboard-grid,#supervisorApp .dashboard-grid{grid-template-columns:1fr!important}
}

/* ===== PulseDesk v22.3.17 · ONE SCROLL OWNER / STICKY TOPBAR / FLUID RESPONSIVE ===== */
:root{
  --pd-nav-break:1050px;
  --pd-edge:clamp(8px,1.35vw,18px);
  --pd-top-gap:clamp(6px,1vw,12px);
  --pd-dock-space:86px;
}
html,body{width:100%;max-width:100%;height:100%;margin:0;overflow:hidden!important}
body{min-width:0!important}
#agentApp,#supervisorApp{width:100%!important;max-width:100%!important;height:100dvh!important;min-width:0!important;overflow:hidden!important}
#agentApp .app-shell,#supervisorApp.supervisor-shell{
  width:100%!important;max-width:100%!important;height:100dvh!important;min-width:0!important;overflow:hidden!important;
}
/* ONE vertical scroll owner per role. */
#agentApp .main-content,#supervisorApp .supervisor-main{
  height:100dvh!important;min-height:0!important;min-width:0!important;max-width:none!important;
  overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;scrollbar-gutter:stable;
  padding:0 var(--pd-edge) 28px!important;box-sizing:border-box!important;
}
#agentApp .app-view,#supervisorApp .sup-view{
  width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;
  overflow:visible!important;padding-top:clamp(14px,2vw,24px)!important;
}
/* Topbar belongs to the scroll owner. It scrolls naturally until top, then sticks. */
#agentApp .utility-bar,#supervisorApp .sup-utility-bar{
  position:sticky!important;top:var(--pd-top-gap)!important;left:auto!important;right:auto!important;inset:auto!important;
  z-index:900!important;transform:none!important;margin:var(--pd-top-gap) 0 0!important;
  width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:54px!important;max-height:none!important;
  display:grid!important;grid-template-columns:minmax(96px,1fr) repeat(4,44px)!important;grid-template-rows:44px!important;
  align-items:center!important;gap:6px!important;padding:5px!important;box-sizing:border-box!important;border-radius:24px!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,backdrop-filter .18s ease!important;
}
body.pd-scrolled #agentApp .utility-bar,body.pd-scrolled #supervisorApp .sup-utility-bar{
}
#agentApp .utility-search,#supervisorApp .utility-search{min-width:0!important;width:100%!important;height:44px!important;min-height:44px!important}
#agentApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear),#supervisorApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
/* Never reserve fake topbar space. */
#agentApp .main-content>.app-view.active-view,#supervisorApp .supervisor-main>.sup-view.active{padding-top:clamp(14px,2vw,24px)!important;margin-top:0!important}
/* Fluid content: nothing is allowed to force a narrow/oversized canvas. */
#agentApp .main-content *,#supervisorApp .supervisor-main *{min-width:0}
#agentApp :is(.stats-grid,.dashboard-grid,.cards-grid,.settings-grid,.profile-grid),#supervisorApp :is(.stats-grid,.dashboard-grid,.cards-grid,.settings-grid,.profile-grid){width:100%!important;max-width:none!important}
#agentApp :is(.card,.toolbar-card,.page-header),#supervisorApp :is(.card,.toolbar-card,.page-header){max-width:100%!important;box-sizing:border-box!important}
img,svg,canvas{max-width:100%}
/* Desktop: original left navigation. */
@media (min-width:1051px){
  #agentApp .app-shell{display:grid!important;grid-template-columns:clamp(205px,17vw,238px) minmax(0,1fr)!important}
  #supervisorApp.supervisor-shell{display:grid!important;grid-template-columns:clamp(215px,18vw,248px) minmax(0,1fr)!important}
  #agentApp .sidebar,#supervisorApp .supervisor-sidebar{display:flex!important;visibility:visible!important;position:relative!important;width:auto!important;min-width:0!important;height:100dvh!important}#agentApp .pd-agent-mobile-more,#supervisorApp .pd-sup-mobile-more{display:none!important}#agentApp .mobile-nav,#supervisorApp .pd-sup-mobile-nav,#supervisorApp .sup-mobile-nav{}
}
/* Compact / split screen / tablet / phone: full canvas + bottom dock. */
@media (max-width:1050px){
  #agentApp .app-shell,#supervisorApp.supervisor-shell{display:block!important}
  #agentApp .sidebar,#supervisorApp .supervisor-sidebar{display:none!important;visibility:hidden!important}
  #agentApp .main-content,#supervisorApp .supervisor-main{width:100%!important;padding-left:var(--pd-edge)!important;padding-right:var(--pd-edge)!important;padding-bottom:calc(var(--pd-dock-space) + env(safe-area-inset-bottom))!important}#agentApp .mobile-nav,#supervisorApp .pd-sup-mobile-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(620px,calc(100vw - 16px))!important;max-width:calc(100vw - 16px)!important}
  #agentApp .utility-bar,#supervisorApp .sup-utility-bar{grid-template-columns:minmax(72px,1fr) repeat(4,42px)!important;grid-template-rows:42px!important;gap:4px!important;min-height:52px!important}
  #agentApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear),#supervisorApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear){width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  #agentApp .utility-search,#supervisorApp .utility-search{height:42px!important;min-height:42px!important}
  #agentApp .stats-grid,#supervisorApp .stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important}
  #agentApp .dashboard-grid,#supervisorApp .dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))!important}
}
@media (max-width:620px){
  :root{--pd-edge:7px}
  #agentApp .utility-bar,#supervisorApp .sup-utility-bar{grid-template-columns:minmax(42px,1fr) repeat(4,38px)!important;grid-template-rows:38px!important;gap:3px!important;padding:4px!important;min-height:46px!important;border-radius:20px!important}
  #agentApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear),#supervisorApp :is(.utility-icon,.pd-profile-top,.pd-settings-gear){width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  #agentApp .utility-search,#supervisorApp .utility-search{height:38px!important;min-height:38px!important;padding-inline:9px!important}
  #agentApp .utility-search span,#supervisorApp .utility-search span{display:none!important}
  #agentApp .page-header,#supervisorApp .page-header{width:100%!important;grid-template-columns:1fr!important;flex-wrap:wrap!important}
  #agentApp #reportButton{width:auto!important;max-width:100%!important;align-self:flex-start!important;justify-self:start!important}
  #agentApp .stats-grid,#supervisorApp .stats-grid,#agentApp .dashboard-grid,#supervisorApp .dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* ===== PulseDesk v22.3.18 · screenshot hotfix: compact dashboard + real scroll-follow topbar ===== */
:root{--pd-top-follow:0px}
#agentApp .utility-bar,#supervisorApp .sup-utility-bar{
  transform:translate3d(0,var(--pd-top-follow),0)!important;
  will-change:transform!important;
}
/* Dashboard must never stretch vertically or push its action hundreds of px down. */
#agentApp #dashboardView>.page-header{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  justify-content:stretch!important;
  gap:10px 14px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0 0 14px!important;
  text-align:left!important;
}
#agentApp #dashboardView>.page-header>div{
  width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;align-self:start!important;text-align:left!important;
}
#agentApp #dashboardView #reportButton{
  position:static!important;inset:auto!important;transform:none!important;
  width:auto!important;min-width:0!important;max-width:max-content!important;height:auto!important;
  margin:0!important;padding:10px 14px!important;justify-self:end!important;align-self:start!important;
  white-space:nowrap!important;
}
#agentApp #dashboardView>.mascot-companion{margin:0 0 14px!important}
/* Split-screen: deliberate 2x2 stats instead of ugly 3+1. */
@media (max-width:900px){
  #agentApp #dashboardView>.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #agentApp #dashboardView>.dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:560px){
  #agentApp #dashboardView>.page-header{grid-template-columns:minmax(0,1fr)!important}
  #agentApp #dashboardView #reportButton{justify-self:start!important}
  #agentApp #dashboardView>.stats-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* ===== PulseDesk v22.3.19 · DESKTOP SIDEBAR + RELIABLE VIEWPORT TOPBAR ===== */
:root{--pd19-edge:clamp(8px,1.2vw,16px);--pd19-top:64px;--pd19-side:220px}
/* The topbar follows the viewport, not a nested scroller. */
#agentApp .utility-bar,#supervisorApp .sup-utility-bar{
  position:fixed!important;
  top:var(--pd19-edge)!important;
  transform:none!important;
  margin:0!important;
  z-index:2147482000!important;
  height:56px!important;min-height:56px!important;max-height:56px!important;
  grid-template-rows:46px!important;
}
body.pd-scrolled #agentApp .utility-bar,body.pd-scrolled #supervisorApp .sup-utility-bar{
}
#agentApp .main-content,#supervisorApp .supervisor-main{
  padding-top:calc(var(--pd19-top) + var(--pd19-edge))!important;
}
/* Desktop browser / mouse: restore the original left navigation even in a split window. */
@media (hover:hover) and (pointer:fine) and (min-width:760px){
  #agentApp .app-shell{display:grid!important;grid-template-columns:var(--pd19-side) minmax(0,1fr)!important}
  #supervisorApp.supervisor-shell{display:grid!important;grid-template-columns:var(--pd19-side) minmax(0,1fr)!important}
  #agentApp .sidebar,#supervisorApp .supervisor-sidebar{
    display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    position:relative!important;width:var(--pd19-side)!important;min-width:var(--pd19-side)!important;height:100dvh!important;
  }
  #agentApp .right-panel,.supervisor-right-panel{display:none!important}#agentApp .pd-agent-mobile-more,#supervisorApp .pd-sup-mobile-more{
    display:none!important;visibility:hidden!important;pointer-events:none!important;
  }#agentApp .mobile-nav,#supervisorApp .pd-sup-mobile-nav,#supervisorApp .sup-mobile-nav{
  }
  #agentApp .utility-bar,#supervisorApp .sup-utility-bar{
    left:calc(var(--pd19-side) + var(--pd19-edge))!important;
    right:var(--pd19-edge)!important;width:auto!important;max-width:none!important;
  }
  #agentApp .main-content,#supervisorApp .supervisor-main{padding-bottom:28px!important}
}
/* Full desktop can afford the historical right panel too. */
@media (hover:hover) and (pointer:fine) and (min-width:1280px){
  #agentApp .app-shell{grid-template-columns:var(--pd19-side) minmax(0,1fr) 250px!important}
  #agentApp .right-panel{display:flex!important;visibility:visible!important;position:relative!important;width:250px!important;min-width:250px!important;height:100dvh!important}
  #agentApp .utility-bar{right:calc(250px + var(--pd19-edge))!important}
}
/* Touch/tablet/phone or truly narrow desktop: bottom dock. */
@media (max-width:759px), (hover:none), (pointer:coarse){
  #agentApp .app-shell,#supervisorApp.supervisor-shell{display:block!important}
  #agentApp .sidebar,#agentApp .right-panel,#supervisorApp .supervisor-sidebar,.supervisor-right-panel{display:none!important;visibility:hidden!important;pointer-events:none!important}
  #agentApp .utility-bar,#supervisorApp .sup-utility-bar{left:var(--pd19-edge)!important;right:var(--pd19-edge)!important;width:auto!important}body:has(#agentApp:not(.hidden)) #agentApp .mobile-nav,
  body:has(#supervisorApp:not(.hidden)) #supervisorApp .pd-sup-mobile-nav{position:fixed!important;
    left:50%!important;right:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;width:min(620px,calc(100vw - 16px))!important;
  }
  #agentApp .main-content,#supervisorApp .supervisor-main{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
}

/* ===== PulseDesk v22.3.20 · ONLY requested polish: width nav switch + stronger topbar glass ===== */
/* Navigation is decided ONLY by available width. No pointer/hover detection. */
@media (min-width:760px){
  #agentApp .pd-agent-mobile-more,
  #supervisorApp .pd-sup-mobile-more{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }#agentApp .mobile-nav,
  #agentApp .pd-agent-mobile-nav,
  #supervisorApp .pd-sup-mobile-nav,
  #supervisorApp .sup-mobile-nav{
  }
  #agentApp .sidebar,
  #supervisorApp .supervisor-sidebar{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  #agentApp .main-content,
  #supervisorApp .supervisor-main{
    padding-bottom:28px!important;
  }
}
@media (max-width:759px){
  #agentApp .sidebar,
  #agentApp .right-panel,
  #supervisorApp .supervisor-sidebar,
  .supervisor-right-panel{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }body:has(#agentApp:not(.hidden)) #agentApp .pd-agent-mobile-nav,
  body:has(#supervisorApp:not(.hidden)) #supervisorApp .pd-sup-mobile-nav{
  }
}
/* Keep the already-working topbar geometry; only strengthen the glass while scrolling. */
body.pd-scrolled #agentApp .utility-bar,
body.pd-scrolled #supervisorApp .sup-utility-bar{
}

/* ===== PulseDesk v22.3.21 · SURGICAL ONLY: desktop dock kill + iOS glass ===== */
/* The supervisor runtime dock is appended to <body>, not inside #supervisorApp.
   Therefore desktop rules must target it globally. */
@media (min-width:760px){
  .pd-sup-mobile-more,
  #agentApp .pd-agent-mobile-more{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }.pd-sup-mobile-nav,
  #agentApp .mobile-nav,
  #agentApp .pd-agent-mobile-nav,
  #supervisorApp .sup-mobile-nav{
  }
}#supervisorApp .sup-mobile-nav{}
@media (max-width:759px){body:has(#supervisorApp:not(.hidden))>.pd-sup-mobile-nav{
  }
}

/* Navigation visibility shares the existing 760px layout breakpoint. */
body .mobile-nav,body .pd-agent-mobile-nav,body .pd-sup-mobile-nav,body .sup-mobile-nav{display:none!important;visibility:hidden!important;pointer-events:none!important;z-index:1000!important}
@media(max-width:759px){
 body:has(#agentApp:not(.hidden)) #agentApp .pd-agent-mobile-nav,
 body:has(#supervisorApp:not(.hidden)) > .pd-sup-mobile-nav{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}
/* Keep v22.3.19 geometry exactly as-is. Only change the material. */
body.pd-scrolled #agentApp .utility-bar,
body.pd-scrolled #supervisorApp .sup-utility-bar{
}
/* The pills themselves must also be translucent; otherwise they hide the backdrop blur. */
body.pd-scrolled #agentApp .utility-bar :is(.utility-search,.utility-icon,.pd-profile-top,.pd-settings-gear),
body.pd-scrolled #supervisorApp .sup-utility-bar :is(.utility-search,.utility-icon,.pd-profile-top,.pd-settings-gear){
}

/* ===== PulseDesk v22.3.22 · ONLY topbar material: true soft iOS glass ===== */
/* Geometry/responsive/navigation intentionally untouched. Remove the dark-outline look. */
#agentApp .utility-bar,
#supervisorApp .sup-utility-bar{
}
body.pd-scrolled #agentApp .utility-bar,
body.pd-scrolled #supervisorApp .sup-utility-bar{
}
/* Pills stay soft/translucent: no black rings, no contrast filter. */
body.pd-scrolled #agentApp .utility-bar :is(.utility-search,.utility-icon,.pd-profile-top,.pd-settings-gear),
body.pd-scrolled #supervisorApp .sup-utility-bar :is(.utility-search,.utility-icon,.pd-profile-top,.pd-settings-gear){
}

/* ===== PulseDesk v22.3.23 · meeting hotfix: full desktop + visible glass + compact Quick Links ===== */
/* 1) Full desktop: v22.3.19 changed .right-panel to flex without a direction, which squeezed its cards side-by-side. */
@media (min-width:1280px){
  #agentApp .right-panel{
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    overflow:auto!important;
  }
  #agentApp .right-panel>.card{
    width:100%!important;
    min-width:0!important;
    flex:0 0 auto!important;
  }
}

/* 2) Real visible iOS-style material across the WHOLE topbar surface.
   The pseudo-layer owns the backdrop blur; controls stay above it and lose opaque fills. */
#agentApp .utility-bar,#supervisorApp .sup-utility-bar{
  overflow:visible!important;
}
#agentApp .utility-bar::before,#supervisorApp .sup-utility-bar::before{
  position:absolute!important;
  inset:-7px -9px!important;
  z-index:-1!important;
  border-radius:30px!important;
  pointer-events:none!important;
  transition:background .16s ease,backdrop-filter .16s ease,-webkit-backdrop-filter .16s ease,box-shadow .16s ease!important;
}
body.pd-scrolled #agentApp .utility-bar::before,body.pd-scrolled #supervisorApp .sup-utility-bar::before{
}
body.pd-scrolled #agentApp .utility-bar :is(.utility-search,.utility-icon,.pd-profile-top,.pd-settings-gear),
body.pd-scrolled #supervisorApp .sup-utility-bar :is(.utility-search,.utility-icon,.pd-profile-top,.pd-settings-gear){
}

/* 3) Compact widths: make the existing dashboard Quick Links section visible and useful. */
@media (max-width:759px){
  #agentApp #dashboardView .mobile-quick-card{
    display:block!important;
    width:100%!important;
    margin-top:14px!important;
  }
  #agentApp #dashboardView .mobile-quick-links{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
    gap:8px!important;
  }
}

/* ===== PulseDesk v22.3.24 · desktop left navigation scroll ONLY =====
   Keep the working responsive/topbar untouched. On large layouts the sidebar
   stays full-height while only its long option list scrolls. */
@media (min-width:760px){
  #agentApp .sidebar,
  #supervisorApp .supervisor-sidebar{
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  #agentApp .sidebar > .menu,
  #supervisorApp .supervisor-sidebar > .supervisor-menu{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-right:4px!important;
    padding-bottom:18px!important;
    scrollbar-width:thin;
    scrollbar-color:color-mix(in srgb,var(--accent) 30%,transparent) transparent;
  }

  #agentApp .sidebar > .menu::-webkit-scrollbar,
  #supervisorApp .supervisor-sidebar > .supervisor-menu::-webkit-scrollbar{width:5px}
  #agentApp .sidebar > .menu::-webkit-scrollbar-track,
  #supervisorApp .supervisor-sidebar > .supervisor-menu::-webkit-scrollbar-track{background:transparent}
  #agentApp .sidebar > .menu::-webkit-scrollbar-thumb,
  #supervisorApp .supervisor-sidebar > .supervisor-menu::-webkit-scrollbar-thumb{
    background:color-mix(in srgb,var(--accent) 28%,transparent);
    border-radius:999px;
  }

  /* Brand/profile stay visible; only Incidencias/Nesting/etc. move. */
  #agentApp .sidebar > .brand,
  #agentApp .sidebar > .profile,
  #supervisorApp .supervisor-sidebar > .brand,
  #supervisorApp .supervisor-sidebar > .supervisor-user-card{
    flex:0 0 auto!important;
  }
}

/* Interaction motion: only route/sheet entry and direct control feedback. */
@keyframes pd-route-enter{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes pd-sheet-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .app-view.active-view,.sup-view.active{animation:pd-route-enter 160ms ease-out}
 .pd-flow-dialog,#supRequestAgentDetail:not(.hidden){animation:pd-sheet-enter 180ms ease-out}
 .pd-request-kanban-card,.pd-schedule-segments button,.pd-huddle-operational button{transition:background-color 150ms ease,box-shadow 150ms ease}
 button:active{scale:.985}
}
.pd-sound-setting{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer}
.pd-sound-setting input{width:20px;height:20px;accent-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}