/* TIAM v513 — executive dashboard visual system.
   Root visual redesign: compact header, explicit surface hierarchy, visible flow connectors,
   meaningful motion, clear loading states and protection from the generic filter declutter runtime. */
body[data-page="dashboard"] .page-content,
body[data-page="dashboard"] #page-content{background:#eef3f7!important}
body[data-page="dashboard"] #page-content>.tiam-page-hero{display:none!important}
body[data-page="dashboard"] .ui-filter-toggle{display:none!important}
body[data-page="dashboard"] .v513-dashboard-controls.ui-filter-panel{display:grid!important;margin:0!important;padding:9px!important}

.v513-dashboard{--navy:#123357;--navy2:#194a70;--navy3:#0c2944;--canvas:#eef3f7;--surface:#fff;--blue:#2f78a8;--blue-soft:#eaf4fb;--teal:#238a83;--teal-soft:#eaf7f5;--green:#2e8060;--green-soft:#edf8f2;--amber:#b2781d;--amber-soft:#fff6e7;--violet:#695a9b;--violet-soft:#f2effa;--red:#ad4850;--line:#cfdae3;--line2:#dce5ec;--text:#17354d;--muted:#677d8e;max-width:1640px;margin:0 auto;padding:14px 18px 32px;color:var(--text);direction:rtl}
.v513-dashboard *{box-sizing:border-box}.v513-dashboard button,.v513-dashboard input,.v513-dashboard select{font:inherit}

/* Compact executive header */
body[data-page="dashboard"] .v513-dashboard-head{position:relative;display:grid!important;grid-template-columns:minmax(285px,.72fr) minmax(680px,1.5fr)!important;gap:22px!important;align-items:center!important;min-height:104px!important;margin:0 0 12px!important;padding:14px 18px!important;border:1px solid rgba(10,39,66,.75)!important;border-radius:18px!important;background:linear-gradient(118deg,#0c2944 0%,#123b5e 55%,#1b5278 100%)!important;box-shadow:0 12px 28px rgba(16,50,78,.16)!important;color:#fff!important;overflow:hidden!important}
.v513-dashboard-head:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(111,185,225,.18),transparent 32%),linear-gradient(90deg,transparent,rgba(255,255,255,.025));pointer-events:none}
.v513-dashboard-head:after{content:"";position:absolute;left:-35px;bottom:-95px;width:230px;height:230px;border:1px solid rgba(255,255,255,.09);border-radius:50%;pointer-events:none}
.v513-title{position:relative;z-index:2;min-width:0}.v513-eyebrow{display:block;margin-bottom:2px;color:#a9c9dc;font-size:10px;font-weight:800;letter-spacing:.01em}.v513-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.v513-title h1{margin:0!important;color:#fff!important;font-size:22px!important;line-height:1.45!important;font-weight:950!important}.v513-title p{display:block!important;margin:2px 0 0!important;color:#c0d5e3!important;font-size:10.8px!important;font-weight:650!important;line-height:1.65!important}
.v513-live-chip{display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 8px;border:1px solid rgba(126,221,180,.30);border-radius:999px;background:rgba(18,69,70,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.v513-live-chip b,.v513-live-chip em{color:#dff7ed;font-size:9.5px;font-style:normal;font-weight:850}.v513-live-chip em{direction:ltr;color:#b7e4d1}.v513-live-dot{width:7px;height:7px;border-radius:50%;background:#5ee0a8;box-shadow:0 0 0 0 rgba(94,224,168,.52);animation:v513LivePulse 2s ease-out infinite}

body[data-page="dashboard"] .v513-dashboard-controls{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(145px,1fr) minmax(145px,1fr) minmax(165px,1.08fr) auto 38px!important;gap:7px!important;align-items:end!important;margin:0!important;padding:9px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:13px!important;background:rgba(4,29,49,.34)!important;backdrop-filter:blur(8px)}
.v513-dashboard-controls label{display:grid;gap:3px;min-width:0;color:#d1e0ea;font-size:9.5px;font-weight:780}.v513-dashboard-controls input,.v513-dashboard-controls select{width:100%;height:36px!important;min-height:36px!important;padding:0 10px!important;border:1px solid rgba(204,226,239,.44)!important;border-radius:8px!important;outline:none!important;background:#f8fbfd!important;color:#16364f!important;box-shadow:0 1px 0 rgba(255,255,255,.4)!important;font-size:11px!important}.v513-dashboard-controls input:focus,.v513-dashboard-controls select:focus{border-color:#8cc3e3!important;box-shadow:0 0 0 3px rgba(88,168,214,.20)!important}.v513-apply-filter{height:36px!important;min-height:36px!important;padding:0 15px!important;border:1px solid #88bad7!important;border-radius:8px!important;background:#eaf5fb!important;color:#123b5e!important;font-size:10.8px!important;font-weight:900!important;cursor:pointer;box-shadow:0 4px 12px rgba(3,24,40,.14);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.v513-apply-filter:hover{transform:translateY(-1px);background:#fff!important;box-shadow:0 8px 18px rgba(3,24,40,.20)}.v513-refresh-button{display:grid;place-items:center;width:36px;height:36px;min-height:36px!important;padding:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:8px!important;background:rgba(255,255,255,.09)!important;color:#eaf6fd!important;font-size:17px!important;font-weight:900;cursor:pointer;transition:transform .25s ease,background .18s ease}.v513-refresh-button:hover{transform:rotate(-30deg);background:rgba(255,255,255,.16)!important}

/* Zones and typography */
.v513-zone,.v513-panel{border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 16px rgba(27,61,86,.055)}.v513-zone{margin-bottom:12px;padding:12px 14px}.v513-period-zone{background:#e6eef5}.v513-current-zone{background:linear-gradient(135deg,#e8f0f5,#e4edf3)}.v513-flow-zone{background:linear-gradient(135deg,#e6eff5,#edf4f8)}.v513-payroll-zone{background:#e8eef3}.v513-panel{padding:13px;background:#fbfdfe}
.v513-zone-head,.v513-panel>header,.v513-flow-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.v513-zone-head{margin-bottom:9px}.v513-zone-head>div>span,.v513-panel>header>div>span,.v513-flow-card>header>div>span{display:block;color:#627b8d;font-size:10px;font-weight:800}.v513-zone-head h2,.v513-panel>header h2{margin:1px 0 0;color:#123752;font-size:15px;line-height:1.55;font-weight:900}.v513-zone-head>small{max-width:540px;color:#667f91;font-size:10px;line-height:1.7}.v513-period-badge,.v513-flow-note,.v513-scope-note{display:inline-flex!important;align-items:center;gap:5px;min-height:26px;padding:4px 9px;border:1px solid #c7d6e0;border-radius:999px;background:rgba(255,255,255,.60);color:#526f83!important;font-size:9.5px!important;font-weight:720}.v513-scope-note i{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#d7e5ee;color:#315d79;font-size:9px;font-style:normal;font-weight:900}.v513-zone-head>button,.v513-panel>header>button{min-height:32px;padding:0 10px;border:1px solid #c7d5df;border-radius:8px;background:#f8fbfd;color:#1d526f;font-size:10px;font-weight:850;cursor:pointer}.v513-zone-head>button:disabled{opacity:.48;cursor:not-allowed}

/* KPI strip */
.v513-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.v513-current-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v513-kpi{position:relative;min-height:100px;padding:11px 12px;border:1px solid #d3e0e8;border-radius:12px;background:#fbfdfe;box-shadow:0 2px 7px rgba(18,49,75,.035);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .45s ease}.v513-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#315e82}.v513-kpi:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(18,49,75,.10);border-color:#bfcfda}.v513-kpi header{display:flex;align-items:center;justify-content:space-between;gap:8px}.v513-kpi header span{color:#526f83;font-size:10.5px;font-weight:800}.v513-kpi header i{width:8px;height:8px;border-radius:50%;background:#315e82}.v513-kpi>b{display:block;margin-top:9px;color:#113952;font-size:16px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v513-kpi footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}.v513-kpi footer>span{color:#768b9a;font-size:9.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v513-kpi footer em{font-size:9.5px;font-style:normal;font-weight:900}.v513-kpi.is-amber:before,.v513-kpi.is-amber header i{background:#c18828}.v513-kpi.is-teal:before,.v513-kpi.is-teal header i{background:#268b84}.v513-kpi.is-green:before,.v513-kpi.is-green header i{background:#2e8060}.v513-kpi.is-purple:before,.v513-kpi.is-purple header i{background:#705e9d}.v513-kpi.is-blue:before,.v513-kpi.is-blue header i{background:#337aa7}.v513-kpi.is-slate:before,.v513-kpi.is-slate header i{background:#748899}.v513-kpi.is-value-up,.v513-snapshot-card.is-value-up{animation:v513ValueUp 1.05s ease}.v513-kpi.is-value-down,.v513-snapshot-card.is-value-down{animation:v513ValueDown 1.05s ease}.v513-inline-skeleton{display:block;width:68%;height:20px!important;border-radius:6px;background:linear-gradient(90deg,#d6e1e8 25%,#edf3f6 45%,#d6e1e8 65%);background-size:220% 100%;animation:v513Shimmer 1.05s linear infinite}.is-up{color:#24785a!important}.is-down{color:#aa424c!important}.is-flat{color:#788b98!important}

/* Snapshot cards — compact and readable even while loading */
.v513-snapshot-card{position:relative;min-height:88px;padding:10px 12px 9px;border:1px solid #cbd9e2;border-radius:12px;background:#f9fcfd;box-shadow:0 3px 9px rgba(18,49,75,.04);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .4s ease}.v513-snapshot-card:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#255f86}.v513-snapshot-card header{display:flex;align-items:center;gap:7px}.v513-snapshot-card header i{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#dceaf3,#c8deeb);box-shadow:inset 0 0 0 1px #bfd4e0}.v513-snapshot-card header span{color:#4e6c80;font-size:10.2px;font-weight:820}.v513-snapshot-card>b{display:block;margin-top:6px;color:#123b57;font-size:15px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v513-snapshot-card>small{display:block;margin-top:3px;color:#7b8e9c;font-size:9.2px}.v513-snapshot-card:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(18,49,75,.09)}.v513-snapshot-card.is-blue:after{background:#337aa7}.v513-snapshot-card.is-teal:after{background:#268b84}.v513-snapshot-card.is-amber:after{background:#c18828}.v513-snapshot-card.is-green:after{background:#2e8060}.v513-current-kpis.is-loaded .v513-snapshot-card{animation:v513CardReveal .46s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay)}.v513-snapshot-card.is-loading header span,.v513-snapshot-card.is-loading>small{opacity:.78}.v513-snapshot-card.is-loading .v513-inline-skeleton{margin-top:8px}.v513-current-kpis.is-load-error:after{content:"دریافت وضعیت لحظه‌ای ناموفق بود";grid-column:1/-1;padding:8px 10px;border:1px solid #ead0d3;border-radius:9px;background:#fff4f5;color:#9a3f48;font-size:10px}

/* Decision panels */
.v513-decision-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);gap:12px;margin-bottom:12px}.v513-panel>header{margin-bottom:8px}.v513-panel>header strong{min-width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#e4edf3;color:#1f4e6c;font-size:11px}.v513-chart-meta{text-align:left}.v513-chart-meta b{display:block;color:#103b57;font-size:13px}.v513-chart-meta small{display:block;margin-top:1px;color:#6d8495;font-size:9px}.v513-trend-panel{background:#f8fbfd}.v513-sales-chart{display:block;width:100%;height:235px;overflow:visible}.v513-chart-grid line{stroke:#d2e0e8;stroke-width:1;stroke-dasharray:3 5}.v513-chart-grid text,.v513-x-label{fill:#708898;font-size:9.5px;font-family:inherit}.v513-sales-area{fill:rgba(47,120,168,.11);animation:v513AreaFade .8s .2s ease both}.v513-sales-line{fill:none;stroke:#1d648f;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1800;stroke-dashoffset:1800;filter:drop-shadow(0 2px 3px rgba(30,93,132,.16));animation:v513Draw 1.15s .15s cubic-bezier(.2,.8,.2,1) forwards}.v513-trend-panel>footer{padding-top:5px;border-top:1px solid #e0e8ee;color:#708696;font-size:9.4px}.v513-empty-chart{min-height:225px;display:grid;place-items:center;border:1px dashed #cad8e2;border-radius:11px;background:#f5f9fb;color:#6e8494;font-size:10px}.v513-action-panel{background:#fff9ee;border-color:#e6d8bb}.v513-action-list{display:grid;gap:6px}.v513-action{width:100%;min-height:50px;display:grid;grid-template-columns:9px 1fr 18px;gap:9px;align-items:center;padding:8px 9px;border:1px solid #e0e5e9;border-radius:10px;background:#fffdf8;color:#263e50;text-align:right;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.v513-action:hover{transform:translateX(-2px);border-color:#c7d5df;background:#fff}.v513-action>i{width:8px;height:8px;border-radius:50%;background:#6d8798}.v513-action.is-danger>i{background:#b64951;box-shadow:0 0 0 4px rgba(182,73,81,.09)}.v513-action.is-warning>i{background:#bd8125}.v513-action.is-info>i{background:#347ba8}.v513-action b{display:block;color:#30495b;font-size:10.4px}.v513-action span{display:block;margin-top:1px;color:#748795;font-size:9.1px;line-height:1.55}.v513-action>strong{color:#5c7588;font-size:14px}.v513-action-skeleton{height:50px;border-radius:10px;background:linear-gradient(90deg,#eadfc9 25%,#fff7e8 45%,#eadfc9 65%);background-size:220% 100%;animation:v513Shimmer 1.05s linear infinite}.v513-clear-state{min-height:116px;display:flex;align-items:center;justify-content:center;gap:9px;color:#356b56}.v513-clear-state>i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e1f0e8;font-style:normal}.v513-clear-state b{display:block;font-size:10.8px}.v513-clear-state span{display:block;margin-top:2px;color:#71877d;font-size:9.3px}

/* Sales volume + cohort flow */
.v513-flow-loading{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(620px,1.38fr);gap:10px}.v513-flow-loading>article{min-height:164px;padding:12px;border:1px solid #cfdde6;border-radius:13px;background:rgba(255,255,255,.55)}.v513-flow-loading header{display:flex;justify-content:space-between;gap:12px}.v513-flow-loading header span,.v513-flow-loading header b,.v513-flow-loading i{display:block;border-radius:7px;background:linear-gradient(90deg,#d4e1e9 25%,#eef4f7 45%,#d4e1e9 65%);background-size:220% 100%;animation:v513Shimmer 1.05s linear infinite}.v513-flow-loading header span{width:95px;height:9px}.v513-flow-loading header b{width:145px;height:15px}.v513-flow-loading>article>div{display:flex;gap:7px;margin-top:20px}.v513-flow-loading i{flex:1;height:82px}
.v513-flow-grid{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(620px,1.38fr);gap:10px}.v513-flow-card{position:relative;padding:12px;border:1px solid #c9dbe6;border-radius:14px;overflow:hidden}.v513-flow-card.is-volume{background:linear-gradient(145deg,#f5fbff,#eaf4fb)}.v513-flow-card.is-cohort{background:linear-gradient(145deg,#f4fbf9,#eef7f6);border-color:#c8ddd9}.v513-flow-card:before{content:"";position:absolute;right:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#2e87b9,#245e88)}.v513-flow-card.is-cohort:before{background:linear-gradient(90deg,#2b8a82,#3976a2,#6c61a0,#358467)}.v513-flow-card>header{margin-bottom:9px}.v513-flow-card h3{margin:1px 0 0;color:#113b57;font-size:13.5px;font-weight:900}.v513-flow-card>header em{padding:4px 8px;border:1px solid #cbdce7;border-radius:999px;background:rgba(255,255,255,.68);color:#4e6f84;font-size:9px;font-style:normal;font-weight:800}.v513-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v513-service-tile{position:relative;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border:1px solid #c9dce8;border-radius:11px;background:rgba(255,255,255,.82);box-shadow:0 3px 10px rgba(26,76,106,.045);opacity:0;transform:translateY(9px) scale(.98);transition:transform .2s ease,box-shadow .2s ease}.v513-flow-zone.is-flow-ready .v513-service-tile{animation:v513TileReveal .45s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay)}.v513-service-tile:hover{transform:translateY(-2px)!important;box-shadow:0 9px 19px rgba(26,76,106,.10)}.v513-service-tile>i{position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;background:#367ead}.v513-service-tile.is-navy>i{background:#214f75}.v513-service-tile.is-teal>i{background:#298a83}.v513-service-tile span{color:#557386;font-size:9.7px;font-weight:780}.v513-service-tile b{margin-top:3px;color:#113e5b;font-size:18px;font-weight:950}.v513-service-tile small{margin-top:2px;color:#6d8595;font-size:8.8px}.v513-flow-card>footer{margin-top:8px;padding-top:7px;border-top:1px solid #d5e3ea;color:#5f7788;font-size:9.4px}.v513-ratio-footer>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.v513-ratio-footer b{color:#174e70;font-size:11px}.v513-ratio-footer>i{display:block;height:7px;margin-top:6px;border-radius:999px;background:#d6e5ee;overflow:hidden}.v513-ratio-footer>i>em{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f78a8,#2d9a91);animation:v513Grow .85s .18s cubic-bezier(.2,.8,.2,1) both}
.v513-stage-track{display:grid;grid-template-columns:minmax(92px,1fr) 30px minmax(92px,1fr) 30px minmax(92px,1fr) 30px minmax(92px,1fr) 30px minmax(92px,1fr);align-items:center;gap:3px;direction:rtl;min-height:90px}.v513-stage{position:relative;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px;border:1px solid #cbdce4;border-radius:11px;background:rgba(255,255,255,.85);text-align:center;box-shadow:0 3px 9px rgba(20,71,84,.045);opacity:0;transform:translateY(10px) scale(.97)}.v513-flow-zone.is-flow-ready .v513-stage{animation:v513StageReveal .5s cubic-bezier(.15,.82,.24,1) forwards;animation-delay:var(--delay)}.v513-stage>i{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#245d85}.v513-stage span{color:#526f80;font-size:9.1px;font-weight:780;line-height:1.45}.v513-stage b{margin-top:3px;color:#113e59;font-size:17px;font-weight:950}.v513-stage small{margin-top:2px;color:#6e8796;font-size:8.2px}.v513-stage.is-blue{background:#f2f8fc;border-color:#c5dcea}.v513-stage.is-blue>i{background:#347ca9}.v513-stage.is-teal{background:#eff9f7;border-color:#c6e1dc}.v513-stage.is-teal>i{background:#288b83}.v513-stage.is-violet{background:#f5f2fb;border-color:#d8d0ec}.v513-stage.is-violet>i{background:#6c5ca0}.v513-stage.is-green{background:#eff8f3;border-color:#cbe2d5}.v513-stage.is-green>i{background:#318064}
.v513-flow-connector{position:relative;height:30px;display:grid;place-items:center;opacity:0}.v513-flow-connector i{position:absolute;right:1px;left:1px;height:3px;border-radius:999px;background:linear-gradient(90deg,#2f8a82,#2f76a0);transform-origin:right center;transform:scaleX(0)}.v513-flow-connector b{position:relative;z-index:2;width:23px;height:23px;display:grid;place-items:center;border:2px solid #5b91ad;border-radius:50%;background:#f7fcfe;color:#195b80;font-size:14px;font-weight:950;box-shadow:0 2px 7px rgba(34,94,126,.16);transform:scale(.7)}.v513-flow-zone.is-flow-ready .v513-flow-connector{animation:v513ConnectorShow .18s ease forwards;animation-delay:var(--delay)}.v513-flow-zone.is-flow-ready .v513-flow-connector i{animation:v513ConnectorLine .34s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:var(--delay)}.v513-flow-zone.is-flow-ready .v513-flow-connector b{animation:v513ArrowPop .34s cubic-bezier(.2,1.2,.35,1) forwards;animation-delay:calc(var(--delay) + 110ms)}

/* Secondary tables */
.v513-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.v513-panel .table-wrap{max-height:300px;border:1px solid #dce5eb;border-radius:10px;background:#fff;overflow:auto}.v513-panel table{width:100%;border-collapse:collapse;border-spacing:0!important}.v513-panel th,.v513-panel td{padding:8px 9px;border-bottom:1px solid #e5ebef;text-align:right;white-space:nowrap}.v513-panel th{position:sticky;top:0;z-index:1;background:#edf3f6;color:#536f81;font-size:9.4px;font-weight:900}.v513-panel td{background:#fff!important;color:#3b5566;font-size:10px;box-shadow:none!important}.v513-panel tbody tr{box-shadow:none!important;background:#fff!important}.v513-panel tbody tr:hover td{background:#f7fafc!important}.v513-panel tr:last-child td{border-bottom:0}.v513-rank{min-width:24px;height:24px;display:inline-grid;place-items:center;margin-left:5px;border-radius:7px;background:#e7eef3;color:#496a7e;font-size:9px;font-weight:900}.v513-rank.is-first{background:#f3e6bf;color:#86631b}.v513-person{display:flex;align-items:center;gap:7px}.v513-person>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e4edf3;color:#2c5976;font-size:9px;font-weight:900}.v513-person b{display:block;color:#2b485b;font-size:10px}.v513-person small{display:block;margin-top:1px;color:#82929d;font-size:8.4px}.v513-delta{font-weight:900}

/* Payroll */
.v513-payroll-loading{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v513-payroll-loading span{height:58px;border-radius:10px;background:linear-gradient(90deg,#d5e0e7 25%,#edf3f6 45%,#d5e0e7 65%);background-size:220% 100%;animation:v513Shimmer 1.05s linear infinite}.v513-payroll-composition{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v513-payroll-composition>div{padding:9px;border:1px solid #d0dde5;border-radius:10px;background:#f9fcfd}.v513-payroll-composition header{display:flex;align-items:center;justify-content:space-between;gap:7px}.v513-payroll-composition header span{color:#5f7789;font-size:9.6px}.v513-payroll-composition header b{color:#1d4964;font-size:10px}.v513-payroll-composition>div>i{display:block;height:6px;margin-top:8px;border-radius:999px;background:#dce6ec;overflow:hidden}.v513-payroll-composition>div>i>em{display:block;width:var(--w);height:100%;border-radius:inherit;background:#315f80;animation:v513Grow .78s ease both}.v513-payroll-composition>div>i>em.is-teal{background:#2b8a83}.v513-payroll-composition>div>i>em.is-blue{background:#337aa7}.v513-payroll-composition>div>i>em.is-danger{background:#ad4b54}

.v513-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.v513-detail-head small{display:block;color:#7d8f9c;font-size:9.5px}.v513-detail-head h3{margin:2px 0 0;color:#163d59}.v513-detail-head strong{color:#153e59}.v513-detail-table td small{display:block;color:#84949f;font-size:8.6px}.v513-detail-table .is-negative{color:#a83f49}

/* Motion */
.v513-dashboard.is-refreshing{pointer-events:none}.v513-dashboard.is-refreshing:before{content:"";position:fixed;top:0;right:0;left:0;height:3px;z-index:300;background:linear-gradient(90deg,transparent,#4aa7d5,#5fd5ac,#4aa7d5,transparent);background-size:42% 100%;animation:v513Refresh .9s linear infinite}.v513-dashboard-head{animation:v513HeaderIn .45s cubic-bezier(.2,.8,.2,1) both}.v513-dashboard:not(.is-ready)>:not(.v513-dashboard-head){opacity:0;transform:translateY(8px)}.v513-dashboard.is-ready>.v513-zone,.v513-dashboard.is-ready>.v513-decision-grid,.v513-dashboard.is-ready>.v513-secondary-grid{animation:v513Enter .42s cubic-bezier(.2,.78,.25,1) both}.v513-dashboard.is-ready>.v513-decision-grid{animation-delay:.05s}.v513-dashboard.is-ready>.v513-flow-zone{animation-delay:.10s}.v513-dashboard.is-ready>.v513-secondary-grid{animation-delay:.15s}.v513-dashboard.is-ready>.v513-payroll-zone{animation-delay:.20s}

/* Initial shell */
.v513-dashboard-shell-loading{max-width:1640px;margin:0 auto;padding:14px 18px 32px}.v513-loading-head{height:104px;padding:16px;border-radius:18px;background:linear-gradient(118deg,#0c2944,#174b70)}.v513-loading-head i,.v513-loading-head span,.v513-loading-grid article i,.v513-loading-grid article b,.v513-loading-grid article span{display:block;border-radius:7px;background:linear-gradient(90deg,rgba(255,255,255,.08) 25%,rgba(255,255,255,.18) 45%,rgba(255,255,255,.08) 65%);background-size:220% 100%;animation:v513Shimmer 1.05s linear infinite}.v513-loading-head i{width:78px;height:9px}.v513-loading-head span:nth-child(2){width:180px;height:22px;margin-top:9px}.v513-loading-head span:nth-child(3){width:260px;height:8px;margin-top:8px}.v513-loading-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px;padding:12px;border-radius:16px;background:#e5edf3}.v513-loading-grid article{height:100px;padding:12px;border:1px solid #d1dde5;border-radius:12px;background:#f7fafb}.v513-loading-grid article i,.v513-loading-grid article b,.v513-loading-grid article span{background:linear-gradient(90deg,#d7e1e7 25%,#edf2f5 45%,#d7e1e7 65%);background-size:220% 100%}.v513-loading-grid article i{width:42%;height:8px}.v513-loading-grid article b{width:65%;height:18px;margin-top:14px}.v513-loading-grid article span{width:52%;height:7px;margin-top:11px}.v513-loading-panels{display:grid;grid-template-columns:1.55fr .72fr;gap:12px;margin-top:12px}.v513-loading-panels article{height:270px;border:1px solid #d3dfe6;border-radius:16px;background:#eaf0f4}.v513-dashboard-error{min-height:420px;display:grid;place-items:center;align-content:center;gap:7px;color:#61798a}.v513-dashboard-error b{font-size:14px;color:#244b65}.v513-dashboard-error span{font-size:10.5px}.v513-dashboard-error button{border:0;border-radius:8px;background:#123b5e;color:#fff;padding:8px 13px;font:inherit;cursor:pointer}

@keyframes v513LivePulse{0%{box-shadow:0 0 0 0 rgba(94,224,168,.48)}65%{box-shadow:0 0 0 7px rgba(94,224,168,0)}100%{box-shadow:0 0 0 0 rgba(94,224,168,0)}}
@keyframes v513Shimmer{to{background-position:-220% 0}}
@keyframes v513Draw{to{stroke-dashoffset:0}}
@keyframes v513AreaFade{from{opacity:0}to{opacity:1}}
@keyframes v513Grow{from{width:0}to{width:var(--w)}}
@keyframes v513Enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes v513HeaderIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes v513Refresh{from{background-position:-55vw 0}to{background-position:155vw 0}}
@keyframes v513ValueUp{0%{background:#fbfdfe}35%{background:#e8f7ee}100%{background:#fbfdfe}}
@keyframes v513ValueDown{0%{background:#fbfdfe}35%{background:#fff0f1}100%{background:#fbfdfe}}
@keyframes v513CardReveal{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@keyframes v513TileReveal{to{opacity:1;transform:none}}
@keyframes v513StageReveal{0%{opacity:0;transform:translateY(10px) scale(.96)}70%{opacity:1;transform:translateY(-1px) scale(1.01)}100%{opacity:1;transform:none}}
@keyframes v513ConnectorShow{to{opacity:1}}
@keyframes v513ConnectorLine{to{transform:scaleX(1)}}
@keyframes v513ArrowPop{0%{transform:scale(.65);opacity:.2}75%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}

@media(max-width:1380px){body[data-page="dashboard"] .v513-dashboard-head{grid-template-columns:minmax(250px,.62fr) minmax(610px,1.5fr)!important}.v513-kpi-grid{grid-template-columns:repeat(3,1fr)}.v513-loading-grid{grid-template-columns:repeat(3,1fr)}.v513-flow-grid,.v513-flow-loading{grid-template-columns:minmax(300px,.7fr) minmax(540px,1.3fr)}}
@media(max-width:1120px){body[data-page="dashboard"] .v513-dashboard-head{grid-template-columns:1fr!important;gap:10px!important}body[data-page="dashboard"] .v513-dashboard-controls{grid-template-columns:repeat(3,1fr) auto 38px!important}.v513-decision-grid,.v513-secondary-grid,.v513-flow-grid,.v513-flow-loading{grid-template-columns:1fr}.v513-current-kpis{grid-template-columns:repeat(2,1fr)}.v513-stage-track{grid-template-columns:minmax(108px,1fr) 28px minmax(108px,1fr) 28px minmax(108px,1fr) 28px minmax(108px,1fr) 28px minmax(108px,1fr);overflow-x:auto;padding-bottom:4px}.v513-payroll-composition,.v513-payroll-loading{grid-template-columns:repeat(2,1fr)}.v513-loading-panels{grid-template-columns:1fr}}
@media(max-width:760px){.v513-dashboard,.v513-dashboard-shell-loading{padding:10px}body[data-page="dashboard"] .v513-dashboard-head{padding:13px!important}.v513-title h1{font-size:20px!important}.v513-title p{font-size:10px!important}body[data-page="dashboard"] .v513-dashboard-controls{grid-template-columns:1fr 1fr!important}.v513-dashboard-controls .is-branch{grid-column:1/-1}.v513-apply-filter{grid-column:1/2}.v513-refresh-button{grid-column:2/3;justify-self:start}.v513-kpi-grid,.v513-current-kpis{grid-template-columns:1fr 1fr}.v513-service-grid{grid-template-columns:1fr}.v513-zone-head{align-items:flex-start;flex-direction:column}.v513-zone-head>small{text-align:right}.v513-loading-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){body[data-page="dashboard"] .v513-dashboard-controls,.v513-kpi-grid,.v513-current-kpis,.v513-payroll-composition,.v513-payroll-loading,.v513-loading-grid{grid-template-columns:1fr!important}.v513-dashboard-controls .is-branch,.v513-apply-filter,.v513-refresh-button{grid-column:auto}.v513-refresh-button{justify-self:stretch;width:auto}.v513-sales-chart{height:205px}.v513-chart-meta{display:none}}
@media(prefers-reduced-motion:reduce){.v513-dashboard *{animation:none!important;transition:none!important}.v513-live-dot{box-shadow:none}.v513-sales-line{stroke-dasharray:none;stroke-dashoffset:0}.v513-service-tile,.v513-stage,.v513-flow-connector{opacity:1;transform:none}.v513-flow-connector i{transform:none}.v513-flow-connector b{transform:none}}

/* TIAM v528 — outbound-call performance integrated into executive overview. */
.v513-call-zone{background:linear-gradient(135deg,#edf4f8,#e7f0f5)}
.v513-call-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.v513-call-actions button{min-height:32px;padding:0 11px;border:1px solid #c3d5e1;border-radius:8px;background:#f9fcfe;color:#194e6c;font-size:10px;font-weight:900;cursor:pointer}
.v513-call-actions .v513-call-upload{border-color:#245e82;background:#174b70;color:#fff;box-shadow:0 4px 10px rgba(23,75,112,.12)}
.v513-call-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:9px}
.v513-call-summary article{min-height:75px;padding:9px 10px;border:1px solid #d1dee7;border-radius:11px;background:#fbfdfe}
.v513-call-summary article small{display:block;color:#647d8f;font-size:9.4px;font-weight:800}
.v513-call-summary article b{display:block;margin-top:5px;color:#173f5a;font-size:15px;font-weight:950;direction:ltr;text-align:right}
.v513-call-summary article span{display:block;margin-top:3px;color:#8496a2;font-size:8.7px}
.v513-call-summary article.is-warn{border-color:#ead4ae;background:#fff9ef}.v513-call-summary article.is-warn b{color:#9a671d}
.v513-call-table-wrap{max-height:345px;border:1px solid #d6e2e9;border-radius:11px;background:#fff;overflow:auto}
.v513-call-table-wrap table{width:100%;border-collapse:collapse}.v513-call-table-wrap th,.v513-call-table-wrap td{padding:8px 9px;border-bottom:1px solid #e5ecef;text-align:right;white-space:nowrap}
.v513-call-table-wrap th{position:sticky;top:0;z-index:2;background:#edf3f6;color:#526e81;font-size:9.4px;font-weight:900}.v513-call-table-wrap td{background:#fff;color:#3b5566;font-size:10px}
.v513-call-table-wrap tr:hover td{background:#f7fafc}.v513-call-table-wrap tr:last-child td{border-bottom:0}.v513-call-zero td{color:#8a9aa5}.v513-call-duration{direction:ltr;font-variant-numeric:tabular-nums;font-weight:900;color:#173f5a!important}
.v513-call-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#6d8392;font-size:9.2px}.v513-call-foot b{direction:ltr;color:#49687c}
.v513-call-loading{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v513-call-loading span{height:76px;border-radius:11px;background:linear-gradient(90deg,#d5e1e8 25%,#edf3f6 45%,#d5e1e8 65%);background-size:220% 100%;animation:v513Shimmer 1.05s linear infinite}
.v513-call-error{display:grid;gap:3px;padding:18px;border:1px dashed #ddbfc2;border-radius:11px;background:#fff7f8;color:#a44950}.v513-call-error b{font-size:11px}.v513-call-error span{font-size:9.5px}
@media(max-width:1120px){.v513-call-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.v513-call-actions{width:100%}.v513-call-actions button{flex:1}.v513-call-summary{grid-template-columns:1fr 1fr}.v513-call-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.v513-call-summary,.v513-call-loading{grid-template-columns:1fr}}


/* TIAM v539 — compact executive call summary; full employee detail is modal-only. */
.v513-call-zone{padding:10px 14px;background:linear-gradient(135deg,#edf4f8,#e7f0f5)}
.v513-call-zone .v539-call-head{margin-bottom:7px}
.v539-call-detail-btn{border-color:#245e82!important;background:#174b70!important;color:#fff!important;box-shadow:0 4px 10px rgba(23,75,112,.12)}
.v539-call-compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.v539-call-compact article{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:7px 10px;border:1px solid #d1dee7;border-radius:10px;background:#fbfdfe}
.v539-call-compact article small{color:#647d8f;font-size:9.4px;font-weight:850}
.v539-call-compact article b{color:#173f5a;font-size:14px;font-weight:950;direction:ltr;text-align:left;white-space:nowrap}
.v539-call-compact article.is-warn{border-color:#e7ca97;background:#fff9ef}.v539-call-compact article.is-warn b{color:#9a671d}
.v539-call-foot{margin-top:6px}.v539-call-foot span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v513-call-zone .v513-call-loading{grid-template-columns:repeat(4,1fr);gap:7px}.v513-call-zone .v513-call-loading span{height:50px}
.v513-call-zone .v539-call-error{padding:10px 12px}
[data-modal-kind="dashboard-call-performance"] #modal-body{padding-top:12px}
.v539-call-modal{direction:rtl}.v539-call-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:0 2px}
.v539-call-modal-head small{display:block;color:#6b8192;font-size:10px;font-weight:800}.v539-call-modal-head h3{margin:2px 0 0;color:#143b57;font-size:15px}.v539-call-modal-head strong{color:#174b70;font-size:12px}
.v539-call-modal .v513-call-summary{margin-bottom:10px}.v539-call-modal .v513-call-summary article{min-height:68px}
.v539-call-modal-table{max-height:min(54vh,460px)}
@media(max-width:900px){.v539-call-compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.v539-call-compact{grid-template-columns:1fr 1fr}.v539-call-compact article{min-height:46px}.v539-call-compact article small{font-size:8.8px}.v539-call-compact article b{font-size:12px}.v539-call-foot span{display:none}}