.security-heading { display: flex; justify-content: space-between; gap: 24px; }
.scan-status { align-self: end; color: var(--muted); font: 10px var(--mono); }
.security-layout { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 36px; padding-top: 28px; }
.security-form { display: grid; gap: 16px; }
.security-form label { display: grid; gap: 7px; font-size: 11px; font-weight: 600; }
.security-form small { color: var(--muted); font-weight: 400; }
.security-form input, .security-form select, .security-form textarea { width: 100%; border: 1px solid var(--line); background: transparent; padding: 11px; color: var(--ink); font: 11px var(--mono); }
.security-form textarea { min-height: 270px; resize: vertical; }
.scan-output { min-height: 460px; border: 1px solid var(--line); background: #eef1ea; }
.scan-output > .file-head { padding: 13px; border-bottom: 1px solid var(--line); }
.scan-empty { padding: 22px; color: var(--muted); font: 11px/1.6 var(--mono); }
.scan-summary { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
.scan-summary div { padding: 15px; border-right: 1px solid var(--line); }
.scan-summary div:last-child { border-right: 0; }
.scan-summary small { display: block; color: var(--muted); font: 9px var(--mono); }
.scan-summary strong { display: block; margin-top: 4px; font: 700 26px var(--mono); letter-spacing: -.08em; }
.scan-findings { padding: 0 18px; }
.scan-finding { display: grid; grid-template-columns: 76px 1fr; gap: 15px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.scan-finding > span { height: max-content; padding: 5px 6px; background: #d8ded3; color: #536052; font: 9px var(--mono); text-align: center; }
.scan-finding.critical > span { background: var(--red); color: white; }
.scan-finding.high > span { background: #e7bd63; color: #2c2105; }
.scan-finding strong { font-size: 12px; }
.scan-finding p { margin: 5px 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.scan-finding small { color: var(--muted); font: 9px var(--mono); }
.scan-advice { border-left: 2px solid var(--green); padding-left: 8px; color: var(--ink) !important; }
.modal select { width: 100%; border: 1px solid var(--line); background: transparent; padding: 10px; color: var(--ink); font: 11px var(--mono); }
@media (max-width: 1000px) { .security-layout { grid-template-columns: 1fr; } .security-heading { display: block; } .scan-status { margin-top: 15px; } }
.security-posture { display:grid; grid-template-columns:190px minmax(0,1fr) 230px; border-bottom:1px solid var(--line); }.posture-score{padding:27px 0 24px}.posture-score span,.posture-severities span{display:block;color:var(--muted);font:9px var(--mono)}.posture-score strong{display:inline-block;margin-top:7px;font:700 54px var(--mono);letter-spacing:-.11em}.posture-score small{color:var(--muted);font:10px var(--mono)}.posture-chart{padding:24px 26px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.posture-chart svg{width:100%;height:125px;margin-top:10px;overflow:visible}.chart-baseline{stroke:var(--line);stroke-width:1}.chart-line{fill:none;stroke:var(--red);stroke-width:3;vector-effect:non-scaling-stroke}.chart-point{fill:var(--paper);stroke:var(--red);stroke-width:3;vector-effect:non-scaling-stroke}.posture-severities{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0}.posture-severities div{padding-left:17px}.posture-severities strong{display:block;margin-top:7px;font:700 29px var(--mono);letter-spacing:-.09em}.posture-severities .critical strong{color:var(--red)}.posture-severities .high strong{color:var(--amber)}.priority-actions{border-bottom:1px solid var(--line)}.priority-actions>.file-head{padding:15px 0;border-bottom:1px solid var(--line)}.priority-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:17px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}.priority-row:last-child{border:0}.priority-row>span{padding:4px 5px;background:#e7eae4;color:var(--muted);font:9px var(--mono);text-align:center;text-transform:uppercase}.priority-row.critical>span{background:#f5cbc5;color:#8f271b}.priority-row.high>span{background:#f3dfb5;color:#765600}.priority-row strong{display:block;font-size:13px}.priority-row p,.priority-row small{display:block;margin:4px 0;color:var(--muted);font-size:11px;line-height:1.45}.priority-row small{color:var(--ink)}.security-manual{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.security-manual summary{padding:16px 0;cursor:pointer;font:600 11px var(--mono)}.security-manual .security-layout{padding:24px 0}.security-manual .scan-output{min-height:330px}@media(max-width:1000px){.security-posture{grid-template-columns:1fr}.posture-chart{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.priority-row{grid-template-columns:65px 1fr}.priority-row .text-button{grid-column:2;justify-self:start}}
