/* Cloudskope tools shared styles v1.0.0 (pen test calculator, email security check). Scoped to .cs-tool. */
.cs-tool{--t-panel:#111821;--t-line:#1F2937;--t-chip:#374151;--t-t:#F3F4F6;--t-t2:#D1D5DB;--t-m:#B4BBC6;--t-ok:#34D399;--t-gap:#FBBF24;--t-bad:#F87171;--t-acc:#f97316;color:var(--t-t);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;text-align:left}
.cs-tool *{box-sizing:border-box}
.cs-tool [hidden]{display:none!important}
.cs-tool-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.cs-tool .cst-label{font:600 12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--t-t2)}
.cs-tool .cst-h2{font-size:26px;line-height:1.2;margin:6px 0 14px;color:var(--t-t);font-weight:800}
.cs-tool .cst-h3{font-size:20px;line-height:1.25;margin:4px 0 8px;color:var(--t-t);font-weight:700}
.cs-tool .cst-p{color:var(--t-t2);font-size:15px;margin:0 0 16px}
.cs-tool .cst-fine{font-size:12px;color:var(--t-m);margin-top:10px;line-height:1.45}
.cs-tool .cst-fine a{color:var(--t-t2)}
.cs-tool .cst-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.cs-tool .cst-step{margin:22px 0 10px}
.cs-tool .cst-step:first-child{margin-top:0}
.cs-tool .cst-card{background:var(--t-panel);border:1px solid var(--t-line);border-radius:12px;padding:16px 18px;margin-bottom:10px;transition:border-color .15s}
.cs-tool .cst-card.on[data-card]{border-color:rgba(249,115,22,.55)}
.cs-tool .cst-toggle{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;cursor:pointer;margin:0}
.cs-tool .cst-toggle input,.cs-tool .cst-check input{position:absolute;opacity:0;width:1px;height:1px}
.cs-tool .cst-tick{width:22px;height:22px;border:1px solid var(--t-chip);border-radius:6px;margin-top:1px;display:flex;align-items:center;justify-content:center}
.cs-tool .cst-toggle input:checked+.cst-tick{background:linear-gradient(90deg,#e11d48,#f97316);border-color:transparent}
.cs-tool .cst-toggle input:checked+.cst-tick::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.cs-tool .cst-toggle input:focus-visible+.cst-tick{outline:2px solid var(--t-acc);outline-offset:2px}
.cs-tool .cst-toggle b{display:block;font-size:16px;color:var(--t-t)}
.cs-tool .cst-hint{display:block;color:var(--t-m);font-size:14px;margin-top:2px}
.cs-tool .cst-sub{margin:14px 0 2px 36px;display:grid;gap:12px}
.cs-tool .cst-fl{display:block;font:600 13px Inter,system-ui,sans-serif;color:var(--t-t2);margin:0}
.cs-tool .cst-fl select,.cs-tool .cst-fl input{display:block;width:100%;max-width:440px;height:44px;margin-top:6px;background:#0b0f14;border:1px solid var(--t-chip);border-radius:8px;color:var(--t-t);padding:0 12px;font:15px Inter,system-ui,sans-serif}
.cs-tool .cst-fl input[type=number]{max-width:120px}
.cs-tool .cst-fl select:focus,.cs-tool .cst-fl input:focus{outline:0;border-color:var(--t-acc)}
.cs-tool select option{background:#0b0f14}
.cs-tool .cst-check{position:relative;display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;cursor:pointer;margin:8px 0;font-size:14px;color:var(--t-t2)}
.cs-tool .cst-check span::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border:1px solid var(--t-chip);border-radius:5px;background:#0b0f14}
.cs-tool .cst-check{padding-left:0}
.cs-tool .cst-check span{grid-column:2}
.cs-tool .cst-check input:checked+span::before{background:var(--t-acc);border-color:var(--t-acc);box-shadow:inset 0 0 0 3px #0b0f14}
.cs-tool .cst-check input:focus-visible+span::before{outline:2px solid var(--t-acc);outline-offset:2px}
.cs-tool .cst-check b{color:var(--t-t)}
.cs-tool .cst-drivernote{color:var(--t-m);font-size:14px;margin-top:10px}
.cs-tool .cst-drivernote:empty{display:none}
.cs-tool .cst-panel{position:sticky;top:96px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:12px;padding:22px}
.cs-tool .cst-range{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0 4px}
.cs-tool .cst-range b{font-size:34px;line-height:1.05;font-weight:800;color:var(--t-t)}
.cs-tool .cst-range span{color:var(--t-m);font-size:15px}
.cs-tool .cst-typical{color:var(--t-t2);font-size:14px}
.cs-tool .cst-days{color:var(--t-m);font-size:13px;margin:2px 0 14px}
.cs-tool .cst-break{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:14px}
.cs-tool .cst-break td{border-top:1px solid var(--t-line);padding:8px 0;vertical-align:top;color:var(--t-t2)}
.cs-tool .cst-break td:last-child{text-align:right;white-space:nowrap;padding-left:10px;color:var(--t-t)}
.cs-tool .cst-note{display:block;color:var(--t-m);font-size:12px;margin-top:2px}
.cs-tool .cst-market{font-size:13px;color:var(--t-t2);border-left:3px solid var(--t-acc);padding:6px 0 6px 12px}
.cs-tool .cst-market b{color:var(--t-t)}
.cs-tool .cst-jump{display:block;margin-top:14px;color:var(--t-acc);font-weight:600;font-size:14px;text-decoration:none}
.cs-tool .cst-result{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:36px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:14px;padding:28px;scroll-margin-top:100px}
.cs-tool .cst-flags{list-style:none;margin:0;padding:0}
.cs-tool .cst-flags li{border-left:3px solid var(--t-bad);padding:6px 0 6px 14px;margin-bottom:12px}
.cs-tool .cst-flags b{display:block;color:var(--t-t);font-size:15px}
.cs-tool .cst-flags span{display:block;color:var(--t-m);font-size:14px;margin-top:2px}
.cs-tool .cst-btn{font:600 14px Inter,system-ui,sans-serif;color:var(--t-t);background:0 0;border:1px solid var(--t-chip);border-radius:8px;padding:9px 14px;cursor:pointer}
.cs-tool .cst-btn:hover{border-color:var(--t-t2)}
.cs-tool .cst-primary{border:0;background:linear-gradient(90deg,#e11d48,#f97316);color:#fff;padding:13px 18px;font-size:15px;font-weight:700}
.cs-tool .cst-primary:disabled{opacity:.6;cursor:wait}
.cs-tool .cst-dl{margin-top:14px}
.cs-tool .cst-done-title{font-weight:600;font-size:15px;line-height:1.5}
.cs-tool .w-form{margin:0}
.cs-tool form label{display:block;font:600 13px Inter,system-ui,sans-serif;color:var(--t-t2);margin:10px 0 5px}
.cs-tool form input[type=email],.cs-tool form input[type=text],.cs-tool form select{width:100%;height:44px;background:#0b0f14;border:1px solid var(--t-chip);border-radius:8px;color:var(--t-t);padding:0 12px;font:15px Inter,system-ui,sans-serif;margin:0}
.cs-tool form input:focus,.cs-tool form select:focus{outline:0;border-color:var(--t-acc)}
.cs-tool form input[type=submit]{margin-top:16px;width:100%;height:48px;border:0;border-radius:8px;background:linear-gradient(90deg,#e11d48,#f97316);color:#fff;font:700 15px Inter,system-ui,sans-serif;cursor:pointer}
.cs-tool form p{font-size:12px;color:var(--t-m);margin-top:10px}
.cs-tool form p a{color:var(--t-t2)}
.cs-tool .w-form-done{background:0 0;border:1px solid rgba(52,211,153,.45);border-radius:10px;padding:18px;text-align:left;color:var(--t-t)}
.cs-tool .w-form-fail{background:rgba(248,113,113,.12);border-radius:8px;color:var(--t-t);margin-top:10px}
#cs-pentest-form,#cs-email-form{display:none}
/* ---------- email security check ---------- */
.cs-tool .cse-search{display:flex;gap:10px;max-width:760px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:14px;padding:10px}
.cs-tool .cse-search input{flex:1;min-width:0;height:52px;background:#0b0f14;border:1px solid var(--t-chip);border-radius:10px;color:var(--t-t);padding:0 16px;font:17px Inter,system-ui,sans-serif}
.cs-tool .cse-search input:focus{outline:0;border-color:var(--t-acc)}
.cs-tool .cse-search button{height:52px;white-space:nowrap}
.cs-tool .cse-msg{color:var(--t-m);font-size:14px;margin:10px 2px 0;min-height:21px}
.cs-tool .cse-msg.err{color:var(--t-bad)}
.cs-tool .cse-progress{height:6px;background:#1a2230;border-radius:99px;overflow:hidden;max-width:760px;margin-top:12px}
.cs-tool .cse-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e11d48,#f97316);transition:width .2s}
.cs-tool .cse-out{margin-top:28px}
.cs-tool .cse-summary{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;background:var(--t-panel);border:1px solid var(--t-line);border-radius:14px;padding:24px}
.cs-tool .cse-grade{width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px solid var(--t-chip)}
.cs-tool .cse-grade b{font-size:60px;line-height:1;font-weight:800}
.cs-tool .cse-grade span{font-size:13px;color:var(--t-m);margin-top:4px}
.cs-tool .cse-grade.g-a,.cs-tool .cse-grade.g-b{border-color:var(--t-ok)}
.cs-tool .cse-grade.g-c{border-color:var(--t-gap)}
.cs-tool .cse-grade.g-d,.cs-tool .cse-grade.g-f{border-color:var(--t-bad)}
.cs-tool .cse-q{font-size:15px;color:var(--t-t2);margin:0}
.cs-tool .cse-ans{font-size:30px;font-weight:800;line-height:1.15;margin:4px 0 8px}
.cs-tool .cse-ans.high{color:var(--t-bad)}.cs-tool .cse-ans.medium{color:var(--t-gap)}.cs-tool .cse-ans.low{color:var(--t-ok)}
.cs-tool .cse-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cs-tool .cse-chip{font-size:12px;font-weight:600;border:1px solid var(--t-chip);border-radius:999px;padding:4px 10px;color:var(--t-t2)}
.cs-tool .cse-cols{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start;margin-top:24px}
.cs-tool .cse-item{background:var(--t-panel);border:1px solid var(--t-line);border-left-width:4px;border-radius:12px;padding:16px 18px;margin-bottom:10px}
.cs-tool .cse-item.good{border-left-color:var(--t-ok)}.cs-tool .cse-item.warn{border-left-color:var(--t-gap)}.cs-tool .cse-item.bad{border-left-color:var(--t-bad)}.cs-tool .cse-item.info{border-left-color:var(--t-chip)}
.cs-tool .cse-item h3{display:flex;justify-content:space-between;gap:12px;font-size:16px;margin:0 0 6px;color:var(--t-t);font-weight:700}
.cs-tool .cse-tag{flex:none;font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;border:1px solid var(--t-chip);color:var(--t-t2);align-self:flex-start}
.cs-tool .cse-item.good .cse-tag{color:var(--t-ok);border-color:rgba(52,211,153,.45)}
.cs-tool .cse-item.warn .cse-tag{color:var(--t-gap);border-color:rgba(251,191,36,.45)}
.cs-tool .cse-item.bad .cse-tag{color:var(--t-bad);border-color:rgba(248,113,113,.45)}
.cs-tool .cse-item p{font-size:14px;color:var(--t-t2);margin:0 0 6px}
.cs-tool .cse-item .cse-why{color:var(--t-m)}
.cs-tool .cse-item .cse-fix{color:var(--t-t2)}
.cs-tool .cse-item .cse-fix b{color:var(--t-t)}
.cs-tool .cse-rec{font:12px "JetBrains Mono",ui-monospace,monospace;color:var(--t-m);background:#0b0f14;border:1px solid var(--t-line);border-radius:8px;padding:8px 10px;margin:8px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.cs-tool .cse-look{width:100%;border-collapse:collapse;font-size:13px;margin-top:8px}
.cs-tool .cse-look th{text-align:left;color:var(--t-m);font-weight:600;padding:6px 8px 6px 0;border-bottom:1px solid var(--t-line)}
.cs-tool .cse-look td{padding:7px 8px 7px 0;border-bottom:1px solid var(--t-line);color:var(--t-t2);vertical-align:top}
.cs-tool .cse-look td:first-child{color:var(--t-t);font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}
.cs-tool .cse-yes{color:var(--t-bad);font-weight:700}
.cs-tool .cse-side{position:sticky;top:96px;background:var(--t-panel);border:1px solid var(--t-line);border-radius:12px;padding:22px}
.cs-tool .cse-bars .cse-bar{display:grid;grid-template-columns:1fr 54px;gap:8px;align-items:center;margin:9px 0;font-size:13px;color:var(--t-t2)}
.cs-tool .cse-track{grid-column:1/-1;height:7px;background:#1a2230;border-radius:99px;overflow:hidden;margin-top:-4px}
.cs-tool .cse-track i{display:block;height:100%}
.cs-tool .cse-bar span:last-child{text-align:right;color:var(--t-t)}
@media (max-width:991px){.cs-tool .cst-grid,.cs-tool .cse-cols{grid-template-columns:1fr}.cs-tool .cst-panel,.cs-tool .cse-side{position:static}.cs-tool .cst-panel{order:-1}.cs-tool .cst-result{grid-template-columns:1fr}}
@media (max-width:479px){.cs-tool-wrap{padding:0 16px}.cs-tool .cst-sub{margin-left:0}.cs-tool .cst-result{padding:18px}.cs-tool .cst-range b{font-size:28px}.cs-tool .cse-search{flex-direction:column}.cs-tool .cse-search input{flex:none;width:100%}.cs-tool .cse-search button{width:100%}.cs-tool .cse-summary{grid-template-columns:1fr;justify-items:start;padding:18px}.cs-tool .cse-grade{width:110px;height:110px}.cs-tool .cse-grade b{font-size:44px}.cs-tool .cse-ans{font-size:24px}}