:root{--bg:#f3f5f4;--panel:#fff;--ink:#182522;--muted:#77827f;--line:#dce2df;--green:#176b5b;--green-soft:#eaf4f1;--red:#c95b47;font-family:Arial,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:13px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}
.app-header{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.title{display:flex;align-items:center;gap:10px}.logo{width:30px;height:30px;border-radius:5px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:bold}.title div{display:flex;flex-direction:column;gap:2px}.title strong{font-size:14px}.title small{font-size:10px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:8px}.system-picker{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.system-picker select{border:1px solid var(--line);border-radius:4px;background:#fff;padding:7px 24px 7px 8px;font-weight:bold;font-size:11px}.database-state{font-size:11px;color:var(--muted);margin-right:8px}.database-state i{display:inline-block;width:7px;height:7px;background:#40a77d;border-radius:50%;margin-right:6px}.ghost{border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:4px;font-size:11px}.ghost:hover{background:#f6f8f7}
.app-shell{height:calc(100vh - 58px);display:grid;grid-template-columns:minmax(500px,1fr) 430px;gap:10px;padding:10px}.map-panel,.control-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;min-height:0}.map-panel{position:relative;display:flex;flex-direction:column;overflow:hidden}.panel-title,.block-title{display:flex;align-items:center;justify-content:space-between}.panel-title{height:54px;padding:0 16px;border-bottom:1px solid var(--line)}.panel-title h1,.block-title h2{font-size:13px;margin:0}.panel-title div:first-child{display:flex;align-items:baseline;gap:10px}.panel-title div:first-child span{font-size:10px;color:var(--muted)}.map-legend{display:flex;gap:15px;color:var(--muted);font-size:10px}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{display:inline-block}.legend-control{width:7px;height:7px;border-radius:50%;background:#263d38}.legend-station{width:8px;height:8px;border-radius:50%;border:2px solid var(--red)}.legend-ray{width:17px;border-top:1px dashed var(--red)}
#scheme{width:100%;height:100%;min-height:0;background:#fafbfa}.map-raster{opacity:.78}.map-grid{opacity:.25}.ray{stroke:var(--red);stroke-width:1.3;stroke-dasharray:6 5}.angle-arc{fill:none;stroke:#267b6a;stroke-width:2}.angle-label{font:bold 9px Arial;fill:#176b5b}.control-dot{fill:#263d38;stroke:#fff;stroke-width:3}.station-ring{fill:#fff;stroke:var(--red);stroke-width:2}.station-dot{fill:var(--red)}.point-label,.station-label{font:bold 11px Arial;fill:#22342f;paint-order:stroke;stroke:#fff;stroke-width:3px}.coord-label{font:9px Arial;fill:#42534e;paint-order:stroke;stroke:#fff;stroke-width:3px}.station-label{fill:var(--red)}.map-coordinates{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:4px;padding:7px 10px;font:11px monospace;color:#52615d}
.control-panel{overflow:auto}.control-block{padding:16px;border-bottom:1px solid var(--line)}.block-title{margin-bottom:13px}.block-title>div{display:flex;align-items:center;gap:8px}.block-title>div>span{font-size:9px;color:#fff;background:var(--green);border-radius:3px;padding:4px 5px}.block-title small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.observation{display:grid;grid-template-columns:26px 1fr;gap:6px 8px;padding:9px 0;border-top:1px solid #edf0ee}.point-letter{width:24px;height:24px;border-radius:50%;background:#edf3f1;display:grid;place-items:center;font-size:10px;font-weight:bold;color:var(--green);grid-row:1/3}.observation select{width:100%;border:1px solid var(--line);border-radius:3px;background:#fff;padding:6px 8px;font-weight:600;font-size:11px}.point-coords{color:var(--muted);font:9px monospace}.dms{grid-column:2;display:flex;gap:5px}.dms label{display:flex;align-items:center;border:1px solid var(--line);border-radius:3px;background:#fff;padding:3px 5px;flex:1}.dms input{min-width:0;width:100%;border:0;outline:0;text-align:right;font-size:11px}.dms span{font-size:10px;color:var(--muted)}.primary{width:100%;border:0;border-radius:4px;background:var(--green);color:#fff;padding:10px;margin-top:10px;font-size:11px;font-weight:bold}.primary:hover{background:#125749}.validation{min-height:12px;margin:5px 0;color:var(--red);font-size:10px}
.quality{font-size:9px;color:var(--muted);border-radius:10px;background:#f0f2f1;padding:4px 8px}.quality.good{color:#176b5b;background:#e6f4ef}.quality.warn{color:#8a641b;background:#faf1d8}.quality.bad{color:#a54332;background:#f8e6e2}.summary-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.summary-cards>div{border:1px solid var(--line);border-radius:4px;padding:8px}.summary-cards>div:last-child{grid-column:1/-1}.summary-cards small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;margin-bottom:4px}.summary-cards strong{font-size:12px}.solutions{margin-top:10px}.solution-row{display:grid;grid-template-columns:18px 1fr auto;gap:5px 8px;border-top:1px solid #edf0ee;padding:8px 0;font-size:9px}.solution-row b{color:var(--green)}.solution-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.solution-row strong{font:9px monospace}.solution-row em{grid-column:3;color:var(--muted);font-style:normal}.empty{color:var(--muted);text-align:center;padding:18px 0;font-size:10px}.note{margin:10px 0 0;color:var(--muted);font-size:9px}
.catalog-drawer{position:fixed;z-index:5;top:0;right:0;width:min(680px,95vw);height:100vh;background:#fff;border-left:1px solid var(--line);box-shadow:-10px 0 30px rgba(20,40,35,.1);transform:translateX(102%);transition:transform .2s;display:flex;flex-direction:column}.catalog-drawer.open{transform:translateX(0)}.scrim{display:none;position:fixed;inset:0;z-index:4;background:rgba(20,32,29,.25)}.scrim.open{display:block}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:14px;margin:0 0 3px}.drawer-head span{font-size:10px;color:var(--muted)}.close,.delete{border:0;background:none;color:var(--muted);font-size:20px}.catalog-tools{display:flex;gap:8px;padding:10px 18px;border-bottom:1px solid var(--line)}.catalog-tools input{flex:1;border:1px solid var(--line);border-radius:4px;padding:8px 10px;font-size:11px}.catalog-table{overflow:auto;flex:1}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{text-align:left;border-bottom:1px solid #edf0ee;padding:7px 8px;font-size:10px}th{position:sticky;top:0;background:#f7f9f8;color:var(--muted);font-size:8px;text-transform:uppercase}td input{width:100%;border:1px solid transparent;background:transparent;padding:4px;font-size:10px}td input:focus{border-color:var(--line);outline:0}
@media(max-width:900px){.app-header{padding:0 10px}.database-state,.title small,.system-picker{display:none}.app-shell{height:auto;display:flex;flex-direction:column;padding:6px}.map-panel{height:52vh}.control-panel{overflow:visible}.map-legend{display:none}.header-actions{gap:4px}.ghost{padding:7px}.summary-cards{grid-template-columns:1fr 1fr}}
.map-raster{opacity:.88;image-rendering:auto}.map-grid{opacity:.14}
.mode-switch{display:flex!important;gap:0!important;border:1px solid var(--line);border-radius:4px;overflow:hidden}.mode-switch button{border:0;background:#fff;padding:5px 7px;font-size:9px;color:var(--muted)}.mode-switch button.active{background:var(--green);color:#fff}.input-hint{margin:-4px 0 8px;color:var(--muted);font-size:9px;line-height:1.45}.input-hint b{color:var(--ink)}.dms{align-items:center}.dms>b{width:20px;color:var(--green);font-size:9px}
.input-guide{display:flex;align-items:center;justify-content:space-between;gap:8px}.input-guide select{border:1px solid var(--line);border-radius:4px;background:#fff;padding:4px;font-size:9px}
.height-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5px 0 2px;padding:7px 8px;border:1px solid var(--line);border-radius:4px;background:#f8faf9;font-size:9px}.height-tools label{display:flex;align-items:center;gap:5px}.height-tools label:last-child{color:var(--muted)}.height-tools label.disabled{opacity:.45}.height-tools input[type=number]{width:62px;border:1px solid var(--line);border-radius:3px;padding:4px;text-align:right;background:#fff}.vertical-hint{margin:6px 0 2px;color:var(--muted);font-size:9px}.vertical-inputs{grid-column:2;display:grid;grid-template-columns:20px 34px repeat(3,1fr) 92px;gap:5px;align-items:center}.vertical-inputs>b{color:var(--green);font-size:9px}.vertical-inputs select,.vertical-inputs label{min-width:0;border:1px solid var(--line);border-radius:3px;background:#fff;padding:3px 4px;font-size:10px}.vertical-inputs label{display:flex;align-items:center}.vertical-inputs input{min-width:0;width:100%;border:0;outline:0;text-align:right;font-size:10px}.vertical-inputs span{color:var(--muted);font-size:9px}.vertical-inputs .target-height{gap:3px}.vertical-inputs .target-height span{white-space:nowrap}
.result-actions{display:flex!important;gap:7px!important}.report-button{padding:5px 8px}.report-button:disabled{opacity:.45;cursor:default}
.control-panel{font-size:14px}.control-block{padding:18px}.panel-title h1,.block-title h2{font-size:15px}.panel-title div:first-child span,.map-legend,.title small,.system-picker,.database-state{font-size:12px}.observation{gap:8px 10px;padding:12px 0}.point-letter{width:28px;height:28px;font-size:12px}.observation select,.dms input,.primary,.ghost,.system-picker select{font-size:13px}.point-coords{font-size:11px}.dms>b,.input-hint,.input-guide select,.height-tools,.vertical-hint,.vertical-inputs>b,.vertical-inputs span,.quality,.note{font-size:11px}.dms span,.vertical-inputs input,.vertical-inputs select,.vertical-inputs label{font-size:12px}.summary-cards small{font-size:10px}.summary-cards strong{font-size:14px}.solution-row{grid-template-columns:20px 1fr auto;font-size:11px;padding:10px 0}.solution-row strong{font-size:11px}.diagnostics{margin-top:12px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.diagnostic-title,.diagnostic-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center;padding:8px 9px}.diagnostic-title{background:#f4f7f6;font-size:11px}.diagnostic-title strong{grid-column:1/3}.diagnostic-title span{color:var(--muted)}.diagnostic-row{border-top:1px solid #edf0ee;font-size:11px}.diagnostic-row span{color:var(--muted)}.diagnostic-row strong{font:11px monospace}.diagnostic-row.suspect{background:#fff5f2}.diagnostic-row.suspect b,.diagnostic-row.suspect strong{color:#a54332}.diagnostics p{margin:0;padding:8px 9px;border-top:1px solid #edf0ee;color:var(--muted);font-size:10px}.point-label,.station-label{font-size:13px}.coord-label,.angle-label{font-size:11px}