#planning-monitor{background:#eef2f7;min-height:100vh}.monitor-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.monitor-brand{display:flex;align-items:center;gap:18px}.monitor-logo{width:210px;max-height:66px;object-fit:contain;object-position:left center}.monitor-title{margin:0;font-size:28px}.monitor-clock{font-size:22px;font-weight:800;text-align:right}.monitor-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.monitor-stat{background:#fff;border:1px solid #d7deea;border-radius:12px;padding:12px 16px}.monitor-stat strong{display:block;font-size:25px}.monitor-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.monitor-project{background:#fff;border:1px solid #d7deea;border-left:6px solid #17345d;border-radius:12px;padding:12px}.monitor-project.bad{border-left-color:#dc2626}.monitor-project.ok{border-left-color:#16a34a}.monitor-project h4{margin:0 0 5px}.monitor-project .people{margin-top:8px;font-weight:700}.monitor-board{background:#fff;border:1px solid #d7deea;border-radius:12px;padding:10px;overflow:auto}.monitor-board .planning-cell{pointer-events:none}.monitor-board .planning-board{font-size:11px}.monitor-board .plan-block{min-height:36px}.monitor-alert{margin-top:8px;padding:7px;border-radius:7px;background:#fff3cd;color:#7a5200;font-weight:700}.monitor-ok{background:#dcfce7;color:#166534}.monitor-section-title{margin:18px 0 8px}.monitor-mode header,.monitor-mode nav,.monitor-mode #topbar,.monitor-fullscreen header,.monitor-fullscreen nav,.monitor-fullscreen #topbar{display:none!important}.monitor-mode main.wrap,.monitor-fullscreen main.wrap{max-width:none!important;width:100%!important;padding:10px!important;margin:0!important}.monitor-mode #planning-monitor{display:block!important;min-height:100vh;padding:4px}.monitor-fullscreen #planning-monitor{position:fixed;inset:0;z-index:9998;overflow:auto;padding:14px}.monitor-fullscreen,.monitor-fullscreen body{width:100%;height:100%;overflow:hidden!important}.monitor-fullscreen-fallback{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;overflow:hidden!important;background:#eef2f7}.monitor-fullscreen-fallback #planning-monitor{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch;z-index:99999!important;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}.monitor-fullscreen-fallback main.wrap{padding:0!important;margin:0!important;max-width:none!important;width:100vw!important;height:100dvh!important}.monitor-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}.monitor-exit{background:#edf1f6;color:#162844}@media(max-width:900px){.monitor-stats{grid-template-columns:repeat(2,1fr)}.monitor-brand{align-items:flex-start}.monitor-logo{width:145px}.monitor-mode main.wrap{padding:6px!important}.monitor-head{align-items:flex-start}}
.planning-board .plan-block{border-radius:9px;box-shadow:0 1px 3px rgba(15,23,42,.16);border:1px solid rgba(15,23,42,.12);transition:transform .12s ease,box-shadow .12s ease,outline .12s ease;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.planning-board .plan-block.tile-selected{outline:3px solid #f59e0b;outline-offset:2px;box-shadow:0 4px 12px rgba(15,23,42,.22)}
.planning-board .planning-cell.move-target{outline:2px dashed #f59e0b;outline-offset:-3px;background:#fff7ed!important}
.planning-board .van-tile{cursor:grab}
.planning-board .van-tile:active{cursor:grabbing}
.planning-move-help{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px;padding:8px 10px;border:1px solid #dbe3ee;border-radius:9px;background:#f8fafc;font-size:12px}
.planning-move-help strong{color:#162844}
.monitor-open-separate{background:#fff;color:#162844;border:1px solid #cbd5e1}
.monitor-mode #planning-monitor{padding-top:8px}
.monitor-resource-tile{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #d7deea;border-radius:10px;padding:8px 10px;font-weight:800;box-shadow:0 2px 7px rgba(22,40,68,.08);min-height:42px}
.monitor-resource-tile.tech{border-left:6px solid #2563eb}
.monitor-resource-tile.van{border-left:6px solid #f59e0b}
.monitor-resource-tile .resource-icon{font-size:20px}
.monitor-edit-help{margin:8px 0 12px;padding:10px 14px;border-radius:10px;background:#e8f1ff;border:1px solid #b9d2fa;color:#17345d;font-weight:700}
.monitor-board .plan-block{cursor:grab;box-shadow:0 2px 6px rgba(0,0,0,.12);border-radius:8px}
.monitor-board .plan-block:active{cursor:grabbing}
.monitor-board td.tech-col{min-width:210px}
@media (pointer:coarse){.planning-board .plan-block{min-height:34px;padding:6px 7px}.planning-board .planning-cell{min-height:42px}.planning-board td,.planning-board th{min-width:74px}}