/* FORM 5 · independent premium dark module */
#form5View{max-width:1180px;margin:0 auto 55px;padding:0;color:#e7f0fb;box-sizing:border-box}
#form5View *{box-sizing:border-box}
#form5View .f5-panel{background:#111e2d;border:1px solid #354e66;border-radius:14px;padding:22px 24px;margin-bottom:17px}
#form5View .f5-hero{background:linear-gradient(125deg,#103f3a 0%,#14283a 57%,#111f32 100%)}
#form5View .f5-kicker{font-size:11px;letter-spacing:.11em;font-weight:850;color:#80e7ba}
#form5View h2{font-size:23px;color:#f3faff;margin:11px 0}
#form5View h3{font-size:16px;color:#e8f5fc;margin:0}
#form5View h4{font-size:13px;color:#e7f5fa;margin:18px 0 12px}
#form5View p{font-size:12px;line-height:1.75}
#form5View .f5-hero>p{max-width:930px;color:#b5d0df;font-size:13px}
#form5View .f5-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
#form5View .f5-title>span{color:#9db9cd;font-size:11px}
#form5View .f5-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}
#form5View .f5-steps>div{border:1px solid #345d69;border-radius:10px;padding:13px;background:#173543}
#form5View .f5-steps b{display:block;color:#94ebc8;font-size:11px;margin-bottom:6px}
#form5View .f5-steps small{display:block;color:#b8d0df;line-height:1.5;font-size:11px}
#form5View .f5-config{display:grid;grid-template-columns:1.2fr .6fr 1fr 1fr 1fr;gap:12px}
#form5View .f5-config label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#b0c4d8;font-weight:750;min-width:0}
#form5View .f5-config output,#form5View .f5-config select{width:100%;height:40px;border:1px solid #415d75;border-radius:8px;background:#1a3045;color:#f2faff;padding:10px;font-weight:700;font-size:12px;min-width:0}
#form5View .f5-infotag{background:#1b4236;border-radius:8px;color:#91f0bf;font-size:11px;margin:14px 0 4px;padding:10px 12px}
#form5View .f5-actions{display:flex;flex-wrap:wrap;align-items:center;margin:18px 0 12px}
#form5View .f5-primary{border:1px solid #39ad82;background:#137c57;border-radius:8px;color:#eefff8;padding:12px 16px;font-size:12px;font-weight:850;cursor:pointer}
#form5View .f5-primary:disabled{opacity:.5;cursor:wait}
#form5View .f5-muted{font-size:11px!important;color:#9cb3c7!important}
#form5View .f5-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}
#form5View .f5-metric{padding:13px;background:#1b2e42;border:1px solid #37556c;border-radius:10px;min-width:0}
#form5View .f5-metric small{display:block;font-size:10px;color:#abc2d1;min-height:27px}
#form5View .f5-metric strong{display:block;color:#83ecb9;font-size:25px;margin-top:5px;font-variant-numeric:tabular-nums}
#form5View .f5-metric span{display:block;font-size:10px;color:#9bbed0;margin-top:3px}
#form5View .f5-note{background:#1b3044;border:1px solid #365775;border-radius:9px;padding:12px 14px;font-size:12px;color:#bdd7e7;line-height:1.65;margin:13px 0}
#form5View .f5-note strong{color:#e7faff}
#form5View .f5-good{color:#84eeb8!important;font-weight:800}
#form5View .f5-bad{color:#f5b1af!important;font-weight:800}
#form5View .f5-table{border:1px solid #35546c;border-radius:9px;max-width:100%;overflow:auto;margin:10px 0}
#form5View table{border-collapse:collapse;width:100%;min-width:600px;font-size:11px}
#form5View th{font-size:10px;text-align:left;padding:11px 10px;color:#adc7da;background:#1b3145;white-space:nowrap}
#form5View td{color:#e7f2fc;padding:11px 10px;border-top:1px solid #2e475d;vertical-align:middle}
#form5View .f5-toolbar{display:flex;flex-direction:column;gap:11px}
#form5View .f5-pills{display:flex;gap:7px;flex-wrap:wrap}
#form5View .f5-pills button{border:1px solid #3b5671;border-radius:7px;background:#1c3045;color:#c2daea;font-size:11px;cursor:pointer;padding:9px 11px;font-weight:750}
#form5View .f5-pills button.active{background:#1c644d;border-color:#4cb489;color:#a3f5cb}
#form5View .f5-round{background:#182d40;border:1px solid #35546f;border-radius:10px;margin:10px 0;overflow:hidden}
#form5View .f5-round>summary{padding:14px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#form5View .f5-round>summary::marker{color:#82e9bc}
#form5View .f5-round>summary>span:first-child{font-size:12px;color:#e6f3fd;font-weight:800}
#form5View .f5-round>summary strong{font-size:11px}
#form5View .f5-round-body{border-top:1px solid #344f65;padding:10px 15px 16px}
#form5View .f5-nested{background:#20394b;border:1px solid #3e6079;border-radius:8px;padding:9px 12px;margin:12px 0}
#form5View .f5-nested>summary{font-size:11px;color:#b9d1e1;cursor:pointer;font-weight:800}
#form5View .f5-chipset{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
#form5View .f5-chipset>span{font-size:11px;background:#243e4d;border:1px solid #426275;padding:8px;border-radius:8px;color:#cae0ee}
@media(max-width:950px){#form5View .f5-config{grid-template-columns:repeat(3,minmax(0,1fr))}#form5View .f5-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){#form5View .f5-panel{padding:15px 12px}#form5View .f5-steps{grid-template-columns:1fr}#form5View .f5-config{grid-template-columns:repeat(2,minmax(0,1fr))}
#form5View .f5-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#form5View .f5-round>summary{align-items:flex-start}}
@media(max-width:440px){#form5View .f5-config{grid-template-columns:1fr}#form5View .f5-primary{width:100%}}

#form5View .f5-lab-intro{background:linear-gradient(130deg,#11392f 0%,#142b40 65%,#132137 100%)}
#form5View .f5-lab-choice{background:#1b3448;border:1px solid #416480;color:#dbebf7;border-radius:7px;
 padding:8px 11px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
#form5View .f5-lab-choice.active{background:#165f4c;border-color:#56b18d;color:#baf5d8}
#form5View .f5-lab-intro .f5-note{background:#1e3743;border-color:#3e6875}
#form5View .f5-lab-intro p{color:#bbd5e5}
#form5View .f5-panel .f5-table td:first-child{min-width:115px}