.ssl-checker-workspace{--ssl-blue:#176fc2;--ssl-blue-dark:#0d5b9f;--ssl-green:#15845a;--ssl-red:#c43b4a;--ssl-amber:#b36b16;--ssl-text:#10233a;--ssl-muted:#60728a;--ssl-border:#d4e0eb;--ssl-panel:#fff;border:1px solid var(--ssl-border);border-radius:8px;background:var(--ssl-panel);box-shadow:0 16px 38px rgba(26,50,78,.09);overflow:hidden}.ssl-checker-workspace [hidden]{display:none!important}
.ssl-checker-grid{display:grid;grid-template-columns:minmax(300px,35%) minmax(0,65%);min-height:650px}.ssl-checker-input-panel,.ssl-checker-output-panel{min-width:0;background:var(--ssl-panel)}.ssl-checker-input-panel{border-right:1px solid var(--ssl-border)}
.ssl-checker-panel-head{height:54px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ssl-border);background:#f8fbfd;color:var(--ssl-text);font-size:.8rem;font-weight:850}.ssl-checker-panel-head>span{display:flex;align-items:center;gap:8px}.ssl-checker-panel-head>span i{color:var(--ssl-green);font-size:.96rem}.ssl-checker-panel-head button{min-height:32px;padding:0 10px;border:1px solid #afc3d5;border-radius:4px;background:#fff;color:#245f91;display:inline-flex;align-items:center;gap:5px;font:800 .64rem/1 Inter,system-ui;cursor:pointer}.ssl-checker-panel-head button:hover{border-color:#5f92bf;background:#edf6ff}.ssl-checker-head-actions{display:flex;gap:5px}
.ssl-checker-input-body{padding:18px;display:flex;flex-direction:column;gap:11px}.ssl-checker-input-body>label,.ssl-checker-port-field label{color:var(--ssl-text);font-size:.72rem;font-weight:850}.ssl-checker-host-control{min-height:49px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #a9bdcf;border-radius:5px;background:#fff;padding:0 7px 0 12px;transition:border-color .18s,box-shadow .18s}.ssl-checker-host-control:focus-within{border-color:#397fc6;box-shadow:0 0 0 3px rgba(18,111,212,.13)}.ssl-checker-host-control[data-tone="success"]{border-color:#27a36f}.ssl-checker-host-control[data-tone="error"]{border-color:#d23a49;box-shadow:0 0 0 3px rgba(210,58,73,.1)}.ssl-checker-host-control>i{color:#71859b}.ssl-checker-host-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ssl-text);font:650 .78rem/1.4 Inter,system-ui}.ssl-checker-host-control button{width:34px;height:34px;border:1px solid #cfdeea;border-radius:4px;background:#eef4fa;color:#355d85;cursor:pointer}.ssl-checker-host-control button:hover{border-color:#88acd0;background:#dfeefa;color:#0e60ae}.ssl-checker-help{margin:-3px 0 0;color:var(--ssl-muted);font-size:.63rem;line-height:1.45}.ssl-checker-host-control[data-tone="success"]+.ssl-checker-help{color:#15764f}.ssl-checker-host-control[data-tone="error"]+.ssl-checker-help{color:#bd2838}
.ssl-checker-port-field{display:flex;flex-direction:column;gap:6px}.ssl-checker-port-field select{height:42px;width:100%;border:1px solid #aebfd1;border-radius:5px;background:#fff;color:var(--ssl-text);padding:0 11px;font:700 .7rem/1 Inter,system-ui;outline:0}.ssl-checker-port-field select:focus{border-color:#397fc6;box-shadow:0 0 0 3px rgba(18,111,212,.12)}
.ssl-checker-primary{min-height:45px;border:1px solid #0b5c41;border-radius:4px;background:linear-gradient(135deg,#17875c,#0e6947);box-shadow:0 9px 22px rgba(17,112,75,.2);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font:850 .78rem/1 Inter,system-ui;cursor:pointer}.ssl-checker-primary:hover{filter:brightness(.97);transform:translateY(-1px)}.ssl-checker-primary:disabled{opacity:.68;cursor:wait;transform:none}
.ssl-checker-examples{padding-top:2px}.ssl-checker-examples>strong{display:block;margin-bottom:7px;color:var(--ssl-text);font-size:.65rem}.ssl-checker-examples>div{display:flex;gap:5px;flex-wrap:wrap}.ssl-checker-examples button{min-height:29px;padding:0 8px;border:1px solid #c6d6e4;border-radius:3px;background:#f8fafc;color:#496681;font:750 .57rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.ssl-checker-examples button:hover{border-color:#6e9bc5;background:#edf6ff;color:#075da9}
.ssl-checker-note{margin-top:3px;padding:10px;border-left:3px solid #25805c;background:#edf8f3;display:flex;align-items:flex-start;gap:9px;color:#23684e}.ssl-checker-note>i{margin-top:2px}.ssl-checker-note p{margin:0}.ssl-checker-note strong,.ssl-checker-note span{display:block}.ssl-checker-note strong{font-size:.67rem}.ssl-checker-note span{margin-top:2px;font-size:.6rem;line-height:1.45}.ssl-checker-safety{padding-top:9px;border-top:1px solid #dfe7ee;display:flex;align-items:flex-start;gap:7px;color:var(--ssl-muted);font-size:.58rem;line-height:1.5}.ssl-checker-safety i{margin-top:2px;color:#3d789f}
.ssl-checker-empty{min-height:595px;padding:30px;display:grid;place-items:center;align-content:center;text-align:center;background:linear-gradient(145deg,#fbfdff,#edf4fa)}.ssl-checker-empty-icon{width:72px;height:68px;border:1px solid #a9d7c4;border-radius:10px;background:#edf9f4;color:var(--ssl-green);display:grid;place-items:center;font-size:1.75rem;box-shadow:0 9px 22px rgba(31,82,126,.08)}.ssl-checker-empty h2{margin:14px 0 5px;color:var(--ssl-text);font-size:1rem}.ssl-checker-empty p{max-width:460px;margin:0;color:var(--ssl-muted);font-size:.71rem;line-height:1.55}.ssl-checker-empty>div:last-child{margin-top:14px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.ssl-checker-empty>div:last-child span{padding:5px 8px;border:1px solid #c8d8e5;border-radius:3px;background:#fff;color:#536d87;font-size:.57rem;font-weight:800}
.ssl-checker-hero{min-height:138px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;background:linear-gradient(135deg,#0d2b22,#123d30);color:#fff}.ssl-checker-hero[data-tone="warning"]{background:linear-gradient(135deg,#34280f,#594218)}.ssl-checker-hero[data-tone="danger"]{background:linear-gradient(135deg,#35151b,#5b202b)}.ssl-checker-identity{min-width:0}.ssl-checker-verdict{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #2f8e68;border-radius:3px;background:#123f2f;color:#a8e5c8;font-size:.55rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.ssl-checker-hero[data-tone="warning"] .ssl-checker-verdict{border-color:#9a742c;background:#493714;color:#f1d486}.ssl-checker-hero[data-tone="danger"] .ssl-checker-verdict{border-color:#aa4859;background:#4a1b25;color:#f3b4bf}.ssl-checker-identity h2{margin:9px 0 3px;font-size:1.14rem;line-height:1.3;word-break:break-word}.ssl-checker-identity p{margin:0;color:#b0c9bf;font-size:.64rem;line-height:1.45}.ssl-checker-hero[data-tone="warning"] .ssl-checker-identity p,.ssl-checker-hero[data-tone="danger"] .ssl-checker-identity p{color:#dccda9}.ssl-checker-countdown{min-width:142px;padding:11px 13px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(255,255,255,.05);text-align:right}.ssl-checker-countdown strong,.ssl-checker-countdown span,.ssl-checker-countdown small{display:block}.ssl-checker-countdown strong{font-size:2.05rem;line-height:1;color:#86dfb9}.ssl-checker-hero[data-tone="warning"] .ssl-checker-countdown strong{color:#f1cf72}.ssl-checker-hero[data-tone="danger"] .ssl-checker-countdown strong{color:#f4a8b5}.ssl-checker-countdown span{margin-top:3px;color:#d8e9e2;font-size:.61rem;font-weight:800;text-transform:uppercase}.ssl-checker-countdown small{margin-top:7px;color:#9fbcb0;font-size:.56rem;line-height:1.35}
.ssl-checker-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ssl-border);background:#f8fafc}.ssl-checker-stats>div{min-width:0;padding:10px 11px}.ssl-checker-stats>div+div{border-left:1px solid var(--ssl-border)}.ssl-checker-stats span,.ssl-checker-stats strong,.ssl-checker-stats small{display:block}.ssl-checker-stats span{color:var(--ssl-muted);font-size:.53rem;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.ssl-checker-stats strong{margin-top:4px;color:var(--ssl-text);font-size:.69rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssl-checker-stats small{margin-top:3px;color:#77899d;font-size:.52rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssl-checker-stats [data-tone="success"] small{color:#15734d}.ssl-checker-stats [data-tone="warning"] small{color:#a85f13}.ssl-checker-stats [data-tone="danger"] small{color:#b92f40}
.ssl-checker-tabs{padding:8px 10px;display:flex;gap:5px;border-bottom:1px solid var(--ssl-border);background:#eef3f8}.ssl-checker-tabs button{min-height:33px;padding:0 10px;border:1px solid #c1d1df;border-radius:4px;background:#fff;color:#4a6580;font:800 .62rem/1 Inter,system-ui;cursor:pointer}.ssl-checker-tabs button:hover{border-color:#7ba3c7;background:#f6fbff}.ssl-checker-tabs button.is-active{border-color:#24805e;background:#eaf8f2;color:#126445;box-shadow:0 0 0 2px rgba(36,128,94,.08)}
.ssl-checker-tab-panel{padding:12px;background:#fff}.ssl-checker-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ssl-checker-checks article{min-height:78px;padding:10px;border:1px solid #cfdce7;border-radius:5px;background:#f8fafc;display:flex;align-items:flex-start;gap:9px}.ssl-checker-checks article>i{margin-top:1px;font-size:.9rem;color:#607b94}.ssl-checker-checks article[data-tone="success"]{border-color:#a8d5bf;background:#f0faf5}.ssl-checker-checks article[data-tone="success"]>i{color:#168158}.ssl-checker-checks article[data-tone="warning"]{border-color:#e1c17c;background:#fff8e8}.ssl-checker-checks article[data-tone="warning"]>i{color:#b76a16}.ssl-checker-checks article[data-tone="danger"]{border-color:#e0a5ad;background:#fff0f2}.ssl-checker-checks article[data-tone="danger"]>i{color:#c23848}.ssl-checker-checks strong,.ssl-checker-checks span{display:block}.ssl-checker-checks strong{color:var(--ssl-text);font-size:.64rem}.ssl-checker-checks span{margin-top:3px;color:var(--ssl-muted);font-size:.56rem;line-height:1.45}
.ssl-checker-validity{margin-top:10px;border:1px solid var(--ssl-border);border-radius:5px;overflow:hidden}.ssl-checker-validity>header,.ssl-checker-san-section>header{min-height:39px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ssl-border);background:#f8fafc}.ssl-checker-validity>header strong,.ssl-checker-san-section>header strong{color:var(--ssl-text);font-size:.66rem}.ssl-checker-validity>header span,.ssl-checker-san-section>header span{color:var(--ssl-muted);font-size:.54rem}.ssl-checker-validity-track{height:8px;margin:17px 16px 11px;position:relative;border-radius:2px;background:#dfe7ee}.ssl-checker-validity-track span{display:block;height:100%;max-width:100%;border-radius:2px;background:linear-gradient(90deg,#22865f,#1b73b5)}.ssl-checker-validity-track i{position:absolute;top:50%;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#155f9c;box-shadow:0 0 0 1px #155f9c;transform:translate(-50%,-50%)}.ssl-checker-validity-dates{padding:0 12px 13px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ssl-checker-validity-dates>div:nth-child(2){text-align:center}.ssl-checker-validity-dates>div:last-child{text-align:right}.ssl-checker-validity-dates span,.ssl-checker-validity-dates strong{display:block}.ssl-checker-validity-dates span{color:var(--ssl-muted);font-size:.52rem;text-transform:uppercase;font-weight:800}.ssl-checker-validity-dates strong{margin-top:3px;color:var(--ssl-text);font-size:.56rem;line-height:1.35}.ssl-checker-scope{margin:10px 2px 0;color:var(--ssl-muted);font-size:.56rem;line-height:1.5}
.ssl-checker-detail-list{margin:0;border:1px solid var(--ssl-border);border-radius:5px;overflow:hidden}.ssl-checker-detail-list>div{min-height:42px;padding:8px 11px;display:grid;grid-template-columns:155px minmax(0,1fr);align-items:center;gap:12px;background:#fff}.ssl-checker-detail-list>div+div{border-top:1px solid #e2e9ef}.ssl-checker-detail-list>div:nth-child(odd){background:#fafcfe}.ssl-checker-detail-list dt{color:var(--ssl-muted);font-size:.56rem;font-weight:800;text-transform:uppercase}.ssl-checker-detail-list dd{min-width:0;margin:0;color:var(--ssl-text);font-size:.64rem;font-weight:700;word-break:break-word}.ssl-checker-fingerprint-row dd{line-height:1.55}.ssl-checker-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem!important;overflow-wrap:anywhere}
.ssl-checker-connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ssl-checker-connection-grid article{min-height:73px;padding:10px;border:1px solid var(--ssl-border);border-radius:5px;background:#f8fafc;display:flex;align-items:center;gap:10px}.ssl-checker-connection-grid article>i{width:34px;height:34px;flex:0 0 34px;border:1px solid #bcd2e4;border-radius:5px;background:#fff;color:#3e739e;display:grid;place-items:center}.ssl-checker-connection-grid span,.ssl-checker-connection-grid strong,.ssl-checker-connection-grid small{display:block}.ssl-checker-connection-grid span{color:var(--ssl-muted);font-size:.53rem;text-transform:uppercase;font-weight:800}.ssl-checker-connection-grid strong{margin-top:2px;color:var(--ssl-text);font-size:.64rem;line-height:1.3;word-break:break-word}.ssl-checker-connection-grid small{margin-top:2px;color:#788b9e;font-size:.52rem}.ssl-checker-san-section{margin-top:9px;border:1px solid var(--ssl-border);border-radius:5px;overflow:hidden}.ssl-checker-san-list{padding:10px;display:flex;gap:6px;flex-wrap:wrap;max-height:170px;overflow:auto}.ssl-checker-san-list span{max-width:100%;padding:6px 8px;border:1px solid #b7d2e7;border-radius:3px;background:#f0f7fd;color:#315f86;display:inline-flex;align-items:center;gap:5px;font:750 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.ssl-checker-san-list b{min-width:0;overflow-wrap:anywhere}.ssl-checker-san-list em{padding:10px;color:var(--ssl-muted);font-size:.6rem;font-style:normal}
.ssl-checker-footer{min-height:55px;padding:9px 12px;border-top:1px solid var(--ssl-border);background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:12px}.ssl-checker-footer .tool-station-status{color:var(--ssl-muted);font-size:.66rem;font-weight:750}.ssl-checker-footer .tool-station-status[data-tone="success"]{color:#107149}.ssl-checker-footer .tool-station-status[data-tone="warning"]{color:#a85f13}.ssl-checker-footer .tool-station-status[data-tone="danger"],.ssl-checker-footer .tool-station-status[data-tone="error"]{color:#bf2638}.ssl-checker-reset{min-height:34px;padding:0 11px;border:1px solid #afc3d5;border-radius:4px;background:#fff;color:#3f607f;display:inline-flex;align-items:center;gap:6px;font:800 .64rem/1 Inter,system-ui;cursor:pointer}.ssl-checker-reset:hover{border-color:#6f99bf;background:#eef5fb}
body.theme-dark .ssl-checker-workspace{--ssl-text:#e8f0fa;--ssl-muted:#91a5bc;--ssl-border:#293d55;--ssl-panel:#101a28;background:#101a28;box-shadow:none}body.theme-dark .ssl-checker-panel-head,body.theme-dark .ssl-checker-footer,body.theme-dark .ssl-checker-tabs{background:#132033;border-color:#30465e;color:#d4e5f5}body.theme-dark .ssl-checker-panel-head button,body.theme-dark .ssl-checker-host-control,body.theme-dark .ssl-checker-host-control button,body.theme-dark .ssl-checker-port-field select,body.theme-dark .ssl-checker-examples button,body.theme-dark .ssl-checker-tabs button,body.theme-dark .ssl-checker-reset{background:#17273a;border-color:#344c67;color:#cde2f7}body.theme-dark .ssl-checker-host-control input{color:#eff6ff}body.theme-dark .ssl-checker-note{background:#132d25;color:#aadcc5}body.theme-dark .ssl-checker-safety{border-color:#2c4057}body.theme-dark .ssl-checker-empty{background:linear-gradient(145deg,#111c2b,#152235)}body.theme-dark .ssl-checker-empty-icon{border-color:#30634f;background:#143126}body.theme-dark .ssl-checker-empty>div:last-child span{border-color:#34485f;background:#182536;color:#adbed1}body.theme-dark .ssl-checker-stats,body.theme-dark .ssl-checker-validity>header,body.theme-dark .ssl-checker-san-section>header{background:#121f30}body.theme-dark .ssl-checker-tab-panel{background:#101a28}body.theme-dark .ssl-checker-checks article,body.theme-dark .ssl-checker-connection-grid article{border-color:#2c4259;background:#142234}body.theme-dark .ssl-checker-checks article[data-tone="success"]{border-color:#285f4b;background:#102b23}body.theme-dark .ssl-checker-checks article[data-tone="warning"]{border-color:#6c5728;background:#2d2617}body.theme-dark .ssl-checker-checks article[data-tone="danger"]{border-color:#6d3440;background:#2d1820}body.theme-dark .ssl-checker-validity,body.theme-dark .ssl-checker-san-section,body.theme-dark .ssl-checker-detail-list{border-color:#2c4057}body.theme-dark .ssl-checker-detail-list>div,body.theme-dark .ssl-checker-detail-list>div:nth-child(odd){background:#142234;border-color:#2c4057}body.theme-dark .ssl-checker-connection-grid article>i{border-color:#39526c;background:#172a3e}body.theme-dark .ssl-checker-san-list span{border-color:#365570;background:#172e45;color:#add4f3}
@media(max-width:1020px){.ssl-checker-stats{grid-template-columns:1fr 1fr}.ssl-checker-stats>div:nth-child(3){border-left:0;border-top:1px solid var(--ssl-border)}.ssl-checker-stats>div:nth-child(4){border-top:1px solid var(--ssl-border)}}
@media(max-width:860px){.ssl-checker-grid{grid-template-columns:1fr}.ssl-checker-input-panel{border-right:0;border-bottom:1px solid var(--ssl-border)}.ssl-checker-empty{min-height:370px}.ssl-checker-footer{align-items:flex-start;flex-direction:column}.ssl-checker-reset{width:100%;justify-content:center}}
@media(max-width:560px){.ssl-checker-input-body{padding:13px}.ssl-checker-panel-head{padding:0 12px}.ssl-checker-head-actions button{font-size:0;padding:0 9px}.ssl-checker-head-actions button i{font-size:.67rem}.ssl-checker-hero{grid-template-columns:1fr;padding:14px}.ssl-checker-countdown{text-align:left;min-width:0}.ssl-checker-countdown strong{font-size:1.7rem}.ssl-checker-tabs{display:grid;grid-template-columns:1fr 1fr}.ssl-checker-tabs button:last-child{grid-column:1/-1}.ssl-checker-checks,.ssl-checker-connection-grid{grid-template-columns:1fr}.ssl-checker-validity-dates{grid-template-columns:1fr}.ssl-checker-validity-dates>div,.ssl-checker-validity-dates>div:nth-child(2),.ssl-checker-validity-dates>div:last-child{text-align:left}.ssl-checker-detail-list>div{grid-template-columns:1fr;gap:4px}.ssl-checker-footer{padding:9px}}