:root{--accent:#0768ed;--muted:#6b7f9b;--border:#dfe7f3}.planokat-mark{display:inline-block!important;width:48px!important;height:50px!important;min-width:48px;background:#fff url('/brand/planokat-approved.png') -19px -13px / 177.4px 88.7px no-repeat!important;border-radius:9px!important;padding:0!important;vertical-align:middle}.sidebar{background:#071b46;color:#cbd9f2}.sidebar nav button.active{background:#153c75;color:white;border:1px solid #285494}.sidebar nav button{border:1px solid transparent}.sidebar nav button span{color:#7498c9}.sidebar .nav-label{color:#7292bf}.sidebar .sidebar-bottom i{background:#26a4ff}.brand small{color:#81b8ff}.primary{background:linear-gradient(135deg,#087aff,#0753d9);border-color:#0963e4}.badge.green{background:#e5f0ff;color:#125cb8}.appointment{background:#e8f1ff;border-color:#ccdef8}.bubble.user{background:#e6f0ff}.column{background:#eaf0f8}.deal:hover{border-color:#8ab8f5}.brand{letter-spacing:1px}.brand span{font-weight:700}.sidebar .brand small{letter-spacing:4px;font-size:10px}.sidebar .brand{gap:10px;margin-left:0}body:has(#login){background:radial-gradient(ellipse at top,#e3f0ff,#f8faff 65%)!important;color:#071b46!important}#login{border:1px solid #dfe7f3;box-shadow:0 18px 70px #0e326016}#login button{background:#0768ed!important}#login input{border:1px solid #d1deed;border-radius:8px}#login h1{color:#071b46}body:has(#login) .planokat-mark{margin-right:8px}.metric strong{color:#082450}
/* White and blue workspace; secondary controls stay in expandable sections. */
body:has(#navigation){background:#f5f8fd;color:#163052}.sidebar{background:#fff!important;color:#365174!important;border-right:1px solid #dfe7f3;overflow-y:auto}.sidebar .brand{color:#092957}.sidebar nav button,.sidebar nav a{color:#365174!important;font-size:13px;padding:12px;border-radius:9px;display:block;text-align:left;width:100%}.sidebar nav button.active{background:#e7f1ff!important;color:#0864da!important;border-color:#d5e6ff!important;font-weight:600}.sidebar nav button:hover,.sidebar nav a:hover{background:#f1f6ff}.sidebar nav details summary{padding:13px 10px;font-size:12px;cursor:pointer;color:#677e9c}.sidebar nav details button,.sidebar nav details a{padding-left:22px;font-size:12px}.sidebar-bottom{color:#6b7f9b}.sidebar .brand small{color:#257ae5}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.attention-link{display:block;text-align:left;width:100%;margin:8px 0}.chart-row{margin:20px 0;font-size:12px}.chart-bar{height:12px;border-radius:8px;background:linear-gradient(90deg,#087aff,#62b7ff);margin-top:9px;min-width:0}.cal-tools select{width:auto;min-width:150px;margin:0}.toolbar[hidden],.metrics[hidden]{display:none}#mobile-menu{display:none}.sidebar nav{display:grid}.sidebar details a{display:block}
@media(max-width:1100px){.overview-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{position:static;display:block}.sidebar .brand{display:inline-flex;margin:0}.sidebar nav{display:none;overflow:visible;margin-top:12px}.sidebar.menu-open nav{display:grid}.sidebar nav button{white-space:normal}#mobile-menu{display:block;float:right;margin-top:8px;border-color:#cbdff8;color:#1768c9}.sidebar details{display:block}.cal-tools{flex-wrap:wrap}.overview-grid{gap:0}.header-actions{width:100%}.header-actions button{flex:1;padding:10px 8px}.metric strong{font-size:24px}}