.subscription-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 15px}
.subscription-filters input{max-width:360px}

.landing-top,.landing-shell,.landing-features,.landing-extra-sections{position:relative;z-index:1}
.landing-visual::before{content:"";position:absolute;width:480px;height:480px;border:1px solid #9a79ff22;border-radius:50%;box-shadow:0 0 80px #7049d526,inset 0 0 80px #7049d514;transform:rotate(-16deg);pointer-events:none}
.landing-visual::after{content:"";position:absolute;width:360px;height:170px;border:1px solid #a989ff1c;border-radius:50%;transform:rotate(-18deg);filter:blur(.2px);pointer-events:none}
.landing-hero-image,.visual-window{box-shadow:0 30px 90px #5b3cc34d,0 0 0 1px #b28fff12}
.landing-extra-sections{max-width:1120px;margin:0 auto;padding:0 24px 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.landing-extra-sections article{border:1px solid #ffffff1c;background:#ffffff08;border-radius:14px;padding:20px}
.landing-extra-sections h2{font:700 18px Asal;margin:0 0 8px}
.landing-extra-sections p{color:#c7c0d4;font-size:13px;line-height:1.9;margin:0}
@media(max-width:620px){.landing-extra-sections{grid-template-columns:1fr;padding:0 18px 28px}.subscription-filters>*{width:100%;max-width:none!important}}
.subscription-page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.date-input{
    direction:rtl;
    text-align:right;
}
.inline-edit{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:6px;margin-top:8px}
.inline-edit input{min-width:0}


/* ===== Modern dashboards ===== */
.dashboard-hero{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;min-height:240px;margin-bottom:22px;padding:30px 34px;border:1px solid #e9e4f2;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f8f5ff 56%,#f1ecff 100%);overflow:hidden;box-shadow:0 12px 34px #4d35730d}
.dashboard-hero::after{content:"";position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center;opacity:.18;pointer-events:none}
.dashboard-hero>*{position:relative;z-index:1}.hero-copy h1{font:700 32px Asal;margin:6px 0 2px}.hero-copy h2{font:700 24px Asal;margin:8px 0;color:#24183d}.hero-copy p{max-width:650px;color:#756d87;line-height:1.9;margin:0 0 18px}.hero-action{min-width:180px}.hero-art{display:grid;place-items:center;min-height:170px}.hero-art-card{width:min(360px,100%);height:170px;border-radius:24px;background:linear-gradient(145deg,#2d2251,#110f1d);color:#fff;padding:28px;box-shadow:0 24px 50px #4c357933;transform:rotate(-2deg);display:flex;flex-direction:column;justify-content:center;gap:6px}.hero-art-card span{font:700 22px Asal}.hero-art-card b{font:700 19px Asal}.hero-art-card small{color:#d9d1ed}.executive-building{height:180px;border-radius:22px;background:linear-gradient(140deg,#6f52cf,#1d1734);display:grid;place-items:center;color:#fff;font:700 44px Asal;box-shadow:0 25px 55px #5c43b52e}.executive-building small{display:block;font:10px Shaheen;letter-spacing:3px;margin-top:-45px}.modern-stats>div{position:relative;min-height:118px;padding:20px 20px 16px}.modern-stats .stat-icon{position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px}.stat-icon.purple{background:#f0ebff;color:#6e4fdc}.stat-icon.amber{background:#fff3dd;color:#b97913}.stat-icon.green{background:#e8f8ef;color:#16885a}.modern-stats small{padding-left:54px}.modern-stats b{font-size:34px}.split{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.text-link{color:#6e4fdc;font-size:13px}.how-panel{margin-bottom:22px}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-steps>div{position:relative;padding:18px 16px;border-radius:16px;background:#faf9fd;border:1px solid #eeeaf6}.how-steps>div>span{display:inline-grid;place-items:center;width:34px;height:28px;border-radius:999px;background:#eee8ff;color:#6e4fdc;font-weight:700}.how-steps i{display:block;font-style:normal;font-size:30px;color:#6e4fdc;margin:14px 0 8px}.how-steps h3{font:700 17px Asal;margin:0 0 7px}.how-steps p{margin:0;color:#80788f;line-height:1.8;font-size:12px}.ticket-number-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;background:#f0ebff;color:#6246c7;font-weight:700;direction:ltr;font-size:11px}.read-only-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:10px;background:#f3effc;color:#6246c7;border:1px solid #e2d9fa;font-size:12px;font-weight:700}.read-only-chip.large{margin-top:4px;padding:11px 14px}.side-readonly{margin-top:auto;margin-bottom:10px;padding:12px;border:1px solid #ffffff18;background:#ffffff0b;border-radius:12px;text-align:center;color:#cfc5e8;font-size:11px}.analytics-grid{display:grid;grid-template-columns:1.05fr 1.05fr .8fr;gap:18px;margin-bottom:22px}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:26px;padding:8px 0}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#704fe1 0 var(--new),#f0b84c var(--new) calc(var(--new) + var(--progress)),#6fd2a5 calc(var(--new) + var(--progress)) 100%);position:relative;display:grid;place-items:center}.donut::after{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#fff}.donut b,.donut small{position:absolute;z-index:1}.donut b{font:700 31px Asal;margin-top:-12px}.donut small{font-size:10px;color:#8b8496;margin-top:32px}.legend{display:grid;gap:11px;font-size:12px}.legend span{display:flex;align-items:center;gap:7px}.legend .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.purple{background:#704fe1}.dot.amber{background:#f0b84c}.dot.green{background:#6fd2a5}.legend b{margin-inline-start:auto}.bar-list{display:grid;gap:13px}.bar-list>div{display:grid;grid-template-columns:105px 1fr 24px;gap:9px;align-items:center;font-size:12px}.bar-list i{height:9px;background:#f1edfa;border-radius:999px;overflow:hidden}.bar-list i b{display:block;height:100%;background:linear-gradient(90deg,#b9a2ff,#6e4fdc);border-radius:999px}.kpi-list{display:grid;gap:10px}.kpi-list>div{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;background:#faf9fd}.kpi-list>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#efeaff;color:#6848d0}.kpi-list p{margin:0;display:flex;flex:1;justify-content:space-between;gap:12px;font-size:12px}.kpi-list p b{font-size:16px;color:#302452}

/* ===== Interface management ===== */
.interface-tabs{display:flex;gap:8px;margin-bottom:18px}.interface-tabs a{padding:10px 15px;border-radius:10px;background:#fff;border:1px solid #e4deef;color:#6f6680;font-size:13px}.interface-tabs a.active{background:#6e4fdc;color:#fff;border-color:#6e4fdc}.interface-editor{display:grid;gap:18px}.interface-image-field{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:center}.interface-image-field img,.image-placeholder{width:100%;height:150px;border-radius:14px;object-fit:cover;border:1px solid #e6e0ef}.image-placeholder{display:grid;place-items:center;background:#faf8fd;color:#8e849e;font-size:30px}.image-placeholder span{font-size:11px}.interface-section-toggles{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:14px;border-radius:12px;background:#faf9fd}.interface-secondary-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #eee9f4;padding-top:16px}.executive-readonly form[method="post"]:not(.read-only-allowed){pointer-events:none}.executive-readonly form[method="post"] button,.executive-readonly form[method="post"] input,.executive-readonly form[method="post"] select,.executive-readonly form[method="post"] textarea{opacity:.55}.executive-readonly .row-actions form[method="post"],.executive-readonly .form-card button[type="submit"]{display:none!important}

/* ===== Date fields ===== */
.pretty-date{position:relative}.pretty-date .date-display{width:100%;direction:rtl;text-align:right;background:#fff}.pretty-date .date-picker{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pretty-date .date-display::placeholder{color:#9a93a5;opacity:1}html[dir="ltr"] .pretty-date .date-display{direction:ltr;text-align:left}

/* ===== Ticket edit ===== */
.ticket-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.editable-ticket-note{margin:-12px 0 18px;padding:11px 14px;border-radius:11px;background:#f1ecff;color:#6548c7;font-size:12px}.edit-attachments{display:grid;gap:8px}.attachment-delete-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #ece7f3;border-radius:10px;background:#faf9fd}.attachment-delete-row input{width:auto}

/* ===== Notification center ===== */
.notification-page-head{align-items:flex-end}.notification-head-actions{display:flex;gap:10px;flex-wrap:wrap}.notification-head-actions form{margin:0}.notification-tabs{display:flex;gap:8px;margin-bottom:14px}.notification-tabs a{display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #e5dfef;color:#746b84;font-size:12px}.notification-tabs a.active{background:#6e4fdc;color:#fff;border-color:#6e4fdc}.notification-tabs span{min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:#ffffff26}.push-setup-note{margin-bottom:14px;padding:11px 13px;border:1px dashed #d9cff4;border-radius:11px;background:#f9f6ff;color:#725eae;font-size:11px}.notification-center{display:grid;gap:10px}.notification-card{position:relative;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:flex-start;padding:17px 18px;border:1px solid #eae5f1;border-radius:16px;background:#fff;box-shadow:0 7px 18px #30235807}.notification-card.is-unread{background:#faf7ff;border-color:#dcd0fb}.notification-type-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f1ecff;color:#6e4fdc;font-size:18px}.notification-type-icon.notification-success{background:#e7f8ef;color:#197a50}.notification-type-icon.notification-warning{background:#fff2de;color:#a56b0b}.notification-type-icon.notification-error{background:#ffe9ec;color:#b33b4f}.notification-title-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.notification-title-line h3{margin:0;font:700 16px Asal}.notification-title-line time{font-size:10px;color:#9a92a5}.notification-content p{margin:4px 0 10px;color:#756e84;font-size:12px}.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6e4fdc;font-size:11px}.unread-dot{position:absolute;top:18px;right:12px;width:8px;height:8px;border-radius:50%;background:#8b66ec}.notification-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.notification-channel-grid article{position:relative;padding:18px;border:1px solid #ece7f4;border-radius:15px;background:#faf9fd;display:grid;gap:6px}.notification-channel-grid article>span{font-size:25px}.notification-channel-grid article>b{font:700 16px Asal}.notification-channel-grid article>small{color:#81798e;line-height:1.6}.notification-channel-grid article>em{position:absolute;top:16px;left:16px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700}.channel-ok{background:#e4f7ed;color:#18764d}.channel-warn{background:#fff0dc;color:#a46a0c}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px;border:1px solid #ece7f4;border-radius:12px}.switch-row span b,.switch-row span small{display:block}.switch-row span small{color:#8b8496;margin-top:4px}.switch-row input{width:20px;height:20px}

@media(max-width:1000px){.dashboard-hero{grid-template-columns:1fr}.hero-art{display:none}.analytics-grid{grid-template-columns:1fr 1fr}.analytics-grid .kpi-panel{grid-column:1/-1}.interface-image-field{grid-template-columns:1fr}.notification-channel-grid{grid-template-columns:1fr}}
@media(max-width:700px){.how-steps,.analytics-grid{grid-template-columns:1fr}.dashboard-hero{padding:22px}.hero-copy h1{font-size:27px}.hero-copy h2{font-size:20px}.notification-page-head{align-items:flex-start}.notification-head-actions{width:100%}.notification-head-actions .btn{width:100%}.notification-card{grid-template-columns:40px 1fr;padding:14px}.notification-title-line{align-items:flex-start;flex-direction:column;gap:4px}.unread-dot{right:auto;left:10px}}
.employee-bottom-grid{display:grid;grid-template-columns:280px 1fr;gap:18px}.support-card{padding:24px;border:1px solid #e7def7;border-radius:18px;background:linear-gradient(160deg,#f4efff,#fff);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:260px}.support-card>span{font-size:34px}.support-card h2{font:700 22px Asal;margin:12px 0 6px}.support-card p{color:#7d748d;line-height:1.8;font-size:12px;margin:0 0 18px}@media(max-width:900px){.employee-bottom-grid{grid-template-columns:1fr}.support-card{min-height:auto}}
.executive-readonly .row-actions .btn{display:none!important}.executive-readonly .btn.danger{display:none!important}.executive-readonly .form-actions .btn.primary{display:none!important}

/* =========================================================
   WIDA DASHBOARDS — approved visual direction (Sep 2026)
   Employee + Executive dashboard
========================================================= */
body.role-employee,
body.role-executive-management{background:#f7f6fc}
body.role-employee .container,
body.role-executive-management .container{max-width:1440px;padding:30px 36px 44px}
body.role-employee .top,
body.role-executive-management .top{height:64px;padding:0 34px;border-bottom:1px solid #ebe7f3;box-shadow:0 1px 0 #fff;background:#fff}
body.role-employee .sidebar,
body.role-executive-management .sidebar{width:230px;background:linear-gradient(180deg,#151126 0%,#121022 100%);padding:24px 16px}
body.role-employee .sidebar nav a,
body.role-executive-management .sidebar nav a{min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:11px;color:#d4cce5;font-size:13px;transition:.18s ease}
body.role-employee .sidebar nav a:hover,
body.role-executive-management .sidebar nav a:hover{background:#ffffff0d;color:#fff;transform:translateX(-1px)}
body.role-employee .sidebar nav a:first-child,
body.role-executive-management .sidebar nav a:first-child{background:linear-gradient(135deg,#392b66,#46347b);color:#fff;box-shadow:0 8px 24px #0002}
body.role-employee .brand,
body.role-executive-management .brand{min-height:78px;padding:0 10px 24px;justify-content:center}
body.role-employee .brand img,
body.role-executive-management .brand img{width:48px;max-height:42px}

.pixel-dashboard-hero{min-height:250px;margin:0 0 18px;border:0;border-radius:0;background:transparent;box-shadow:none;padding:12px 0 4px;display:grid;grid-template-columns:1fr 1.08fr;gap:36px;align-items:center;overflow:visible}
.pixel-dashboard-hero::before{display:none}
.pixel-dashboard-hero .hero-copy{padding:14px 18px 14px 0;max-width:600px}
.pixel-dashboard-hero .hero-copy .eyebrow{display:block;color:#8c6ae5;font-size:11px;letter-spacing:1.5px;margin-bottom:10px}
.pixel-dashboard-hero .hero-copy h1{font:700 clamp(30px,3vw,43px)/1.15 Asal;margin:0 0 8px;color:#17122e;letter-spacing:-.3px}
.pixel-dashboard-hero .hero-copy h2{font:700 clamp(21px,2vw,29px)/1.3 Asal;margin:0 0 9px;color:#21193c}
.pixel-dashboard-hero .hero-copy p{font-size:13px;line-height:1.9;color:#80758f;max-width:590px;margin:0 0 18px}
.pixel-dashboard-hero .hero-action{min-width:230px;min-height:51px;border-radius:10px;font-size:14px;background:linear-gradient(135deg,#7146e7,#8254ec);box-shadow:0 10px 25px #6e4fdc30}
.exact-hero-art{height:235px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;position:relative}
.exact-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0;filter:saturate(.92) contrast(.98)}
.employee-hero .exact-hero-art{mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 92%,transparent 100%)}
.executive-art{height:220px;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 92%,transparent 100%)}
.executive-hero .hero-copy{padding-inline-start:10px}

.exact-stats{gap:14px;margin:0 0 18px}
.exact-stats>div{position:relative;min-height:134px;padding:20px 20px 16px;border-radius:14px;border:1px solid #e9e4f2;box-shadow:0 8px 22px #38265a08;background:#fff;overflow:hidden}
.exact-stats>div::after{content:"";position:absolute;inset:auto -30px -50px auto;width:120px;height:120px;border-radius:50%;background:#f7f3ff;opacity:.7}
.exact-stats .stat-icon{position:absolute;left:20px;top:19px;width:48px;height:48px;border-radius:50%;font-size:21px;z-index:1}
.exact-stats small{padding:0!important;color:#71677e;font-size:12px;position:relative;z-index:1}
.exact-stats b{font:700 33px Asal;color:#231642;margin-top:9px;position:relative;z-index:1}
.exact-stats em{display:block;font-style:normal;color:#91889f;font-size:9px;margin-top:6px;position:relative;z-index:1}
.exact-stats>div:last-child em{color:#218b5b}.exact-stats>div:nth-child(2) em{color:#6e4fdc}

.exact-how-panel{padding:18px 28px 22px;border-radius:14px;margin-bottom:18px}
.exact-how-panel .panel-head{margin-bottom:12px}
.exact-how-panel .panel-head h2{font-size:20px}
.exact-how-panel .panel-head p{font-size:11px}
.exact-how-panel .how-steps{gap:0;direction:rtl}
.exact-how-panel .how-steps>div{min-height:160px;border:0;background:transparent;border-radius:0;padding:17px 34px 8px;text-align:right;position:relative}
.exact-how-panel .how-steps>div:not(:last-child)::after{content:"‹";position:absolute;left:-2px;top:60px;color:#d7caf8;font:400 45px Asal}
.exact-how-panel .how-steps>div>span{position:absolute;top:10px;right:34px;width:34px;height:25px;background:#eee8ff;color:#7652dd;font-size:11px}
.exact-how-panel .how-steps i{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#f1edff;margin:28px 0 10px;color:#6d47dc;font-size:27px}
.exact-how-panel .how-steps h3{font-size:16px;margin:0 0 5px}.exact-how-panel .how-steps p{font-size:11px;line-height:1.75;max-width:280px}

.exact-bottom-grid{grid-template-columns:310px 1fr;gap:18px;direction:ltr}
.exact-bottom-grid>*{direction:rtl}
.exact-support-card{min-height:255px;padding:30px;text-align:center;align-items:center;border-radius:14px;background:linear-gradient(145deg,#f0eaff,#fbf9ff);border-color:#ded2fa;position:relative;overflow:hidden}
.exact-support-card::after{content:"";position:absolute;width:230px;height:100px;left:-40px;bottom:-45px;background:#d9c9ff;border-radius:60% 50% 0 0;opacity:.6;transform:rotate(8deg)}
.exact-support-card>span{font-size:29px}.exact-support-card h2{font-size:21px;margin:8px 0}.exact-support-card p{font-size:11px;max-width:230px}.exact-support-card .btn{position:relative;z-index:1;background:#fff;border-color:#e2d8f9;min-width:170px}
.recent-panel{border-radius:14px;padding:18px 20px}.recent-panel table{min-width:650px}.recent-panel th,.recent-panel td{padding:11px 9px;font-size:11px}.recent-panel td b{font-size:11px}.recent-panel .ticket-number-pill{background:transparent;padding:0;color:#302555;font-size:10px}.row-arrow{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#6e4fdc;font-size:23px}

/* Executive — denser analytic layout matching approved concept */
.executive-hero{min-height:210px;margin-bottom:12px}
.executive-hero .read-only-chip{background:#fff;border-color:#dfd5f5;box-shadow:0 7px 18px #4d3a770b;min-width:185px;justify-content:center}
.executive-analytics-row{display:grid;grid-template-columns:1.18fr .95fr .95fr;gap:14px;margin-bottom:16px}
.executive-analytics-row .panel{min-height:225px;padding:18px;border-radius:14px}
.executive-analytics-row .panel h2{font-size:17px}
.trend-chart{height:160px;display:flex;align-items:flex-end;gap:12px;padding:15px 8px 0;border-bottom:1px solid #e8e3f0;position:relative}
.trend-chart::before,.trend-chart::after{content:"";position:absolute;left:0;right:0;border-top:1px solid #f0edf5}.trend-chart::before{top:46px}.trend-chart::after{top:92px}
.trend-point{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;z-index:1}.trend-point i{width:8px;min-height:10px;border-radius:10px 10px 2px 2px;background:linear-gradient(180deg,#7350e5,#b39cf5);box-shadow:0 0 0 3px #fff}.trend-point b{font-size:9px;color:#6e4fdc;margin:4px 0}.trend-point span{font-size:9px;color:#8f879c}
.executive-analytics-row .donut{width:122px;height:122px}.executive-analytics-row .donut::after{width:78px;height:78px}.executive-analytics-row .donut b{font-size:26px}.executive-analytics-row .donut-wrap{gap:18px}
.executive-analytics-row .bar-list{gap:10px}.executive-analytics-row .bar-list>div{grid-template-columns:90px 1fr 20px;font-size:10px}
.executive-bottom-row{display:grid;grid-template-columns:250px 1fr 230px;gap:14px;align-items:stretch}
.executive-bottom-row>.panel{padding:16px;border-radius:14px;margin:0;min-width:0}.executive-bottom-row h2{font-size:17px}.executive-recent table{min-width:680px}.executive-recent th,.executive-recent td{font-size:10px;padding:10px 8px}.read-only-mini{font-size:10px;color:#6e4fdc;background:#f1ecff;padding:5px 8px;border-radius:999px}.customer-list{display:grid;gap:0}.customer-list>div{display:grid;grid-template-columns:34px 1fr 30px;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #eeeaf4}.customer-list>div>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0ebff;color:#6e4fdc;font-weight:700}.customer-list b{font-size:11px}.customer-list strong{font:700 19px Asal;color:#261946}.executive-bottom-row .kpi-panel .kpi-list>div{padding:10px 8px}.executive-bottom-row .kpi-list p{font-size:10px}.executive-bottom-row .kpi-list p b{font-size:14px}
.side-readonly{background:linear-gradient(135deg,#241b42,#2e2450);border-color:#3e315f;color:#e9e0ff;padding:14px 10px}

@media(max-width:1150px){.executive-analytics-row{grid-template-columns:1fr 1fr}.trend-panel{grid-column:1/-1}.executive-bottom-row{grid-template-columns:1fr 1fr}.executive-recent{grid-column:1/-1;grid-row:1}.pixel-dashboard-hero{grid-template-columns:1fr 1fr}}
@media(max-width:900px){body.role-employee .container,body.role-executive-management .container{padding:24px}.pixel-dashboard-hero{grid-template-columns:1fr}.exact-hero-art{order:-1;height:185px}.executive-analytics-row,.executive-bottom-row{grid-template-columns:1fr}.exact-bottom-grid{grid-template-columns:1fr}.executive-recent{grid-column:auto}.exact-how-panel .how-steps{grid-template-columns:1fr}.exact-how-panel .how-steps>div:not(:last-child)::after{display:none}}
@media(max-width:620px){body.role-employee .container,body.role-executive-management .container{padding:16px}.pixel-dashboard-hero{padding-top:0}.pixel-dashboard-hero .hero-copy{padding:8px 0}.exact-hero-art{height:150px}.exact-stats{grid-template-columns:1fr 1fr}.exact-stats>div{min-height:120px}.executive-analytics-row{grid-template-columns:1fr}.executive-bottom-row{grid-template-columns:1fr}}

/* ===== Final approved dashboard match ===== */
body.role-employee .main,body.role-executive-management .main{background:#f8f7fd}
body.role-employee .container,body.role-executive-management .container{max-width:none;padding:28px 38px 38px}
body.role-employee .top,body.role-executive-management .top{height:62px}
body.role-employee .top>span,body.role-executive-management .top>span{font:700 16px Asal;color:#171329}
body.role-employee .sidebar,body.role-executive-management .sidebar{width:236px;padding:18px 14px 20px}
body.role-employee .sidebar nav,body.role-executive-management .sidebar nav{display:grid;gap:7px}
body.role-employee .sidebar nav a,body.role-executive-management .sidebar nav a{min-height:46px;padding:10px 13px;border-radius:12px}
body.role-employee .sidebar nav a:first-child,body.role-executive-management .sidebar nav a:first-child{background:linear-gradient(135deg,#3c2b68,#4b347e)}
.nav-label{display:flex;align-items:center;gap:11px;min-width:0}.nav-icon{font-style:normal;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#cfc3ef;font-size:18px;flex:none}.sidebar nav a:first-child .nav-icon{color:#fff}.sidebar .notification-count{margin-inline-start:auto}
body.role-employee .brand,body.role-executive-management .brand{justify-content:center;gap:10px;padding:3px 8px 22px;margin-bottom:12px;border-bottom:1px solid #ffffff16}
body.role-employee .brand span,body.role-executive-management .brand span{font:700 22px Asal;line-height:1}.brand span small{display:block;margin-top:8px;font:500 9px Shaheen;letter-spacing:2px;color:#b9a9e8}

.pixel-dashboard-hero{min-height:254px;grid-template-columns:minmax(420px,1.12fr) minmax(390px,.88fr);gap:24px;padding:0;margin:0 0 14px;direction:rtl}
.pixel-dashboard-hero .hero-copy{direction:rtl;text-align:right;padding:22px 18px 16px 6px;max-width:none}
.pixel-dashboard-hero .hero-copy h1{font-size:40px;margin-bottom:7px}.pixel-dashboard-hero .hero-copy h2{font-size:25px;margin:0 0 9px}.pixel-dashboard-hero .hero-copy p{font-size:13px;line-height:1.8;margin-bottom:16px;max-width:560px}.pixel-dashboard-hero .hero-action{height:52px;min-width:230px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
.exact-hero-art{height:250px;justify-content:center;overflow:hidden;mask-image:none!important}.exact-hero-art img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;filter:none}.executive-art{height:205px}
.executive-hero{min-height:205px}.executive-hero .hero-copy h1{font-size:38px}.executive-hero .hero-copy h2{font-size:19px}.executive-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.executive-hero-actions .hero-action{min-width:170px;height:45px;font-size:12px}.executive-hero-actions .read-only-chip{height:45px;margin:0;min-width:180px}

.exact-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;direction:rtl}.exact-stats>div{min-height:138px;padding:21px 20px 15px}.exact-stats .stat-icon{left:20px;top:18px;width:48px;height:48px}.exact-stats small{font-size:12px}.exact-stats b{font-size:35px}.exact-stats em{font-size:9px}
.exact-how-panel{padding:18px 28px 18px}.exact-how-panel .how-steps>div{text-align:center;padding:14px 38px 8px}.exact-how-panel .how-steps>div>span{right:50%;transform:translateX(50%)}.exact-how-panel .how-steps i{margin:27px auto 10px}.exact-how-panel .how-steps p{margin:0 auto;max-width:280px}.exact-how-panel .how-steps>div:not(:last-child)::after{left:-7px}
.exact-bottom-grid{grid-template-columns:315px minmax(0,1fr);gap:18px}.exact-support-card{min-height:260px}.recent-panel{min-width:0}

.executive-analytics-row{direction:ltr;grid-template-columns:1.08fr .98fr .98fr;gap:14px}.executive-analytics-row>*{direction:rtl}.executive-bottom-row{direction:ltr;grid-template-columns:255px minmax(0,1fr) 245px;gap:14px}.executive-bottom-row>*{direction:rtl}.executive-recent{min-width:0}.executive-analytics-row .panel,.executive-bottom-row .panel{box-shadow:0 8px 24px #3a27560a}
.trend-chart{height:165px;position:relative;display:block;padding:14px 10px 24px}.trend-chart svg{position:absolute;inset:10px 12px 28px;width:calc(100% - 24px);height:calc(100% - 38px);overflow:visible}.trend-chart .trend-axis{position:absolute;left:8px;right:8px;bottom:4px;display:flex;justify-content:space-between;direction:ltr}.trend-chart .trend-axis span{font-size:9px;color:#8f879c}.trend-chart::before,.trend-chart::after{z-index:0}.trend-chart .trend-line{fill:none;stroke:#7850e7;stroke-width:3}.trend-chart .trend-fill{fill:url(#trendFill);opacity:.23}.trend-chart .trend-dot{fill:#7850e7;stroke:#fff;stroke-width:3}

.executive-readonly form[method="post"]:not(.read-only-allowed) button,.executive-readonly form[method="post"]:not(.read-only-allowed) input,.executive-readonly form[method="post"]:not(.read-only-allowed) select,.executive-readonly form[method="post"]:not(.read-only-allowed) textarea{opacity:.55}
.executive-readonly .row-actions form[method="post"]:not(.read-only-allowed),.executive-readonly .form-card:not(.read-only-allowed) button[type="submit"]{display:none!important}
.executive-readonly .read-only-allowed button,.executive-readonly .read-only-allowed input,.executive-readonly .read-only-allowed select,.executive-readonly .read-only-allowed textarea{opacity:1!important;pointer-events:auto!important}
.side-readonly{font-size:10px;line-height:1.7}.side-readonly::after{content:""}

@media(max-width:1200px){.pixel-dashboard-hero{grid-template-columns:1fr 1fr}.executive-bottom-row{grid-template-columns:220px minmax(0,1fr)}.kpi-panel{grid-column:1/-1}.executive-analytics-row{grid-template-columns:1fr 1fr}.trend-panel{grid-column:1/-1}}
@media(max-width:900px){.pixel-dashboard-hero{grid-template-columns:1fr}.exact-hero-art{order:-1;height:200px}.executive-art{height:180px}.exact-stats{grid-template-columns:1fr 1fr}.executive-analytics-row,.executive-bottom-row{grid-template-columns:1fr}.executive-bottom-row .kpi-panel{grid-column:auto}}
.notification-matrix{display:grid;border:1px solid #ece7f4;border-radius:14px;overflow:hidden;margin:8px 0 18px}.notification-matrix-head,.notification-matrix-row{display:grid;grid-template-columns:minmax(180px,1fr) 110px 110px 110px;align-items:center}.notification-matrix-head{background:#f7f4fc;color:#5f5571;font-size:11px}.notification-matrix-head>*{padding:12px}.notification-matrix-row{border-top:1px solid #eeeaf5;min-height:52px}.notification-matrix-row>span,.notification-matrix-row>label{padding:10px 12px}.notification-matrix-row input{width:auto}.matrix-always{color:#19875a;font-weight:700}@media(max-width:620px){.notification-matrix{overflow-x:auto}.notification-matrix-head,.notification-matrix-row{min-width:620px}}
/* 2026-09 workflow, executive finance and compact subscription refinements */
.topic-chips{display:flex;gap:9px;flex-wrap:wrap;padding:10px 0}.topic-chip{position:relative}.topic-chip input{position:absolute;opacity:0}.topic-chip span{display:block;border:1px solid #ded7ef;border-radius:10px;padding:10px 14px;background:#fff;cursor:pointer}.topic-chip input:checked+span{background:#efe9ff;border-color:#8055e9;color:#5f35d5;font-weight:700}.field-label{display:block;font-weight:700;margin-bottom:5px}.field-label small{font-weight:400;color:#8a8199}.approval-hint{padding:14px 16px;border-radius:12px;background:#fff8e8;border:1px solid #f2d99d;color:#775713}.approval-panel{border-inline-start:4px solid #7650df}.approval-actions .form-actions{flex-wrap:wrap}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto!important}
.exec-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.exec-kpis>div{background:#fff;border:1px solid #ebe6f3;border-radius:14px;padding:16px;min-height:92px}.exec-kpis small{display:block;color:#766d87}.exec-kpis b{display:block;font:700 27px Asal;color:#201638;margin-top:8px}.exec-kpis b em{font:500 11px Shaheen}.exec-kpis .attention{background:#f3edff;border-color:#d9c9ff}.finance-row{grid-template-columns:repeat(3,1fr)!important}.subscription-donut{background:conic-gradient(#55c69a 0 65%,#f2b84b 65% 82%,#dc6f7a 82% 96%,#c8c2d5 96%)}.cycle-bars{display:grid;gap:15px}.cycle-bars>div{display:grid;grid-template-columns:65px 1fr 30px;gap:10px;align-items:center}.cycle-bars i{height:9px;border-radius:99px;background:#eee9fa;overflow:hidden}.cycle-bars i b{display:block;height:100%;background:linear-gradient(90deg,#9b7af2,#6e43df);border-radius:99px}.cycle-bars footer{margin-top:12px;padding:12px;background:#f7f4ff;border-radius:10px;display:flex;gap:8px;justify-content:space-around;flex-wrap:wrap}.exec-finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.compact-table{width:100%;border-collapse:collapse}.compact-table th,.compact-table td{padding:10px 8px;border-bottom:1px solid #eeeaf4;font-size:12px}.danger-text{color:#d33}.warning-text{color:#d98b00}.success-text{color:#1a9c64}.approval-queue{margin-top:14px}.approval-queue-row{display:grid;grid-template-columns:1fr 160px 150px;gap:12px;padding:13px;border-bottom:1px solid #eeeaf4;color:inherit}.approval-queue-row strong{color:#6f47dd}.exec-ops-summary{margin-top:14px}.mini-kpis{display:flex;gap:12px;flex-wrap:wrap}.mini-kpis span{background:#f7f4ff;border-radius:10px;padding:10px 14px}.mini-kpis b{font-size:18px;margin-inline-start:8px}
.compact-subscriptions{overflow-x:visible!important}.compact-subscriptions table{min-width:0!important;width:100%;table-layout:auto}.compact-subscriptions th,.compact-subscriptions td{padding:9px 6px!important;font-size:11px;white-space:normal}.compact-subscriptions .row-actions{flex-wrap:nowrap}.date-with-icon{white-space:nowrap}.expiry-warning{display:block;color:#c57c00;margin-top:3px}.subscription-filters{display:grid!important;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr)) auto;align-items:end}.pretty-date{position:relative}.pretty-date .date-display{padding-inline-start:46px!important}.pretty-date:before{content:'▣';position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);z-index:2;color:#7048df;font-size:18px;pointer-events:none}.pretty-date .date-picker{position:absolute;inset:auto!important;inset-inline-start:0!important;top:0!important;width:46px!important;height:100%;opacity:.001;cursor:pointer;z-index:3;padding:0!important;border:0!important}.pretty-date .date-display[readonly]{cursor:pointer}.report-center-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.step-admin-edit{padding:14px 0;border-bottom:1px solid #eeeaf4}
@media(max-width:1050px){.exec-kpis{grid-template-columns:repeat(2,1fr)}.finance-row,.exec-finance-grid{grid-template-columns:1fr!important}.subscription-filters{grid-template-columns:1fr 1fr}.compact-subscriptions{overflow-x:auto!important}.compact-subscriptions table{min-width:850px!important}}
@media(max-width:620px){.exec-kpis{grid-template-columns:1fr 1fr}.subscription-filters{grid-template-columns:1fr}.approval-queue-row{grid-template-columns:1fr}}

/* 2026-09 final admin/form refinements */
.request-admin-tabs{margin-bottom:16px}.toggle-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:12px 0}.check-line{display:inline-flex!important;align-items:center!important;gap:9px!important;margin:0!important}.check-line input[type="checkbox"]{position:static!important;opacity:1!important;width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;accent-color:#7349e7}.check-line span{line-height:1.3}.topic-chips{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0}.topic-chip{position:relative;display:inline-block}.topic-chip>input{position:absolute!important;opacity:0!important;pointer-events:none}.topic-chip>span{display:flex!important;align-items:center!important;gap:8px;border:1px solid #ded7ef;border-radius:11px;padding:10px 14px;background:#fff;cursor:pointer;min-height:42px}.topic-chip .topic-check{display:inline-grid;place-items:center;width:18px;height:18px;border:1.5px solid #c9c0df;border-radius:5px;font-style:normal;font-size:11px;color:transparent;background:#fff}.topic-chip input:checked+span{background:#f2edff;border-color:#8055e9;color:#5f35d5;font-weight:700}.topic-chip input:checked+span .topic-check{background:#7448e5;border-color:#7448e5;color:#fff}.request-topics-field{margin-bottom:4px}.dynamic-request-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dynamic-request-fields:empty{display:none}.dynamic-field{display:flex;flex-direction:column;gap:7px}.dynamic-field>span{font-weight:600}.dynamic-field em{color:#d43d59;font-style:normal}.dynamic-field.check-field{display:flex;justify-content:center}.dynamic-field select[multiple]{min-height:110px}.support-admin-settings{background:#faf8ff;border:1px solid #eee7ff;border-radius:14px;padding:16px}.full-span{grid-column:1/-1}.subscription-field-editor{margin-bottom:18px}.compact-subscriptions .row-actions{display:flex;gap:5px;flex-wrap:wrap!important}.compact-subscriptions td:last-child{min-width:185px}.request-extra-details{margin-top:24px;padding-top:18px;border-top:1px solid #eeeaf4}.field-list .list-row small{display:block;margin-top:4px}.form-card input:disabled,.form-card select:disabled{background:#f5f3f8;color:#8c8496}
@media(max-width:760px){.dynamic-request-fields{grid-template-columns:1fr}.topic-chip{width:100%}.topic-chip>span{width:100%}.full-span{grid-column:auto}}
.employee-bottom-grid.no-support{grid-template-columns:1fr!important}

/* FINAL 2026-09: conditional fields must stay truly hidden even inside flex/grid forms */
[hidden]{display:none!important;}
.request-admin-tabs + .panel .row-actions,.field-list .row-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.field-core-note{display:block;color:#847a92;margin-top:5px;font-size:12px;}

/* 2026-09-12 executive approval action visibility fix
   Executive management remains read-only globally, but approval workflow
   actions must stay available inside the explicitly allowed approval form. */
body.role-executive-management.executive-readonly .approval-actions.read-only-allowed .form-actions .btn.primary,
body.role-executive-management.executive-readonly .approval-actions.read-only-allowed .form-actions .btn.danger,
body.role-executive-management.executive-readonly .approval-actions.read-only-allowed .form-actions .btn.ghost {
    display: inline-flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}


/* 2026-09-12 System Admin control center + executive UX */
.permission-center-form{display:grid;gap:18px;padding-bottom:82px}.permission-group{margin:0}.permission-group .panel-head{align-items:center}.permission-group-actions{display:flex;gap:7px;flex-wrap:wrap}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.permission-card{display:grid!important;grid-template-columns:auto auto 1fr;gap:11px!important;align-items:start!important;border:1px solid #ece6f5;border-radius:13px;padding:14px!important;background:#fff;margin:0!important;cursor:pointer;min-height:96px}.permission-card>input{position:absolute!important;opacity:0!important;pointer-events:none}.permission-toggle{width:38px;height:22px;border-radius:999px;background:#d8d2e3;position:relative;margin-top:1px;transition:.2s}.permission-toggle:after{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;transition:.2s}.permission-card>input:checked+.permission-toggle{background:#7249e3}.permission-card>input:checked+.permission-toggle:after{left:19px}.permission-card b{display:block;font-size:13px;margin-bottom:5px}.permission-card small{display:block;color:#81788c;line-height:1.7;font-size:11px}.sticky-save{position:sticky;bottom:12px;z-index:10;display:flex;align-items:center;gap:14px;justify-content:center;background:#fff;border:1px solid #e8e1f2;box-shadow:0 10px 35px #28134c1a;border-radius:14px;padding:12px 18px}.sticky-save small{color:#756d80}
.smart-request-form .topic-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.smart-request-form .topic-chip{width:100%}.smart-request-form .topic-chip>span{height:100%;justify-content:space-between;text-align:start}.role-executive-management .smart-request-form{width:100%}.role-executive-management .smart-request-form label,.role-executive-management .smart-request-form input,.role-executive-management .smart-request-form select,.role-executive-management .smart-request-form textarea{opacity:1!important}.role-executive-management .ticket-conversation .message-form.read-only-allowed .btn.primary{display:inline-flex!important;opacity:1!important;pointer-events:auto!important}.role-executive-management .ticket-conversation .message-form.read-only-allowed textarea{opacity:1!important;pointer-events:auto!important}
.subscription-filters:has(select[name="sort"]){grid-template-columns:minmax(180px,2fr) repeat(4,minmax(120px,1fr)) auto}
@media(max-width:1050px){.permission-grid{grid-template-columns:1fr 1fr}.smart-request-form .topic-chips{grid-template-columns:1fr 1fr}.subscription-filters:has(select[name="sort"]){grid-template-columns:1fr 1fr}}
@media(max-width:680px){.permission-grid{grid-template-columns:1fr}.smart-request-form .topic-chips{grid-template-columns:1fr}.sticky-save{align-items:stretch;flex-direction:column}.subscription-filters:has(select[name="sort"]){grid-template-columns:1fr}}

/* 2026-09-13 FINAL executive request-topic checkbox fix
   The executive role globally restores form input opacity so allowed forms stay usable.
   Topic cards use a visually-hidden native checkbox + one custom selector, therefore
   the native checkbox must remain hidden to avoid the duplicated square. */
body.role-executive-management .smart-request-form .topic-chip > input[type="checkbox"]{
    position:absolute!important;
    opacity:0!important;
    width:1px!important;
    height:1px!important;
    min-width:1px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    pointer-events:none!important;
}
body.role-executive-management .smart-request-form .topic-chip > span{
    width:100%;
    min-height:48px;
    box-sizing:border-box;
    align-items:center!important;
}
body.role-executive-management .smart-request-form .topic-chip .topic-check{
    flex:0 0 18px;
}

/* ======================================================================
   WIDA DESIGN SYSTEM — 2026-09-13
   Approved visual direction: stronger WIDA identity for dashboards,
   tables, reports, filters, KPI cards and action controls.
   ====================================================================== */
:root{
  --wida-purple:#6f46e8;
  --wida-purple-2:#845ff3;
  --wida-purple-soft:#f2edff;
  --wida-purple-soft-2:#faf8ff;
  --wida-navy:#19142f;
  --wida-navy-2:#272044;
  --wida-text:#231b3a;
  --wida-muted:#7d748f;
  --wida-line:#e9e3f3;
  --wida-bg:#f7f5fb;
  --wida-green:#35b981;
  --wida-green-soft:#e9f8f1;
  --wida-amber:#f1a72d;
  --wida-amber-soft:#fff4df;
  --wida-red:#e85561;
  --wida-red-soft:#ffedef;
  --wida-blue:#4e7eea;
  --wida-blue-soft:#edf3ff;
  --wida-radius:18px;
  --wida-shadow:0 12px 34px rgba(61,42,98,.07);
}
body{background:var(--wida-bg);color:var(--wida-text)}
.wida-icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.17em;flex:0 0 auto}
.main{background:radial-gradient(circle at 12% 4%,rgba(111,70,232,.045),transparent 28%),var(--wida-bg)}
.container{max-width:1540px}
.sidebar{background:linear-gradient(180deg,#151029 0%,#1d1639 55%,#322061 100%);box-shadow:-12px 0 34px rgba(33,24,63,.12)}
.sidebar .brand{padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.09)}
.sidebar nav{gap:5px}.sidebar nav a{border-radius:12px;padding:11px 13px;color:#e8e2f7;transition:.18s ease}.sidebar nav a:hover{background:rgba(255,255,255,.08);transform:translateX(-2px)}
.sidebar nav a:focus-visible{outline:2px solid #bfaeff;outline-offset:2px}.nav-icon{width:24px;height:24px;display:inline-grid;place-items:center;color:#cbbdff}.nav-icon .wida-icon{width:18px;height:18px}.sidebar .notification-count{background:#f05768;color:#fff;box-shadow:0 0 0 3px #211943}
.top{min-height:64px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--wida-line)}
.user-pill{background:#f0ebff;color:#6044c3;border:1px solid #e5dcff}.notification-link .wida-icon{width:20px;height:20px;color:#6445cb}

.panel,.stats>div,.exec-kpis>div{border:1px solid var(--wida-line);border-radius:var(--wida-radius);background:#fff;box-shadow:var(--wida-shadow)}
.panel{padding:22px}.panel-head{margin-bottom:18px}.panel-head h2,.page-head h1{color:var(--wida-navy);letter-spacing:-.2px}.panel-head p,.page-head p{color:var(--wida-muted)}
.page-head{padding:8px 2px 18px}.page-head h1{font-size:31px}.branded-page-head .eyebrow,.eyebrow{color:var(--wida-purple);font-weight:700;letter-spacing:.08em}.section-icon,.attention-title-icon{width:38px;height:38px;border-radius:12px;background:var(--wida-purple-soft);color:var(--wida-purple);display:inline-grid;place-items:center;float:right;margin-left:10px}.section-icon .wida-icon,.attention-title-icon .wida-icon{width:19px;height:19px}

.btn{border-radius:11px;min-height:42px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.18s ease}.btn.primary{background:linear-gradient(135deg,var(--wida-purple),var(--wida-purple-2));border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(111,70,232,.22)}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(111,70,232,.28)}.btn.ghost{background:#fff;border:1px solid #dcd2f5;color:#6141c8}.btn.danger{background:var(--wida-red-soft);border-color:#ffd7db;color:#d74251}.btn.small{min-height:34px;padding:6px 10px}.btn .wida-icon{width:17px;height:17px}

/* Branded filter bars */
.subscription-filters,.report-filters,.branded-filter-bar{background:#fff;border:1px solid var(--wida-line);border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(61,42,98,.045);display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.subscription-filters input,.subscription-filters select,.report-filters input,.report-filters select,.branded-filter-bar input,.branded-filter-bar select{min-height:44px;border:1px solid #dfd8ed;border-radius:11px;background:#fff;color:var(--wida-text);padding-inline:13px;transition:.15s ease}.subscription-filters input:focus,.subscription-filters select:focus,.report-filters input:focus,.report-filters select:focus{border-color:#9c83ec;box-shadow:0 0 0 3px rgba(111,70,232,.09);outline:0}.report-filters label{color:#5f566f;font-weight:700;font-size:12px}.report-actions{display:flex;gap:9px;flex-wrap:wrap}

/* System-wide tables */
.table-wrap{border:1px solid var(--wida-line);border-radius:15px;background:#fff;overflow:auto;box-shadow:0 6px 22px rgba(50,35,86,.035)}
.table-wrap table,.data-table,.compact-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}
.table-wrap thead th,.data-table thead th,.compact-table thead th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#fbfaff,#f6f3fc);color:#706680;font-size:11px;font-weight:800;white-space:nowrap;border-bottom:1px solid #e7e0f1;padding:13px 14px}
.table-wrap tbody td,.data-table tbody td,.compact-table tbody td{padding:13px 14px;border-bottom:1px solid #eee9f4;color:#352c49;vertical-align:middle;font-size:12px;line-height:1.65}
.table-wrap tbody tr:nth-child(even),.data-table tbody tr:nth-child(even){background:#fdfcff}.table-wrap tbody tr:hover,.data-table tbody tr:hover{background:#f8f5ff}.table-wrap tbody tr:last-child td,.data-table tbody tr:last-child td,.compact-table tbody tr:last-child td{border-bottom:0}.table-wrap td b,.data-table td b,.compact-table td b{color:#211831}.table-wrap .empty{padding:38px 18px;text-align:center;color:#91889d;background:#fbfaff}
.compact-table{border:1px solid var(--wida-line);border-radius:13px;overflow:hidden}.compact-table thead th{position:static}.compact-table tbody td{padding:11px 12px}
.row-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.row-actions .btn{white-space:nowrap}.row-actions .btn.small{border-radius:9px}
.badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:66px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid transparent}.status-active,.status-resolved,.status-closed{background:var(--wida-green-soft);color:#16845b;border-color:#d2f0e2}.status-disabled{background:#f0eef4;color:#746b84;border-color:#dfdae7}.status-expiring,.status-waiting,.status-needs_question,.status-needs_edit{background:var(--wida-amber-soft);color:#b5720e;border-color:#ffe4b1}.status-expired,.status-cancelled,.status-rejected{background:var(--wida-red-soft);color:#c9414e;border-color:#ffd7dc}.status-new,.status-executive_review{background:var(--wida-purple-soft);color:#6544ce;border-color:#e0d5ff}.status-in_progress,.status-approved{background:var(--wida-blue-soft);color:#3d6ed0;border-color:#dbe7ff}.expiry-warning{display:block;margin-top:3px;color:#e08512;font-weight:700;font-size:9px}.date-with-icon{display:inline-flex;align-items:center;gap:5px}

/* KPI / report cards */
.stats,.report-stats{gap:14px}.stats>div,.report-stats>div{position:relative;overflow:hidden;min-height:108px;padding:18px 19px}.stats>div::after,.report-stats>div::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:#f5f1ff;left:-25px;bottom:-25px}.stats>div small,.report-stats>div small{color:#776d88;font-weight:700}.stats>div b,.report-stats>div b{color:var(--wida-navy);font-size:29px}.report-stats>div:nth-child(3n+1){border-top:3px solid #7b55eb}.report-stats>div:nth-child(3n+2){border-top:3px solid #49bf8c}.report-stats>div:nth-child(3n){border-top:3px solid #f2ad39}.report-table-panel{padding:20px}.report-table-panel>.panel-head{padding-inline:2px}
.report-type-nav{display:flex;gap:9px;flex-wrap:wrap;margin:-2px 0 14px}.report-type-nav a{padding:10px 16px;border:1px solid #ddd3ef;border-radius:12px;background:#fff;color:#6042b4;text-decoration:none;font-weight:800;box-shadow:0 5px 15px rgba(57,37,96,.04);transition:.18s ease}.report-type-nav a:hover,.report-type-nav a.active{color:#fff;border-color:#7448e7;background:linear-gradient(135deg,#6840df,#885cf3);box-shadow:0 10px 22px rgba(105,64,223,.2)}
.report-stats>a{position:relative;display:block;overflow:hidden;min-height:108px;padding:18px 19px;border:1px solid var(--wida-line);border-radius:16px;background:#fff;color:inherit;text-decoration:none;box-shadow:var(--wida-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.report-stats>a::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:#f5f1ff;left:-25px;bottom:-25px}.report-stats>a small,.report-stats>a b{display:block;position:relative;z-index:1}.report-stats>a small{color:#776d88;font-weight:700}.report-stats>a b{color:var(--wida-navy);font-size:29px}.report-stats>a:nth-child(3n+1){border-top:3px solid #7b55eb}.report-stats>a:nth-child(3n+2){border-top:3px solid #49bf8c}.report-stats>a:nth-child(3n){border-top:3px solid #f2ad39}.report-stats>a:hover{transform:translateY(-2px);border-color:#d7c9ee;box-shadow:0 16px 34px rgba(52,34,94,.11)}.report-stats>a:focus-visible{outline:3px solid rgba(111,66,232,.24);outline-offset:3px}
.report-subscription-link{display:inline-block;color:inherit;text-decoration:none;border-radius:9px}.report-subscription-link:hover b{color:#6b42dc;text-decoration:underline}.report-subscription-link:focus-visible{outline:3px solid rgba(111,66,232,.22);outline-offset:3px}.report-open-subscription{white-space:nowrap;gap:5px}.report-open-subscription .wida-icon{width:14px;height:14px}
.subscription-details-panel{padding:22px}.subscription-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.subscription-detail-grid>div{padding:14px;border:1px solid #eee7f6;border-radius:13px;background:#fcfbfe}.subscription-detail-grid small,.subscription-detail-grid b{display:block}.subscription-detail-grid small{margin-bottom:5px;color:#857a94;font-size:11px}.subscription-detail-grid b{color:#21173a;font-size:14px;word-break:break-word}.subscription-detail-text{margin-top:16px;padding:16px 18px;border:1px solid #eee7f6;border-radius:13px;background:#fcfbfe}.subscription-detail-text h3{margin:0 0 8px;color:#2b2040;font-size:15px}.subscription-detail-text p{margin:0;color:#655b73;line-height:1.8;white-space:normal}
@media(max-width:1000px){.subscription-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.report-type-nav{display:grid;grid-template-columns:1fr 1fr}.subscription-detail-grid{grid-template-columns:1fr}}

/* Executive approved dashboard */
.executive-hero{min-height:210px;padding:25px 30px;background:linear-gradient(135deg,#fff 0%,#f7f3ff 56%,#eee8ff 100%)}.executive-hero .hero-art img{max-height:175px}.executive-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.branded-kpis{grid-template-columns:repeat(5,minmax(170px,1fr));gap:14px}.branded-kpis>div{min-height:142px;padding:18px;position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;align-items:center}.branded-kpis .kpi-icon{grid-column:2;grid-row:1 / span 2;width:43px;height:43px;border-radius:14px;display:grid;place-items:center}.kpi-icon.purple{background:var(--wida-purple-soft);color:var(--wida-purple)}.kpi-icon.blue{background:var(--wida-blue-soft);color:var(--wida-blue)}.kpi-icon.green{background:var(--wida-green-soft);color:var(--wida-green)}.kpi-icon.amber{background:var(--wida-amber-soft);color:var(--wida-amber)}.kpi-icon.red{background:var(--wida-red-soft);color:var(--wida-red)}.branded-kpis small{grid-column:1;color:#756b87;font-weight:700}.branded-kpis b{grid-column:1;font-size:27px;color:var(--wida-navy)}.branded-kpis b em{font-size:10px;font-style:normal}.branded-kpis a{grid-column:1 / -1;color:var(--wida-purple);font-size:10px;font-weight:700;margin-top:4px}.branded-kpis>div.attention{background:linear-gradient(145deg,#fff,#f6f0ff);border-color:#d9ccff}
.executive-analytics-row{gap:15px}.executive-analytics-row .panel{min-height:260px}.donut.subscription-donut{background:conic-gradient(#4dc595 0 74%,#f1b13d 74% 90%,#e75d69 90% 100%)}.cycle-bars i b{background:linear-gradient(90deg,#9a7bf2,#6b44e1)}
.executive-attention{border-color:#f1d8dc;background:linear-gradient(180deg,#fff,#fffafb)}.executive-attention .panel-head{margin-bottom:12px}.executive-attention .panel-head h2{color:#d44351}.attention-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.attention-card{border:1px solid var(--wida-line);border-radius:14px;padding:16px;background:#fff;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center}.attention-card>span{grid-row:1 / span 2;width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.attention-card b{font-size:25px;color:var(--wida-navy)}.attention-card small{color:#70667f;font-weight:700}.attention-card.critical{background:#fff6f7;border-color:#ffe0e4}.attention-card.critical>span{background:var(--wida-red-soft);color:var(--wida-red)}.attention-card.warning>span{background:var(--wida-amber-soft);color:var(--wida-amber)}.attention-card.purple>span{background:var(--wida-purple-soft);color:var(--wida-purple)}.attention-card.blue>span{background:var(--wida-blue-soft);color:var(--wida-blue)}
.exec-finance-grid{gap:15px}.exec-finance-grid .panel{overflow:hidden}.executive-bottom-brand{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin:18px 0}.executive-help-card{display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center;background:linear-gradient(135deg,#fbf9ff,#f1ebff)}.executive-help-card .support-icon,.support-card .support-icon{width:54px;height:54px;border-radius:18px;background:#eae1ff;color:#6a45d6;display:grid;place-items:center}.executive-help-card .support-icon .wida-icon,.support-card .support-icon .wida-icon{width:28px;height:28px}.executive-help-card h2{margin:0 0 4px}.executive-help-card p{margin:0;color:var(--wida-muted)}.support-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.support-whatsapp{background:#fff;border:1px solid #79d9a8;color:#19975f}.support-whatsapp:hover{background:#effbf5}.executive-quote{position:relative;text-align:center;display:grid;place-items:center;background:linear-gradient(135deg,#f5f0ff,#ece4ff);overflow:hidden}.executive-quote>span{position:absolute;right:25px;top:10px;font-size:65px;color:#c9b7ff;opacity:.75}.executive-quote h2{font-size:20px;line-height:1.7;margin:8px}.executive-quote small{color:#7a58da;font-weight:800}

/* Employee homepage */
.employee-hero{min-height:220px}.how-panel .panel-head{align-items:center}.how-steps>div{background:linear-gradient(180deg,#fff,#fbf9ff);border-color:#e7dff6}.how-steps i{width:52px;height:52px;border-radius:50%;background:#eee7ff;display:grid;place-items:center}.support-card{background:linear-gradient(145deg,#f8f4ff,#efe8ff);border-color:#d8caff}.support-card .support-actions{justify-content:center}.settings-master-form{display:grid;gap:18px}.settings-section{margin:0}.settings-toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.branded-save{border:1px solid #dcd0f8;background:#faf7ff}.branded-save .btn{min-width:250px}

/* Forms / settings */
.form-card label{color:#5f556f;font-weight:700}.form-card input,.form-card select,.form-card textarea{border:1px solid #dfd8ed;border-radius:11px;background:#fff;min-height:43px}.form-card textarea{min-height:90px}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#9a80ec;box-shadow:0 0 0 3px rgba(111,70,232,.08);outline:0}.permission-card{border:1px solid #e4dcef;background:#fff;border-radius:14px}.permission-card:has(input:checked){border-color:#bba8f4;background:#faf7ff}.permission-toggle{box-shadow:inset 0 0 0 1px #d9cfee}

/* Keep Executive topic-selector checkbox clean: one designed control only */
body.role-executive-management .smart-request-form .topic-chip>input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
body.role-executive-management .smart-request-form .topic-chip{min-height:47px;display:flex;align-items:center;border-radius:12px!important;border:1px solid #dfd5f4!important;background:#fff!important;padding:11px 13px!important;gap:10px!important;box-shadow:none!important}
body.role-executive-management .smart-request-form .topic-chip:has(input:checked){border-color:#7a54e8!important;background:#f5f0ff!important;box-shadow:0 0 0 2px rgba(111,70,232,.08)!important}
body.role-executive-management .smart-request-form .topic-chip::after{content:"";width:17px;height:17px;border:1.5px solid #c6b8e9;border-radius:5px;margin-inline-start:auto;background:#fff;flex:0 0 auto}
body.role-executive-management .smart-request-form .topic-chip:has(input:checked)::after{content:"✓";display:grid;place-items:center;background:#7149e5;border-color:#7149e5;color:#fff;font-size:11px;font-weight:900}

@media(max-width:1250px){.branded-kpis{grid-template-columns:repeat(3,1fr)}.attention-grid{grid-template-columns:repeat(2,1fr)}.executive-bottom-brand{grid-template-columns:1fr}.settings-toggle-grid{grid-template-columns:1fr}.table-wrap{max-width:100%}}
@media(max-width:760px){.branded-kpis{grid-template-columns:1fr 1fr}.attention-grid{grid-template-columns:1fr}.executive-help-card{grid-template-columns:48px 1fr}.executive-help-card .support-actions{grid-column:1/-1}.subscription-filters,.report-filters{display:grid;grid-template-columns:1fr}.subscription-filters>*,.report-filters>*{width:100%;max-width:none!important}.table-wrap tbody td,.table-wrap thead th{padding:11px 10px}.page-head{align-items:flex-start}.branded-kpis>div{min-width:0}.sidebar nav a{padding:10px}}
@media print{.sidebar,.top,.report-actions,.report-filters,.btn,.row-actions{display:none!important}.main{margin:0!important}.container{max-width:none!important}.panel,.table-wrap{box-shadow:none!important;border-color:#ddd!important}.table-wrap{overflow:visible!important}.table-wrap thead th{position:static!important}}

/* List-based admin screens receive the same visual system as tables */
.list-row{border:1px solid var(--wida-line)!important;border-radius:13px!important;background:#fff!important;padding:13px 14px!important;margin:8px 0!important;box-shadow:0 5px 16px rgba(50,35,86,.025);transition:.15s ease}.list-row:hover{border-color:#d8ccf4!important;background:#fcfaff!important}.list-row b{color:var(--wida-navy)}.list-row small{display:block;margin-top:3px;color:var(--wida-muted)}
.priority-normal{background:#f3f1f6;color:#70677d}.priority-high{background:var(--wida-amber-soft);color:#ac6d0b}.priority-urgent{background:var(--wida-red-soft);color:#c63d49}

/* ===== WIDA premium subscriptions view — exact branded treatment ===== */
.subscription-brand-shell{display:grid;gap:16px}
.subscription-kpis{display:grid!important;grid-template-columns:repeat(5,minmax(150px,1fr))!important;margin:0!important}
.subscription-kpis .sub-kpi{min-height:132px!important;border-radius:16px!important;padding:18px!important;background:#fff!important;border:1px solid #e9e2f4!important;box-shadow:0 12px 32px rgba(44,31,76,.055)!important;position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:1fr 46px!important;grid-template-rows:auto auto auto!important;align-content:center!important}
.subscription-kpis .sub-kpi:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;left:-45px;bottom:-58px;background:#f4efff;opacity:.85}
.subscription-kpis .sub-kpi .kpi-icon{grid-column:2;grid-row:1/span 2;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;z-index:1}
.subscription-kpis .sub-kpi .kpi-icon .wida-icon{width:21px;height:21px}
.subscription-kpis .sub-kpi small{grid-column:1;color:#776c89;font-size:11px;font-weight:800;z-index:1}
.subscription-kpis .sub-kpi b{grid-column:1;color:#20163c;font:700 28px Asal;line-height:1.1;margin-top:6px;z-index:1}
.subscription-kpis .sub-kpi b i{font:700 9px Shaheen;font-style:normal;margin-inline-start:3px;color:#2d2440}
.subscription-kpis .sub-kpi em{grid-column:1/-1;color:#9b92a9;font-size:9px;font-style:normal;margin-top:7px;z-index:1}
.branded-subscriptions-panel{padding:18px!important;border-radius:18px!important}
.subscription-list-head{margin-bottom:12px!important;align-items:center!important}.subscription-list-head>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center}.subscription-list-head .section-icon{grid-row:1/span 2;margin:0;float:none}.subscription-list-head h2{margin:0!important;font-size:19px!important}.subscription-list-head p{margin:2px 0 0!important;color:#958ca3!important;font-size:10px!important}
.subscription-filters.branded-filter-bar{display:grid!important;grid-template-columns:minmax(240px,1.7fr) repeat(4,minmax(135px,.8fr)) minmax(145px,.9fr) auto!important;gap:9px!important;align-items:center!important;padding:13px!important;background:linear-gradient(180deg,#fff,#fcfbff)!important;border-color:#ebe4f5!important}
.subscription-filters .filter-search{position:relative;margin:0!important}.subscription-filters .filter-search>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#8469df;z-index:2;display:grid}.subscription-filters .filter-search input{width:100%!important;max-width:none!important;padding-right:39px!important}.subscription-filters .filter-search .wida-icon{width:17px;height:17px}
.subscription-filters .filter-submit{height:44px;white-space:nowrap;padding-inline:17px}
.premium-table{border-radius:15px!important;border-color:#e8e0f2!important;box-shadow:none!important}.premium-table table{min-width:1180px}.premium-table thead th{background:#f7f3ff!important;color:#756985!important;padding:12px 13px!important;font-size:10px!important}.premium-table tbody td{padding:12px 13px!important;font-size:11px!important}.premium-table tbody tr:nth-child(even){background:#fdfcff!important}.premium-table tbody tr:hover{background:#f7f3ff!important}
.subscription-name-cell{display:flex;align-items:center;gap:9px;min-width:155px}.subscription-row-icon{width:32px;height:32px;border-radius:10px;background:#efe9ff;color:#6f49db;display:grid;place-items:center;flex:0 0 32px}.subscription-row-icon .wida-icon{width:16px;height:16px}.subscription-name-cell>span:last-child{display:grid;gap:2px}.subscription-name-cell b{font-size:11px!important}.subscription-name-cell small{font-size:8px;color:#958ca2;min-height:8px}
.customer-pill,.cycle-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#f5f2fa;color:#655b72;font-size:9px;font-weight:700;white-space:nowrap}.customer-pill .wida-icon{width:12px;height:12px}.customer-pill.is-client{background:#efe9ff;color:#6a48cd}.customer-pill.is-internal{background:#eef8f3;color:#27805d}.cycle-pill{background:#f7f4fb;color:#5f556d}
.money-value{white-space:nowrap;color:#251943!important;font-size:11px!important}.money-value small{font-size:8px;color:#82788f}
.renewal-cell{display:grid;gap:3px;white-space:nowrap}.renewal-cell>span{display:inline-flex;align-items:center;gap:4px}.renewal-cell .wida-icon{width:12px;height:12px;color:#7a5bd9}.expiry-warning{display:inline-flex!important;width:max-content;padding:3px 6px;border-radius:999px;margin:0!important}.urgency-high{background:#ffe9ec;color:#d14350!important}.urgency-medium{background:#fff0d8;color:#c37a0e!important}.urgency-low{background:#fff7e8;color:#c58b2e!important}
.auto-renewal-label,.renewal-confirmed{display:inline-flex!important;align-items:center;gap:4px;width:max-content;padding:3px 6px;border-radius:999px;margin:0!important}.auto-renewal-label{background:#e8f7f0;color:#16845a!important}.renewal-confirmed{background:#eee9ff;color:#6841d5!important;white-space:normal}.renewal-confirm-form{margin-top:3px}.renewal-confirm-form button{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:8px;padding:5px 8px;background:#6f46e8;color:#fff;font:700 9px Shaheen,Arial,sans-serif;cursor:pointer;box-shadow:0 5px 12px rgba(111,70,232,.18)}.renewal-confirm-form button:hover{background:#5d35d1}.renewal-confirm-form .wida-icon{color:#fff;width:11px;height:11px}
.icon-actions{display:flex!important;gap:5px!important;flex-wrap:nowrap!important}.icon-actions form{margin:0!important}.icon-btn{width:31px;height:31px;border-radius:9px;border:1px solid #e4dcf1;background:#fff;display:grid;place-items:center;padding:0;color:#6845d2;cursor:pointer;transition:.16s}.icon-btn .wida-icon{width:14px;height:14px}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(71,48,112,.12)}.icon-btn.edit{background:#7250e8;color:#fff;border-color:#7250e8}.icon-btn.pause{background:#f7f3ff;color:#704fd7}.icon-btn.play{background:#e8f7f0;color:#16845a;border-color:#ccebdd}.icon-btn.delete{background:#fff0f2;color:#d64250;border-color:#ffdee2}.is-subscription-disabled{opacity:.72}.subscription-toggle-form button:disabled{cursor:wait;opacity:.55}
@media(max-width:1350px){.subscription-kpis{grid-template-columns:repeat(3,1fr)!important}.subscription-filters.branded-filter-bar{grid-template-columns:repeat(3,1fr)!important}.subscription-filters .filter-search{grid-column:1/-1}.subscription-filters .filter-submit{width:100%}}
@media(max-width:760px){.subscription-kpis{grid-template-columns:1fr 1fr!important}.subscription-filters.branded-filter-bar{grid-template-columns:1fr!important}.subscription-filters .filter-search{grid-column:auto}.branded-subscriptions-panel{padding:12px!important}}

/* ===== 2026-09-13 exact subscriptions reference alignment ===== */
.subscription-brand-shell{gap:14px!important}
.exact-reference-kpis{grid-template-columns:repeat(4,minmax(190px,1fr))!important;gap:14px!important}
.exact-reference-kpis .sub-kpi{min-height:105px!important;padding:17px 18px!important;grid-template-columns:1fr 46px!important;grid-template-rows:auto 1fr!important;align-items:center!important}
.exact-reference-kpis .sub-kpi small{font-size:12px!important;color:#766a89!important;align-self:end!important}
.exact-reference-kpis .sub-kpi b{font-size:29px!important;margin-top:2px!important;align-self:start!important}
.exact-reference-kpis .sub-kpi .kpi-icon{width:44px!important;height:44px!important;border-radius:50%!important}
.exact-reference-kpis .sub-kpi:after{width:88px!important;height:88px!important;left:-38px!important;bottom:-49px!important}
.exact-reference-kpis a.sub-kpi{color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.exact-reference-kpis a.sub-kpi:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(44,31,76,.11)!important;border-color:#d8cbed!important}
.exact-reference-kpis a.sub-kpi:focus-visible{outline:3px solid rgba(111,66,232,.24);outline-offset:3px}
.exact-reference-kpis a.sub-kpi.is-selected{border-color:#7b57ef!important;box-shadow:0 0 0 2px rgba(123,87,239,.10),0 16px 36px rgba(44,31,76,.09)!important}
.subscription-secondary-summary{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:-4px}
.subscription-secondary-summary>span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #ece5f7;border-radius:12px;padding:7px 11px;color:#746887;font-size:10px;box-shadow:0 6px 18px rgba(50,35,86,.035)}
.subscription-secondary-summary .wida-icon{width:14px;height:14px;color:#7651e8}.subscription-secondary-summary b{color:#281b47}
.subscription-page-actions{display:flex;align-items:center;gap:8px!important;flex-wrap:wrap}.subscription-page-actions .btn{min-height:39px!important;border-radius:10px!important}
.branded-subscriptions-panel{padding:14px 16px 16px!important;background:#fff!important;box-shadow:0 10px 30px rgba(47,34,79,.04)!important}
.subscription-list-head{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;margin:0 0 10px!important}.reference-table-meta{font-size:9px;color:#91879f}
.subscription-list-head .section-icon{display:none!important}.subscription-list-head>div:first-child{display:block!important}.subscription-list-head h2{font-size:17px!important}.subscription-list-head p{font-size:9px!important}
.subscription-filters.branded-filter-bar{grid-template-columns:minmax(260px,1.65fr) repeat(4,minmax(135px,.78fr)) minmax(150px,.9fr) auto!important;border-radius:14px!important;padding:12px!important;background:#fff!important;box-shadow:none!important;margin-bottom:13px!important}
.subscription-filters.branded-filter-bar{grid-template-columns:minmax(245px,1.55fr) minmax(185px,1fr) repeat(5,minmax(110px,.72fr)) auto!important}.subscription-filters.branded-filter-bar>*{min-width:0!important}.subscription-filters.branded-filter-bar>.filter-platform-picker{min-width:0!important}
@media(max-width:1350px){.subscription-filters.branded-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important}.subscription-filters .filter-search{grid-column:1/-1}.subscription-filters .filter-submit{width:100%}}
.subscription-filters select,.subscription-filters input{height:42px!important;border-radius:9px!important;border-color:#e5def0!important;background:#fff!important;font-size:10px!important}.subscription-filters .filter-submit{height:42px!important;border-radius:9px!important;background:linear-gradient(135deg,#6b3ee8,#7b57ef)!important;box-shadow:0 8px 18px rgba(108,67,229,.20)!important}
.premium-table{border-radius:12px!important;border:1px solid #eae4f3!important;overflow:hidden!important;background:#fff!important}.premium-table table{min-width:1100px!important;border-collapse:separate!important;border-spacing:0!important}.premium-table thead th{background:#f8f6fc!important;color:#71667f!important;font-size:9px!important;font-weight:800!important;padding:9px 11px!important;border-bottom:1px solid #ebe6f3!important;white-space:nowrap}.premium-table tbody td{font-size:10px!important;padding:8px 11px!important;border-bottom:1px solid #eee9f5!important}.premium-table tbody tr:nth-child(even){background:#fcfbfe!important}.premium-table tbody tr:hover{background:#f7f3ff!important}
.subscription-name-cell{gap:8px!important;min-width:172px!important}.subscription-name-cell b{font-size:10.5px!important;color:#21163c!important}.subscription-name-cell small{font-size:7.5px!important}
.platform-logo{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;flex:0 0 29px;overflow:hidden;border:1px solid rgba(24,18,39,.09);font-family:Arial,sans-serif;font-weight:800;line-height:1;box-shadow:0 2px 8px rgba(27,20,45,.05)}
.platform-logo svg{width:20px;height:20px}.brand-letter{font-size:15px;font-weight:900}.platform-openai{background:#fff;color:#0f0f0f}.platform-google{background:#fff}.google-g i{font-style:normal;font-size:17px;font-weight:900;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 45%,#fbbc05 0 68%,#ea4335 0 82%,#4285f4 0);-webkit-background-clip:text;background-clip:text;color:transparent}.platform-x{background:#050505;color:#fff}.platform-adobe{background:#fa0f00;color:#fff}.adobe-a{font-size:14px}.platform-notion{background:#fff;color:#111;border-color:#111}.notion-n{font-family:Georgia,serif}.platform-microsoft{background:#fff}.ms-grid{display:grid;grid-template-columns:7px 7px;grid-template-rows:7px 7px;gap:1px}.ms-grid i:nth-child(1){background:#f35325}.ms-grid i:nth-child(2){background:#81bc06}.ms-grid i:nth-child(3){background:#05a6f0}.ms-grid i:nth-child(4){background:#ffba08}.platform-claude{background:#d97757;color:#16120f}.claude-mark{font-size:11px}.platform-cloudlinux{background:#edf8ff;color:#168ad3}.platform-manus{background:#080808;color:#fff}.manus-m{font-size:13px}.platform-freepik{background:#0a8eff;color:#fff}.freepik-f{font-size:14px}.platform-hootsuite{background:#202020;color:#fff}.hoot-h{font-size:14px}.platform-kaspersky{background:#00a88e;color:#fff}.kas-k{font-size:14px}.platform-canva{background:linear-gradient(135deg,#00c4cc,#7d2ae8);color:#fff}.canva-c{font-family:cursive}.platform-figma{background:#fff}.figma-dots{display:grid;grid-template-columns:6px 6px;grid-template-rows:6px 6px 6px}.figma-dots i{border-radius:4px}.figma-dots i:nth-child(1){background:#f24e1e}.figma-dots i:nth-child(2){background:#ff7262}.figma-dots i:nth-child(3){background:#a259ff}.figma-dots i:nth-child(4){background:#1abcfe}.figma-dots i:nth-child(5){background:#0acf83}.platform-zoom{background:#2d8cff;color:#fff}.platform-slack{background:#fff;color:#4a154b}.platform-generic{background:linear-gradient(135deg,#efeaff,#f9f7ff);color:#6e4bdb}.generic-letter{font-size:13px}
.customer-pill,.cycle-pill{font-size:8px!important;padding:4px 7px!important}.money-value{font-size:10px!important}.renewal-cell{font-size:9.5px!important}.expiry-warning{font-size:8px!important;padding:3px 6px!important}.badge{font-size:8px!important;padding:4px 8px!important}.icon-btn{width:27px!important;height:27px!important;border-radius:8px!important}.icon-btn .wida-icon{width:12px!important;height:12px!important}.icon-actions{gap:4px!important}
@media(max-width:1250px){.exact-reference-kpis{grid-template-columns:repeat(2,1fr)!important}.subscription-filters.branded-filter-bar{grid-template-columns:repeat(3,1fr)!important}.subscription-filters .filter-search{grid-column:1/-1}}
@media(max-width:700px){.exact-reference-kpis{grid-template-columns:1fr!important}.subscription-secondary-summary{justify-content:stretch}.subscription-secondary-summary>span{flex:1}.subscription-filters.branded-filter-bar{grid-template-columns:1fr!important}}

/* ===== Executive dashboard — approved WIDA reference layout ===== */
body.role-executive-management .container{padding-top:18px!important;background:#f8f7fd}
body.role-executive-management .executive-hero{min-height:220px!important;margin-bottom:14px!important;padding:0!important;display:grid!important;grid-template-columns:minmax(420px,1.05fr) minmax(520px,1.18fr)!important;gap:26px!important;align-items:stretch!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.role-executive-management .executive-hero .hero-copy{padding:28px 24px 22px!important;background:linear-gradient(135deg,#faf8ff 0%,#f1ebff 100%)!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important}
body.role-executive-management .executive-hero .hero-copy .eyebrow{font-size:11px!important;font-weight:800!important;color:#7d55e7!important;letter-spacing:.8px!important;margin-bottom:8px!important}
body.role-executive-management .executive-hero .hero-copy h1{font-size:34px!important;line-height:1.18!important;margin:0 0 6px!important;color:#17122f!important}
body.role-executive-management .executive-hero .hero-copy h2{font-size:21px!important;line-height:1.4!important;margin:0 0 7px!important;color:#21183e!important}
body.role-executive-management .executive-hero .hero-copy p{font-size:12px!important;line-height:1.8!important;color:#7d748c!important;margin:0 0 16px!important}
body.role-executive-management .executive-hero .hero-art{min-height:220px!important;height:220px!important;border-radius:0!important;overflow:hidden!important;background:#f3effb!important}
body.role-executive-management .executive-hero .hero-art img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
body.role-executive-management .executive-hero-actions{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important}
body.role-executive-management .executive-hero-actions .hero-action{min-width:170px!important;height:46px!important;border-radius:10px!important;font-size:12px!important}
body.role-executive-management .read-only-chip.large{height:46px!important;padding:0 18px!important;border-radius:10px!important;background:#fff!important;border:1px solid #d9cef5!important;color:#6d49d8!important;display:inline-flex!important;align-items:center!important;font-size:11px!important;font-weight:800!important}

body.role-executive-management .executive-kpi-block{margin:0 0 10px!important}
body.role-executive-management .executive-kpi-heading{display:flex;align-items:center;gap:7px;justify-content:flex-start;margin:0 4px 8px;color:#251a42}
body.role-executive-management .executive-kpi-heading span{display:grid;place-items:center;color:#7048df}
body.role-executive-management .executive-kpi-heading .wida-icon{width:18px;height:18px}
body.role-executive-management .executive-kpi-heading h2{font-size:15px!important;margin:0!important;font-weight:800!important}
body.role-executive-management .request-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
body.role-executive-management .subscription-exec-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
body.role-executive-management .branded-kpis>div{min-height:120px!important;padding:17px 18px!important;border-radius:15px!important;box-shadow:0 10px 28px rgba(49,34,86,.04)!important;grid-template-columns:1fr 46px!important;grid-template-rows:auto auto auto!important}
body.role-executive-management .branded-kpis .kpi-icon{width:44px!important;height:44px!important;border-radius:50%!important}
body.role-executive-management .branded-kpis small{font-size:11px!important}
body.role-executive-management .branded-kpis b{font-size:29px!important;line-height:1!important;margin-top:5px!important}
body.role-executive-management .branded-kpis a{font-size:9px!important;margin-top:8px!important}
body.role-executive-management .branded-kpis>div.attention{background:linear-gradient(145deg,#fff,#f4efff)!important;border-color:#d9c9ff!important}

body.role-executive-management .executive-analytics-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:16px 0!important;direction:rtl!important}
body.role-executive-management .executive-analytics-row>*{direction:rtl!important}
body.role-executive-management .executive-analytics-row .panel{min-height:235px!important;padding:18px 20px!important;border-radius:16px!important}
body.role-executive-management .executive-analytics-row .panel-head h2{font-size:16px!important;margin:0!important}
body.role-executive-management .executive-analytics-row .donut-wrap{justify-content:center!important;gap:24px!important;min-height:165px!important}
body.role-executive-management .executive-analytics-row .donut{width:112px!important;height:112px!important}
body.role-executive-management .executive-analytics-row .donut::after{width:70px!important;height:70px!important}
body.role-executive-management .executive-analytics-row .donut b{font-size:25px!important}
body.role-executive-management .executive-analytics-row .legend{font-size:11px!important;gap:8px!important}
body.role-executive-management .cycle-bars{min-height:160px!important;align-content:center!important}
body.role-executive-management .cycle-bars>div{grid-template-columns:65px 1fr 28px!important;gap:10px!important}
body.role-executive-management .cycle-bars footer{background:#f5f0ff!important;border-radius:10px!important;font-size:11px!important}

body.role-executive-management .executive-attention{padding:18px 20px!important;border-radius:16px!important;margin-top:0!important}
body.role-executive-management .executive-attention .panel-head{margin-bottom:12px!important}
body.role-executive-management .executive-attention .panel-head>div{display:grid;grid-template-columns:36px 1fr;column-gap:9px;align-items:center}
body.role-executive-management .executive-attention .attention-title-icon{grid-row:1/span 2;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f2ebff;color:#734de2}
body.role-executive-management .executive-attention .attention-title-icon .wida-icon{width:18px;height:18px}
body.role-executive-management .executive-attention h2{font-size:18px!important;margin:0!important;color:#dd4a56!important}
body.role-executive-management .executive-attention p{font-size:10px!important;margin:2px 0 0!important;color:#8a8095!important}
body.role-executive-management .attention-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
body.role-executive-management .attention-card{min-height:82px!important;padding:13px 15px!important;border-radius:13px!important;grid-template-columns:40px 1fr!important}
body.role-executive-management .attention-card>span{width:40px!important;height:40px!important;border-radius:12px!important}
body.role-executive-management .attention-card b{font-size:23px!important}
body.role-executive-management .attention-card small{font-size:10px!important}

body.role-executive-management .exec-finance-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin:14px 0!important;direction:rtl!important}
body.role-executive-management .exec-finance-grid>*{direction:rtl!important}
body.role-executive-management .exec-finance-grid .panel{padding:16px 18px!important;border-radius:16px!important;min-height:260px!important}
body.role-executive-management .exec-finance-grid .panel-head{margin-bottom:10px!important;align-items:center!important}
body.role-executive-management .exec-finance-grid .panel-head h2{font-size:17px!important;margin:0!important}
body.role-executive-management .compact-table th{background:#f8f5ff!important;color:#80758f!important;font-size:9px!important;padding:10px 9px!important;font-weight:800!important}
body.role-executive-management .compact-table td{font-size:10px!important;padding:10px 9px!important;border-bottom:1px solid #eee9f4!important}
body.role-executive-management .compact-table tbody tr:hover{background:#faf8ff!important}

body.role-executive-management .approval-queue{padding:17px 18px!important;border-radius:16px!important;margin:14px 0!important}
body.role-executive-management .approval-queue-row{grid-template-columns:1fr 150px 145px!important;padding:12px 9px!important;font-size:10px!important}
body.role-executive-management .executive-bottom-brand{grid-template-columns:1.25fr .85fr!important;gap:14px!important;margin:14px 0!important}
body.role-executive-management .executive-help-card{min-height:120px!important;padding:18px 20px!important;border-radius:16px!important;grid-template-columns:48px 1fr auto!important;background:linear-gradient(135deg,#faf7ff,#f0e9ff)!important}
body.role-executive-management .executive-help-card .support-icon{width:46px!important;height:46px!important;border-radius:14px!important}
body.role-executive-management .executive-help-card h2{font-size:17px!important}
body.role-executive-management .executive-help-card p{font-size:11px!important}
body.role-executive-management .executive-quote{min-height:120px!important;border-radius:16px!important}
body.role-executive-management .executive-quote h2{font-size:18px!important;line-height:1.6!important}

@media(max-width:1320px){
  body.role-executive-management .executive-hero{grid-template-columns:1fr 1fr!important}
  body.role-executive-management .subscription-exec-kpis{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:1050px){
  body.role-executive-management .request-kpis,body.role-executive-management .subscription-exec-kpis{grid-template-columns:repeat(2,1fr)!important}
  body.role-executive-management .executive-analytics-row,body.role-executive-management .exec-finance-grid{grid-template-columns:1fr!important}
  body.role-executive-management .attention-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:760px){
  body.role-executive-management .executive-hero{grid-template-columns:1fr!important}
  body.role-executive-management .executive-hero .hero-art{order:-1!important;height:170px!important;min-height:170px!important}
  body.role-executive-management .request-kpis,body.role-executive-management .subscription-exec-kpis,body.role-executive-management .attention-grid{grid-template-columns:1fr!important}
  body.role-executive-management .executive-bottom-brand{grid-template-columns:1fr!important}
}

/* ===== 2026-09-13 final approved executive dashboard match ===== */
body.role-executive-management .ticket-status-chart-panel .panel-head,
body.role-executive-management .billing-cycle-chart-panel .panel-head,
body.role-executive-management .executive-analytics-row .panel-head{display:flex!important;align-items:center!important;gap:9px!important}
body.role-executive-management .panel-title-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#f0eaff;color:#7148e1;flex:0 0 34px}
body.role-executive-management .panel-title-icon .wida-icon{width:17px;height:17px}
body.role-executive-management .ticket-status-chart-panel{display:flex;flex-direction:column}
body.role-executive-management .ticket-status-bars{height:154px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:end;padding:14px 14px 0;margin-top:2px;border-bottom:1px solid #eee8f7}
body.role-executive-management .ticket-status-bar{height:100%;display:grid;grid-template-rows:22px 1fr 25px;justify-items:center;align-items:end;gap:2px;color:#31264d}
body.role-executive-management .ticket-status-bar>b{font-size:11px;align-self:start;color:#271a48}
body.role-executive-management .ticket-status-bar>i{display:block;width:44px;height:var(--bar-height);min-height:14px;border-radius:5px 5px 0 0;box-shadow:0 7px 16px rgba(86,67,171,.12)}
body.role-executive-management .ticket-status-bar>span{font-size:10px;font-weight:800;white-space:nowrap;align-self:end}
body.role-executive-management .ticket-status-bar.is-new>i{background:linear-gradient(180deg,#8a62ef,#6f43df)}
body.role-executive-management .ticket-status-bar.is-progress>i{background:linear-gradient(180deg,#5f96ff,#3b73e6)}
body.role-executive-management .ticket-status-bar.is-waiting>i{background:linear-gradient(180deg,#f7bf55,#e9a426)}
body.role-executive-management .ticket-status-bar.is-resolved>i{background:linear-gradient(180deg,#6bd3aa,#43bb8c)}
body.role-executive-management .analytics-link{display:inline-flex;margin-top:auto;padding-top:10px;color:#7449df;font-size:10px;font-weight:800;text-decoration:none}
body.role-executive-management .legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:0 0 8px}.legend-dot.green{background:#4ec595}.legend-dot.amber{background:#f2b53f}.legend-dot.red{background:#e66772}
body.role-executive-management .billing-cycle-chart-wrap{min-height:160px;display:grid;grid-template-columns:128px 1fr;align-items:center;gap:22px;padding:8px 4px}
body.role-executive-management .billing-cycle-donut{width:118px;height:118px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#4e88f3 0 var(--m-deg),#8655e8 var(--m-deg) calc(var(--m-deg) + var(--q-deg)),#f5b63e calc(var(--m-deg) + var(--q-deg)) calc(var(--m-deg) + var(--q-deg) + var(--s-deg)),#7a4adf calc(var(--m-deg) + var(--q-deg) + var(--s-deg)) calc(var(--m-deg) + var(--q-deg) + var(--s-deg) + var(--a-deg)),#4fc79b calc(var(--m-deg) + var(--q-deg) + var(--s-deg) + var(--a-deg)) 360deg)}
body.role-executive-management .billing-cycle-donut:after{content:"";position:absolute;width:73px;height:73px;border-radius:50%;background:#fff}
body.role-executive-management .billing-cycle-donut b,body.role-executive-management .billing-cycle-donut small{position:relative;z-index:1;grid-column:1;grid-row:1}.billing-cycle-donut b{font-size:25px;margin-top:-12px}.billing-cycle-donut small{font-size:9px;color:#9a90a8;margin-top:28px}
body.role-executive-management .billing-cycle-legend{display:grid;gap:9px;font-size:10px}.billing-cycle-legend span{display:flex;align-items:center;gap:7px}.billing-cycle-legend b{margin-inline-start:auto}.legend-dot.cycle-monthly{background:#4e88f3}.legend-dot.cycle-quarterly{background:#8655e8}.legend-dot.cycle-semiannual{background:#f5b63e}.legend-dot.cycle-annual{background:#7a4adf}
body.role-executive-management .executive-help-card{grid-template-columns:68px 1fr auto!important}
body.role-executive-management .executive-help-card .support-headset-icon{width:64px!important;height:64px!important;border-radius:20px!important;background:transparent!important;color:#6743c9!important}
body.role-executive-management .executive-help-card .support-headset-icon .wida-icon{width:58px!important;height:58px!important;stroke-width:1.5}
body.role-executive-management .support-actions .btn{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:800;border-radius:9px}
body.role-executive-management .support-actions .btn .wida-icon{width:18px!important;height:18px!important;stroke-width:2.1}
body.role-executive-management .support-whatsapp{border:1.5px solid #48c987!important;color:#14975a!important;background:#fff!important}
body.role-executive-management .support-whatsapp .wida-icon{width:20px!important;height:20px!important;stroke-width:2.25!important}
body.role-executive-management .executive-help-card .btn.ghost{border-color:#8360e2!important;color:#6542ce!important;background:#fff!important}

/* show all subscription rows in normal page flow; no hidden rows in internal scroll box */
.subscription-table{max-height:none!important;overflow-y:visible!important;overflow-x:auto!important}
.subscription-table.premium-table{max-height:none!important}

@media(max-width:1050px){body.role-executive-management .ticket-status-bars{gap:12px}.ticket-status-bar>i{width:36px!important}.billing-cycle-chart-wrap{grid-template-columns:110px 1fr!important}.billing-cycle-donut{width:104px!important;height:104px!important}}
@media(max-width:700px){body.role-executive-management .ticket-status-bars{gap:7px;padding-inline:3px}.ticket-status-bar>i{width:30px!important}.billing-cycle-chart-wrap{grid-template-columns:1fr!important;justify-items:center}.executive-help-card{grid-template-columns:58px 1fr!important}}

/* ===== 2026-09-13 executive help/quote exact reference + all requests ===== */
body.role-executive-management .executive-bottom-brand{
  display:grid!important;
  grid-template-columns:1.35fr .95fr!important;
  grid-template-areas:"help quote"!important;
  gap:18px!important;
  margin:18px 0 24px!important;
  direction:ltr!important;
}
body.role-executive-management .executive-help-card{
  grid-area:help!important;
  direction:rtl!important;
  min-height:150px!important;
  padding:22px 28px!important;
  display:grid!important;
  grid-template-columns:112px 1fr!important;
  align-items:center!important;
  gap:24px!important;
  border:1px solid #e9e1fb!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 0% 100%,#e4d9ff 0 14%,transparent 14.5%),linear-gradient(135deg,#fbf9ff 0%,#f2ecff 100%)!important;
  box-shadow:0 10px 30px rgba(79,55,150,.06)!important;
}
body.role-executive-management .support-headset-icon{
  width:96px!important;height:96px!important;display:grid!important;place-items:center!important;
  background:transparent!important;color:#6743c9!important;border-radius:0!important;
}
body.role-executive-management .support-headset-icon .wida-icon{width:80px!important;height:80px!important;stroke-width:1.6!important}
body.role-executive-management .executive-help-content{text-align:center!important}
body.role-executive-management .executive-help-content h2{margin:0 0 7px!important;color:#17103f!important;font-size:21px!important;font-weight:800!important}
body.role-executive-management .executive-help-content p{margin:0 0 18px!important;color:#85799d!important;font-size:12px!important}
body.role-executive-management .executive-help-card .support-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}
body.role-executive-management .executive-help-card .btn{min-height:40px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important}
body.role-executive-management .support-whatsapp{background:#fff!important;color:#119b5b!important;border:1.5px solid #45c985!important}
body.role-executive-management .support-whatsapp:hover{background:#effbf5!important}
body.role-executive-management .support-whatsapp .wida-icon{width:20px!important;height:20px!important;stroke:#119b5b!important;stroke-width:2.2!important}
body.role-executive-management .executive-email-btn{background:#fff!important;color:#6540d5!important;border:1.5px solid #8160e1!important}
body.role-executive-management .executive-email-btn:hover{background:#f6f1ff!important}
body.role-executive-management .executive-email-btn .wida-icon{width:18px!important;height:18px!important;stroke:#6540d5!important}
body.role-executive-management .executive-quote{
  grid-area:quote!important;direction:rtl!important;min-height:150px!important;padding:24px!important;position:relative!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;
  border:1px solid #e5dafc!important;border-radius:18px!important;background:linear-gradient(135deg,#f4edff 0%,#ebe2ff 100%)!important;
  box-shadow:0 10px 30px rgba(79,55,150,.06)!important;
}
body.role-executive-management .executive-quote-icon{position:absolute!important;top:12px!important;right:24px!important;color:#c9b6ff!important;font-size:60px!important;line-height:1!important;opacity:.85!important}
body.role-executive-management .executive-quote h2{margin:8px 0!important;color:#17103f!important;font-size:21px!important;font-weight:800!important;line-height:1.65!important}
body.role-executive-management .executive-quote small{margin-top:3px!important;color:#7653d7!important;font-size:14px!important;font-weight:800!important}

body.role-executive-management .executive-all-requests{margin:16px 0!important;padding:18px!important;border-radius:18px!important;scroll-margin-top:24px}
body.role-executive-management .executive-all-requests .panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-bottom:14px!important}
body.role-executive-management .executive-all-requests .panel-head>div{display:grid!important;grid-template-columns:36px auto!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:9px!important}
body.role-executive-management .executive-all-requests .panel-title-icon{grid-row:1/3!important}
body.role-executive-management .executive-all-requests h2{margin:0!important;font-size:18px!important}
body.role-executive-management .executive-all-requests p{margin:2px 0 0!important;font-size:10px!important;color:#8a8095!important}
body.role-executive-management .all-requests-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 11px!important;border-radius:10px!important;background:#f0eaff!important;color:#6842d2!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
body.role-executive-management .executive-all-requests .table-wrap{max-height:none!important;overflow:auto!important;border:1px solid #eee8f7!important;border-radius:14px!important}
body.role-executive-management .executive-all-requests table{min-width:1050px!important}
body.role-executive-management .executive-all-requests thead th{position:sticky!important;top:0!important;z-index:2!important;background:#f8f5ff!important}

@media(max-width:900px){
  body.role-executive-management .executive-bottom-brand{grid-template-columns:1fr!important;grid-template-areas:"help" "quote"!important}
}
@media(max-width:600px){
  body.role-executive-management .executive-help-card{grid-template-columns:1fr!important;text-align:center!important}
  body.role-executive-management .support-headset-icon{margin:auto!important}
}


/* ===== 2026-09-13 Executive contact cards - exact approved reference ===== */
body.role-executive-management .executive-bottom-brand{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  grid-template-areas:"help quote"!important;
  gap:14px!important;
  direction:ltr!important;
  margin:18px 0 24px!important;
}
body.role-executive-management .executive-help-card{
  grid-area:help!important;
  direction:ltr!important;
  min-height:164px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:175px minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  overflow:hidden!important;
  border:1px solid #e5dcf8!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fbfaff 0%,#f7f3ff 100%)!important;
  box-shadow:0 8px 28px rgba(76,49,145,.05)!important;
}
body.role-executive-management .executive-help-card::before{
  content:""!important;
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:100%!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  background:
    radial-gradient(circle at 8% 103%,#ded1ff 0 45%,transparent 45.5%),
    linear-gradient(135deg,#f7f2ff 0%,#fbfaff 100%)!important;
}
body.role-executive-management .support-headset-icon{
  grid-column:1!important;
  grid-row:1!important;
  z-index:1!important;
  align-self:center!important;
  justify-self:center!important;
  width:88px!important;
  height:88px!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#6040c8!important;
  border-radius:0!important;
}
body.role-executive-management .support-headset-icon .wida-icon{
  width:74px!important;
  height:74px!important;
  stroke-width:1.75!important;
}
body.role-executive-management .executive-help-content{
  grid-column:2!important;
  direction:rtl!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:24px 28px 22px!important;
}
body.role-executive-management .executive-help-content h2{
  margin:0 0 5px!important;
  color:#17103f!important;
  font-size:20px!important;
  line-height:1.35!important;
  font-weight:900!important;
}
body.role-executive-management .executive-help-content p{
  margin:0 0 17px!important;
  color:#8d819f!important;
  font-size:12px!important;
  line-height:1.55!important;
}
body.role-executive-management .executive-help-card .support-actions{
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  direction:rtl!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.role-executive-management .executive-help-card .btn{
  min-width:146px!important;
  height:40px!important;
  padding:0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:8px!important;
  background:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:none!important;
  white-space:nowrap!important;
}
body.role-executive-management .executive-help-card .btn .wida-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}
body.role-executive-management .support-whatsapp{
  color:#159b5c!important;
  border:1.5px solid #48c887!important;
}
body.role-executive-management .support-whatsapp:hover{background:#effbf5!important}
body.role-executive-management .support-whatsapp .wida-icon{
  stroke:#159b5c!important;
  color:#159b5c!important;
  stroke-width:2.2!important;
}
body.role-executive-management .executive-email-btn{
  color:#6742d2!important;
  border:1.5px solid #8c69ea!important;
}
body.role-executive-management .executive-email-btn:hover{background:#f7f3ff!important}
body.role-executive-management .executive-email-btn .wida-icon{
  stroke:#6742d2!important;
  color:#6742d2!important;
  stroke-width:2!important;
}
body.role-executive-management .executive-quote{
  grid-area:quote!important;
  direction:rtl!important;
  min-height:164px!important;
  padding:24px 28px!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  border:1px solid #dfd3fa!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f3edff 0%,#e8ddff 100%)!important;
  box-shadow:0 8px 28px rgba(76,49,145,.05)!important;
}
body.role-executive-management .executive-quote-icon{
  position:absolute!important;
  top:8px!important;
  right:26px!important;
  color:#c9b6ff!important;
  font-size:58px!important;
  line-height:1!important;
  opacity:.9!important;
}
body.role-executive-management .executive-quote h2{
  margin:4px 0 8px!important;
  color:#17103f!important;
  font-size:20px!important;
  line-height:1.7!important;
  font-weight:900!important;
}
body.role-executive-management .executive-quote small{
  margin-top:1px!important;
  color:#7a55dd!important;
  font-size:13px!important;
  font-weight:800!important;
}
@media(max-width:920px){
  body.role-executive-management .executive-bottom-brand{
    grid-template-columns:1fr!important;
    grid-template-areas:"help" "quote"!important;
  }
}
@media(max-width:620px){
  body.role-executive-management .executive-help-card{
    grid-template-columns:105px minmax(0,1fr)!important;
  }
  body.role-executive-management .support-headset-icon{width:68px!important;height:68px!important}
  body.role-executive-management .support-headset-icon .wida-icon{width:58px!important;height:58px!important}
  body.role-executive-management .executive-help-content{padding:20px 14px!important}
  body.role-executive-management .executive-help-card .btn{min-width:132px!important}
}


/* Executive dashboard: last 6 requests only; all requests on separate page */
body.role-executive-management .executive-recent-requests{margin:16px 0!important;padding:18px!important;border-radius:18px!important}
body.role-executive-management .executive-recent-requests .panel-head>div{display:grid;grid-template-columns:36px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center}
body.role-executive-management .executive-recent-requests .panel-title-icon{grid-row:1/3}
body.role-executive-management .executive-recent-requests h2{margin:0!important;font-size:18px!important}
body.role-executive-management .executive-recent-requests p{margin:2px 0 0!important;font-size:10px!important;color:#8a8095!important}
body.role-executive-management .executive-recent-requests .table-wrap{overflow:auto!important;border:1px solid #eee8f7!important;border-radius:14px!important}
body.role-executive-management .executive-recent-requests table{min-width:1050px!important}
body.role-executive-management .executive-all-requests-page{padding:18px!important;border-radius:18px!important}
body.role-executive-management .executive-all-requests-page .table-wrap{overflow:auto!important;border:1px solid #eee8f7!important;border-radius:14px!important}
body.role-executive-management .executive-all-requests-page table{min-width:1050px!important}

/* ===== WIDA reports: platform icons + interactive ticket reports ===== */
.report-subscription-name{display:flex;align-items:center;gap:9px;min-width:180px}.report-subscription-name>span:last-child{display:grid;gap:2px}.report-subscription-name b{font-size:11px;color:#21163c}.report-subscription-name small{font-size:8px;color:#958ca2}.report-table-panel .platform-logo{width:30px;height:30px;flex-basis:30px;border-radius:9px}
.report-ticket-number{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f0eaff;color:#6c45de;font-weight:800;text-decoration:none}.report-ticket-number:hover{background:#e6dcff}.report-ticket-subject{color:#201638;text-decoration:none}.report-ticket-subject:hover{color:#6b42dc;text-decoration:underline}.report-requester{display:grid;gap:2px}.report-requester small{font-size:8px;color:#9a90a8}.report-open-ticket{white-space:nowrap;gap:5px}.report-open-ticket .wida-icon{width:14px;height:14px}.report-ticket-table tbody tr:hover{background:#faf7ff!important}
.report-ticket-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;white-space:nowrap}.report-ticket-actions form{display:inline-flex;margin:0}.report-ticket-actions .btn{min-height:34px}.report-ticket-actions .wida-icon{width:14px;height:14px}

/* ===== WIDA reports: platform icons + interactive ticket reports ===== */
.report-subscription-name{display:flex;align-items:center;gap:9px;min-width:180px}.report-subscription-name>span:last-child{display:grid;gap:2px}.report-subscription-name b{font-size:11px;color:#21163c}.report-subscription-name small{font-size:8px;color:#958ca2}.report-table-panel .platform-logo{width:30px;height:30px;flex-basis:30px;border-radius:9px}
.report-ticket-number{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f0eaff;color:#6c45de;font-weight:800;text-decoration:none}.report-ticket-number:hover{background:#e6dcff}.report-ticket-subject{color:#201638;text-decoration:none}.report-ticket-subject:hover{color:#6b42dc;text-decoration:underline}.report-requester{display:grid;gap:2px}.report-requester small{font-size:8px;color:#9a90a8}.report-open-ticket{white-space:nowrap;gap:5px}.report-open-ticket .wida-icon{width:14px;height:14px}.report-ticket-table tbody tr:hover{background:#faf7ff!important}


/* ======================================================================
   2026-09-15 — GLOBAL SIDEBAR BALANCE + ROLE DASHBOARDS
   Applies to every role. Removes the excessive empty gap before user/logout
   and adds the approved WIDA dashboard language for department/system admin.
   ====================================================================== */
@media (min-width:621px){
  .sidebar{height:100vh!important;min-height:100vh!important;position:sticky!important;top:0!important;overflow-y:auto!important;overflow-x:hidden!important;align-self:flex-start!important}
  .sidebar nav{flex:0 0 auto!important;padding-bottom:0!important}
  .sidebar .side-readonly{margin-top:18px!important}
  .sidebar .side-bottom{margin-top:24px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.09)!important}
  .sidebar .user-mini{border-top:0!important;padding:4px 10px 10px!important}
  .sidebar .logout{padding:8px 10px 10px!important}
}
.role-dashboard{display:grid;gap:18px}.role-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:12px 2px 2px}.role-dashboard-head h1{font:700 34px/1.25 Asal;margin:4px 0 6px;color:var(--wida-navy)}.role-dashboard-head p{margin:0;color:var(--wida-muted);font-size:14px}.role-dashboard-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.dashboard-context-chip{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 12px;border-radius:999px;background:var(--wida-purple-soft);color:var(--wida-purple);font-size:12px;font-weight:700}.dashboard-context-chip .wida-icon{width:15px;height:15px}
.dashboard-kpi-grid{display:grid;gap:14px}.dashboard-kpi-grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.dashboard-kpi-grid article{position:relative;min-height:126px;padding:18px;border:1px solid var(--wida-line);border-radius:17px;background:#fff;box-shadow:var(--wida-shadow);overflow:hidden}.dashboard-kpi-grid article:after{content:"";position:absolute;left:-18px;bottom:-28px;width:78px;height:78px;border-radius:50%;background:#f4efff}.dashboard-kpi-grid small,.dashboard-kpi-grid b,.dashboard-kpi-grid em{display:block;position:relative;z-index:1}.dashboard-kpi-grid small{font-size:12px;color:#776d88;font-weight:700;min-height:32px}.dashboard-kpi-grid b{font:700 31px Asal;color:#18122e;margin-top:5px}.dashboard-kpi-grid em{font-style:normal;font-size:10px;color:#9b92a7;margin-top:5px}.dashboard-kpi-grid .kpi-icon{position:absolute;left:16px;top:17px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;z-index:2}.dashboard-kpi-grid .kpi-icon .wida-icon{width:19px;height:19px}.kpi-icon.purple{color:#724be4;background:#eee8ff}.kpi-icon.blue{color:#477ee8;background:#eaf2ff}.kpi-icon.amber{color:#e49819;background:#fff1d8}.kpi-icon.green{color:#20a66d;background:#e4f7ef}.kpi-icon.red{color:#e44e5f;background:#ffe9ec}
.dashboard-kpi-link{display:block;color:inherit;text-decoration:none;border-radius:17px}.dashboard-kpi-link article{height:100%;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dashboard-kpi-link:hover article{transform:translateY(-3px);border-color:#d8cbed;box-shadow:0 17px 38px rgba(52,34,94,.12)}.dashboard-kpi-link:focus-visible{outline:3px solid rgba(111,66,232,.24);outline-offset:3px}
.dashboard-mini-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dashboard-mini-kpis>a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:14px 15px;border-radius:15px;border:1px solid var(--wida-line);background:#fff;box-shadow:0 8px 22px rgba(54,36,94,.05)}.dashboard-mini-kpis>a>span{width:38px;height:38px;border-radius:11px;background:var(--wida-purple-soft);color:var(--wida-purple);display:grid;place-items:center}.dashboard-mini-kpis>a small{color:#81788d;font-size:11px}.dashboard-mini-kpis>a b{font:700 24px Asal;color:var(--wida-navy)}
.dashboard-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dashboard-chart-card,.dashboard-list-card{min-height:285px}.dashboard-donut-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;min-height:200px}.dashboard-donut{width:150px;height:150px;border-radius:50%;margin:auto;background:conic-gradient(#7a52e8 0 var(--c1),#4f86ef var(--c1) calc(var(--c1) + var(--c2)),#f4ad32 calc(var(--c1) + var(--c2)) calc(var(--c1) + var(--c2) + var(--c3)),#48c391 calc(var(--c1) + var(--c2) + var(--c3)) 360deg);position:relative;display:grid;place-items:center}.dashboard-donut:after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:#fff}.dashboard-donut>span{position:relative;z-index:2;text-align:center}.dashboard-donut b,.dashboard-donut small{display:block}.dashboard-donut b{font:700 29px Asal}.dashboard-donut small{font-size:10px;color:#8c8398}.dashboard-legend{display:grid;gap:11px}.dashboard-legend>span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;color:#6f667e;font-size:12px}.dashboard-legend .dot{width:9px;height:9px;border-radius:50%}.dot.purple{background:#7a52e8}.dot.blue{background:#4f86ef}.dot.amber{background:#f4ad32}.dot.green{background:#48c391}
.dashboard-horizontal-bars{display:grid;gap:14px;margin-top:10px}.dashboard-horizontal-bars>div{display:grid;grid-template-columns:minmax(100px,150px) 1fr 28px;align-items:center;gap:10px;font-size:12px}.dashboard-horizontal-bars>div>span{font-weight:700;color:#3b3150}.dashboard-horizontal-bars i{height:9px;background:#f1edfa;border-radius:999px;overflow:hidden}.dashboard-horizontal-bars i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#9a7af3,#7148e5)}.dashboard-horizontal-bars strong{font-size:12px;color:#5d4f73}.dashboard-alert-list{display:grid;gap:9px}.dashboard-alert-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #eee8f5;border-radius:12px;background:#fcfbfe}.dashboard-alert-list>a span{min-width:0}.dashboard-alert-list b,.dashboard-alert-list small{display:block}.dashboard-alert-list b{font-size:13px;color:#2a203d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-alert-list small{font-size:10px;color:#968da2;margin-top:3px}.compact-empty{padding:28px 12px!important}
.dashboard-lower-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.8fr);gap:16px}.system-lower-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.72fr)}.team-performance-list{display:grid;gap:7px}.team-performance-list>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #f0edf5}.team-performance-list>div:last-child{border-bottom:0}.team-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eee8ff;color:#6841d6;font-weight:800}.team-performance-list p{margin:0;min-width:0}.team-performance-list p b,.team-performance-list p small{display:block}.team-performance-list p small{font-size:9px;color:#998fa5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-performance-list strong{font:700 19px Asal}.team-performance-list strong small{font:11px Shaheen;color:#8c8398}.dashboard-recent-card .table-wrap{max-height:430px}.dashboard-quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.system-quick-links{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-quick-links>a{display:grid;grid-template-columns:45px 1fr;column-gap:11px;padding:15px;border:1px solid var(--wida-line);border-radius:15px;background:#fff;box-shadow:0 8px 22px rgba(54,36,94,.04)}.dashboard-quick-links>a>span{grid-row:1/3;width:43px;height:43px;border-radius:12px;background:var(--wida-purple-soft);color:var(--wida-purple);display:grid;place-items:center}.dashboard-quick-links b{font-size:13px}.dashboard-quick-links small{font-size:10px;color:#948a9f}.dashboard-help-strip{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px;padding:20px 25px;border:1px solid #e7defa;border-radius:18px;background:linear-gradient(110deg,#eee6ff,#fff 48%,#f6f1ff);box-shadow:var(--wida-shadow)}.help-headset{width:64px;height:64px;display:grid;place-items:center;color:#6540d4}.help-headset .wida-icon{width:54px;height:54px}.dashboard-help-strip h2{margin:0;font:700 20px Asal}.dashboard-help-strip p{margin:4px 0 0;color:#887e96;font-size:12px}.dashboard-help-strip .support-actions{display:flex;gap:8px;flex-wrap:wrap}.system-attention{border-color:#f0d8dc}.danger-icon{color:#e45364!important;background:#ffedf0!important}.dashboard-count-field{max-width:260px}.dashboard-settings-form .translation-field{margin:15px 0}
@media(max-width:1280px){.dashboard-kpi-grid-6{grid-template-columns:repeat(3,1fr)}.dashboard-mini-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-analytics-grid{grid-template-columns:1fr 1fr}.dashboard-analytics-grid>*:last-child{grid-column:1/-1}.system-quick-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.role-dashboard-head{flex-direction:column}.dashboard-kpi-grid-6{grid-template-columns:repeat(2,1fr)}.dashboard-mini-kpis{grid-template-columns:1fr 1fr}.dashboard-analytics-grid,.dashboard-lower-grid,.system-lower-grid{grid-template-columns:1fr}.dashboard-analytics-grid>*:last-child{grid-column:auto}.dashboard-quick-links,.system-quick-links{grid-template-columns:1fr 1fr}.dashboard-help-strip{grid-template-columns:58px 1fr}.dashboard-help-strip .support-actions{grid-column:1/-1}.dashboard-donut-layout{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.dashboard-kpi-grid-6,.dashboard-mini-kpis,.dashboard-quick-links,.system-quick-links{grid-template-columns:1fr}.dashboard-donut-layout{grid-template-columns:1fr}.dashboard-help-strip{grid-template-columns:1fr;text-align:center}.help-headset{margin:auto}.dashboard-help-strip .support-actions{justify-content:center}}

/* === 2026-09-15 consolidated platform/dashboard controls === */
/* Global sidebar spacing fix for every role */
.sidebar{justify-content:flex-start!important}
.sidebar nav{flex:0 0 auto!important}
.sidebar .side-readonly{margin-top:18px!important}
.sidebar .side-bottom{margin-top:24px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.10)!important}
@media(min-width:621px){.sidebar{min-height:100vh}.sidebar .side-bottom{position:static!important}}

/* Executive dashboard consolidated layout */
.exec-attention-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.exec-attention-tile{background:#fff;border:1px solid #e9e3f6;border-radius:17px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 10px 26px rgba(53,35,103,.05);transition:.18s ease}
.exec-attention-tile:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(53,35,103,.09)}
.exec-attention-tile>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:none}.exec-attention-tile .wida-icon{width:23px;height:23px}
.exec-attention-tile div{display:grid;gap:2px}.exec-attention-tile small{color:#756b8d;font-size:12px}.exec-attention-tile b{font:700 30px Asal;color:#17103f}.exec-attention-tile em{font-style:normal;font-size:11px;color:#9a91aa}
.exec-attention-tile.green>span{background:#e8f8f0;color:#22a66d}.exec-attention-tile.amber>span{background:#fff3df;color:#d88b16}.exec-attention-tile.red>span{background:#ffe9ec;color:#de5062}.exec-attention-tile.purple>span{background:#efe8ff;color:#724be2}
.exec-summary-cost-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:16px;margin:0 0 16px;align-items:stretch}
.exec-summary-cost-grid>.panel{min-width:0}
.exec-subscription-summary .summary-main-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #eee9f6;border-radius:13px;overflow:hidden;margin-bottom:14px}
.exec-subscription-summary .summary-main-row>div{padding:13px 12px;border-inline-start:1px solid #eee9f6}.exec-subscription-summary .summary-main-row>div:first-child{border-inline-start:0}.exec-subscription-summary .summary-main-row small,.exec-subscription-summary .summary-main-row b{display:block}.exec-subscription-summary .summary-main-row small{font-size:11px;color:#817692}.exec-subscription-summary .summary-main-row b{font:700 24px Asal;color:#211744;margin-top:4px}
.customer-sub-breakdown{display:grid;gap:7px}.customer-sub-breakdown h3{font:700 14px Asal;margin:0 0 4px;color:#33245d}.customer-sub-breakdown a{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:9px;background:#faf8ff}.customer-sub-breakdown a:hover{background:#f1ebff}.customer-sub-breakdown a b{color:#6949d1}
.summary-expiring-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:10px 12px;background:#f4efff;border-radius:10px;color:#6545c8}.summary-expiring-row span{display:flex;align-items:center;gap:7px}.summary-expiring-row .wida-icon{width:17px;height:17px}
.exec-cost-card{display:flex;flex-direction:column}.cost-total{display:grid;gap:2px;margin-bottom:10px}.cost-total b{font:700 31px Asal;color:#17103f}.cost-total b em{font:700 12px Shaheen;font-style:normal}.cost-total small{color:#9188a1;font-size:11px}
.cost-chart-layout{display:grid;grid-template-columns:145px 1fr;gap:12px;align-items:center;min-height:180px}.exec-svg-donut{position:relative;width:138px;height:138px;margin:auto}.exec-svg-donut svg{width:100%;height:100%;overflow:visible}.exec-svg-donut circle{transition:.15s ease;cursor:pointer}.exec-svg-donut a:hover circle{stroke-width:6.5;filter:drop-shadow(0 2px 4px rgba(70,52,130,.18))}.exec-svg-donut>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.exec-svg-donut>div b{font:700 21px Asal;color:#17103f}.exec-svg-donut>div small{font-size:10px;color:#9489a5}.exec-empty-chart{height:130px;display:grid;place-items:center;color:#9a92aa}
.cost-legend{display:grid;gap:7px}.cost-legend a{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;padding:5px 6px;border-radius:8px;font-size:11px}.cost-legend a:hover{background:#f6f2ff}.cost-legend i{width:8px;height:8px;border-radius:50%;background:var(--c)}.cost-legend b{font-size:10px;color:#5d5270}
.executive-subscription-analytics{grid-template-columns:1.35fr .85fr!important}.platform-bars{display:flex;align-items:flex-end;gap:13px;height:220px;padding:20px 8px 4px;border-bottom:1px solid #eee9f5}.platform-bar{flex:1;min-width:54px;height:100%;display:grid;grid-template-rows:22px 1fr 44px;align-items:end;text-align:center;color:#201841}.platform-bar>b{font-size:12px;align-self:start}.platform-bar>i{height:var(--bar);max-height:145px;min-height:16px;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 75%,#fff));border-radius:8px 8px 3px 3px;display:block;transition:.18s ease;box-shadow:0 8px 18px color-mix(in srgb,var(--c) 18%,transparent)}.platform-bar:hover>i{transform:translateY(-3px);filter:saturate(1.15)}.platform-bar>span{display:grid;place-items:center;gap:3px;font-size:10px}.platform-bar>span .platform-icon{width:24px;height:24px}.platform-bar>span small{font-size:9px;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cycle-click-list{display:grid;gap:11px}.cycle-click-list a{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding:9px 10px;border-radius:10px;background:#faf8ff;position:relative;overflow:hidden}.cycle-click-list a:hover{background:#f2edff}.cycle-click-list a i{grid-column:1/-1;height:5px;border-radius:99px;background:#eee8fb;position:relative}.cycle-click-list a i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#7752e6,#568ff5);border-radius:inherit}.cycle-click-list a b{color:#5e46c5}
.clickable-row{cursor:pointer}.clickable-row:hover{background:#faf8ff}
.clickable-legend a{display:flex!important;align-items:center;gap:7px;padding:6px 8px;border-radius:8px}.clickable-legend a:hover{background:#f4efff}.clickable-bars a{display:grid!important;grid-template-columns:130px 1fr 36px;align-items:center;gap:10px;padding:7px 5px;border-radius:8px}.clickable-bars a:hover{background:#f6f2ff}.clickable-bars a i{height:7px;background:#f0ecf9;border-radius:99px;overflow:hidden}.clickable-bars a i b{height:100%;display:block;background:linear-gradient(90deg,#8060ea,#5d8cf5);border-radius:inherit}
.customer-request-select-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.request-customer-add{height:45px;white-space:nowrap}.client-proof-hint{border:1px solid #f1d28b;background:#fff9e9;color:#8d6114}.it-subscription-meta-form{margin-top:14px;padding-top:14px;border-top:1px solid #ece6f5}
.permission-matrix th,.permission-matrix td{text-align:center}.permission-matrix th:first-child,.permission-matrix td:first-child{text-align:right}.mini-switch{display:inline-flex!important}.mini-switch input{display:none}.mini-switch span{width:38px;height:22px;border-radius:99px;background:#ddd6e9;position:relative;display:block;transition:.2s}.mini-switch span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;right:3px;box-shadow:0 1px 4px #0002;transition:.2s}.mini-switch input:checked+span{background:#704cdf}.mini-switch input:checked+span:after{transform:translateX(-16px)}.platform-data-links{grid-template-columns:repeat(4,minmax(0,1fr))}
.status-pending_it,.status-pending_executive{background:#fff2dc;color:#a46b0f}.status-needs_info{background:#eaf4ff;color:#3976af}
@media(max-width:1150px){.exec-summary-cost-grid{grid-template-columns:1fr 1fr}.exec-subscription-summary{grid-column:1/-1}.exec-attention-top{grid-template-columns:1fr 1fr}.executive-subscription-analytics{grid-template-columns:1fr!important}.platform-data-links{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.exec-summary-cost-grid,.exec-attention-top{grid-template-columns:1fr}.cost-chart-layout{grid-template-columns:1fr}.exec-subscription-summary .summary-main-row{grid-template-columns:1fr}.customer-request-select-row{grid-template-columns:1fr}.platform-data-links{grid-template-columns:1fr}.platform-bars{overflow-x:auto}.platform-bar{min-width:68px}}
.exact-how-panel .how-steps>div:not(:last-child)::after{content:"←"!important;font-family:Arial,sans-serif!important;font-size:30px!important;font-weight:700!important;left:-8px!important;top:64px!important}

/* 2026-09-15 Executive clickable billing-cycle donut */
.exec-cycle-chart-layout{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(210px,1.2fr);gap:22px;align-items:center;padding:8px 4px 4px}.exec-cycle-donut{max-width:190px;margin:auto}.exec-cycle-legend{display:grid;gap:8px}.exec-cycle-legend a{display:grid;grid-template-columns:10px minmax(70px,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #eee7ff;border-radius:11px;text-decoration:none;background:#fff;color:#241748;transition:.18s ease}.exec-cycle-legend a:hover{border-color:#bba3ff;background:#faf8ff;transform:translateY(-1px)}.exec-cycle-legend i{width:9px;height:9px;border-radius:50%}.exec-cycle-legend b{font-size:14px}.exec-cycle-legend small{color:#7c7191;white-space:nowrap}.exec-svg-donut a circle{cursor:pointer;transition:stroke-width .18s ease,opacity .18s ease}.exec-svg-donut a:hover circle{stroke-width:6.5;opacity:.88}
@media(max-width:760px){.exec-cycle-chart-layout{grid-template-columns:1fr}.exec-cycle-legend{max-width:420px;width:100%;margin:auto}}

/* Executive compact header matching the approved 2026-09-15 dashboard direction */
.exec-compact-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 2px 14px;margin-bottom:4px}.exec-compact-header h1{margin:4px 0 2px;font-size:30px;color:#17103f}.exec-compact-header p{margin:0;color:#7d7197}.exec-compact-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.exec-compact-actions .btn{min-width:132px;justify-content:center}@media(max-width:760px){.exec-compact-header{align-items:flex-start;flex-direction:column}.exec-compact-header h1{font-size:25px}}

/* ===== WIDA 2026-09-16 final request/platform refinements ===== */
.customer-field-wrap{display:block}
.customer-control-box{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border:1px solid #ded7ef;border-radius:12px;background:#fff;overflow:hidden;margin-top:7px}
.customer-control-box select{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;min-width:0}
.customer-control-box select:focus{box-shadow:inset 0 0 0 2px rgba(117,73,231,.12)!important}
.request-customer-inline{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;color:#6842d8;font-weight:800;text-decoration:none;white-space:nowrap;border-inline-start:1px solid #e7dff7;background:#fbf9ff}
.request-customer-inline:hover{background:#f3edff;color:#5630c9}
.request-customer-inline .wida-icon{width:17px;height:17px}

/* One topic card + exactly one visible checkbox */
.smart-request-form .topic-chip{border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;display:block!important}
.smart-request-form .topic-chip::before,.smart-request-form .topic-chip::after{display:none!important;content:none!important}
.smart-request-form .topic-chip>input[type="checkbox"]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.smart-request-form .topic-chip>span{width:100%!important;min-height:54px!important;border:1px solid #ded7ef!important;border-radius:12px!important;background:#fff!important;padding:11px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;box-shadow:none!important}
.smart-request-form .topic-chip .topic-check{display:inline-grid!important;place-items:center!important;width:19px!important;height:19px!important;min-width:19px!important;border:1.5px solid #c7bbe8!important;border-radius:5px!important;background:#fff!important;color:transparent!important;font-style:normal!important;font-size:12px!important;order:2}
.smart-request-form .topic-chip>span>b{order:1;flex:1}
.smart-request-form .topic-chip>input:checked+span{border-color:#7448e5!important;background:#f5f0ff!important;color:#5d35cf!important;box-shadow:0 0 0 2px rgba(116,72,229,.07)!important}
.smart-request-form .topic-chip>input:checked+span .topic-check{background:#7448e5!important;border-color:#7448e5!important;color:#fff!important}
body.role-executive-management .smart-request-form .topic-chip{border:0!important;background:transparent!important;padding:0!important}
body.role-executive-management .smart-request-form .topic-chip::after{display:none!important;content:none!important}

/* Searchable platform catalog picker */
.platform-picker{position:relative;width:100%}
.platform-picker-input{width:100%}
.platform-picker-menu{position:absolute;z-index:80;inset-inline:0;top:calc(100% + 6px);max-height:300px;overflow:auto;background:#fff;border:1px solid #dfd6f3;border-radius:13px;box-shadow:0 18px 45px rgba(36,21,77,.14);padding:6px}
.platform-picker-option,.platform-picker-new{width:100%;border:0;background:transparent;border-radius:9px;min-height:45px;padding:8px 10px;display:flex;align-items:center;gap:10px;text-align:start;color:#1d1635;cursor:pointer;font-family:inherit}
.platform-picker-option:hover,.platform-picker-option:focus,.platform-picker-new:hover{background:#f6f1ff;outline:0}
.platform-picker-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto}
.platform-picker-icon .subscription-platform-icon{margin:0}
.platform-picker-new{border-top:1px solid #eee8f7;border-radius:0;margin-top:4px;color:#6842d8;font-weight:800}
.filter-platform-picker{min-width:190px;align-self:stretch}.filter-platform-picker .platform-picker-input{height:100%;min-height:44px;padding-inline:42px 36px!important;background:#fff}.filter-platform-picker:before{content:"";position:absolute;z-index:2;inset-inline-start:14px;top:50%;width:14px;height:14px;transform:translateY(-50%);border:2px solid #7852e7;border-radius:4px;box-shadow:5px -5px 0 -2px #fff,5px -5px 0 0 #a88ff2;pointer-events:none}.filter-platform-picker:after{content:"⌄";position:absolute;z-index:2;inset-inline-end:14px;top:50%;transform:translateY(-55%);color:#6d5c83;font-weight:900;pointer-events:none}.filter-platform-picker .platform-picker-menu{min-width:260px}.filter-platform-picker .platform-picker-option{justify-content:flex-start}.filter-platform-picker .platform-picker-option[hidden]{display:none!important}.filter-platform-picker .platform-logo{width:29px;height:29px;flex-basis:29px}.filter-platform-picker .platform-picker-option b{font-size:12px!important}.report-platform-picker{min-height:70px;display:flex;align-items:flex-end}.report-platform-picker .platform-picker-input{height:44px}
.subscription-filter-summary{display:grid;grid-template-columns:minmax(230px,1.4fr) repeat(3,minmax(135px,.65fr)) auto;align-items:center;gap:10px;margin:0 0 14px;padding:12px 14px;border:1px solid #e9e1f5;border-radius:15px;background:linear-gradient(100deg,#fbf9ff,#fff);box-shadow:0 8px 22px rgba(53,35,91,.045)}.subscription-filter-summary.is-filtered{border-color:#d9caf3;background:linear-gradient(100deg,#f4efff,#fff)}.filter-summary-platform{display:flex;align-items:center;gap:11px;min-width:0}.filter-summary-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eee8ff;color:#7047df;flex:0 0 auto}.filter-summary-icon>.wida-icon{width:21px;height:21px}.filter-summary-icon .platform-logo{width:36px;height:36px;flex-basis:36px}.filter-summary-platform span:last-child,.filter-summary-metric{display:grid;gap:2px}.filter-summary-platform small,.filter-summary-metric small{color:#81758f;font-size:10px}.filter-summary-platform b{color:#25183f;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-summary-metric{padding-inline:12px;border-inline-start:1px solid #ebe4f4}.filter-summary-metric b{font:700 20px Asal;color:#24173e}.filter-summary-metric b em{font:700 10px Shaheen;font-style:normal;color:#786d86}.filter-summary-export{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;border-radius:11px;background:#7046e8;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 18px rgba(112,70,232,.2)}.filter-summary-export:hover{background:#5e35d3}.filter-summary-export .wida-icon{width:16px;height:16px}.report-filter-summary{margin-top:14px}
@media(max-width:1050px){.subscription-filter-summary{grid-template-columns:1fr 1fr}.filter-summary-platform{grid-column:1/-1}.filter-summary-export{grid-column:1/-1}.filter-summary-metric{border-inline-start:0}}
@media(max-width:620px){.subscription-filter-summary{grid-template-columns:1fr}.filter-summary-platform,.filter-summary-export{grid-column:auto}.filter-platform-picker .platform-picker-menu{min-width:100%}}
.platform-catalog-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-catalog-table .row-actions{display:flex;gap:6px;flex-wrap:wrap}
.platform-catalog-table .row-actions form{margin:0}

/* Keep every platform visible; scroll instead of grouping/dropping. */
.all-platform-bars{overflow-x:auto!important;overflow-y:hidden;padding-bottom:8px;scrollbar-width:thin}
.all-platform-bars .platform-bar{min-width:78px;flex:0 0 78px}
.exec-cost-card .cost-legend{max-height:245px;overflow:auto;padding-inline-end:4px;scrollbar-width:thin}

@media(max-width:700px){
  .customer-control-box{grid-template-columns:1fr}
  .request-customer-inline{min-height:42px;border-inline-start:0;border-top:1px solid #e7dff7}
  .platform-catalog-form .form-grid{grid-template-columns:1fr}
}

/* ======================================================================
   2026-09-16 — FINAL FOLLOW-UP: typography, user identity, payment orders,
   chart drill-down clarity, and request controls.
   ====================================================================== */
:root{--wida-readable:15px}
body{font-size:var(--wida-readable)}
.page-head h1,.branded-page-head h1{font-size:34px!important}
.page-head p,.panel-head p{font-size:14px!important}
.panel h2,.panel-head h2{font-size:21px!important}
label,.form-label{font-size:14px!important}
input,select,textarea{font-size:15px!important;line-height:1.55}
.btn{font-size:14px!important}
th{font-size:13px!important;font-weight:700!important}
td{font-size:14px!important}
.badge{font-size:12px!important}
.stats small,.dashboard-kpi-grid small{font-size:13px!important}
.stats b{font-size:32px!important}.dashboard-kpi-grid b{font-size:33px!important}
.muted,.panel small{font-size:12px}

/* Full name + role in the top bar; never present the email as the identity. */
.top-actions{display:flex;align-items:center;gap:10px}
.user-identity-pill{display:grid!important;gap:1px!important;min-width:130px!important;padding:7px 14px!important;border-radius:14px!important;line-height:1.25!important;text-align:start!important}
.user-identity-pill b{font-size:13px!important;color:#51379e!important;white-space:nowrap}
.user-identity-pill small{display:block!important;font-size:10px!important;font-weight:600!important;color:#9185ae!important;white-space:nowrap}

/* Exactly one visual checkbox per request topic. */
.smart-request-form .topic-chip{display:block!important}
.smart-request-form .topic-chip>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.smart-request-form .topic-chip>span{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid #ded7ef!important;border-radius:12px!important;padding:12px 14px!important;background:#fff!important;min-height:50px!important;cursor:pointer!important}
.smart-request-form .topic-chip .topic-check{display:inline-grid!important;place-items:center!important;width:20px!important;height:20px!important;min-width:20px!important;border:1.5px solid #c8bce7!important;border-radius:5px!important;color:transparent!important;background:#fff!important;font-style:normal!important;font-size:12px!important;order:2!important}
.smart-request-form .topic-chip>span b{flex:1!important;margin:0!important}
.smart-request-form .topic-chip>input:checked+span{background:#f4efff!important;border-color:#784be6!important;color:#6033d5!important;box-shadow:0 0 0 2px rgba(120,75,230,.08)!important}
.smart-request-form .topic-chip>input:checked+span .topic-check{background:#7448e5!important;border-color:#7448e5!important;color:#fff!important}

/* Platform picker remains a clean searchable dropdown with icon + name only. */
.platform-picker-menu{max-height:340px!important}
.platform-picker-option{font-size:14px!important}
.platform-picker-option b{font-size:14px!important}.platform-picker-new{font-size:14px!important}

/* Executive chart wedges are true, separate hit targets. */
.exec-donut-svg path,.exec-cycle-donut-svg path{cursor:pointer;transition:transform .16s ease,opacity .16s ease,filter .16s ease;transform-box:fill-box;transform-origin:center}
.exec-donut-svg path:hover,.exec-cycle-donut-svg path:hover{opacity:.88;filter:drop-shadow(0 3px 4px rgba(36,20,78,.18));transform:scale(1.025)}
.cost-legend{max-height:230px!important;overflow:auto!important;padding-inline-end:5px!important;scrollbar-width:thin}
.cost-legend a{display:grid!important;grid-template-columns:10px minmax(120px,1fr) auto!important;align-items:center!important;gap:8px!important;min-height:31px!important;padding:4px 2px!important}
.cost-legend a i{width:8px!important;height:8px!important;border-radius:50%!important;background:var(--c)!important}
.cost-legend a span{white-space:normal!important;overflow-wrap:anywhere!important}.cost-legend a b{white-space:nowrap!important}
.platform-count-list,.dashboard-legend{scrollbar-width:thin}

/* Monthly + annual values in subscription tables. */
.subscription-value-stack{display:grid;gap:2px}.subscription-value-stack b{font-weight:800}.subscription-value-stack small{font-size:9px!important;color:#9489a7}

/* Payment-order workflow. */
.payment-order-page{display:grid;gap:18px}.payment-order-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.payment-order-summary>div{background:#faf8ff;border:1px solid #eee7f8;border-radius:13px;padding:13px 15px}.payment-order-summary small,.payment-order-summary b{display:block}.payment-order-summary small{color:#8b809d;font-size:11px}.payment-order-summary b{margin-top:5px;font-size:14px;color:#20163d}
.payment-order-form{display:grid;gap:18px}.payment-order-form .form-grid{align-items:start}.payment-order-total{padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#f2ecff,#faf8ff);border:1px solid #ded1fb;display:flex;align-items:center;justify-content:space-between;gap:16px}.payment-order-total small{color:#7c7191}.payment-order-total b{font:700 28px Asal;color:#5d36c8}
.payment-order-actions,.payment-decision-actions{display:flex;gap:9px;flex-wrap:wrap}.payment-status-draft{background:#f1eff5;color:#726981}.payment-status-executive_review,.payment-status-finance_review{background:#fff2dc;color:#a4660d}.payment-status-needs_info{background:#eaf3ff;color:#3974ad}.payment-status-approved,.payment-status-paid{background:#e2f8ee;color:#18704a}.payment-status-rejected{background:#ffe7ea;color:#b63c50}
.payment-messages{display:grid;gap:10px}.payment-messages>div{padding:12px 14px;border-radius:12px;background:#faf9fd;border:1px solid #eeeaf5}.payment-messages b,.payment-messages small{display:inline-block;margin-inline-end:8px}.payment-messages small{color:#948ba1}.payment-messages p{margin:7px 0 0;white-space:pre-line}.payment-message-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end;margin-top:12px}
.compact-payment-filter{display:flex!important;gap:10px!important;align-items:end!important;flex-wrap:wrap!important}.compact-payment-filter select{max-width:270px}
.row-actions .payment-order-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;padding:0!important;border-radius:9px!important;color:#6842d8!important;background:#f0eaff!important}.row-actions .payment-order-action .wida-icon{width:16px;height:16px}

/* WIDA payment order printable form. */
.payment-print-sheet{background:#fff;color:#111;max-width:1180px;margin:0 auto;padding:26px;border:1px solid #ddd;font-family:Arial,'Tahoma',sans-serif}.payment-print-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:2px solid #6b4bd8;padding-bottom:14px;margin-bottom:14px}.payment-print-head h1{margin:0;font-size:24px}.payment-print-head p{margin:3px 0;color:#555}.payment-print-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:14px 0}.payment-print-letter{line-height:2;margin:16px 0}.payment-print-table{width:100%;min-width:0;border-collapse:collapse}.payment-print-table th,.payment-print-table td{border:1px solid #999;padding:8px 6px;text-align:center;font-size:11px}.payment-print-table th{background:#eee9fb;color:#241842;font-weight:700}.payment-print-amount-words{border:1px solid #999;border-top:0;padding:10px 12px;font-weight:700}.payment-print-signatures{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.payment-print-signatures>div{text-align:center;min-height:90px;border-top:1px solid #777;padding-top:8px}.payment-print-signatures b,.payment-print-signatures small{display:block}.payment-print-actions{display:flex;justify-content:flex-end;gap:9px;margin-bottom:14px}
@media print{.sidebar,.top,.payment-print-actions,.flash{display:none!important}.main,.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.payment-print-sheet{border:0!important;max-width:none!important;padding:8mm!important}.payment-print-table th,.payment-print-table td{font-size:9px!important;padding:5px 3px!important}}

@media(max-width:900px){.payment-order-summary{grid-template-columns:1fr 1fr}.payment-print-signatures{grid-template-columns:1fr 1fr}.payment-message-form{grid-template-columns:1fr}.user-identity-pill{min-width:0!important}}

/* ======================================================================
   WIDA PAYMENT ORDER BUILDER — 2026-09-17
   Configurable form, approval workflow, e-signatures and print document.
   ====================================================================== */
.payment-order-premium{padding:24px!important;overflow:hidden}.payment-document-head{display:grid;grid-template-columns:150px 1fr 160px;align-items:center;gap:18px;padding-bottom:18px;border-bottom:2px solid var(--wida-purple)}.payment-document-head .po-logo img{width:125px;max-height:58px}.payment-document-head .po-title{text-align:center}.payment-document-head .po-title small{color:#817691;font-size:11px}.payment-document-head .po-title h1{margin:4px 0 0;font:700 30px Asal;color:#17102f}.payment-document-head .po-title h1 span{font-size:18px;color:#6a5c7e}.payment-document-head .po-title p{margin:5px 0 0;color:#70667f}.payment-document-head .po-status{justify-self:start;padding:8px 12px;border-radius:999px;background:#f0eaff;color:#6740d7;font-weight:700;font-size:12px}.payment-document-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.payment-document-meta>div{padding:12px 14px;border:1px solid var(--wida-line);border-radius:13px;background:#fbfaff}.payment-document-meta small,.payment-document-meta b{display:block}.payment-document-meta small{color:var(--wida-muted);font-size:11px}.payment-document-meta b{margin-top:4px;font-size:14px}.payment-document-letter{padding:16px 18px;border:1px solid var(--wida-line);border-radius:14px;background:linear-gradient(120deg,#fbf9ff,#fff);line-height:1.9;margin-bottom:18px}.payment-document-letter h3{margin:0 0 6px;font:700 18px Asal}.payment-document-letter p{margin:2px 0;color:#61586d}.payment-order-premium .po-section{margin-top:18px}.payment-order-premium .po-section>h2{font:700 19px Asal;margin:0 0 11px}.payment-order-table{min-width:900px!important;border:1px solid #e6dff0;border-radius:13px;overflow:hidden}.payment-order-table th{background:#f5f1ff!important;color:#5e5172!important;font-weight:700!important}.payment-order-table th,.payment-order-table td{text-align:center!important;padding:11px 8px!important}.payment-order-grand-total{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 17px;margin-top:10px;border:1px solid #ded0fb;border-radius:12px;background:linear-gradient(100deg,#f0eaff,#fbfaff)}.payment-order-grand-total strong{font:700 24px Asal;color:#6035cf}.payment-order-context{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.payment-order-context>div{padding:12px 14px;border:1px solid var(--wida-line);border-radius:12px;background:#fff}.payment-order-context small,.payment-order-context b{display:block}.payment-order-context small{color:var(--wida-muted);font-size:11px}.payment-order-context b{margin-top:4px}.approval-history-table{min-width:720px!important}.approval-history-table th,.approval-history-table td{text-align:center!important}.payment-approval-approved{background:#e4f8ee;color:#18734a}.payment-approval-pending{background:#fff2dc;color:#9d650c}.payment-approval-queued{background:#f1eff5;color:#756b85}.payment-approval-rejected{background:#ffe7ea;color:#b63f51}.payment-approval-needs_info{background:#e9f3ff;color:#3974ad}.payment-signatures{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;margin-top:0!important}.payment-signatures .po-sign-card{min-height:150px;border:1px solid #e6dff0;border-radius:13px;padding:13px;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center}.payment-signatures .po-sign-card h4{font:700 15px Asal;margin:0 0 8px}.stored-signature{display:block;max-width:160px;max-height:70px;object-fit:contain;margin:4px auto}.typed-signature{display:block;font:700 22px Asal;color:#5430aa;margin:12px 0}.signature-placeholder{display:block;color:#aaa0b6;margin:20px 0}.payment-signatures .po-sign-card small{display:block;color:#8c8298;font-size:10px;margin-top:3px}.payment-order-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:15px 0}.payment-order-editor{gap:22px}.payment-items-editor{padding:17px;border:1px solid #e9e3f2;border-radius:15px;background:#fbfaff}.payment-item-card{padding:15px;border:1px solid #e5def0;border-radius:14px;background:#fff;margin-bottom:11px}.payment-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.payment-item-head b{font:700 16px Asal}.payment-item-total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #e4ddef;margin-top:12px;padding-top:10px}.payment-item-total b{color:#643bd2}.payment-live-total{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:14px;background:linear-gradient(105deg,#eee6ff,#fbfaff);border:1px solid #ded0fb}.payment-live-total b{font:700 28px Asal;color:#5d35c8}.signature-input-card{padding:16px;border:1px solid #e4d9fa;border-radius:14px;background:#faf7ff}.signature-input-card h3{font:700 17px Asal;margin:0 0 4px}.signature-input-card p{margin:0 0 11px;color:#84798f;font-size:11px}.signature-pad{width:100%;height:150px;border:1px dashed #bba8e8;border-radius:12px;background:#fff;touch-action:none}.signature-pad-actions{display:flex;justify-content:flex-start;margin:8px 0}.payment-decision-card{border-color:#ddcffb!important}.payment-role-grid{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px;border-radius:13px;background:#faf8ff;border:1px solid #ece5f8}.payment-role-grid>b{margin-inline-end:6px}.payment-config-panel{margin-bottom:18px}.payment-config-list{display:grid;gap:8px}.payment-config-row{display:grid;grid-template-columns:150px minmax(160px,1fr) minmax(140px,.8fr) 80px auto auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #ebe4f4;border-radius:12px;background:#fff}.payment-config-row>div b,.payment-config-row>div small{display:block}.payment-config-row>div small{color:#958a9f;font-size:9px}.payment-delete-inline{margin:-50px 9px 12px 0;float:left}.payment-add-config{margin-top:14px;border:1px dashed #d8caf7;border-radius:13px;padding:12px;background:#fbf9ff}.payment-add-config summary{cursor:pointer;font-weight:700;color:#6940d5}.payment-add-config form{margin-top:14px}.payment-field-list,.payment-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-field-card,.payment-step-card{border:1px solid #e9e2f3;border-radius:14px;padding:14px;background:#fff}.payment-field-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.payment-field-card header b,.payment-field-card header small{display:block}.payment-field-card header small{color:#958a9f;font-size:9px}.payment-field-delete,.payment-step-delete{margin-top:-54px;margin-inline-start:14px;position:relative;z-index:2;width:max-content}.payment-step-card{padding-bottom:55px}.payment-step-delete{margin-top:-52px}.page-head-actions{display:flex;gap:8px;flex-wrap:wrap}.payment-status-pending_approval{background:#fff2dc;color:#9d650c}
@media(max-width:1050px){.payment-document-head{grid-template-columns:110px 1fr}.payment-document-head .po-status{grid-column:1/-1;justify-self:start}.payment-order-context{grid-template-columns:1fr 1fr!important}.payment-signatures{grid-template-columns:1fr 1fr!important}.payment-field-list,.payment-step-list{grid-template-columns:1fr}.payment-config-row{grid-template-columns:1fr 1fr}.payment-delete-inline{margin:6px 0 12px}.payment-field-delete,.payment-step-delete{margin:8px 0 0 14px}}
@media(max-width:650px){.payment-document-head{grid-template-columns:1fr;text-align:center}.payment-document-head .po-logo,.payment-document-head .po-status{justify-self:center}.payment-document-meta{grid-template-columns:1fr}.payment-order-context{grid-template-columns:1fr!important}.payment-signatures{grid-template-columns:1fr!important}.payment-config-row{grid-template-columns:1fr}.payment-role-grid{align-items:flex-start;flex-direction:column}.payment-live-total{align-items:flex-start;flex-direction:column}}

/* Compact subscription KPIs: keep the four cards on one horizontal line. */
.subscription-kpis.exact-reference-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important}
.subscription-kpis.exact-reference-kpis>a.sub-kpi{grid-column:auto!important;margin-top:0!important;width:auto!important}
.subscription-kpis.exact-reference-kpis .sub-kpi{min-width:0!important;min-height:82px!important;padding:11px 13px!important;grid-template-columns:1fr 34px!important;grid-template-rows:auto 1fr!important;border-radius:14px!important}
.subscription-kpis.exact-reference-kpis .sub-kpi small{font-size:10px!important;line-height:1.25!important;min-height:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.subscription-kpis.exact-reference-kpis .sub-kpi b{font-size:24px!important;line-height:1!important;margin-top:3px!important}
.subscription-kpis.exact-reference-kpis .sub-kpi .kpi-icon{width:32px!important;height:32px!important;border-radius:10px!important}
.subscription-kpis.exact-reference-kpis .sub-kpi .kpi-icon .wida-icon{width:15px!important;height:15px!important}
.subscription-kpis.exact-reference-kpis .sub-kpi:after{width:60px!important;height:60px!important;left:-26px!important;bottom:-34px!important}
@media(max-width:700px){.subscription-kpis.exact-reference-kpis{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(145px,1fr)!important;overflow-x:auto!important;padding-bottom:5px!important;scrollbar-width:thin}.subscription-kpis.exact-reference-kpis .sub-kpi{min-width:145px!important}}

/* Clear, sequential payment-order approval flow. */
.payment-approval-overview{padding:18px 20px!important;border-color:#dfd3f8!important;background:linear-gradient(110deg,#faf7ff,#fff)!important}.payment-approval-flow{display:grid;grid-template-columns:minmax(180px,1fr) 34px minmax(180px,1fr) 34px minmax(180px,1fr);align-items:stretch;gap:8px}.approval-flow-step{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e9e3f2;border-radius:13px;background:#fff}.approval-flow-step>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f1eef6;color:#8a8098}.approval-flow-step>span .wida-icon{width:18px;height:18px}.approval-flow-step small,.approval-flow-step b,.approval-flow-step em{display:block}.approval-flow-step small{color:#8d829c;font-size:10px}.approval-flow-step b{margin-top:2px;color:#24183d;font-size:13px}.approval-flow-step em{margin-top:2px;color:#897f95;font-size:9px;font-style:normal}.approval-flow-step.is-complete,.approval-flow-step.status-approved{border-color:#bfe8d6;background:#f5fcf8}.approval-flow-step.is-complete>span,.approval-flow-step.status-approved>span{background:#def5ea;color:#16835a}.approval-flow-step.is-current,.approval-flow-step.status-pending{border-color:#d3c0ff;box-shadow:0 0 0 2px rgba(112,70,232,.07);background:#faf7ff}.approval-flow-step.is-current>span,.approval-flow-step.status-pending>span{background:#ece5ff;color:#7046e8}.approval-flow-step.status-rejected{border-color:#f1bdc5;background:#fff7f8}.approval-flow-step.status-rejected>span{background:#ffe4e8;color:#c83d51}.approval-flow-arrow{display:grid;place-items:center;color:#9d8fb7;font-size:20px;font-weight:900}.payment-decision-prominent{border:2px solid #7b51e8!important;background:linear-gradient(120deg,#f7f2ff,#fff)!important;box-shadow:0 16px 38px rgba(91,55,178,.12)!important}.payment-decision-prominent .signature-input-card{background:#fff}.payment-waiting-note{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #e7dfef;border-radius:12px;background:#fff;color:#6f657d}.payment-waiting-note .wida-icon{width:17px;height:17px;color:#7850e5}
.payment-decision-actions-top{position:sticky;top:8px;z-index:8;padding:10px;border:1px solid #ddd0fa;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 20px rgba(73,43,137,.08);backdrop-filter:blur(8px)}.payment-decision-actions-top .btn{min-height:42px}.typed-approval-signature{padding:12px 14px!important;border:1px solid #bfe8d6!important;border-radius:12px!important;background:#f4fcf8!important}.typed-approval-signature input{margin-top:7px!important;background:#fff!important;font-weight:800!important;color:#176d4c!important}.payment-decision-prominent .signature-pad{height:120px!important;cursor:crosshair!important;background:#fff!important}
.executive-readonly .payment-decision-prominent{pointer-events:auto!important}.executive-readonly .payment-decision-prominent input,.executive-readonly .payment-decision-prominent textarea,.executive-readonly .payment-decision-prominent button{opacity:1!important;pointer-events:auto!important}.executive-readonly .payment-decision-prominent button[type="submit"]{display:inline-flex!important}
.payment-decision-prominent{padding:14px 16px!important;gap:10px!important}.payment-decision-compact-head{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:12px;align-items:center}.payment-decision-compact-head>div:first-child{display:grid;grid-template-columns:32px 1fr;column-gap:9px;align-items:center}.payment-decision-compact-head .section-icon{grid-row:1/3}.payment-decision-compact-head h2{margin:0;font-size:19px}.payment-decision-compact-head p{margin:2px 0 0;color:#786d88;font-size:11px}.payment-decision-actions-top{position:static;display:flex!important;flex-wrap:nowrap!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.payment-decision-actions-top .btn{min-height:39px!important;padding:0 14px!important;white-space:nowrap}.payment-decision-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:10px;align-items:end}.payment-decision-fields>label{margin:0!important}.payment-decision-fields label>span{font-size:9px;color:#958aa2;font-weight:500}.payment-decision-fields textarea,.payment-decision-fields input{min-height:42px!important;height:42px!important;margin-top:5px!important}.payment-decision-fields textarea{resize:vertical!important;padding-top:9px!important}.payment-decision-fields .typed-approval-signature{padding:8px 10px!important}.payment-decision-fields .typed-approval-signature input{margin-top:5px!important}.approval-drawn-signature{border:1px dashed #d5c7f5;border-radius:11px;background:#fff;padding:8px 11px}.approval-drawn-signature summary{cursor:pointer;color:#6741ce;font-size:11px;font-weight:800}.approval-drawn-signature[open] summary{margin-bottom:8px}.approval-drawn-signature .signature-input-card{padding:8px!important;border:0!important;background:#fff!important}.approval-drawn-signature .signature-pad{height:95px!important}.approval-drawn-signature .signature-pad-actions{margin:5px 0 0}.payment-signatures{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.payment-signatures .po-sign-card{min-height:118px!important;padding:10px!important}.payment-signatures .signature-placeholder{margin:10px 0!important}.payment-signatures .stored-signature{max-height:52px!important}.payment-signatures .typed-signature{margin:7px 0!important;font-size:19px!important}
@media(max-width:1100px){.payment-decision-compact-head{grid-template-columns:1fr auto}.payment-decision-actions-top{grid-column:1/-1}.payment-decision-fields{grid-template-columns:1fr 1fr}.payment-signatures{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){.payment-decision-compact-head,.payment-decision-fields{grid-template-columns:1fr}.payment-decision-actions-top{overflow-x:auto;padding-bottom:2px!important}.payment-decision-actions-top .btn{flex:0 0 auto}.payment-signatures{grid-template-columns:1fr!important}}
@media(max-width:900px){.payment-approval-flow{display:flex;overflow-x:auto;gap:8px;padding-bottom:5px;scrollbar-width:thin}.approval-flow-step{min-width:220px}.approval-flow-arrow{min-width:24px}}
.executive-readonly .payment-decision-prominent .form-actions .btn.primary,.executive-readonly .payment-decision-prominent .form-actions .btn.ghost,.executive-readonly .payment-decision-prominent .form-actions .btn.danger{display:inline-flex!important;opacity:1!important;pointer-events:auto!important}
.role-executive-management.executive-readonly .smart-request-form input,.role-executive-management.executive-readonly .smart-request-form select,.role-executive-management.executive-readonly .smart-request-form textarea,.role-executive-management.executive-readonly .smart-request-form button{opacity:1!important;pointer-events:auto!important}.role-executive-management.executive-readonly .smart-request-form .form-actions .btn.primary{display:inline-flex!important;opacity:1!important;pointer-events:auto!important}.role-executive-management.executive-readonly .approval-actions.read-only-allowed textarea{opacity:1!important;pointer-events:auto!important}
.filter-summary-export-group{display:flex;align-items:center;gap:7px}.filter-summary-export-group .filter-summary-export{min-width:78px;padding-inline:11px;border:0;cursor:pointer;font:800 12px Shaheen}.filter-summary-export-group .filter-summary-export.pdf{background:#5e35d3}.filter-summary-export-group .filter-summary-export.excel{background:#16835a}.filter-summary-export-group .filter-summary-export.excel:hover{background:#116d4a}
@media(max-width:1050px){.filter-summary-export-group{grid-column:1/-1}.filter-summary-export-group .filter-summary-export{flex:1}}
@media print{.filter-summary-export-group{display:none!important}}

/* Executive management may create and review customer-addition requests. */
.role-executive-management.executive-readonly .customer-request-submit-form input,
.role-executive-management.executive-readonly .customer-request-submit-form textarea,
.role-executive-management.executive-readonly .customer-request-submit-form button,
.role-executive-management.executive-readonly .customer-request-review-form input,
.role-executive-management.executive-readonly .customer-request-review-form textarea,
.role-executive-management.executive-readonly .customer-request-review-form button{opacity:1!important;pointer-events:auto!important}
.role-executive-management.executive-readonly .customer-request-submit-form .form-actions .btn.primary,
.role-executive-management.executive-readonly .customer-request-submit-form>.btn.primary,
.role-executive-management.executive-readonly .customer-request-review-form .form-actions .btn{display:inline-flex!important;opacity:1!important;pointer-events:auto!important}

/* Keep report filters compact and aligned on one desktop row. */
.report-center-filters{display:grid!important;align-items:end!important;gap:10px!important}
.report-center-filters>*{min-width:0!important;width:100%!important;margin:0!important}
.report-center-filters.report-filters-subscriptions{grid-template-columns:repeat(2,minmax(175px,1fr)) minmax(185px,1.1fr) repeat(3,minmax(120px,.72fr)) auto!important}
.report-center-filters .report-platform-picker{min-height:70px!important;align-self:end!important}
.report-center-filters .report-platform-picker .platform-picker-input{height:44px!important;min-height:44px!important}
.report-center-filters>.btn{width:auto!important;min-width:108px!important;height:44px!important;white-space:nowrap}

/* Wida Digital Custody */
.custody-page-head{align-items:flex-end}.custody-page-head .btn{gap:8px}.custody-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.custody-stats>a{display:block;position:relative;overflow:hidden;transition:.18s ease;background:#fff;border:1px solid #ebe7f2;border-radius:16px;padding:18px 20px;box-shadow:0 8px 22px #30235808;min-height:96px}.custody-stats>a:hover{transform:translateY(-2px);border-color:#d9cdf5;box-shadow:0 10px 28px #5d3ca811}.custody-stats>a::after{content:"";position:absolute;inset-inline-start:-18px;bottom:-28px;width:72px;height:72px;border-radius:50%;background:#f2edff}.custody-panel-head{display:flex;justify-content:space-between;align-items:center}.custody-filter{display:grid;grid-template-columns:minmax(180px,1fr) minmax(170px,.8fr) minmax(220px,1.4fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid #ebe4f7;border-radius:14px;background:#fbfaff;margin-bottom:16px}.custody-filter label{gap:5px}.custody-filter input,.custody-filter select{min-height:44px}.custody-filter .btn{height:44px;gap:7px;white-space:nowrap}.custody-item-grid{display:grid;gap:9px}.custody-item-card{display:grid;grid-template-columns:46px minmax(180px,1fr) auto auto 18px;align-items:center;gap:12px;padding:12px 14px;border:1px solid #eae4f2;border-radius:14px;background:#fff;transition:.16s ease}.custody-item-card:hover{border-color:#beaaf0;background:#faf8ff;transform:translateX(-2px)}.custody-item-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#eee8ff;color:#6d45d8}.custody-item-icon .wida-icon{width:21px;height:21px}.custody-item-main b,.custody-item-main small{display:block}.custody-item-main b{font-size:15px}.custody-item-main small{margin-top:3px;color:#887e98;font-size:11px}.custody-arrow{font:700 26px Arial;color:#8a6cda}.custody-status-active{background:#e4f8ef;color:#17734b}.custody-status-maintenance,.custody-status-pending_return{background:#fff2dc;color:#9d650c}.custody-status-returned,.custody-status-archived{background:#f0eef4;color:#746b84}.custody-status-lost{background:#ffe7ea;color:#b63f51}.custody-empty{grid-column:1/-1}.custody-action-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px!important;margin-bottom:16px}.custody-action-strip>div{display:flex;align-items:center;gap:11px}.custody-action-strip b,.custody-action-strip small{display:block}.custody-action-strip small{color:#887e98;margin-top:3px}.custody-actions{flex-wrap:wrap}.custody-form{gap:20px}.custody-base-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.custody-dynamic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:17px;border:1px solid #ebe4f7;border-radius:15px;background:#fbfaff}.custody-dynamic-field[hidden]{display:none!important}.field-security-note{display:inline-flex;align-items:center;gap:4px;color:#7451d1;font-size:10px;margin-inline-start:6px}.field-security-note .wida-icon{width:13px;height:13px}.custody-secret-panel{margin-top:18px}.custody-secret-list{display:grid;gap:9px}.custody-secret-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;border:1px solid #e9e2f3;border-radius:12px;background:#fbfaff}.custody-secret-row b,.custody-secret-row small{display:block}.custody-secret-row small{font-family:monospace;letter-spacing:2px;color:#786e88;margin-top:3px}.custody-admin-layout{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,1fr);gap:18px;margin-bottom:18px;align-items:start}.custody-user-selector{position:sticky;top:14px}.custody-selected-user{display:grid;gap:4px;margin-top:16px;padding:14px;border-radius:12px;background:#f5f1ff}.custody-selected-user small{color:#83788f}.custody-permission-form .panel-head{display:flex;justify-content:space-between;gap:12px}.custody-scope-grid{grid-template-columns:1fr 1fr}.custody-targets{grid-column:1/-1}.custody-targets select{min-height:120px}.custody-sensitive-permission{border-color:#e6d8ff!important;background:#fbf8ff!important}.custody-audit-panel{margin-top:18px}.custody-field-category{margin-bottom:15px}.custody-field-list{display:grid;gap:8px}.custody-field-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(140px,1fr) minmax(130px,.8fr) minmax(150px,1fr) repeat(4,auto) 64px;gap:7px;align-items:center;padding:9px;border:1px solid #ebe5f3;border-radius:12px;background:#fff}.custody-field-row input,.custody-field-row select{min-height:39px;padding:8px}.mini-check{display:flex;grid-auto-flow:column;align-items:center;gap:5px;white-space:nowrap;font-size:11px}.mini-check input{width:16px;height:16px;min-height:0;padding:0}.custody-order-input{text-align:center}.custody-add-field{margin-top:18px}.custody-add-field .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.custody-add-field .form-actions{align-items:end}.custody-fields-form .sticky-save{z-index:10}
@media(max-width:1100px){.custody-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.custody-filter .btn{width:100%}.custody-field-row{grid-template-columns:repeat(4,minmax(140px,1fr));overflow:auto}.custody-admin-layout{grid-template-columns:1fr}.custody-user-selector{position:static}.custody-base-grid,.custody-add-field .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.custody-page-head{align-items:flex-start}.custody-stats{grid-template-columns:repeat(2,1fr)!important}.custody-filter,.custody-base-grid,.custody-dynamic-fields,.custody-scope-grid,.custody-add-field .form-grid{grid-template-columns:1fr}.custody-item-card{grid-template-columns:44px 1fr auto}.custody-item-card .badge+ .badge,.custody-arrow{display:none}.custody-action-strip,.custody-secret-row{align-items:flex-start;flex-direction:column}.custody-actions{width:100%}.custody-field-row{grid-template-columns:1fr 1fr}.custody-permission-form .panel-head{align-items:flex-start;flex-direction:column}}
@media(max-width:1250px){.report-center-filters.report-filters-subscriptions{grid-template-columns:repeat(3,minmax(170px,1fr))!important}.report-center-filters.report-filters-subscriptions>.btn{width:100%!important}}
@media(max-width:760px){.report-center-filters.report-filters-subscriptions{grid-template-columns:1fr!important}.report-center-filters .report-platform-picker{min-height:44px!important}.report-center-filters>.btn{width:100%!important}}

/* Shared portal and in-app navigation. */
.top .hub-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.top .hub-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid #ddd3ff;border-radius:10px;background:#fff;color:#6542ca;font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}
.top .hub-portal-button{background:#f3efff}
.top .hub-nav-button:hover{background:#eae2ff;border-color:#9475ef}
.top .hub-nav-button:focus-visible{outline:2px solid #7950ef;outline-offset:3px}
.top .hub-nav-button svg{width:16px;height:16px}
html[dir="ltr"] .hub-back-arrow{transform:rotate(180deg)}
@media(max-width:900px){body .main .top{height:auto;min-height:64px;padding:12px 16px;gap:10px;flex-wrap:wrap}body .main .top-actions{flex-wrap:wrap;gap:8px}.top .hub-nav-button{font-size:12px;padding:6px 9px}}

/* Keep portal navigation beside the platform name. */
.top .hub-brand-navigation{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap}
.top .hub-site-title{font-weight:700}
.top .hub-nav-button{max-width:260px;white-space:normal;text-align:center;overflow-wrap:anywhere;line-height:1.5}
.hub-navigation-settings{margin-bottom:22px;scroll-margin-top:20px}
.hub-navigation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
@media(max-width:600px){.hub-navigation-fields{grid-template-columns:1fr}.top .hub-brand-navigation{gap:8px}}