/* ===== لوحة المتابعة (dashboard.js) — كل القواعد داخل .dsh حتى لا تمس بقية التطبيق ===== */
body.wide main{max-width:1280px}
.dsh{--dl:rgba(13,74,120,.10);--dl2:rgba(13,74,120,.22);--dcard:rgba(255,253,249,.86);--dim:#9aa3ad;--plan:#15293c;--ease:cubic-bezier(.2,.8,.2,1);position:relative}
.dsh *{box-sizing:border-box}
.dsh button{font:inherit;cursor:pointer;min-height:0;border-radius:10px}
.dsh select{width:auto;margin:0;font-size:12.5px;padding:5px 10px;border-radius:10px}
.dsh [dir=ltr]{unicode-bidi:isolate}
.d-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.d-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--dl) 1px,transparent 1px),linear-gradient(90deg,var(--dl) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 0%,#000 25%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 25%,transparent 70%);opacity:.5}
.d-blob{position:absolute;border-radius:50%;filter:blur(100px);animation:d-drift 24s ease-in-out infinite alternate}
.d-blob.a{width:560px;height:560px;background:#155f95;opacity:.12;top:-220px;right:-120px}
.d-blob.b{width:440px;height:440px;background:#2d7a52;opacity:.06;top:45%;left:-180px;animation-duration:30s}
.d-blob.c{width:420px;height:420px;background:#d9644a;opacity:.08;bottom:-180px;right:30%;animation-duration:34s}
@keyframes d-drift{to{transform:translate(60px,40px) scale(1.12)}}
@keyframes d-rise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes d-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes d-grow{from{transform:scaleY(0)}}
@keyframes d-pop{from{opacity:0;transform:scale(.6)}}
@keyframes d-ping{0%{box-shadow:0 0 0 0 rgba(94,227,155,.7)}70%{box-shadow:0 0 0 9px rgba(94,227,155,0)}100%{box-shadow:0 0 0 0 rgba(94,227,155,0)}}
@keyframes d-ping2{0%{box-shadow:0 0 0 0 rgba(191,59,40,.55)}70%{box-shadow:0 0 0 8px rgba(191,59,40,0)}100%{box-shadow:0 0 0 0 rgba(191,59,40,0)}}
@keyframes d-breathe{50%{opacity:0;transform:scale(1.04)}}
@keyframes d-stream{from{transform:translateX(120%)}to{transform:translateX(-180%)}}
@keyframes d-slide{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.d-back{background:var(--card);border:1.5px solid var(--bd);color:var(--tx);padding:7px 14px;margin-bottom:10px}

/* الترويسة البحرية */
.d-banner{position:relative;border-radius:26px;padding:20px 22px 22px;margin-bottom:16px;color:#fff;overflow:hidden;background:linear-gradient(135deg,#155f95 0%,#0d4a78 45%,#0a3a5f 100%);box-shadow:0 18px 50px rgba(13,74,120,.28);animation:d-rise .7s var(--ease) both}
.d-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at 85% -10%,rgba(255,255,255,.18),transparent 55%),radial-gradient(500px circle at 5% 120%,rgba(217,100,74,.35),transparent 60%);pointer-events:none}
.d-banner::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(180deg,#000,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
.d-banner>*{position:relative;z-index:1}
.d-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.d-brand h1{margin:0;font-size:23px;font-weight:800;line-height:1.25;color:#fff}
.d-brand p{margin:0;font-size:12.5px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.d-live{display:inline-flex;align-items:center;gap:6px;color:#a7f3c9;font-weight:700}
.d-live i{width:8px;height:8px;border-radius:50%;background:#5ee39b;animation:d-ping 1.8s infinite}
.d-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.d-seg{position:relative;display:inline-flex;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:4px}
.d-seg button{position:relative;z-index:1;border:0;background:none;color:rgba(255,255,255,.8);font-size:13px;font-weight:700;padding:6px 14px;transition:color .3s}
.d-seg button.is-on{color:var(--p)}
.d-pill{position:absolute;top:4px;bottom:4px;border-radius:10px;background:#fffdf9;box-shadow:0 4px 14px rgba(0,0,0,.18);transition:all .45s var(--ease)}
.d-clock{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.85);font-size:12.5px;padding:7px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}

/* البرنامج الزمني */
.d-sched{display:grid;gap:14px}
.d-sp{display:grid;grid-template-columns:160px 1fr 300px;gap:18px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.d-sp .nm b{display:block;font-size:17px;font-weight:800}
.d-sp .nm span{font-size:12px;color:rgba(255,255,255,.72)}
.d-st{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:11.5px;font-weight:800;padding:2px 10px;border-radius:999px}
.d-st.ok{background:rgba(94,227,155,.18);color:#a7f3c9}.d-st.warn{background:rgba(255,196,92,.2);color:#ffd89a}.d-st.bad{background:rgba(255,128,104,.22);color:#ffb7a8}.d-st.na{background:rgba(255,255,255,.12);color:#fff}
.d-tl{position:relative;padding-top:22px}
.d-tl .dates{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(255,255,255,.72);margin-top:6px}
.d-tl .d-row{display:grid;grid-template-columns:92px 1fr 52px;gap:10px;align-items:center;margin-top:7px}
.d-tl .d-row>span:first-child{font-size:12px;color:rgba(255,255,255,.82)}
.d-tl .d-row b{font-size:13.5px;font-weight:900;text-align:left;font-variant-numeric:tabular-nums}
.d-bar{position:relative;height:12px;border-radius:7px;background:rgba(255,255,255,.12);overflow:hidden}
.d-bar i{position:absolute;top:0;bottom:0;right:0;width:0;border-radius:7px;transition:width 1.6s var(--ease)}
.d-bar i.time{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.55) 0 6px,rgba(255,255,255,.32) 6px 12px)}
.d-bar i.prog{background:linear-gradient(270deg,#fffdf9,#bfe0f7);box-shadow:0 0 14px rgba(191,224,247,.7)}
.d-bar i.prog.behind{background:linear-gradient(270deg,#ffd0c4,#ff9b85)}
.d-gap{position:absolute;top:0;height:100%;width:0;background:repeating-linear-gradient(-45deg,rgba(255,128,104,.65) 0 4px,rgba(255,128,104,.3) 4px 8px);transition:width 1s var(--ease)}
.d-track{position:absolute;top:0;bottom:0;right:102px;left:62px;pointer-events:none}
.d-today{position:absolute;top:0;bottom:22px;width:0;right:0;transition:right 1.6s var(--ease)}
.d-today::before{content:"";position:absolute;top:18px;bottom:-4px;width:2px;transform:translateX(50%);background:#ffd89a;box-shadow:0 0 10px #ffd89a}
.d-today span{position:absolute;top:0;transform:translateX(50%);white-space:nowrap;font-size:11px;font-weight:800;color:#3a2a08;background:#ffd89a;padding:0 8px;border-radius:999px;line-height:18px}
.d-kp{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.d-kp div{padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.12)}
.d-kp b{display:block;font-size:15.5px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.35}
.d-kp span{font-size:11px;color:rgba(255,255,255,.75)}
.d-kp .ok{color:#a7f3c9}.d-kp .bad{color:#ffb7a8}.d-kp .warn{color:#ffd89a}
.d-nodates{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.3)}
.d-nodates b{font-size:15px}.d-nodates span{display:block;font-size:12px;color:rgba(255,255,255,.75)}
.d-nodates button{background:#fffdf9;color:var(--p);border:0;padding:7px 14px;font-weight:800}

/* البطاقات */
.d-card{position:relative;background:var(--dcard);border:1px solid var(--dl);border-radius:20px;padding:16px 18px;overflow:hidden;min-width:0;box-shadow:0 1px 2px rgba(40,34,20,.04),0 8px 24px rgba(40,34,20,.05);transition:transform .35s var(--ease),border-color .3s,box-shadow .35s;animation:d-rise .8s var(--ease) both;animation-delay:calc(var(--d,0) * 70ms)}
.d-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(21,95,149,.08),transparent 45%)}
.d-card:hover{border-color:var(--dl2);box-shadow:0 2px 4px rgba(40,34,20,.04),0 16px 40px rgba(13,74,120,.1)}
.d-card:hover::before{opacity:1}
.d-ch{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.d-ch h3{margin:0;font-size:15.5px;font-weight:800;color:var(--tx)}
.d-ch p{margin:0;font-size:12px;color:var(--mu)}
.d-note{font-size:12.5px;color:var(--am);background:var(--aml);border-radius:12px;padding:10px 12px;margin:0}
.d-hero{display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;gap:14px;margin-bottom:14px}
.d-gauge{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}
.d-gauge svg{width:150px;height:150px;overflow:visible}
.d-gauge .trk{stroke:rgba(13,74,120,.08)}
.d-gauge .arc,.d-gauge .arc2{transition:stroke-dashoffset 1.6s var(--ease)}
.d-gauge .ticks line{stroke:rgba(13,74,120,.16)}
.d-gv{position:absolute;top:16px;left:0;right:0;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.d-gv b{font-size:26px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.d-gv small{font-size:11px;color:var(--mu);margin-top:4px;max-width:110px;line-height:1.3}
.d-gauge h4{margin:6px 0 0;font-size:13.5px;font-weight:700}
.d-gauge .dl{font-size:12px;color:var(--mu)}
.d-up{color:var(--gn);font-weight:800}.d-bad{color:var(--rd);font-weight:800}
.d-alerts{display:grid;grid-template-rows:repeat(4,1fr);gap:8px;padding:12px}
.d-al{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;background:rgba(13,74,120,.025);border:1px solid transparent;cursor:pointer;transition:all .3s var(--ease);text-align:right;width:100%;color:inherit}
.d-al:hover{background:var(--pl);border-color:var(--dl2);transform:translateX(-4px)}
.d-al .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none}
.d-al .ic svg{width:18px;height:18px}
.d-al b{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}
.d-al span{display:block;font-size:12px;color:var(--mu);line-height:1.3;font-weight:600}
.d-al small{display:block;color:var(--dim);font-size:11px;line-height:1.3}
.d-al .pd{margin-inline-start:auto;width:8px;height:8px;border-radius:50%;flex:none}
.d-al .pd.hot{background:var(--rd);animation:d-ping2 1.6s infinite}
.d-g2{display:grid;grid-template-columns:2.1fr 1fr;gap:14px;margin-bottom:14px}
.d-g2b{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;margin-bottom:14px}
.d-mb{margin-bottom:14px}
.d-tabs{display:inline-flex;gap:4px;background:rgba(13,74,120,.06);border-radius:12px;padding:3px;position:relative}
.d-tabs button{position:relative;z-index:1;border:0;background:none;color:var(--mu);font-size:12.5px;font-weight:700;padding:5px 12px;transition:color .3s}
.d-tabs button.is-on{color:#fff}
.d-tabs .d-pill{top:3px;bottom:3px;border-radius:9px;background:linear-gradient(135deg,var(--p2),var(--pd));box-shadow:0 4px 12px rgba(13,74,120,.3)}
.d-chart{position:relative;direction:ltr;min-height:290px}
.d-chart svg{display:block;width:100%;height:auto;overflow:visible}
.d-chart text{font-family:inherit;font-size:11px;fill:var(--dim)}
.d-chart .empty{direction:rtl}
.d-fade{animation:d-fade .5s var(--ease)}
.d-legend{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.d-legend button,.d-legend span{border:1px solid var(--dl);background:var(--card);color:var(--tx);font-size:12px;border-radius:999px;padding:3px 11px;display:inline-flex;align-items:center;gap:7px;font-weight:600}
.d-legend button.off{opacity:.35}
.d-sw{width:14px;height:3px;border-radius:2px;display:inline-block;flex:none}
.d-tip{position:fixed;pointer-events:none;z-index:60;min-width:180px;max-width:300px;direction:rtl;padding:10px 12px;border-radius:14px;font-size:12.5px;color:var(--tx);background:rgba(255,253,249,.95);border:1px solid var(--dl2);box-shadow:0 14px 40px rgba(13,74,120,.18);opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}
.d-tip.is-on{opacity:1;transform:none}
.d-tip .hd{font-weight:800;margin-bottom:6px;color:var(--p)}
.d-tip .d-row{display:flex;justify-content:space-between;gap:16px;align-items:center;line-height:1.9}
.d-tip .d-row>span{display:inline-flex;align-items:center;gap:7px;color:var(--mu)}
.d-tip b{font-variant-numeric:tabular-nums}
.d-tip hr{border:0;border-top:1px solid var(--dl);margin:4px 0}
.d-feed{display:flex;flex-direction:column;gap:2px;max-height:345px;overflow:hidden;mask-image:linear-gradient(#000 80%,transparent);-webkit-mask-image:linear-gradient(#000 80%,transparent)}
.d-ev{display:flex;gap:10px;align-items:flex-start;padding:9px 6px;border-radius:12px;animation:d-slide .6s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms)}
.d-ev:hover{background:var(--pl)}
.d-ev .dot{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:13px;font-weight:900}
.d-ev p{margin:0;font-size:12.5px;line-height:1.5}
.d-ev small{color:var(--dim);font-size:11px}
.d-tag{font-size:11px;font-weight:700;color:var(--gn);background:var(--gnl);padding:2px 10px;border-radius:999px}

/* الفريق */
.d-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.d-mc{position:relative;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--dl);cursor:pointer;transition:all .35s var(--ease);animation:d-rise .6s var(--ease) both;animation-delay:calc(var(--i) * 45ms);text-align:right;color:inherit;font-weight:400;display:block;width:100%}
.d-mc:hover{transform:translateY(-4px);border-color:rgba(21,95,149,.35);box-shadow:0 14px 36px rgba(13,74,120,.13)}
.d-mc .hd{display:flex;align-items:center;gap:10px}
.d-av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:18px;flex:none;position:relative}
.d-av::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid transparent;background:conic-gradient(var(--c) calc(var(--p)*1%),rgba(13,74,120,.08) 0) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0)}
.d-mc .nm{font-weight:800;font-size:13.5px;line-height:1.3}
.d-mc .rl{font-size:11.5px;color:var(--mu)}
.d-rank{position:absolute;top:10px;left:12px;font-size:11px;font-weight:900;color:var(--dim)}
.d-rank.g{color:#c98a1b}
.d-mc .d-big{display:flex;align-items:baseline;gap:6px;margin:10px 0 2px}
.d-mc .d-big b{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}
.d-mc .d-big span{font-size:12px;color:var(--mu)}
.d-mbar{height:5px;border-radius:3px;background:rgba(13,74,120,.07);overflow:hidden}
.d-mbar i{display:block;height:100%;border-radius:3px;width:0;transition:width 1.3s var(--ease)}
.d-mc .ft{display:flex;justify-content:space-between;gap:6px;margin-top:9px;font-size:11.5px;color:var(--mu)}
.d-chip{display:inline-flex;align-items:center;gap:4px;font-weight:800;border-radius:999px;padding:0 8px;font-size:11px;line-height:20px;white-space:nowrap}
.d-chip.g{background:var(--gnl);color:var(--gn)}.d-chip.a{background:var(--aml);color:var(--am)}.d-chip.r{background:var(--rdl);color:var(--rd)}.d-chip.b{background:var(--pl);color:var(--p2)}
.d-spk{display:flex;align-items:flex-end;gap:2px;height:22px;margin-top:8px;direction:ltr}
.d-spk i{flex:1;background:linear-gradient(to top,rgba(21,95,149,.3),var(--p2));border-radius:2px;min-height:2px;transform-origin:bottom;animation:d-grow .8s var(--ease) both}
.d-spk i.z{background:rgba(13,74,120,.07)}

/* مسار الطلبات */
.d-flow{display:flex;align-items:stretch}
.d-node{flex:1;position:relative;text-align:center;padding:14px 6px 12px;border-radius:16px;background:var(--card);border:1px solid var(--dl);transition:all .35s var(--ease);color:inherit;min-width:0;font-weight:400}
.d-node:hover{transform:translateY(-3px);border-color:var(--dl2)}
.d-node.is-on{border-color:var(--p2);box-shadow:0 0 0 1px var(--p2),0 10px 30px rgba(21,95,149,.18);background:var(--pl)}
.d-node b{display:block;font-size:30px;font-weight:900;line-height:1.1;color:var(--p);font-variant-numeric:tabular-nums}
.d-node span{display:block;font-size:12.5px;font-weight:700;margin-top:2px}
.d-node small{display:block;font-size:11px;color:var(--mu)}
.d-node.slow{border-color:rgba(191,59,40,.35);background:var(--rdl)}
.d-node.slow b{color:var(--rd)}
.d-node.slow::before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--rd);animation:d-breathe 2s ease-in-out infinite}
.d-node.done b{color:var(--gn)}
.d-pipe{flex:0 0 22px;align-self:center;height:3px;position:relative;overflow:hidden;border-radius:2px;background:rgba(13,74,120,.1)}
.d-pipe::after{content:"";position:absolute;inset:0;width:60%;background:linear-gradient(270deg,transparent,var(--p2),transparent);animation:d-stream 1.6s linear infinite}
.d-reqs{margin-top:14px;display:grid;gap:6px;max-height:300px;overflow:auto}
.d-rq{display:grid;grid-template-columns:120px 1fr 1fr 130px 90px;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:var(--card);border:1px solid var(--dl);font-size:12.5px;animation:d-rise .45s var(--ease) both;animation-delay:calc(var(--i) * 30ms);text-align:right;color:inherit;font-weight:400;width:100%}
.d-rq.go{cursor:pointer}.d-rq.go:hover{border-color:var(--dl2);background:var(--pl)}
.d-rq .cd{font-weight:800;font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--p2);direction:ltr;text-align:right}
.d-rq .mu{color:var(--mu)}

/* الأصول */
.d-as{padding:11px 0;border-top:1px solid var(--dl)}
.d-as:first-child{border-top:0}
.d-as .t{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:9px;align-items:center;flex-wrap:wrap}
.d-as .cd{display:inline-grid;place-items:center;min-width:28px;height:22px;padding:0 6px;border-radius:7px;background:var(--pl);color:var(--p);font-weight:800;font-size:11.5px;margin-inline-end:6px}
.d-trk{position:relative;height:10px;border-radius:6px;background:rgba(13,74,120,.07)}
.d-trk .fill{position:absolute;top:0;bottom:0;right:0;width:0;border-radius:6px;background:linear-gradient(270deg,#0d4a78,#155f95 60%,#5b9bd5);transition:width 1.4s var(--ease)}
.d-trk .mat{position:absolute;bottom:-5px;right:0;height:2px;width:0;border-radius:2px;background:var(--ac);transition:width 1.6s var(--ease) .15s}
.d-trk .tm{position:absolute;top:-5px;bottom:-5px;width:2px;right:0;background:var(--plan);border-radius:1px;transition:right 1.5s var(--ease);transform:translateX(50%)}
.d-trk .tm::after{content:"";position:absolute;top:-4px;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--plan)}

/* المشكلات */
.d-heat{display:grid;grid-template-columns:auto repeat(4,1fr);gap:5px;font-size:12px}
.d-heat .h{font-weight:800;text-align:center;font-size:11.5px}
.d-heat .l{padding:6px 0 6px 6px;white-space:nowrap}
.d-heat .c{border-radius:10px;text-align:center;padding:8px 0;font-weight:900;font-variant-numeric:tabular-nums;transition:transform .25s var(--ease),box-shadow .25s;animation:d-pop .5s var(--ease) both;animation-delay:calc(var(--i) * 22ms)}
.d-heat .c:hover{transform:scale(1.12);box-shadow:0 6px 18px rgba(13,74,120,.18)}
.d-heat .c.z{background:rgba(13,74,120,.035);color:var(--dim);font-weight:400}

/* لوحة العضو */
.d-scrim{position:fixed;inset:0;background:rgba(21,41,60,.28);opacity:0;pointer-events:none;transition:opacity .35s;z-index:70}
.d-scrim.is-on{opacity:1;pointer-events:auto}
.d-panel{position:fixed;top:0;bottom:0;left:0;width:min(420px,92vw);z-index:71;background:var(--bg);border-right:1px solid var(--dl2);box-shadow:30px 0 80px rgba(13,74,120,.2);transform:translateX(-105%);transition:transform .5s var(--ease);padding:22px;overflow:auto}
.d-panel.is-on{transform:none}
.d-panel .x{position:absolute;top:14px;right:14px;width:34px;height:34px;padding:0;border:1px solid var(--dl2);background:var(--card);color:var(--tx);font-size:16px}
.d-ps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}
.d-ps div{padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--dl)}
.d-ps b{display:block;font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}
.d-ps span{font-size:11.5px;color:var(--mu)}
.d-foot{font-size:11.5px;color:var(--mu);text-align:center;margin:10px 0 0}

@media (max-width:1150px){.d-hero{grid-template-columns:repeat(2,1fr)}.d-alerts{grid-column:span 2;grid-template-columns:1fr 1fr;grid-template-rows:auto}.d-sp{grid-template-columns:1fr}.d-sp .nm{display:flex;align-items:center;justify-content:space-between;gap:12px}.d-sp .nm .d-st{margin:0}}
@media (max-width:900px){.d-g2,.d-g2b{grid-template-columns:1fr}.d-rq{grid-template-columns:110px 1fr 90px}.d-rq .h1,.d-rq .h2{display:none}}
@media (max-width:640px){.d-flow{flex-wrap:wrap;gap:8px}.d-pipe{display:none}.d-node{flex:1 1 30%}.d-gauge svg{width:124px;height:124px}.d-gv{height:124px}.d-gv b{font-size:21px}.d-alerts{grid-template-columns:1fr}.d-brand h1{font-size:19px}.d-banner{padding:16px 14px;border-radius:20px}.d-tl .d-row{grid-template-columns:78px 1fr 46px}.d-track{right:88px;left:56px}.d-card{padding:14px}}
@media (prefers-reduced-motion:reduce){.dsh *,.dsh *::before,.dsh *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}