.ssl-query-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.ssl-query-card form>label{display:block;margin-bottom:8px;font-weight:700}.ssl-query-row{display:flex;align-items:end;gap:10px}.ssl-query-row>input{min-width:0;flex:1}.ssl-port{width:120px}.ssl-port span{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.ssl-port input{width:100%}.ssl-query-card form>p{margin:10px 0 0;color:var(--muted);font-size:13px}.ssl-error{display:flex;gap:10px;margin-top:16px;padding:14px 16px;border:1px solid #e7b8b8;border-radius:12px;background:#fff5f5;color:#8b3030}.ssl-error strong{display:block}.ssl-results{margin-top:22px}.ssl-summary{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-bottom:18px}.ssl-summary>div,.ssl-panel{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.ssl-summary small,.ssl-row span{display:block;color:var(--muted);font-size:12px}.ssl-summary strong{display:block;margin-top:5px;font-size:18px}.ssl-summary strong.ssl-status{font-size:20px}.ssl-summary span{display:block;margin-top:5px;color:var(--muted);font-size:13px}.is-valid{color:#397344}.is-warning{color:#a26018}.ssl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ssl-panel h3{margin:0 0 14px}.ssl-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--line)}.ssl-row code{max-width:68%;overflow-wrap:anywhere;text-align:right}.ssl-san-list{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0;list-style:none}.ssl-san-list li{padding:6px 9px;border-radius:7px;background:var(--paper);font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.ssl-coverage{margin:16px 0 0;font-size:13px}.ssl-warning{padding:10px;border-radius:8px;background:#fff7e6;color:#8b5a18;font-size:13px}.ssl-panel>p{color:var(--muted)}@media (max-width:720px){.ssl-query-row{align-items:stretch;flex-wrap:wrap}.ssl-query-row>input{flex-basis:100%}.ssl-port{width:calc(50% - 5px)}.ssl-query-row .button{flex:1}.ssl-summary,.ssl-grid{grid-template-columns:1fr}.ssl-row{display:block}.ssl-row code{display:block;max-width:none;margin-top:4px;text-align:left}}
.ssl-query-card{box-shadow:0 14px 40px #27231b0b}.ssl-query-row input{min-height:46px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;outline:0;background:var(--paper);color:var(--ink);font:13px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ssl-query-row input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #c9f34a66}.ssl-query-row input[type=number]{width:100%}