/* Partition Manager page: hero tint, live disk demo, converter card. Builds on pox.css + motion.css. */
.pmx-hero{background:linear-gradient(180deg,#F2F6FF 0,#E7F0FB 100%)}
.pmx-hero .pox-glow.g1{background:#CFE0FF}.pmx-hero .pox-glow.g2{background:#C9F5F2}
.pmx-hero .pox-copy .pill{background:#E8F0FF;border-color:#C5D8FF;color:#0866FF}
.pmx-hero .pox-copy h1 em{background-image:linear-gradient(90deg,#0866FF,#00A7A0,#0866FF)}
.pmx-hero .pox-steps li b{color:#0866FF}

/* Live disk demo */
.pm-body{display:flex;flex-direction:column;gap:16px}
.pm-disk{background:#0A1F3D;border-radius:12px;padding:14px}
.pm-disk-head{display:flex;justify-content:space-between;font-size:12.5px;color:#9FB6D6;margin-bottom:10px}
.pm-disk-head b{color:#fff}
.pm-bar{display:flex;gap:4px;height:58px}
.pm-bar [data-seg]{position:relative;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:0 10px;overflow:hidden;white-space:nowrap;font-size:12px;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s,width .05s linear}
.pm-bar [data-seg].in{opacity:1;transform:none}
.pm-bar [data-seg] b{font-size:13px}
.pm-bar [data-seg] small{opacity:.8}
.pm-bar [data-seg=efi]{width:3%;padding:0;background:#5B6E8C}
.pm-bar [data-seg=c]{background:linear-gradient(135deg,#0866FF,#3D8BFF)}
.pm-bar [data-seg=free]{background:repeating-linear-gradient(45deg,#16365F 0 8px,#1B3F6E 8px 16px);color:#9FB6D6;border:1px dashed #3A5F8F}
.pm-bar [data-seg=e]{flex:1;background:linear-gradient(135deg,#00A7A0,#2EE0D6)}
.pm-demo.resizing [data-seg=c]{box-shadow:0 0 0 2px #fff,0 0 18px rgba(61,139,255,.8)}
.pm-demo.resizing [data-seg=c]:after{content:"";position:absolute;right:3px;top:50%;width:6px;height:26px;margin-top:-13px;border-radius:3px;background:#fff;animation:pmGrip 1s ease-in-out infinite}
@keyframes pmGrip{50%{transform:translateX(3px)}}
.pm-apply{display:flex;align-items:center;gap:12px;font-size:13px;color:#4A5D7A;opacity:.35;transition:opacity .4s}
.pm-apply.on{opacity:1}
.pm-apply .bar{flex:1;height:8px;border-radius:99px;background:#E3EAF5;overflow:hidden}
.pm-apply .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0866FF,#00A7A0)}

/* MBR → GPT converter card */
.pm-conv{display:flex;flex-direction:column;gap:18px;align-items:center;padding:28px}
.pm-conv-disk{display:flex;align-items:center;gap:16px;font-weight:800;font-size:22px;color:#0B1B33}
.pm-conv-disk span{padding:10px 18px;border-radius:12px;background:#FFF1E0;color:#B45309;transition:all .5s}
.pm-conv-disk em{font-style:normal;color:#5B6E8C;font-size:18px}
.pm-conv-disk strong{padding:10px 18px;border-radius:12px;background:#EEF2F8;color:#8A99B0;transition:all .5s}
.pm-conv.gpt .pm-conv-disk span{background:#EEF2F8;color:#8A99B0}
.pm-conv.gpt .pm-conv-disk strong{background:#E3FAF8;color:#00857F;box-shadow:0 0 0 2px #2EE0D6,0 10px 24px rgba(46,224,214,.35)}
.pm-conv ol{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pm-conv li{font-size:12.5px;padding:6px 12px;border-radius:99px;background:#EEF2F8;color:#5B6E8C;transition:all .4s}
.pm-conv li.on{background:#0866FF;color:#fff}
.pm-conv li.done{background:#E3FAF8;color:#00857F}
.pm-conv p{margin:0;font-weight:700;color:#0B1B33}
@media (prefers-reduced-motion:reduce){.pm-demo.resizing [data-seg=c]:after{animation:none}}
