:root{--nav:#111b25;--accent:#0f766e;--bg:#eef2f5;--line:#d4dce3}[hidden]{display:none!important}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:#17212b;font:14px/1.45 system-ui,sans-serif}header{min-height:72px;background:var(--nav);padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:white}header>a{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:18px}header img{width:42px;height:42px}header>a strong{color:#78d5cb}header small{display:block;letter-spacing:.15em;font-size:11px}#session{display:flex;align-items:end;gap:10px;min-width:0}#session a{color:white}.home-link{border:1px solid #607482;border-radius:5px;text-decoration:none;min-height:40px;display:inline-flex;align-items:center;padding:8px}main{width:100%;max-width:1400px;margin:auto;padding:24px}.panel{min-width:0;background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.login{max-width:460px;margin:7vh auto}.login>img{max-width:280px}.login form,dialog form,#previewForm{display:grid;gap:13px}label{display:grid;gap:5px;font-weight:650;min-width:0}button,input,select,textarea{font:inherit;min-height:40px;min-width:0;max-width:100%;border:1px solid #aeb9c4;border-radius:5px;padding:8px;background:white}.primary{background:var(--accent);color:white;font-weight:700}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.title>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.title h1{margin:0}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.operations{margin-top:16px}.record{min-width:0;padding:10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;justify-content:space-between;overflow-wrap:anywhere}.record .link{min-height:32px;padding:4px 8px}.state-healthy{border-left:4px solid #17823b}.state-degraded{border-left:4px solid #b36b00}.state-unavailable{border-left:4px solid #b42318}dialog{border:0;border-radius:9px;width:min(520px,calc(100% - 30px))}.wide{width:min(1000px,calc(100% - 30px))}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.table-wrap{overflow:auto}pre{white-space:pre-wrap;max-height:300px;overflow:auto}#banner:not(:empty){padding:10px 24px;background:#dff6ea;font-weight:650}@media(max-width:800px){.grid{grid-template-columns:minmax(0,1fr)}.title{align-items:flex-start;flex-direction:column}header{padding:12px;align-items:flex-start;gap:10px;flex-wrap:wrap}#session{width:100%;flex-wrap:wrap}.record{align-items:flex-start;flex-wrap:wrap}main{padding:14px}}
.operations-history{display:flex;align-items:end;gap:3px;min-height:7rem;padding:.75rem;border:1px solid var(--border,#cbd5e1);border-radius:.5rem;overflow-x:auto}.history-bar{flex:1 0 8px;min-width:8px;height:calc(.35rem + var(--volume)*.055rem);max-height:6rem;background:var(--accent,#2563eb);border-radius:3px 3px 0 0}.history-bar:focus,.history-bar:hover{outline:2px solid var(--focus,#0f172a)}
.record-opens{cursor:pointer}.record-opens:hover{background:#f3fbf9}.record-opens:focus-visible{outline:3px solid #0f766e;outline-offset:2px}
.mapping-row{display:grid;grid-template-columns:minmax(8rem,.75fr) minmax(12rem,1.5fr) minmax(12rem,1fr);align-items:center;gap:.7rem;padding:.65rem;border-bottom:1px solid var(--line)}.mapping-row strong{overflow-wrap:anywhere}.mapping-row span{font-weight:400;color:#4b5563;overflow-wrap:anywhere}@media(max-width:700px){.mapping-row{grid-template-columns:1fr}.mapping-row select{width:100%}}
.wizard-intro{max-width:70ch;color:#415466}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;list-style:none;margin:0 0 1rem;padding:0}.wizard-steps li{display:flex;align-items:center;gap:.45rem;padding:.55rem;border-radius:.4rem;background:#edf7f5;color:#294b49}.wizard-steps strong{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--accent);color:#fff}.wizard-section{padding:1rem 0;border-top:1px solid var(--line)}.wizard-section h3{margin:.1rem 0 .8rem}.wizard-section>small{display:block;margin-top:.35rem;color:#52606d}.advanced-options{margin-top:.8rem;padding:.7rem;border:1px solid var(--line);border-radius:.4rem;background:#f8fafb}.advanced-options summary{cursor:pointer;font-weight:650}.advanced-options[open] summary{margin-bottom:.75rem}.technical-control[hidden]{display:none!important}.mapping-summary{padding:.8rem;border:1px solid #9eabb7;border-radius:.4rem;background:#f5f7f9}.mapping-summary.mapping-ready{border-color:#5c9b76;background:#e9f7ef}.mapping-summary.mapping-attention{border-color:#bd7d2f;background:#fff5e6}.mapping-summary.mapping-working{border-color:#4f84a6;background:#eaf5fb}.mapping-grid{margin-top:.75rem;border:1px solid var(--line);border-radius:.4rem;overflow:auto}.mapping-row{grid-template-columns:minmax(9rem,.8fr) minmax(12rem,1.5fr) minmax(13rem,1.1fr) minmax(7rem,.55fr)}.mapping-heading{position:sticky;top:0;background:#263746;color:#fff;z-index:1}.mapping-heading strong{color:#fff}.mapping-high{border-left:4px solid #2f855a}.mapping-review{border-left:4px solid #b7791f}.mapping-unresolved{border-left:4px solid #c53030;background:#fff8f8}.mapping-reviewed{border-left:4px solid #3182ce}.mapping-select{font-weight:400}.mapping-confidence{font-size:.85rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:700px){.wizard-steps{grid-template-columns:1fr 1fr}.mapping-heading{display:none}.mapping-row{grid-template-columns:1fr}.mapping-row select{width:100%}}