*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#24364a;font:14px Arial,sans-serif}header{height:auto;min-height:56px;background:white;border-bottom:1px solid #d9e1eb;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}header strong{font-size:18px}header b{color:#1768d4}header>span{color:#65788b;margin-right:auto}.primary{background:#1768d4!important;color:#fff!important;border-color:#1768d4!important}button,select,input{font:inherit}button,select{border:1px solid #ccd8e5;border-radius:7px;background:white;padding:8px 10px;cursor:pointer;color:inherit}button:hover{background:#edf4ff}.datepick{display:flex;align-items:center;gap:6px}.status{padding:7px 14px;background:#eaf2fc;color:#315372}.status.error{background:#fff0e7;color:#9b4e00}.status.saved{background:#e6f6ed;color:#226742}.editbar{display:flex;align-items:center;gap:10px;background:#fff3db;padding:8px 14px;border-bottom:1px solid #f2d39a}.editbar span{margin-right:auto;color:#8a5200}.hidden{display:none!important}.layout{height:calc(100vh - 98px);display:flex;min-height:420px}body:has(.editbar:not(.hidden)) .layout{height:calc(100vh - 142px)}aside{width:250px;flex:0 0 250px;background:white;border-right:1px solid #d9e1eb;padding:12px;overflow:auto}h2{font-size:15px;margin:4px 0 8px}h2 small{color:#65788b;font-weight:normal}aside p{font-size:12px;color:#65788b;line-height:1.4}.chair-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.chair{border:1px solid #abc4dc;border-radius:5px;background:#f1f7ff;padding:8px 3px;text-align:center;cursor:grab;font-weight:bold}.chair.placed{opacity:.5}.chair:hover{outline:2px solid #1768d4}.metrics{border-top:1px solid #ddd;margin-top:14px;padding-top:10px}.metrics label{display:block;margin:7px 0;font-size:12px}.metrics input{max-width:100%}.metrics button{width:100%}#metricTotals{font-size:12px;line-height:1.6;margin-top:8px}.work{flex:1;min-width:0;display:flex;flex-direction:column}.tools{display:flex;align-items:center;gap:5px;padding:8px;background:white;border-bottom:1px solid #d9e1eb;flex-wrap:wrap}.tools button{font-size:12px;padding:7px}.tools .active{background:#1768d4;color:white}.tools label{font-size:12px;display:flex;align-items:center;gap:4px}.tools input[type=color]{width:38px;height:30px;padding:1px}#mapScroller{position:relative;overflow:auto;flex:1;background:#e8eef5}#map{display:block;background:white;touch-action:none;transform-origin:top left}#selectedInfo{min-height:28px;padding:6px 10px;background:white;border-top:1px solid #d9e1eb;font-size:12px;color:#55697d}.login{max-width:390px;margin:10vh auto;background:#fff;padding:28px;border:1px solid #d9e1eb;border-radius:12px;box-shadow:0 12px 35px #142d4415}.login h1{font-size:22px}.login b{color:#1768d4}.login label{display:block;margin:15px 0}.login input{display:block;width:100%;padding:9px;margin-top:5px;border:1px solid #ccd8e5;border-radius:6px}.login button{width:100%}dialog{width:min(560px,90vw);border:1px solid #d9e1eb;border-radius:12px;padding:20px}dialog::backdrop{background:#10203088}#historyRows div{padding:7px;border-bottom:1px solid #eee;font-size:13px}@media(max-width:760px){aside{width:180px;flex-basis:180px}.layout{height:calc(100vh - 130px)}header>span{flex-basis:100%}}