/* =========================================================
   WEB-LABS / PERSONAL DATA SELF-CHECK SHORTCODE
   [wl_pd_checklist]
========================================================= */
.wl-pd-checklist{
    position:relative;
    margin:42px 0;
    overflow:hidden;
    border:1px solid rgba(56,189,248,.22);
    background:
        radial-gradient(circle at 92% 4%,rgba(56,189,248,.10),transparent 28%),
        linear-gradient(145deg,rgba(10,27,44,.96),rgba(5,15,27,.98));
    box-shadow:0 22px 60px rgba(0,0,0,.18),inset 0 0 70px rgba(56,189,248,.025);
}
.wl-pd-checklist::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.18;
    background-image:
        linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(to bottom,#000,transparent 44%);
}
.wl-pd-checklist__head,
.wl-pd-checklist__items,
.wl-pd-checklist__result,
.wl-pd-checklist__footer{position:relative;z-index:1}
.wl-pd-checklist__head{padding:28px 30px 0}
.wl-pd-checklist__eyebrow{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:18px;
    color:#6f9bb0;
    font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.14em;
}
.wl-pd-checklist__eyebrow>span{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#38bdf8;
    box-shadow:0 0 12px rgba(56,189,248,.75);
}
.wl-pd-checklist__headline{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:28px;
    align-items:end;
}
.wl-pd-checklist__headline h3{
    margin:0!important;
    color:#f3fbff!important;
    font-size:clamp(24px,2.6vw,34px)!important;
    line-height:1.15!important;
    letter-spacing:-.03em!important;
}
.wl-pd-checklist__headline p{
    max-width:720px;
    margin:10px 0 0!important;
    color:#91a8b6!important;
    font-size:13px!important;
    line-height:1.7!important;
}
.wl-pd-checklist__score{
    min-width:145px;
    padding:0 0 4px;
    text-align:right;
}
.wl-pd-checklist__score strong{
    display:block;
    color:#67e8f9;
    font:750 clamp(34px,4vw,48px)/.95 Inter,system-ui,sans-serif;
    letter-spacing:-.05em;
    font-variant-numeric:tabular-nums;
}
.wl-pd-checklist__score span{
    display:block;
    margin-top:8px;
    color:#6f91a3;
    font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.05em;
}
.wl-pd-checklist__score b{color:#a8d9e9;font-weight:600}
.wl-pd-checklist__progress{
    height:3px;
    margin-top:25px;
    overflow:hidden;
    background:rgba(56,189,248,.10);
}
.wl-pd-checklist__progress>span{
    display:block;
    width:0;
    height:100%;
    background:#67e8f9;
    box-shadow:0 0 14px rgba(103,232,249,.75);
    transition:width .28s ease;
}
.wl-pd-checklist__items{
    display:grid;
    gap:0;
    margin-top:4px;
    border-top:1px solid rgba(56,189,248,.10);
}
.wl-pd-checklist__item{
    position:relative;
    display:grid;
    grid-template-columns:28px 34px minmax(0,1fr);
    gap:12px;
    align-items:start;
    margin:0!important;
    padding:15px 30px;
    border-bottom:1px solid rgba(148,163,184,.075);
    background:rgba(3,12,21,.16);
    color:#b8cad4;
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.wl-pd-checklist__item:hover{background:rgba(56,189,248,.045)}
.wl-pd-checklist__item.is-checked{
    background:linear-gradient(90deg,rgba(34,197,94,.075),rgba(56,189,248,.018));
    color:#e2f5ec;
}
.wl-pd-checklist__item input{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
}
.wl-pd-checklist__box{
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    margin-top:1px;
    border:1px solid rgba(56,189,248,.34);
    background:rgba(56,189,248,.025);
    transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.wl-pd-checklist__box svg{
    width:15px;
    height:15px;
    fill:none;
    stroke:#06131d;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
    opacity:0;
    transform:scale(.65);
    transition:opacity .15s ease,transform .15s ease;
}
.wl-pd-checklist__item input:focus-visible+.wl-pd-checklist__box{
    outline:2px solid #c7f4ff;
    outline-offset:3px;
}
.wl-pd-checklist__item.is-checked .wl-pd-checklist__box{
    border-color:#4ade80;
    background:#4ade80;
    box-shadow:0 0 18px rgba(74,222,128,.20);
}
.wl-pd-checklist__item.is-checked .wl-pd-checklist__box svg{
    opacity:1;
    transform:scale(1);
}
.wl-pd-checklist__number{
    padding-top:4px;
    color:#496d80;
    font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.05em;
}
.wl-pd-checklist__item.is-checked .wl-pd-checklist__number{color:#4fa870}
.wl-pd-checklist__text{
    padding-top:1px;
    font-size:13px;
    line-height:1.65;
}
.wl-pd-checklist__result{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    margin:26px 30px 0;
    padding:20px 22px;
    border:1px solid rgba(56,189,248,.16);
    border-left:3px solid #38bdf8;
    background:rgba(56,189,248,.035);
    transition:border-color .2s ease,background .2s ease;
}
.wl-pd-checklist__result[data-state="low"]{border-left-color:#ef4444;background:rgba(239,68,68,.045)}
.wl-pd-checklist__result[data-state="medium"]{border-left-color:#f59e0b;background:rgba(245,158,11,.045)}
.wl-pd-checklist__result[data-state="good"]{border-left-color:#38bdf8;background:rgba(56,189,248,.045)}
.wl-pd-checklist__result[data-state="high"]{border-left-color:#4ade80;background:rgba(74,222,128,.045)}
.wl-pd-checklist__result-copy{min-width:0}
.wl-pd-checklist__result-label{
    display:block;
    margin-bottom:6px;
    color:#648da1;
    font:8px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.11em;
    text-transform:uppercase;
}
.wl-pd-checklist__result-copy strong{
    display:block;
    color:#e9f6fb;
    font-size:16px;
    line-height:1.35;
}
.wl-pd-checklist__result-copy p{
    max-width:720px;
    margin:6px 0 0!important;
    color:#8ea6b4!important;
    font-size:12px!important;
    line-height:1.65!important;
}
.wl-pd-checklist__reset{
    flex:0 0 auto;
    min-height:38px;
    padding:0 14px;
    border:1px solid rgba(148,163,184,.18);
    background:transparent;
    color:#86a5b5;
    font:9px ui-monospace,SFMono-Regular,Consolas,monospace;
    letter-spacing:.08em;
    cursor:pointer;
    transition:border-color .18s ease,color .18s ease,background .18s ease;
}
.wl-pd-checklist__reset:hover{
    border-color:rgba(56,189,248,.45);
    background:rgba(56,189,248,.05);
    color:#c7edf8;
}
.wl-pd-checklist__reset:focus-visible,
.wl-pd-checklist__cta:focus-visible{outline:2px solid #c7f4ff;outline-offset:3px}
.wl-pd-checklist__footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    padding:24px 30px 28px;
}
.wl-pd-checklist__disclaimer{
    max-width:760px;
    margin:0!important;
    color:#607f90!important;
    font-size:10px!important;
    line-height:1.7!important;
}
.wl-pd-checklist__cta{
    display:inline-flex;
    align-items:center;
    gap:12px;
    flex:0 0 auto;
    padding:12px 15px;
    border:1px solid rgba(56,189,248,.28);
    background:rgba(56,189,248,.045);
    color:#d7f2fa!important;
    font-size:11px;
    font-weight:650;
    line-height:1.3;
    transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.wl-pd-checklist__cta b{color:#38bdf8;font-size:16px;font-weight:400}
.wl-pd-checklist__cta:hover{
    border-color:#67e8f9;
    background:rgba(56,189,248,.10);
    transform:translateY(-1px);
}
@media (max-width:760px){
    .wl-pd-checklist{margin:32px 0}
    .wl-pd-checklist__head{padding:23px 20px 0}
    .wl-pd-checklist__headline{grid-template-columns:1fr;gap:18px}
    .wl-pd-checklist__score{display:flex;align-items:baseline;gap:12px;min-width:0;text-align:left}
    .wl-pd-checklist__score strong{font-size:38px}
    .wl-pd-checklist__score span{margin-top:0}
    .wl-pd-checklist__item{grid-template-columns:28px 28px minmax(0,1fr);gap:9px;padding:14px 20px}
    .wl-pd-checklist__result{align-items:flex-start;flex-direction:column;margin:22px 20px 0;padding:18px}
    .wl-pd-checklist__footer{align-items:flex-start;flex-direction:column;padding:22px 20px 25px}
    .wl-pd-checklist__cta{width:100%;justify-content:space-between}
}
@media (max-width:460px){
    .wl-pd-checklist__headline h3{font-size:25px!important}
    .wl-pd-checklist__item{grid-template-columns:26px minmax(0,1fr)}
    .wl-pd-checklist__number{display:none}
    .wl-pd-checklist__text{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
    .wl-pd-checklist__progress>span,
    .wl-pd-checklist__item,
    .wl-pd-checklist__box,
    .wl-pd-checklist__box svg,
    .wl-pd-checklist__result,
    .wl-pd-checklist__reset,
    .wl-pd-checklist__cta{transition:none}
    .wl-pd-checklist__cta:hover{transform:none}
}

/* =========================================================
   WEB-LABS / WINDOWS SECURITY LOG CALCULATOR
   [wl_security_log_calc]
========================================================= */
.wl-security-log-calc{
    position:relative;
    width:min(calc(100% - 40px),var(--wl-max-width));
    margin:42px auto;
    overflow:hidden;
    border:1px solid rgba(56,189,248,.22);
    background:linear-gradient(145deg,rgba(8,24,40,.98),rgba(4,13,24,.99));
    box-shadow:0 22px 60px rgba(0,0,0,.2),inset 0 0 80px rgba(56,189,248,.025);
}
.wl-security-log-calc__grid{
    position:absolute;inset:0;pointer-events:none;opacity:.16;
    background-image:linear-gradient(rgba(56,189,248,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.08) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(to bottom,#000,transparent 46%);
}
.wl-security-log-calc__head,.wl-security-log-calc__ps,.wl-security-log-calc__steps,.wl-security-log-calc__tabs,.wl-security-log-calc__panel,.wl-security-log-calc__result,.wl-security-log-calc__scale,.wl-security-log-calc__footer{position:relative;z-index:1}
.wl-security-log-calc__head{padding:30px 30px 24px}
.wl-security-log-calc__eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:#6f9bb0;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.wl-security-log-calc__eyebrow>span{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.7)}
.wl-security-log-calc__head h3{margin:0!important;color:#f3fbff!important;font-size:clamp(25px,2.8vw,36px)!important;line-height:1.15!important;letter-spacing:-.035em!important}
.wl-security-log-calc__head p{max-width:790px;margin:11px 0 0!important;color:#91a8b6!important;font-size:16px!important;line-height:1.7!important}
.wl-security-log-calc__ps{margin:0 30px;border:1px solid rgba(56,189,248,.18);background:#03101c;box-shadow:inset 0 0 45px rgba(56,189,248,.025)}
.wl-security-log-calc__ps-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;border-bottom:1px solid rgba(56,189,248,.12);background:rgba(56,189,248,.025)}
.wl-security-log-calc__ps-head span,.wl-security-log-calc__ps-head strong{display:block}
.wl-security-log-calc__ps-head span{color:#59869a;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.wl-security-log-calc__ps-head strong{margin-top:4px;color:#cfe5ef;font-size:15px;font-weight:650}
.wl-security-log-calc__copy{flex:0 0 auto;padding:11px 15px;border:1px solid rgba(56,189,248,.28);background:rgba(56,189,248,.045);color:#a9dced;font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}
.wl-security-log-calc__copy:hover{border-color:#67e8f9;background:rgba(56,189,248,.10);color:#e0f8ff}
.wl-security-log-calc__copy.is-copied{border-color:rgba(74,222,128,.65);color:#86efac;background:rgba(74,222,128,.06)}
.wl-security-log-calc__copy:focus-visible,.wl-security-log-calc__tab:focus-visible,.wl-security-log-calc input:focus-visible,.wl-security-log-calc__cta:focus-visible{outline:2px solid #c7f4ff;outline-offset:3px}
.wl-security-log-calc__ps pre{max-height:none;margin:0!important;height:auto;padding:24px!important;overflow-x:auto!important;overflow-y:visible!important;border:0!important;border-radius:0!important;background:transparent!important;color:#a7d9e8!important;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace!important;white-space:pre!important;tab-size:4}
.wl-security-log-calc__ps code{padding:0!important;background:transparent!important;color:inherit!important;font:inherit!important}
.wl-security-log-calc__ps-note{padding:12px 17px;border-top:1px solid rgba(56,189,248,.10);color:#698899;font-size:13px;line-height:1.65}
.wl-security-log-calc__ps-note code,.wl-security-log-calc__method code{padding:1px 4px;background:rgba(56,189,248,.07);color:#8edff3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.94em}
.wl-security-log-calc__steps{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 30px 0;border:1px solid rgba(56,189,248,.10);background:rgba(3,12,21,.22)}
.wl-security-log-calc__steps span{padding:15px 17px;color:#7f9cac;font-size:13px;line-height:1.5;border-right:1px solid rgba(56,189,248,.09)}
.wl-security-log-calc__steps span:last-child{border-right:0}
.wl-security-log-calc__steps b{margin-right:7px;color:#38bdf8;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
.wl-security-log-calc__tabs{display:flex;gap:7px;margin:28px 30px 0;border-bottom:1px solid rgba(56,189,248,.12)}
.wl-security-log-calc__tab{position:relative;margin:0;padding:14px 17px 15px;border:0;background:transparent;color:#6f91a3;font:13px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer}
.wl-security-log-calc__tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:transparent;box-shadow:none}
.wl-security-log-calc__tab.is-active{color:#d6f5fd;background:rgba(56,189,248,.035)}
.wl-security-log-calc__tab.is-active::after{background:#67e8f9;box-shadow:0 0 10px rgba(103,232,249,.65)}
.wl-security-log-calc__panel{padding:22px 30px 0}
.wl-security-log-calc__panel[hidden]{display:none!important}
.wl-security-log-calc__fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wl-security-log-calc__fields>label{display:block;margin:0!important;padding:16px;border:1px solid rgba(56,189,248,.13);background:rgba(3,12,21,.28)}
.wl-security-log-calc__fields>label>span{display:block;margin-bottom:10px;color:#9db5c2;font-size:14px;font-weight:650;line-height:1.35}
.wl-security-log-calc__fields>label>div{display:flex;align-items:center;border-bottom:1px solid rgba(56,189,248,.18)}
.wl-security-log-calc__fields input{min-width:0;width:100%;padding:7px 0 9px;border:0!important;background:transparent!important;color:#edfaff!important;font:700 30px/1 ui-monospace,SFMono-Regular,Consolas,monospace!important;box-shadow:none!important;appearance:textfield}
.wl-security-log-calc__fields input::-webkit-outer-spin-button,.wl-security-log-calc__fields input::-webkit-inner-spin-button{margin:0;appearance:none}
.wl-security-log-calc__fields>label>div b{padding-left:8px;color:#4d788c;font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:500}
.wl-security-log-calc__fields small{display:block;margin-top:9px;color:#516f80;font-size:12px;line-height:1.5}
.wl-security-log-calc__method{margin:14px 0 0!important;color:#617f90!important;font-size:13px!important;line-height:1.7!important}
.wl-security-log-calc__result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin:26px 30px 0;padding:22px 24px;border:1px solid rgba(56,189,248,.17);border-left:3px solid #38bdf8;background:rgba(56,189,248,.035)}
.wl-security-log-calc__result[data-state="short"]{border-left-color:#ef4444;background:rgba(239,68,68,.045)}
.wl-security-log-calc__result[data-state="limited"]{border-left-color:#f59e0b;background:rgba(245,158,11,.045)}
.wl-security-log-calc__result[data-state="good"]{border-left-color:#38bdf8;background:rgba(56,189,248,.045)}
.wl-security-log-calc__result[data-state="long"]{border-left-color:#4ade80;background:rgba(74,222,128,.045)}
.wl-security-log-calc__result[data-state="error"]{border-left-color:#ef4444;background:rgba(239,68,68,.035)}
.wl-security-log-calc__result-main>span,.wl-security-log-calc__metric>span{display:block;color:#648da1;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}
.wl-security-log-calc__result-main>strong{display:block;margin-top:5px;color:#f0fbff;font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.wl-security-log-calc__result-main>p{max-width:760px;margin:8px 0 0!important;color:#8ea6b4!important;font-size:14px!important;line-height:1.7!important}
.wl-security-log-calc__metric{min-width:145px;padding-left:22px;border-left:1px solid rgba(56,189,248,.12);text-align:right}
.wl-security-log-calc__metric>strong{display:block;margin-top:8px;color:#8be9fb;font:700 29px/1 ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}
.wl-security-log-calc__scale{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 30px 0;border:1px solid rgba(56,189,248,.09)}
.wl-security-log-calc__scale>div{padding:12px 13px;border-right:1px solid rgba(56,189,248,.08)}
.wl-security-log-calc__scale>div:last-child{border-right:0}
.wl-security-log-calc__scale b,.wl-security-log-calc__scale span{display:block}
.wl-security-log-calc__scale b{color:#8cb2c3;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.wl-security-log-calc__scale span{margin-top:4px;color:#526f80;font-size:12px;line-height:1.45}
.wl-security-log-calc__footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 30px 30px}
.wl-security-log-calc__footer>p{max-width:780px;margin:0!important;color:#607f90!important;font-size:13px!important;line-height:1.7!important}
.wl-security-log-calc__cta{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;padding:14px 18px;border:1px solid #38bdf8;background:#38bdf8;color:#03111d!important;font-size:14px;font-weight:700;line-height:1.3;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.wl-security-log-calc__cta b{color:#38bdf8;font-size:16px;font-weight:400}
.wl-security-log-calc__cta:hover{border-color:#7dd3fc;background:#7dd3fc;color:#03111d!important;box-shadow:0 0 24px rgba(56,189,248,.16);transform:translateY(-1px)}
@media (max-width:700px){
    .wl-security-log-calc{width:min(calc(100% - 30px),var(--wl-max-width))}
}
@media (max-width:820px){
    .wl-security-log-calc__head{padding:24px 20px 20px}.wl-security-log-calc__ps{margin:0 20px}.wl-security-log-calc__steps{grid-template-columns:1fr;margin:16px 20px 0}.wl-security-log-calc__steps span{border-right:0;border-bottom:1px solid rgba(56,189,248,.09)}.wl-security-log-calc__steps span:last-child{border-bottom:0}.wl-security-log-calc__tabs{margin:24px 20px 0;overflow-x:auto}.wl-security-log-calc__tab{flex:0 0 auto}.wl-security-log-calc__panel{padding:18px 20px 0}.wl-security-log-calc__fields{grid-template-columns:1fr}.wl-security-log-calc__result{grid-template-columns:1fr;margin:22px 20px 0;padding:19px}.wl-security-log-calc__metric{min-width:0;padding:16px 0 0;border-left:0;border-top:1px solid rgba(56,189,248,.12);text-align:left}.wl-security-log-calc__scale{grid-template-columns:1fr 1fr;margin:14px 20px 0}.wl-security-log-calc__scale>div:nth-child(2){border-right:0}.wl-security-log-calc__scale>div:nth-child(-n+2){border-bottom:1px solid rgba(56,189,248,.08)}.wl-security-log-calc__footer{align-items:flex-start;flex-direction:column;padding:22px 20px 26px}.wl-security-log-calc__cta{width:100%;justify-content:space-between}
}
@media (max-width:520px){
    .wl-security-log-calc__ps-head{align-items:flex-start;flex-direction:column}.wl-security-log-calc__copy{width:100%}.wl-security-log-calc__ps pre{font-size:12px!important}.wl-security-log-calc__scale{grid-template-columns:1fr}.wl-security-log-calc__scale>div{border-right:0!important;border-bottom:1px solid rgba(56,189,248,.08)!important}.wl-security-log-calc__scale>div:last-child{border-bottom:0!important}
}
@media (prefers-reduced-motion:reduce){.wl-security-log-calc__copy,.wl-security-log-calc__cta{transition:none}.wl-security-log-calc__cta:hover{transform:none}}

/* PowerShell horizontal scrollbar only */
.wl-security-log-calc__ps pre{scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.28) transparent}
.wl-security-log-calc__ps pre::-webkit-scrollbar{height:5px;width:0}
.wl-security-log-calc__ps pre::-webkit-scrollbar-track{background:transparent}
.wl-security-log-calc__ps pre::-webkit-scrollbar-thumb{background:rgba(56,189,248,.26);border-radius:20px}

/* =========================================================
   WEB-LABS / VIDEO STORAGE CALCULATOR
========================================================= */
.wl-video-storage-calc{position:relative;overflow:hidden;border:1px solid rgba(56,189,248,.16);background:linear-gradient(180deg,rgba(4,17,31,.90),rgba(3,12,22,.96));color:#dcecf5;box-shadow:inset 0 0 70px rgba(56,189,248,.025)}
.wl-video-storage-calc *{box-sizing:border-box}
.wl-video-storage-calc__grid{position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(56,189,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.07) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
.wl-video-storage-calc__head,.wl-video-storage-calc__layout,.wl-video-storage-calc__raid,.wl-video-storage-calc__footer{position:relative;z-index:1}
.wl-video-storage-calc__head{padding:30px 30px 24px}
.wl-video-storage-calc__eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#6f9bb0;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.wl-video-storage-calc__eyebrow>span{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.7)}
.wl-video-storage-calc__head h3{margin:0!important;color:#f3fbff!important;font-size:clamp(25px,2.8vw,36px)!important;line-height:1.15!important;letter-spacing:-.035em!important}
.wl-video-storage-calc__head p{max-width:850px;margin:11px 0 0!important;color:#91a8b6!important;font-size:15px!important;line-height:1.7!important}
.wl-video-storage-calc__layout{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);gap:20px;padding:0 30px}
.wl-video-storage-calc__controls,.wl-video-storage-calc__results,.wl-video-storage-calc__raid{border:1px solid rgba(56,189,248,.15);background:rgba(3,15,27,.64)}
.wl-video-storage-calc__controls{padding:22px}
.wl-video-storage-calc__field{display:block}
.wl-video-storage-calc__field+.wl-video-storage-calc__field{margin-top:26px}
.wl-video-storage-calc__label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}
.wl-video-storage-calc__label b{color:#d6e8f1;font-size:14px;font-weight:650}
.wl-video-storage-calc__label strong{color:#67e8f9;font:700 14px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.wl-video-storage-calc input[type="range"]{width:100%;margin:0;accent-color:#38bdf8;cursor:pointer}
.wl-video-storage-calc__scale{display:flex;justify-content:space-between;margin-top:6px;color:#607e90;font:10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}
.wl-video-storage-calc__scale i{font-style:normal}
.wl-video-storage-calc__results{display:flex;flex-direction:column;padding:8px}
.wl-video-storage-calc__result{padding:16px;border-bottom:1px solid rgba(56,189,248,.09)}
.wl-video-storage-calc__result:last-child{border-bottom:0}
.wl-video-storage-calc__result span{display:block;margin-bottom:5px;color:#7896a6;font-size:12px}
.wl-video-storage-calc__result strong{color:#f2fbff;font-size:21px;line-height:1.2}
.wl-video-storage-calc__result--main strong{color:#38bdf8;font-size:27px;text-shadow:0 0 16px rgba(56,189,248,.12)}
.wl-video-storage-calc__raid{margin:22px 30px 0;padding:22px}
.wl-video-storage-calc__raid-head>span{display:block;color:#38bdf8;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}
.wl-video-storage-calc__raid-head h4{margin:5px 0 0!important;color:#f3fbff!important;font-size:23px!important;line-height:1.2!important}
.wl-video-storage-calc__raid-head p{margin:8px 0 0!important;color:#7e9baa!important;font-size:13px!important;line-height:1.65!important}
.wl-video-storage-calc__selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.wl-video-storage-calc__selects label>span{display:block;margin-bottom:7px;color:#8aa6b5;font-size:12px}
.wl-video-storage-calc select{width:100%;padding:11px 12px;border:1px solid rgba(56,189,248,.18);border-radius:0;background:#061522;color:#eefaff;font-size:13px;outline:0}
.wl-video-storage-calc select:focus-visible,.wl-video-storage-calc__cta:focus-visible{outline:2px solid #c7f4ff;outline-offset:3px}
.wl-video-storage-calc select:focus{border-color:#38bdf8;box-shadow:0 0 0 2px rgba(56,189,248,.08)}
.wl-video-storage-calc__array{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px;margin-top:18px}
.wl-video-storage-calc__array>div{min-height:82px;padding:14px;border:1px solid rgba(56,189,248,.11);background:rgba(2,11,20,.48)}
.wl-video-storage-calc__array span{display:block;margin-bottom:5px;color:#7896a6;font-size:11px}
.wl-video-storage-calc__array strong{color:#f2fbff;font-size:20px}
.wl-video-storage-calc__status{display:flex;align-items:center;color:#4ade80;font-size:14px;font-weight:700}
.wl-video-storage-calc__status[data-state="bad"]{color:#fb7185}
.wl-video-storage-calc__status[data-state="warn"]{color:#fbbf24}
.wl-video-storage-calc__raid-note{margin-top:14px;padding:12px 14px;border-left:2px solid #38bdf8;background:rgba(56,189,248,.045);color:#89a6b5;font-size:12px;line-height:1.65}
.wl-video-storage-calc__footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-top:22px;padding:20px 30px 28px;border-top:1px solid rgba(56,189,248,.10)}
.wl-video-storage-calc__footer p{margin:0!important;color:#718d9d!important;font-size:12px!important;line-height:1.7!important}
.wl-video-storage-calc__footer strong{color:#9fb7c4}
.wl-video-storage-calc__cta{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;padding:13px 17px;border:1px solid #38bdf8;background:#38bdf8;color:#03111d!important;font-size:13px;font-weight:750;text-decoration:none!important;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.wl-video-storage-calc__cta:hover{background:#7dd3fc;border-color:#7dd3fc;transform:translateY(-1px)}
.wl-video-storage-calc__cta b{font-size:16px}
@media(max-width:900px){.wl-video-storage-calc__layout{grid-template-columns:1fr}.wl-video-storage-calc__selects,.wl-video-storage-calc__array{grid-template-columns:1fr}.wl-video-storage-calc__footer{grid-template-columns:1fr;align-items:start}.wl-video-storage-calc__cta{justify-self:start}}
@media(max-width:600px){.wl-video-storage-calc__head{padding:24px 18px 20px}.wl-video-storage-calc__layout{padding:0 18px}.wl-video-storage-calc__raid{margin:18px 18px 0;padding:18px}.wl-video-storage-calc__footer{padding:18px}.wl-video-storage-calc__controls{padding:18px}.wl-video-storage-calc__label{align-items:flex-start}.wl-video-storage-calc__result--main strong{font-size:24px}.wl-video-storage-calc__cta{width:100%}}


/* =========================================================
   WEB-LABS / BACKUP READINESS CHECK
========================================================= */
.wl-backup-check{position:relative;overflow:hidden;border:1px solid rgba(56,189,248,.16);background:linear-gradient(180deg,rgba(4,17,31,.91),rgba(3,12,22,.97));color:#dcecf5;box-shadow:inset 0 0 80px rgba(56,189,248,.025)}
.wl-backup-check *{box-sizing:border-box}
.wl-backup-check__grid-bg{position:absolute;inset:0;pointer-events:none;opacity:.11;background-image:linear-gradient(rgba(56,189,248,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.07) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}
.wl-backup-check__head,.wl-backup-check__layout,.wl-backup-check__footer{position:relative;z-index:1}
.wl-backup-check__head{padding:30px 30px 24px;border-bottom:1px solid rgba(56,189,248,.10)}
.wl-backup-check__eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#6f9bb0;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}
.wl-backup-check__eyebrow>span{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 12px rgba(74,222,128,.7)}
.wl-backup-check__head h3{margin:0!important;color:#f3fbff!important;font-size:clamp(25px,2.8vw,36px)!important;line-height:1.15!important;letter-spacing:-.035em!important}
.wl-backup-check__head p{max-width:900px;margin:11px 0 0!important;color:#91a8b6!important;font-size:16px!important;line-height:1.75!important}
.wl-backup-check__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:22px;padding:26px 30px 30px}
.wl-backup-check__questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wl-backup-check__item{position:relative;min-width:0;padding:20px;border:1px solid rgba(56,189,248,.13);background:linear-gradient(145deg,rgba(7,22,39,.72),rgba(4,15,27,.56));transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.wl-backup-check__item:hover{border-color:rgba(56,189,248,.24);background:linear-gradient(145deg,rgba(8,26,45,.78),rgba(4,15,27,.64));box-shadow:inset 0 1px rgba(255,255,255,.015)}
.wl-backup-check__item[data-answer="yes"]{border-color:rgba(74,222,128,.27);box-shadow:inset 3px 0 rgba(74,222,128,.55)}
.wl-backup-check__item[data-answer="partial"]{border-color:rgba(251,191,36,.28);box-shadow:inset 3px 0 rgba(251,191,36,.55)}
.wl-backup-check__item[data-answer="no"]{border-color:rgba(248,113,113,.30);box-shadow:inset 3px 0 rgba(248,113,113,.58)}
.wl-backup-check__item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.wl-backup-check__num{color:#38bdf8;font:800 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.wl-backup-check__tag{color:#66899d;font:800 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.wl-backup-check__item h4{margin:0!important;color:#eefaff!important;font-size:19px!important;line-height:1.4!important;letter-spacing:-.015em!important}
.wl-backup-check__description{margin:9px 0 16px!important;color:#849fac!important;font-size:15px!important;line-height:1.7!important}
.wl-backup-check__criteria{margin:0 0 17px;padding:13px 14px;border:1px solid rgba(56,189,248,.09);background:rgba(2,11,20,.36)}
.wl-backup-check__criteria-title{display:block;margin-bottom:9px;color:#5f8193;font:800 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}
.wl-backup-check__criterion{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid rgba(56,189,248,.065)}
.wl-backup-check__criterion:first-of-type{border-top:0;padding-top:0}
.wl-backup-check__criterion:last-child{padding-bottom:0}
.wl-backup-check__criterion b{font:800 11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.04em}
.wl-backup-check__criterion p{margin:0!important;color:#7895a4!important;font-size:13px!important;line-height:1.6!important}
.wl-backup-check__criterion[data-level="yes"] b{color:#68e79f}
.wl-backup-check__criterion[data-level="partial"] b{color:#f4c856}
.wl-backup-check__criterion[data-level="no"] b{color:#f58a8a}
.wl-backup-check__choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:auto}
.wl-backup-check__choices button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:8px 7px;border:1px solid rgba(56,189,248,.12);background:rgba(2,11,20,.58);color:#819cab;font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;transition:.18s ease}
.wl-backup-check__choices button i{width:6px;height:6px;border-radius:50%;background:#426274;transition:.18s ease}
.wl-backup-check__choices button:hover{border-color:rgba(56,189,248,.30);color:#d8edf5}
.wl-backup-check__choices button[aria-pressed="true"][data-wl-backup-answer="yes"]{border-color:rgba(74,222,128,.38);background:rgba(74,222,128,.075);color:#78f0ad}
.wl-backup-check__choices button[aria-pressed="true"][data-wl-backup-answer="yes"] i{background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.6)}
.wl-backup-check__choices button[aria-pressed="true"][data-wl-backup-answer="partial"]{border-color:rgba(251,191,36,.38);background:rgba(251,191,36,.07);color:#ffd166}
.wl-backup-check__choices button[aria-pressed="true"][data-wl-backup-answer="partial"] i{background:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,.55)}
.wl-backup-check__choices button[aria-pressed="true"][data-wl-backup-answer="no"]{border-color:rgba(248,113,113,.40);background:rgba(248,113,113,.07);color:#ff9b9b}
.wl-backup-check__choices button[aria-pressed="true"][data-wl-backup-answer="no"] i{background:#f87171;box-shadow:0 0 10px rgba(248,113,113,.55)}
.wl-backup-check__result{min-width:0}
.wl-backup-check__result-sticky{position:sticky;top:24px;padding:20px;border:1px solid rgba(56,189,248,.14);background:rgba(3,15,27,.68);box-shadow:inset 0 0 35px rgba(56,189,248,.025)}
.wl-backup-check__score{--wl-backup-score:0deg;display:grid;place-items:center;width:184px;height:184px;margin:4px auto 22px;border-radius:50%;background:conic-gradient(#38bdf8 0 var(--wl-backup-score),rgba(56,189,248,.09) var(--wl-backup-score) 360deg);box-shadow:0 0 34px rgba(56,189,248,.07)}
.wl-backup-check__score::before{content:"";position:absolute;width:146px;height:146px;border-radius:50%;background:#071522;border:1px solid rgba(56,189,248,.12);box-shadow:inset 0 0 28px rgba(56,189,248,.045)}
.wl-backup-check__score{position:relative}
.wl-backup-check__score>div{position:relative;z-index:1;text-align:center}
.wl-backup-check__score span{display:block;color:#65879a;font:11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}
.wl-backup-check__score strong{display:block;margin-top:4px;color:#f4fbff;font:800 38px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.06em}
.wl-backup-check__score small{display:block;margin-top:8px;color:#66889a;font:12px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}
.wl-backup-check__result[data-state="good"] .wl-backup-check__score{background:conic-gradient(#4ade80 0 var(--wl-backup-score),rgba(74,222,128,.09) var(--wl-backup-score) 360deg)}
.wl-backup-check__result[data-state="warn"] .wl-backup-check__score{background:conic-gradient(#fbbf24 0 var(--wl-backup-score),rgba(251,191,36,.09) var(--wl-backup-score) 360deg)}
.wl-backup-check__result[data-state="bad"] .wl-backup-check__score{background:conic-gradient(#f87171 0 var(--wl-backup-score),rgba(248,113,113,.09) var(--wl-backup-score) 360deg)}
.wl-backup-check__status{padding-top:18px;border-top:1px solid rgba(56,189,248,.10)}
.wl-backup-check__status>span,.wl-backup-check__weaknesses-head>span{display:block;color:#65879a;font:11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}
.wl-backup-check__status strong{display:block;margin-top:6px;color:#eefaff;font-size:21px;line-height:1.32}
.wl-backup-check__result[data-state="good"] .wl-backup-check__status strong{color:#6ee7a4}
.wl-backup-check__result[data-state="warn"] .wl-backup-check__status strong{color:#ffd166}
.wl-backup-check__result[data-state="bad"] .wl-backup-check__status strong{color:#ff9292}
.wl-backup-check__status p{margin:8px 0 0!important;color:#829daa!important;font-size:14px!important;line-height:1.65!important}
.wl-backup-check__weaknesses{margin-top:18px;padding-top:18px;border-top:1px solid rgba(56,189,248,.10)}
.wl-backup-check__weaknesses-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wl-backup-check__weaknesses-head strong{display:grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border:1px solid rgba(56,189,248,.14);color:#a8c4d1;font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.wl-backup-check__weak-list{margin-top:11px;max-height:380px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.35) rgba(2,10,18,.25)}
.wl-backup-check__empty{margin:0!important;color:#607f90!important;font-size:13px!important;line-height:1.6!important}
.wl-backup-check__weak{padding:10px 0;border-top:1px solid rgba(56,189,248,.07)}
.wl-backup-check__weak:first-child{border-top:0;padding-top:0}
.wl-backup-check__weak b{display:flex;align-items:center;gap:7px;color:#d7eaf2;font-size:13px;line-height:1.5}
.wl-backup-check__weak b::before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,.45)}
.wl-backup-check__weak[data-level="no"] b::before{background:#f87171;box-shadow:0 0 8px rgba(248,113,113,.45)}
.wl-backup-check__weak p{margin:5px 0 0!important;color:#718c9a!important;font-size:13px!important;line-height:1.6!important}
.wl-backup-check__reset{width:100%;margin-top:18px;padding:10px 12px;border:1px solid rgba(56,189,248,.14);background:transparent;color:#7696a7;font:700 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;cursor:pointer;transition:.18s ease}
.wl-backup-check__reset:hover{border-color:rgba(56,189,248,.32);color:#dcecf5;background:rgba(56,189,248,.035)}
.wl-backup-check__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 30px 28px;border-top:1px solid rgba(56,189,248,.10)}
.wl-backup-check__footer p{max-width:760px;margin:0!important;color:#718e9d!important;font-size:13px!important;line-height:1.7!important}
.wl-backup-check__footer p strong{color:#a7c2cf}
.wl-backup-check__cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:11px 17px;border:1px solid rgba(56,189,248,.34);background:rgba(56,189,248,.09);color:#aeeaff!important;text-decoration:none!important;font-size:14px;font-weight:750;white-space:nowrap;transition:.18s ease}
.wl-backup-check__cta:hover{border-color:#38bdf8;background:rgba(56,189,248,.16);color:#fff!important}
.wl-backup-check__cta b{font-size:16px}
@media(max-width:1050px){.wl-backup-check__layout{grid-template-columns:1fr}.wl-backup-check__result-sticky{position:relative;top:auto}.wl-backup-check__weak-list{max-height:none}}
@media(max-width:720px){.wl-backup-check__head{padding:24px 20px 20px}.wl-backup-check__layout{padding:20px}.wl-backup-check__questions{grid-template-columns:1fr}.wl-backup-check__footer{align-items:stretch;flex-direction:column;padding:20px}.wl-backup-check__cta{white-space:normal}.wl-backup-check__score{width:168px;height:168px}.wl-backup-check__score::before{width:132px;height:132px}}
@media(max-width:420px){.wl-backup-check__item{padding:17px}.wl-backup-check__criterion{grid-template-columns:56px minmax(0,1fr);gap:8px}.wl-backup-check__choices{gap:5px}.wl-backup-check__choices button{font-size:12px;padding:9px 5px}}

/* =========================================================
   WEB-LABS / WINDOWS SERVER SECURITY CHECK
   Reuses the Backup Readiness assessment layout.
========================================================= */
.wl-server-check__head-tags{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;text-align:right}
.wl-server-check__risk{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border:1px solid rgba(248,113,113,.32);background:rgba(248,113,113,.06);color:#ff9b9b;font:800 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.wl-server-check__item--critical{background:linear-gradient(145deg,rgba(20,20,34,.74),rgba(4,15,27,.58))}
.wl-server-check__item--critical:hover{border-color:rgba(248,113,113,.22)}
.wl-server-check__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;padding-top:18px;border-top:1px solid rgba(56,189,248,.10)}
.wl-server-check__metric{min-width:0;padding:10px 8px;border:1px solid rgba(56,189,248,.09);background:rgba(2,11,20,.34);text-align:center}
.wl-server-check__metric span{display:block;color:#65879a;font:10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.wl-server-check__metric strong{display:block;margin-top:6px;color:#e9f7fc;font:800 18px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.wl-server-check__metric:first-child strong{color:#ff9292}.wl-server-check__metric:nth-child(2) strong{color:#ffd166}.wl-server-check__metric:last-child strong{color:#67e8f9}
.wl-server-check__issue[data-critical="1"]{margin-top:5px;padding:11px 10px;border:1px solid rgba(248,113,113,.16);background:rgba(248,113,113,.035)}
.wl-server-check__issue[data-critical="1"] b{color:#ffd8d8}.wl-server-check__issue[data-critical="1"] b::before{background:#f87171;box-shadow:0 0 9px rgba(248,113,113,.55)}
.wl-server-check__issue-meta{display:block;margin-top:5px;color:#638597;font:800 10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.wl-server-check__issue[data-critical="1"] .wl-server-check__issue-meta{color:#f58a8a}
.wl-server-check .wl-backup-check__weak p{font-size:13px!important;line-height:1.62!important}
@media(max-width:520px){.wl-server-check__head-tags{align-items:flex-end;flex-direction:column;gap:5px}.wl-server-check__metrics{grid-template-columns:1fr}.wl-server-check__metric{text-align:left}.wl-server-check__risk{font-size:9px}}

