/* Panel-managed VOD node bootstrap — Luxury 2026 */
.pepo-root-card{margin:0 0 19px;padding:clamp(16px,2.4vw,28px);background:linear-gradient(152deg,#fff,#fff,#fdfafa);border:1px solid #e7dedf;border-radius:19px;
 box-shadow:0 17px 55px -29px #6e3b4844;color:#31383b}
.pepo-root-hero{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #f0e8e8}
.pepo-root-hero>div{max-width:770px}
.pepo-root-hero h3{font:normal clamp(24px,2.6vw,32px)/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:8px 0 8px}
.pepo-root-hero p{color:#7b8185;font-size:12px;line-height:1.65;margin:0}
.pepo-root-mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;color:#983442;border-radius:12px;border:1px solid #f1d9de;background:#fff1f2;font-weight:700;font-size:14px}
.pepo-root-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 17px}
.pepo-root-grid>div{min-width:0}
.pepo-root-grid label,.pepo-root-identity label{display:block;color:#5b6569;font-size:11.5px;font-weight:650;margin:0 0 7px}
.pepo-root-grid input,.pepo-root-grid select,.pepo-root-grid textarea,.pepo-root-identity input{
 width:100%;max-width:100%;background:#fff!important;border:1px solid #e3dedf!important;border-radius:9px;color:#323a3e;padding:11px 12px;
 min-height:41px;font-size:12px;box-shadow:none}
.pepo-root-grid input:focus,.pepo-root-grid select:focus,.pepo-root-identity input:focus{border-color:#bd7e8b!important;box-shadow:0 0 0 3px #faeeee}
.pepo-root-grid textarea{font:12px ui-monospace,monospace;line-height:1.45;resize:vertical}
.pepo-root-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:22px 0 9px}
.pepo-root-actions button,.pepo-root-identity button{min-height:42px}
.pepo-root-actions p{color:#818a8e;font-size:11px;max-width:480px;margin:0;line-height:1.55}
.pepo-root-identity{padding:17px 19px;border:1px solid #ead6dc;background:#fffafb;border-radius:13px;margin:15px 0}
.pepo-root-identity strong{font:normal 20px Georgia,serif;color:#33373a}
.pepo-root-identity p{font-size:11px;color:#7d8085;margin:8px 0;line-height:1.55}
.pepo-root-identity code{overflow-wrap:anywhere;color:#9b3447;border:0;background:transparent}
.pepo-root-identity label{margin:17px 0 7px}
.pepo-root-identity button{margin-top:11px}
.pepo-root-progress{margin:17px 0 6px;padding:20px;border:1px solid #dcebe3;background:#f9fcfa;border-radius:13px}
.pepo-root-progress-head{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.pepo-root-progress-head strong{font:normal 18px Georgia,serif;color:#426a55}
.pepo-root-progress-head strong[data-status=error]{color:#a94751}
.pepo-root-progress-head small{color:#8a9290;font-size:11px}
#pepo-root-progress-lines{display:flex;flex-direction:column;gap:9px;max-height:190px;overflow-y:auto}
.pepo-root-progress-line{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#57665e;padding:6px 0}
.pepo-root-pulse{margin-top:5px;display:block;width:7px;height:7px;background:#4ab77b;box-shadow:0 0 0 4px #e1f4e8;border-radius:50%;flex:0 0 7px}
.pepo-root-progress-line:last-child{font-weight:650;color:#2e7251}
.pepo-root-success{margin-top:13px;background:#edf9f1;border:1px solid #cde8d8;border-radius:10px;color:#2d7650;padding:12px;font-size:12px}
.pepo-root-card>.pepo-help-status{margin:16px 0}
.pepo-root-safety{display:flex;gap:11px;align-items:center;flex-wrap:wrap;padding:13px 15px;border-radius:12px;border:1px solid #e7e9e5;background:#f9faf9}
.pepo-root-safety strong{display:block;color:#3e5550;font-size:12px}
.pepo-root-safety p{flex:1 1 480px;font-size:11px;color:#75817d;line-height:1.6;margin:0}
.pepo-root-safety button{margin-left:auto}
.pepo-root-manual{background:#fff;border:1px solid #e8e2e3;border-radius:15px;box-shadow:0 8px 29px -19px #56303736;overflow:hidden}
.pepo-root-manual>summary{padding:18px 22px;cursor:pointer;font-size:12px;font-weight:640;color:#823b46}
.pepo-root-manual>summary:hover{background:#fff5f5}
.pepo-root-manual .pepo-help-layout{margin:0 18px 18px}
.pepo-root-manual>.pepo-help-status{margin:10px 18px 18px}
#pepo-root-credential[type=password]{letter-spacing:.06em}
@media(max-width:650px){
 .pepo-root-grid{grid-template-columns:1fr}
 .pepo-root-actions{align-items:stretch}
 .pepo-root-actions button{flex:1 1 100%}
 .pepo-root-card{padding:15px}
 .pepo-root-identity{padding:14px}
 .pepo-root-safety button{width:100%}
 .pepo-root-manual .pepo-help-layout{margin:0 9px 11px}
}
/* Installation progress: high visibility three-step workflow */
.pepo-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 25px}
.pepo-step{display:flex;align-items:center;gap:11px;position:relative;padding:14px 12px;border:1px solid #e7e3e1;border-radius:11px;background:#fafafa;min-width:0}
.pepo-step:not(:last-child)::after{content:"›";position:absolute;right:-13px;top:50%;transform:translateY(-50%);z-index:2;color:#a94c58;font-size:22px}
.pepo-step-number{flex:0 0 30px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d7d4d3;background:#fff;border-radius:50%;font-weight:700;font-size:13px;color:#7c8185}
.pepo-step>div{min-width:0;flex:1}
.pepo-step b{display:block;font-size:11px;font-weight:690;color:#50595c;line-height:1.45}
.pepo-step small{display:block;font-size:10px;line-height:1.45;color:#969b9d;margin-top:3px}
.pepo-step-state{display:block;color:#8a9195;font-size:10px;font-weight:630;text-align:right;white-space:nowrap}
.pepo-step[data-status=active]{border-color:#d3a3ae;background:#fff3f4;box-shadow:0 6px 18px -12px #c6697888}
.pepo-step[data-status=active] .pepo-step-number{background:#a13948;color:#fff;border-color:#a13948;box-shadow:0 0 0 4px #f7dde1}
.pepo-step[data-status=active] .pepo-step-state,.pepo-step[data-status=active] b{color:#9b3346}
.pepo-step[data-status=done]{border-color:#cfe3d6;background:#f2faf4}
.pepo-step[data-status=done] .pepo-step-number{background:#4cae75;color:#fff;border-color:#4cae75}
.pepo-step[data-status=done] .pepo-step-state,.pepo-step[data-status=done] b{color:#387d58}
.pepo-step[data-status=working]{border-color:#d7a9b4;background:#fff7f8}
.pepo-step[data-status=working] .pepo-step-number{background:#b24a5b;color:#fff;border-color:#b24a5b;animation:pepo-alarm-pulse 2.7s infinite}
@media(max-width:1250px){.pepo-stepper{gap:8px}.pepo-step{flex-wrap:wrap}.pepo-step-state{width:100%;text-align:left}}
@media(max-width:630px){.pepo-stepper{grid-template-columns:1fr;gap:12px}.pepo-step{flex-wrap:nowrap}.pepo-step:not(:last-child)::after{content:"↓";right:50%;top:100%;transform:translate(50%,-4px);font-size:19px}.pepo-step-state{margin-left:auto;width:auto;text-align:right}}
@media(prefers-reduced-motion:reduce){.pepo-step[data-status=working] .pepo-step-number{animation:none}}