/* PRISM DESIGN SYSTEM | HP Indonesia | 2026-10-13
   Presentation only. Existing data, KPI engines, filters and storage are intact. */
:root{
 --hp:#007eaf;--hp-dark:#164b72;--ink:#172c47;--mut:#61738a;
 --panel:#fff;--bg:#f2f6fb;--bd:#dee6f0;--btn:#edf2f9;--btn-a:#006da3;
 --pr-navy:#112841;--pr-blue:#007eaf;--pr-teal:#087f87;--pr-violet:#6854bd;
 --pr-shadow:0 3px 7px rgba(24,47,77,.025),0 12px 30px -20px rgba(24,47,77,.23);
 --pr-ease:cubic-bezier(.22,1,.36,1);--pr-radius:18px;
 color-scheme:light;
}
html{scroll-padding-top:100px}
body{background:radial-gradient(ellipse at 85% 0%,#dfeefb 0,transparent 38%),radial-gradient(ellipse at 5% 60%,#e4f3f2 0,transparent 34%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:Segoe UI,Arial,Helvetica,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
button,a,input,select,textarea,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #1686ba;outline-offset:3px}
::selection{background:#c4e7f6;color:#12314e}
.topbar{padding:13px 24px;gap:14px;min-height:80px;background:rgba(255,255,255,.98);border-bottom:1px solid #dce6f1;box-shadow:0 4px 20px -15px #244b76;flex-wrap:wrap}
.logo{width:44px;height:44px}
.title{font-size:19px;font-weight:700;letter-spacing:-.55px;white-space:normal;line-height:1.25;max-width:550px}
.title::before{content:"HP INDONESIA / SERVICE OPERATIONS";display:block;font-size:9px;letter-spacing:1.8px;font-weight:700;color:var(--hp);margin-bottom:4px}
.reload{gap:8px}
.contact-link{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid var(--bd);border-radius:10px;color:#506780;background:#f8fafd;font-size:11px;transition:background .2s,border-color .2s,color .2s}
.contact-link:hover{background:#edf6fc;color:#006a9c;border-color:#a8d5e9}
.bracket{padding-left:16px;border-left:1px solid var(--bd);font-size:12px;color:#264d73}
.bracket .lbl{font-size:9px;text-transform:uppercase;letter-spacing:1.1px;font-weight:700}
.pr-motion{font:600 10px/1.3 Segoe UI,Arial,sans-serif;min-height:34px;border:1px solid #dbe5ef;border-radius:10px;padding:7px 10px;background:#f8fafd;color:#506780;cursor:pointer;white-space:nowrap}
.pr-motion[aria-pressed=true]{background:#e7f4fb;color:#006b98;border-color:#a4d0e7}
.wrap{grid-template-columns:204px minmax(0,1fr) 216px;gap:18px;padding:22px;max-width:2200px;margin:0 auto;align-items:start}
.main{gap:16px;min-width:0}
.tabs{padding:17px 11px 20px;gap:5px;border-radius:22px;border:1px solid #1b3b5a;background:linear-gradient(155deg,#173652,#10283f 65%,#113c4a);box-shadow:0 16px 35px -22px #173958;top:102px;max-height:calc(100vh - 122px);scrollbar-color:#48657d transparent}
.tabs::before{content:"WORKSPACE";display:block;color:#a7c4d9;font-size:9px;font-weight:700;letter-spacing:2px;padding:5px 12px 13px}
.tabs .tab{display:flex;align-items:center;gap:10px;min-height:43px;padding:10px 12px;border-radius:12px;color:#c4d5e4;font-size:11.8px;font-weight:500;line-height:1.35;width:100%;max-width:none;text-align:left;position:relative;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;animation:none}
.tabs .tab:hover{background:#234661;color:#fff;border-color:#375a74}
.tabs .tab.active{background:linear-gradient(115deg,#0584bb,#1666a4);color:#fff;border-color:#399aca;box-shadow:0 5px 16px -8px #000;font-weight:700;animation:none}
.tabs .tab::before{content:"";display:block;width:17px;height:17px;flex:0 0 17px;background:currentColor;opacity:.9;mask:var(--pr-icon) center/contain no-repeat;-webkit-mask:var(--pr-icon) center/contain no-repeat}
.side{border-radius:18px;padding:14px;background:rgba(255,255,255,.98);box-shadow:var(--pr-shadow);border-color:var(--bd);position:sticky;top:102px;max-height:calc(100vh - 122px);overflow:auto;scrollbar-width:thin;scrollbar-color:#bcccdc transparent;min-width:0}
.side::before{content:"REFINE YOUR VIEW";display:block;padding:3px 0 12px;border-bottom:1px solid var(--bd);font-size:9px;font-weight:700;color:#526b86;letter-spacing:1.5px}
.side h4{text-align:left;font-size:10px;font-weight:700;letter-spacing:.35px;margin:17px 0 7px;color:#475f79}
.side select,.chkSearch{border:1px solid #dbe5f0;border-radius:8px;background:#f8fafd;padding:7px 8px;color:#304e70;min-height:33px;max-width:100%}
.chk{border-color:#e6edf4;border-radius:9px;background:#fbfcfe;padding:5px;scrollbar-width:thin;scrollbar-color:#c3d1e0 transparent}
.chk label{border-radius:5px;padding:4px 3px;line-height:1.4;font-size:11px;transition:background .18s}
.chk label:hover{background:#eaf3fb}
input[type=checkbox]{accent-color:#007eaf}
.side .reset{border-radius:9px;min-height:36px;font-weight:600;background:#f1f8fc;margin-top:16px}
.card,.hvpanel,.hvcard,.occard,.pktile,.pkcard,.hu-sec,.hu-card,.hvmini,.ocact{border-radius:var(--pr-radius);border-color:var(--bd);box-shadow:var(--pr-shadow);min-width:0}
.card{padding:17px 18px;background:#fff;transition:box-shadow .25s,border-color .25s}
.card:hover{transform:none;border-color:#cbd9e9;box-shadow:0 8px 28px -20px #244c79}
.card h3{font-size:13px;font-weight:700;line-height:1.45;color:#213e60;margin:0 0 13px;letter-spacing:-.1px}
.hn{font-size:10.5px;line-height:1.5;color:#718198}
.card h3 .hn{display:block;margin:4px 0 0;font-weight:400}
.hvhead{padding:3px 2px 4px;margin:0 0 16px;gap:12px}
.hvhead h2,.occc-title{font-size:23px;font-weight:700;letter-spacing:-.65px;color:#193954;line-height:1.25}
.hvhead .sub{font-size:11px;margin-top:6px;line-height:1.6;color:#667b91}
.xfbar{border:1px solid #dae6f1;background:#f9fbfd;border-radius:10px;padding:9px 11px;margin-bottom:13px;min-height:33px}
.xfbar .xhint{font-style:normal;color:#637a92;font-size:10px}
.xfbar .chip{padding:4px 9px;border-radius:7px;border-color:#b7daee}
.hvcards,.pkcards,.occards,.hu-kpi,.hvminis{gap:12px}
.hvcard{background:linear-gradient(145deg,#fff,#f9fbff);padding:17px 15px;border-top:3px solid #1695c2;transition:box-shadow .24s,border-color .24s}
.hvcard .t{font-size:10px;font-weight:700;color:#526980;letter-spacing:.5px;line-height:1.4}
.hvcard .v{font-size:31px;letter-spacing:-1.1px;font-weight:700;line-height:1.2;margin:9px 0 7px;font-variant-numeric:tabular-nums}
.hvcard .s{font-size:10.5px;line-height:1.55;color:#62778f}
.hvcard:nth-child(3n+2){border-top-color:#6854bd}
.hvcard:nth-child(3n){border-top-color:#07868b}
.hvcard.xclk:hover{transform:none;border-color:#79bcdb;box-shadow:0 7px 24px -14px #2478a5}
.hvcard.pachero{background:linear-gradient(130deg,#123551,#006f9e 72%,#0b8799);border-color:#217393;box-shadow:0 12px 25px -17px #006da3}
.hvcard.pachero .t,.hvcard.pachero .s,.hvcard.pachero .pacdelta{color:#d5edf7}
.hvcard.pachero .v{color:#fff}
.kpi{background:linear-gradient(120deg,#174365,#007caa);border-radius:18px;padding:17px 18px;min-height:175px;box-shadow:0 10px 28px -19px #064573}
.kpi .big{font-size:46px;font-weight:650;letter-spacing:-1.4px}
.kpi .per,.kpi .goal{right:17px}
.kpi .per{top:15px}.kpi .goal{top:34px}
.bignum .v{font-weight:650;letter-spacing:-1px;color:#18416b}
.hvrow2,.hvrow2b,.hvrow3,.hvrow4{gap:16px;margin-top:16px}
.row2,.row3,.row4,.row-mt,.sl2,.sl3,.mkgrid,.pktiles,.hu-grid,.mtrend{gap:16px}
.hvpanel .ph{padding:13px 14px;background:linear-gradient(115deg,#193c5b,#165a7d)!important;font-size:10px;letter-spacing:.45px;flex-wrap:wrap;line-height:1.45}
.hvpanel:nth-child(2) .ph{background:linear-gradient(115deg,#254662,#267a83)!important}
.hvpanel:nth-child(3) .ph{background:linear-gradient(115deg,#3e416d,#63639e)!important}
.hvpanel:nth-child(4) .ph{background:linear-gradient(115deg,#234965,#167486)!important}
.hvpanel .pb{padding:14px}
.hvpanel .pt,.card .pt{font-size:10px;color:#536b86;margin-top:15px;margin-bottom:6px}
.hvpanel .ph .lnk{font-size:9px;opacity:1}
.hvbar{padding:5px 3px;gap:8px;font-size:11px;border-radius:6px}
.hvbar:hover{transform:none;background:#eef5fc}
.hvbar .tr,.hvbar .tr i{border-radius:7px;height:9px}
.hvbar .tr{background:#edf2f8}
.hvmini{padding:10px;border-radius:10px;box-shadow:none;background:#f8fbff}
.hvmini .v{font-size:20px;margin-top:5px}
.hvins{padding:9px 0;margin:0;border-bottom:1px solid #edf1f6;font-size:11.5px;line-height:1.6}
.hvins:last-child{border-bottom:0}
.hvdonut{gap:12px}
.xpanel{padding:0;border-radius:18px}
.xhead,#page-exec .xhead{background:linear-gradient(110deg,#163d5b,#126c92);padding:15px 17px;gap:10px;flex-wrap:wrap}
.xhead h3{color:#fff;margin:0}
.xhead .hn{color:#d9ecf6;font-size:10px}
.xhead .xlnk{color:#fff;border:1px solid #75a8bc;border-radius:7px;padding:4px 8px;font-size:10px}
.xnum{border-radius:7px;background:rgba(255,255,255,.16);width:25px;height:25px}
.xpanel>.hvcards,.xpanel>.hvrow2,.xpanel>.hvrow3,.xpanel>.card,.xpanel>.note{margin-left:16px;margin-right:16px}
.xpanel>.hvcards{margin-top:16px}.xpanel>*:last-child{margin-bottom:16px}
.pkcard,.occard,.pktile{padding:15px}
.occard .t{white-space:normal;line-height:1.4;font-size:10px}
.occard .v{font-size:27px;letter-spacing:-.6px;margin:6px 0}
.occard .v.small{font-size:14px;letter-spacing:0}
.occard .ic{border-radius:10px;width:32px;height:32px}
.occards{margin-bottom:8px}
.pkcard .v{font-variant-numeric:tabular-nums}
.pktile{background:#fff;border-radius:16px}
.pkchip,.pill,.ocalert{border-radius:6px;line-height:1.6}
.pkt-ft{padding-top:9px;margin-top:8px}
.pkt-val .v{font-size:25px;letter-spacing:-.6px}
.note{color:#667b93;font-size:10.5px;line-height:1.65;margin-top:8px}
button.cbtn,.cbtn,.mbtn,.toggle button,.seg button{border-radius:8px;padding:7px 10px;min-height:32px;transition:background .2s,color .2s,box-shadow .2s}
.mbtn.active{background:linear-gradient(115deg,#006da3,#008ba6);box-shadow:0 4px 11px -7px #00648b}
.measbox{gap:8px}.measbox .hd{border-radius:8px;padding:7px;background:#f5f9fd;color:#355577}
select,input[type=search],input[type=text],input[type=number],input[type=date],textarea{border-radius:8px}
.scroll{scrollbar-width:thin;scrollbar-color:#b9cbdf #f2f6fa;overscroll-behavior-x:contain}
table.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:11.5px}
table.grid th{padding:11px 9px;background:#edf3fa;color:#426181;font-size:10px;font-weight:700;border-bottom:1px solid #cdddec;line-height:1.45}
table.grid td{padding:9px;border-bottom:1px solid #edf1f6;line-height:1.5;font-variant-numeric:tabular-nums}
table.grid tbody tr:hover td{background:#edf6fc}
table.grid tr.tot td{background:#f1f8fc;border-top:2px solid #198a9a}
table.grid.heat td{padding:7px 5px;border-radius:4px;border:2px solid white}

.hvtbl th,.hvtbl td{padding:6px 5px}
#page-raw table.grid th,#page-raw table.grid td{padding:7px 8px}
.doc{border-radius:18px;padding:22px;background:#fff;box-shadow:var(--pr-shadow);border:1px solid var(--bd);line-height:1.7}
.doc h2{color:#194f73;font-weight:700;letter-spacing:-.3px;margin-top:25px}
.doc h2:first-child{margin-top:0}
.doc table th{background:#edf3fa;color:#355674}
.tip{border-radius:11px;box-shadow:0 10px 30px -15px #173958;line-height:1.6}
.fresh{padding:4px 9px;border-radius:7px;font-size:10px}
/* Integrate the newer case-management and action-workflow surfaces. */
#ewi-mockup-root .oq-app{--oq-bg:#f2f6fb;--oq-surface:#fff;--oq-text:#172c47;--oq-sub:#61738a;--oq-border:#dee6f0;--oq-blue:#007eaf;--oq-soft:#eaf5fc;--oq-radius:15px;--oq-rowspace:9px}
#ewi-mockup-root .oq-panel,#ewi-mockup-root .oq-stat,#ewi-mockup-root .oq-task{border-radius:16px;border-color:var(--bd);box-shadow:var(--pr-shadow)}
#ewi-mockup-root .oq-panel-head{padding:15px 16px;background:#f8fbff;border-bottom:1px solid #e7eef6}
#ewi-mockup-root .oq-panel-head h3{font-weight:700;color:#244b6c}
#ewi-mockup-root .oq-panel-head p{line-height:1.55}
#ewi-mockup-root .oq-controls{padding:13px 16px;gap:12px}
#ewi-mockup-root .oq-button{border-radius:9px;padding:8px 12px;min-height:35px;transition:background .2s,box-shadow .2s}
#ewi-mockup-root .oq-button.oq-primary{background:#007eaf;color:#fff}
#ewi-mockup-root .oq-table th{padding:10px 12px;background:#edf3fa;font-weight:700;color:#456380}
#ewi-mockup-root .oq-table td{padding:9px 12px;border-color:#e8eef6}
#ewi-mockup-root .oq-huddle-topnav{gap:7px;margin-bottom:14px}
#ewi-mockup-root .oq-huddle-topnav button[aria-pressed=true]{background:#dceffa;border-color:#add5ea;color:#005f8c}
#ewi-mockup-root .oq-tag{border-radius:7px;padding:4px 7px}
#page-pac .pac-fold,#page-pac .pac-case-list,#page-pac .pac-case-filter{border-radius:13px;padding:13px 15px;margin-top:14px;background:#fff}
#page-pac .pac-chart-row{min-height:35px;border-radius:7px;padding:7px 4px}
#page-pac .pac-chart-row:hover{background:#edf6fc}
#page-pac .pac-management-callout{border-radius:0 12px 12px 0;padding:14px;background:#f2f0fb;line-height:1.7}
#page-pac .pac-chart-tools{gap:12px;margin-bottom:8px}
#page-pac #pacCards .hvcard{padding:17px 15px}
/* Unify the assistant without changing dragging, position or pet state. */
#askPanel{background:#f6f9fd;border:1px solid #cdddea;border-radius:22px;box-shadow:0 24px 70px -22px rgba(13,43,72,.46);backdrop-filter:none;-webkit-backdrop-filter:none;color:#172c47}
#askPanel .ask-hd{padding:18px;background:linear-gradient(115deg,#173c59,#086f96);color:#fff;border-bottom:0}
#askPanel .ask-tt b{font-size:17px;font-weight:700;letter-spacing:-.25px}
#askPanel .ask-tt i{color:#d3eaf4;font-size:10px}
#askPanel .ask-hd button{background:rgba(255,255,255,.14);color:#fff;border-radius:8px}
#askPanel .ask-ic{background:rgba(255,255,255,.15);color:#fff}
#askPanel .ops-chat-contextbar{background:#eaf3fb;border-bottom:1px solid #dce6f0}
#askPanel .ops-chat-scope{background:#eaf5fb}
#askPanel .ask-msgs{background:#f5f8fc;gap:14px;padding:16px}
#askPanel .ask-card{background:#fff;border:1px solid #e0e9f3;border-radius:15px;box-shadow:0 3px 10px -7px #375979;padding:14px}
#askPanel .ask-card:hover,#askPanel .ask-bubble.user:hover{transform:none;box-shadow:0 3px 10px -7px #375979}
#askPanel .ask-bubble.user{background:linear-gradient(115deg,#007caa,#126693);border-radius:15px 15px 4px 15px;font-size:12px;padding:11px 14px}
#askPanel .ask-big{color:#007aab}
#askPanel .ask-b{font-size:12px;line-height:1.7}
#askPanel .qchip{border:1px solid #cbddec;background:#fff;color:#285f85;border-radius:8px}
#askPanel .qchip:hover{border-color:#60a9cc;background:#e7f4fc;color:#005f8e}
#askPanel .ask-inrow{background:#fff;border-top:1px solid #e4edf5;padding:12px 14px}
#askPanel .ask-inrow input{height:44px;background:#f2f6fb;border:1px solid #dce6f1;border-radius:11px;font-size:12px}
#askPanel .ask-inrow input:focus{box-shadow:0 0 0 3px #007eaf20}
#askPanel .ask-inrow button{color:#007eaf}
#askPanel .ask-inrow button:hover{color:#005b80;background:#e7f4fc}
#askPanel .ask-foot{background:#fff}
#opsChatCaption{background:#0b779f;border-radius:14px;box-shadow:0 7px 20px -10px #134e70;font-size:12px}
#opsChatCaption::after{border-top-color:#0b779f}
#opsChatCaption.below::after{border-top-color:transparent;border-bottom-color:#0b779f}
/* Motion is finite, composited and never animates KPI text or chart geometry.
   Restore authored SVG dashes: decorative animation must not alter goal lines. */
.ops-rv,.ops-up,.ops-pop{opacity:1;transform:none}
.ops-rv.ops-in{animation:none;opacity:1;transform:none}
svg polyline[stroke]:not([stroke-dasharray]),svg path[stroke]:not([stroke-dasharray]),.hvdonut svg circle[stroke]:not([stroke-dasharray]){stroke-dasharray:none;stroke-dashoffset:0;animation:none}
.kpi::after{animation:none;background-image:none}
.kpi .big{animation:none}
.tabpage:not(.hidden){animation:pr-page .32s ease-out backwards}
.hvcards>.hvcard,.pktiles>.pktile,.pkcards>.pkcard,.occards>.occard{animation:pr-enter .62s var(--pr-ease) backwards}
.hvcards>:nth-child(2),.pktiles>:nth-child(2),.occards>:nth-child(2){animation-delay:45ms}
.hvcards>:nth-child(3),.pktiles>:nth-child(3),.occards>:nth-child(3){animation-delay:90ms}
.hvcards>:nth-child(4),.pktiles>:nth-child(4),.occards>:nth-child(4){animation-delay:135ms}
.hvcards>:nth-child(5),.pktiles>:nth-child(5),.occards>:nth-child(5){animation-delay:180ms}
.hvcards>:nth-child(6),.pktiles>:nth-child(6),.occards>:nth-child(6){animation-delay:225ms}
.hvbar [style*=width],.hvbar .trk>*,.pkbar [style*=width],.mbar [style*=width]{animation:pr-bar .8s var(--pr-ease) backwards;transform-origin:left center}
.xfbar [style*=width]{animation:none}
.hvrow2> .card,.hvrow2b> .card,.hvrow3> .card,.sl2> .card,.sl3> .card{animation:pr-panel .65s ease-out backwards}
#askPanel:not(.hidden){animation:pr-page .24s ease-out backwards}
.ask-fab{animation:none}
@keyframes pr-page{from{opacity:.55}to{opacity:1}}
@keyframes pr-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes pr-panel{from{opacity:.35}to{opacity:1}}
@keyframes pr-bar{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
html.pr-motion-off *,html.pr-motion-off *::before,html.pr-motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
/* Responsive composition: all content remains available; tables scroll locally. */
@media(min-width:1560px){.hvrow2{grid-template-columns:1fr 1fr}.hvrow2b{grid-template-columns:repeat(3,minmax(0,1fr))}.hvrow3{grid-template-columns:1fr 1fr 1.15fr}.hvrow4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1241px) and (max-width:1559px){.wrap{grid-template-columns:190px minmax(0,1fr) 200px;gap:14px;padding:18px}.hvcards{grid-template-columns:repeat(3,minmax(0,1fr))}.hvrow2{grid-template-columns:1fr 1fr}.hvrow2b,.hvrow3{grid-template-columns:1fr}.hvrow4{grid-template-columns:1fr 1fr}.pktiles{grid-template-columns:repeat(2,minmax(0,1fr))}.title{font-size:17px}.topbar{padding:12px 18px}}
@media(min-width:1001px) and (max-width:1240px){.wrap{grid-template-columns:185px minmax(0,1fr);padding:16px;gap:16px}.side{grid-column:2;position:static;max-height:none}.hvcards{grid-template-columns:repeat(3,minmax(0,1fr))}.hvrow2{grid-template-columns:1fr 1fr}.hvrow4{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.wrap{grid-template-columns:minmax(0,1fr);padding:14px;gap:14px}.tabs{position:static;flex-direction:row;flex-wrap:nowrap;width:100%;max-height:none;padding:9px;gap:6px;overflow-x:auto;overflow-y:hidden;border-radius:15px;scrollbar-width:thin;scroll-snap-type:x proximity}.tabs::before{content:none}.tabs .tab{width:auto;flex:0 0 auto;white-space:nowrap;min-height:40px;padding:9px 13px;scroll-snap-align:start}.tabs .tab::before{width:16px;height:16px;flex-basis:16px}.tabs .tab[data-tab=pac]{max-width:none;white-space:nowrap}.side{position:static;max-height:none;order:99}.title{font-size:17px}.topbar{position:static;padding:13px 16px}.hvcards{grid-template-columns:repeat(3,minmax(0,1fr))}.hvrow2{grid-template-columns:1fr 1fr}.hvrow3,.hvrow2b{grid-template-columns:1fr}.hvrow4{grid-template-columns:1fr 1fr}.side select{min-height:38px}.chk{max-height:170px}.card,.doc{overflow-x:auto}.main,.tabpage{max-width:100%;min-width:0}}
@media(max-width:760px){body{background-attachment:scroll}.topbar{gap:10px;padding:14px}.logo{width:36px;height:36px}.title{font-size:16px;flex:1;max-width:none}.title::before{font-size:8px;letter-spacing:1.2px}.reload{order:3;margin-left:0;flex:1 1 auto;flex-wrap:wrap}.contact-link{font-size:10px;padding:6px 8px;min-height:32px}.pr-motion{font-size:10px}.bracket{order:4;text-align:left;flex:0 1 auto;padding-left:11px;font-size:11px}.wrap{padding:10px;gap:12px}.tabs{border-radius:13px}.tabs .tab{font-size:11px}.card{padding:14px}.card h3{font-size:12.5px}.hvhead h2,.occc-title{font-size:20px}.hvhead{margin-bottom:13px}.hvcard{padding:14px 12px;border-radius:14px}.hvcard .v{font-size:29px}.hvcard .t{font-size:9.5px}.hvcard .s{font-size:10px}.hvcards,.occards,.pkcards,.hvminis{gap:10px}.hvrow2,.hvrow2b,.hvrow3,.hvrow4,.row2,.row3,.row4,.sl2,.sl3,.pktiles{grid-template-columns:1fr!important;gap:12px;margin-top:12px}.hvcards,.occards,.pkcards,.hvminis{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-pac #pacCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-pac #pacCards>.pachero{grid-column:1/-1}.hvbar{grid-template-columns:90px minmax(45px,1fr) auto}.hvbar .lb{font-size:10px}.xpanel>.hvcards,.xpanel>.hvrow2,.xpanel>.hvrow3,.xpanel>.card,.xpanel>.note{margin-left:12px;margin-right:12px}table.grid th,table.grid td{padding:8px 7px}.doc{padding:16px}.doc table{min-width:600px}.doc td{white-space:normal}.pkcard,.occard,.pktile{padding:13px}.oq-panel,.pac-open-management{max-width:100%;min-width:0}#page-pac .pac-chart-tools{grid-template-columns:1fr 1fr}#askPanel{border-radius:18px}#askPanel .ask-tt b{font-size:16px}}
@media(max-width:380px){.hvcards,.occards,.pkcards,.hvminis,#page-pac #pacCards{grid-template-columns:minmax(0,1fr)!important}#page-pac #pacCards>.pachero{grid-column:auto}.title{font-size:14px}.contact-link{font-size:9px}.hvcard .v{font-size:30px}.bracket{border:0;padding-left:0}.hvminis{gap:8px}}
@media(pointer:coarse){.tab,.side .reset,.cbtn,.mbtn,.toggle button,.seg button{min-height:44px}select,input[type=text],input[type=search],textarea{font-size:16px!important;min-height:44px}.chk label{min-height:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ops-rv{opacity:1;transform:none}}
@media print{body{background:#fff}.topbar,.tabs,.side{position:static;box-shadow:none}.wrap{padding:0;gap:8px}.card,.hvcard,.hvpanel{box-shadow:none;break-inside:avoid}*,*::before,*::after{animation:none!important;transition:none!important}}

.tabs .tab[data-tab=hlv]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h7v7H3z%20M14%203h7v7h-7z%20M3%2014h7v7H3z%20M14%2014h7v7h-7z%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=exec]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V10%20M10%2020V4%20M16%2020v-7%20M22%2020H2%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=pac]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%203h6v4H9z%20M8%205H5v17h14V5h-3%20M8%2012l2%202%205-5%20M8%2018h7%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=deep]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2020l-5-5%20M17%2010a7%207%200%201%201-14%200%207%207%200%200%201%2014%200%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=mkt]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2019V5%20M3%2019h18%20M6%2014l5-5%204%203%205-7%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=huddle]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16v12H9l-5%204z%20M8%208h8%20M8%2012h5%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=sla]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%200%209%209%209%209%200%200%200-9-9%20M12%207v5l4%202%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=rr]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%208a8%208%200%200%200-14-3L3%208%20M3%203v5h5%20M4%2016a8%208%200%200%200%2014%203l3-3%20M21%2021v-5h-5%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=cust]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a4%204%200%201%200%200%208%204%204%200%200%200%200-8%20M4%2021v-3a6%206%200%200%201%206-5h4a6%206%200%200%201%206%205v3%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=partner]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V4h10v17%20M14%2010h6v11%20M2%2021h20%20M7%208h4%20M7%2012h4%20M7%2016h4%20M17%2014h1%20M17%2018h1%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=opencase]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h7l2-3h9v16H3z%20M7%2012h10%20M7%2016h6%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=raw]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v16H3z%20M3%209h18%20M3%2014h18%20M9%204v16%22%2F%3E%3C%2Fsvg%3E")}
.tabs .tab[data-tab=gloss]{--pr-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v16%20M12%205C8%202%205%203%202%204v15c4-1%207-1%2010%202%20M12%205c4-3%207-2%2010-1v15c-4-1-7-1-10%202%22%2F%3E%3C%2Fsvg%3E")}
/* Complete the shared treatment for service-level and scorecard sub-panels. */
.slcard,.mkblk,.mtcell{border:1px solid var(--bd);border-radius:15px;background:#fff;box-shadow:var(--pr-shadow);padding:15px;min-width:0}
.slcard .k,.mtcell .nm,.pkcard .nm{font-size:10.5px;letter-spacing:.4px;color:#536e89}
.slcard .v,.mtcell .vv,.pkcard .vv{font-size:29px;letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin:6px 0}
.slcard .r{padding:6px 0;font-size:11px;border-color:#e8eef5}
.sltbl th,.sltbl td{padding:9px 8px;font-size:11px;border-color:#e5edf5}
.sltbl th{background:#edf3fa;color:#426181}
.mkblk h4{font-size:12px;font-weight:700;padding-bottom:9px;margin-bottom:9px;color:#275374}
.pktile .pkt-hd{margin-bottom:12px}.pktile .pkt-nm{font-size:12px;color:#234663}
.pktile .pkt-rank{border-radius:7px;padding:3px 6px}
.pr-motion:disabled{cursor:default;opacity:.7}
@media(max-width:760px){.slcard,.mkblk,.mtcell{padding:13px}.slcard .v,.mtcell .vv,.pkcard .vv{font-size:27px}}

html.pr-motion-off #askFab .ops-pet-atlas{transform:translate(0,0)!important}
.hn{color:#61738a}


/* STUDIO EDITION: canvas rhythm, adaptive rails and restrained motion. */
:root{--pr-header-offset:102px;--pr-radius:17px;--pr-blue:#007eaf;--pr-shadow:0 2px 3px #18334f03,0 10px 24px -18px #163a6638;--bg:#f3f6fc;--ink:#142d49;--bd:#e0e7f2}
body{background:radial-gradient(ellipse at 95% 0%,#e2efff 0,transparent 43%),radial-gradient(ellipse at 3% 35%,#e8f4f3 0,transparent 32%),#f3f6fc}
.topbar{border-top:3px solid #087ca8;padding:14px 24px;background:#fff;box-shadow:0 7px 22px -20px #15395b}
.title{font-size:20px;letter-spacing:-.65px}
.title::before{letter-spacing:1.6px;font-size:8.5px}
.logo{width:43px;height:43px}
.contact-link{background:#fff;border-color:#e2e9f2}
.bracket{padding:8px 13px;border:1px solid #dae7f2;border-radius:10px;background:#f6faff;text-align:left;min-width:116px}
.bracket .lbl{color:#56718d;letter-spacing:1px;font-size:8.5px}
#bracketTxt{font-weight:650}
.wrap{grid-template-columns:200px minmax(0,1fr) 216px;padding:23px;gap:20px;max-width:2320px}
.tabs{top:var(--pr-header-offset);max-height:calc(100vh - var(--pr-header-offset) - 22px);border-radius:20px;padding:17px 10px;background:linear-gradient(160deg,#17364e 0%,#12283f 60%,#15334b 100%);box-shadow:0 12px 32px -21px #183a61}
.tabs::before{font-size:8.5px;color:#afc8db;padding:7px 13px 17px;letter-spacing:1.8px}
.tabs .tab{font-size:11.5px;padding:11px 12px;min-height:44px;border-radius:11px;margin:1px 0;transition:background 180ms,color 180ms,border-color 180ms}
.tabs .tab.active{background:linear-gradient(100deg,#077ca9,#087299);border:1px solid #38a1bf;box-shadow:0 6px 16px -11px #000}
.tabs .tab.active::after{content:"";width:5px;height:5px;border-radius:50%;background:#9cf1f3;margin-left:auto;flex:0 0 5px;box-shadow:0 0 0 4px #73e5eb18}
.tabs .tab:not(.active):hover{background:#24465e;border-color:#385c75}
.tabs .tab[data-tab=raw]{margin-top:16px;border-top:1px solid #365269}
.side{top:var(--pr-header-offset);max-height:calc(100vh - var(--pr-header-offset) - 22px);padding:16px;border-radius:17px}
.side::before{font-size:8.5px;letter-spacing:1.25px}
.main{gap:17px}
.pr-workspace{display:flex;gap:16px;align-items:center;justify-content:space-between;min-width:0;min-height:52px;padding:0 2px 12px;border-bottom:1px solid #dce6f0}
.pr-context{display:flex;flex-direction:column;gap:4px;min-width:0}
.pr-overline{font-size:8px;letter-spacing:1.8px;color:#71859d;font-weight:750}
.pr-current{font-size:14px;font-weight:650;letter-spacing:-.25px;color:#295475}
.pr-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pr-tool{font:600 10.5px/1.4 Segoe UI,Arial,sans-serif;display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:8px 11px;min-height:34px;color:#3d6281;border:1px solid #d7e3ef;background:#fff;border-radius:9px;cursor:pointer;box-shadow:0 2px 4px #12335404;transition:color 180ms,background 180ms,border-color 180ms,box-shadow 180ms}
.pr-tool svg{width:15px;height:15px;flex:none;pointer-events:none}
.pr-tool:hover{color:#006c96;background:#eff8fc;border-color:#96c7dd;box-shadow:0 3px 10px -7px #0d769c}
.pr-tool[aria-pressed=true]{background:#e0f2f9;border-color:#a4d1e4;color:#00628a}
.pr-tool:active{background:#d4eaf5}
.pr-tool:disabled{opacity:.5;cursor:not-allowed}
.hvhead{padding:17px 19px;margin-bottom:16px;border:1px solid #d6e5f1;border-radius:17px;background:linear-gradient(120deg,#edf7fd,#f7fafe 63%,#eef1fc);box-shadow:inset 3px 0 #2189b1}
.hvhead h2{font-size:22px;letter-spacing:-.65px;color:#164264}
.hvhead .sub{font-size:10.5px;color:#516f8a;margin-top:6px}
.hvcard{padding:18px 17px;background:linear-gradient(135deg,#fff 50%,#f5f9ff);border-top-width:3px}
.hvcard .t{font-size:10px;letter-spacing:.45px;color:#5a7189}
.hvcard .v{font-size:34px;letter-spacing:-1.35px;margin:9px 0 8px;font-weight:650}
.hvcard .s{line-height:1.65}
.hvcard.pachero{background:linear-gradient(120deg,#113956,#066a8e 75%,#0b7d92)}
.hvcard.pachero .v{font-size:37px}
.card h3{font-size:13px;letter-spacing:-.15px}
.card{padding:18px 19px}
.hvrow2,.hvrow2b,.hvrow3,.hvrow4{gap:17px;margin-top:17px}
.card:not(.xpanel):hover,.hvpanel:hover{border-color:#cbdbea;box-shadow:0 7px 24px -18px #285683}
.hvpanel .ph{background:#eaf2fa!important;color:#234c70;border-bottom:1px solid #dce7f2;padding:13px 15px;letter-spacing:.45px}
.hvpanel:nth-child(2) .ph{background:#e9f6f5!important;color:#21686c;border-bottom-color:#d4e9e8}
.hvpanel:nth-child(3) .ph{background:#f0edfa!important;color:#585083;border-bottom-color:#e2ddf1}
.hvpanel:nth-child(4) .ph{background:#edf3fd!important;color:#3b5b83;border-bottom-color:#dae5f5}
.hvpanel .ph .lnk{color:inherit;font-size:9px;opacity:1;border-radius:6px;border:1px solid #b9cee1;padding:3px 7px;background:#ffffff90}
.hvpanel .pb{padding:15px}
.hvpanel .pt{font-size:9.5px;letter-spacing:.2px}
.hvbar .tr{background:#eaf0f7}
.hvbar .lb{color:#36516c}
.xhead,#page-exec .xhead{background:linear-gradient(112deg,#164363,#087795);padding:15px 18px}
.xhead .hn{color:#e0f0f7}
#page-exec .xhead{border-bottom:1px solid #4696b1}
.hvdonut{flex-wrap:wrap;gap:12px}
.hvlg{flex:1;min-width:100px}
.hvlg .lg{white-space:normal;line-height:1.5}
.hvlg .lg b{white-space:nowrap;padding-left:5px}
.pkt-nm{white-space:normal;line-height:1.5;overflow:visible}
.pktile{padding:17px;border-radius:17px}
.pktile:hover{transform:none;box-shadow:0 9px 25px -18px #1b557d}
.pkcard{background:linear-gradient(125deg,#fff,#f7faff)}
.pkcard .vv{font-size:30px;margin:8px 0}
.pkcard .gl{font-size:10.5px;line-height:1.6}
.pkchip{padding:3px 7px;border-radius:7px}
.sparks{gap:7px;padding:4px 0}
.spark{background:#f8fbfe;border:1px solid #e2eaf4;border-radius:10px;padding:7px 5px}
.spark .nm{font-size:10px;color:#506b87}.spark .val{margin:5px 0;font-size:20px}.spark .gl{color:#677f96}
.hu-sec h4{font-weight:700;font-size:12px;letter-spacing:-.1px}
.hu-sec{padding:17px}.hu-card{padding:12px;border-radius:12px}.hu-card .vv{font-size:25px;margin:6px 0}
.insight{border-radius:15px;box-shadow:var(--pr-shadow)}
.st{border-radius:7px;padding:3px 7px;font-size:10px}
.scroll{max-width:100%;min-width:0}
.side:focus-visible{outline:3px solid #1686ba;outline-offset:4px}
#askPanel .ask-hd{background:linear-gradient(120deg,#123c59,#0a7396)}
#askPanel .ask-tt b{font-size:16px}
#askPanel .ask-card{box-shadow:0 4px 12px -10px #123f66}
#askPanel .ask-chips{padding-top:10px;padding-bottom:5px}
#askPanel .ask-inrow button{min-height:38px}
/* JS reveals use opacity only: no geometry, dash, number, or hit-area mutations. */
html.pr-enhanced .hvrow2>.card,html.pr-enhanced .hvrow2b>.card,html.pr-enhanced .hvrow3>.card,html.pr-enhanced .sl2>.card,html.pr-enhanced .sl3>.card{animation:none}
.tabpage:not(.hidden){animation:pr-page .3s ease-out backwards}
.hvcards>.hvcard,.occards>.occard,.pkcards>.pkcard,.pktiles>.pktile{animation-duration:.55s}
/* Wide view moves filters below the canvas, never hides them. */
@media(min-width:1001px){
 html.pr-wide .wrap{grid-template-columns:200px minmax(0,1fr)}
 html.pr-wide .side{grid-column:2;position:static;max-height:none;columns:3 200px;column-gap:25px}
 html.pr-wide .side::before{column-span:all;margin-bottom:12px}
 html.pr-wide .side>h4{break-after:avoid}
 html.pr-wide .side>div,html.pr-wide .side>select,html.pr-wide .side>button{break-inside:avoid}
 html.pr-wide .hvrow2{grid-template-columns:repeat(2,minmax(0,1fr))}
 html.pr-wide .hvrow2b{grid-template-columns:repeat(3,minmax(0,1fr))}
 html.pr-wide .hvrow3{grid-template-columns:repeat(3,minmax(0,1fr))}
 html.pr-wide .hvcards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1560px){.hvrow4{grid-template-columns:repeat(3,minmax(0,1fr))}.hvcards{grid-template-columns:repeat(3,minmax(0,1fr))}html.pr-wide .hvcards{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:1900px){.hvcards{grid-template-columns:repeat(6,minmax(0,1fr))}.hvrow4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1001px) and (max-width:1500px){
 .wrap{grid-template-columns:190px minmax(0,1fr);gap:18px;padding:18px}
 .side{grid-column:2;position:static;max-height:none;columns:3 190px;column-gap:22px}
 .side::before{column-span:all;margin-bottom:12px}
 .side>h4{break-after:avoid}.side>div,.side>select,.side>button{break-inside:avoid}
 .hvrow2,.hvrow3,.hvrow4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hvrow3>.card:last-child:nth-child(3){grid-column:1/-1}
 .hvrow2b{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hvrow2b>.card:last-child:nth-child(3){grid-column:1/-1}
 .hvcards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pktiles{grid-template-columns:repeat(2,minmax(0,1fr))}
 html.pr-wide .hvrow2b>.card:last-child:nth-child(3),html.pr-wide .hvrow3>.card:last-child:nth-child(3){grid-column:auto}
 .title{font-size:18px}.topbar{padding:12px 18px}
}
@media(max-width:1000px){
 .wrap{grid-template-columns:minmax(0,1fr);gap:15px;padding:14px}
 .tabs{position:static;max-height:none;padding:9px;border-radius:15px;scrollbar-width:thin}
 .tabs .tab{font-size:11px;padding:9px 13px;min-height:42px;margin:0}
 .tabs .tab[data-tab=raw]{margin:0;border-top-color:transparent}
 .tabs .tab.active::after{content:none}
 .side{position:static;max-height:none;columns:2 210px;column-gap:23px}
 .side::before{column-span:all;margin-bottom:12px}.side>h4{break-after:avoid}.side>div,.side>select,.side>button{break-inside:avoid}
 .hvhead{padding:15px}.title{font-size:17px}.topbar{padding:13px 16px}
}
@media(max-width:760px){
 .wrap{padding:10px;gap:12px}.topbar{padding:12px;gap:9px}.title{font-size:16px}.bracket{padding:6px 9px;min-width:100px}
 .main{gap:13px}.pr-workspace{align-items:flex-start;gap:9px;flex-wrap:wrap;padding:2px 2px 10px}.pr-context{flex:1;min-width:150px}.pr-current{font-size:13px}.pr-toolbar{gap:6px}.pr-tool{min-height:36px;padding:7px 10px;font-size:10px}
 .side{columns:auto}.hvhead{padding:15px 14px;border-radius:14px}.hvhead h2{font-size:19px}.hvhead .sub{font-size:10px}
 .card{padding:15px}.hvcard{padding:15px 12px}.hvcard .v{font-size:30px}.hvcard.pachero .v{font-size:33px}.hvcard .t{font-size:9.5px}
 .hvrow2,.hvrow2b,.hvrow3,.hvrow4{gap:12px;margin-top:12px}.pktiles{grid-template-columns:minmax(0,1fr)}
 .hvrow2b>.card:last-child:nth-child(3),.hvrow3>.card:last-child:nth-child(3){grid-column:auto}
 .hvpanel .ph{padding:12px 13px}.hvpanel .pb{padding:13px}.pktile{padding:15px}
 #page-exec>.xpanel>.hvcards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){.title{font-size:14px}.pr-toolbar{justify-content:flex-start;width:100%}.pr-tool{flex:1}.hvcards{grid-template-columns:minmax(0,1fr)!important}.hvcard .v{font-size:31px}.pr-current{font-size:12px}}
@media(pointer:coarse){.pr-tool,.pr-motion{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.side{scroll-margin-top:var(--pr-header-offset)}
@media(max-width:1000px){.side{scroll-margin-top:16px}}