:root{--ink:#070b1d;--purple:#6547dd;--line:#dce1ec;--muted:#626c83;background:#f3f5fa;color:#17203a}body{background:#f3f5fa}.sidebar{background:#070b1d;width:240px;padding:28px 20px}.sidebar .ob-logo-copy small{display:none}.sidebar .nav button{border-radius:9px;margin:3px 0;min-height:46px}.sidebar .nav button.active{background:#292348;color:#fff;box-shadow:inset 3px 0 var(--lime)}.sidebar .side-label{color:#b5bdd3}.topbar{background:#ffffffb8;border-bottom:1px solid var(--line)}.content{max-width:1580px;margin:auto;padding:36px}.page-head{margin-bottom:28px}.page-head h1{font-weight:650;letter-spacing:-.04em}.page-head p{max-width:640px;margin-top:10px;color:var(--muted)}.eyebrow{letter-spacing:.14em;color:#6345cb}.panel,.site-card{border:1px solid var(--line);box-shadow:0 3px 16px #0b102805;border-radius:14px}.primary,.button.primary{background:#6547dd;border-color:#6547dd;color:white}.button.primary:hover{background:#5436cb}.button{border-radius:8px}.metrics .metric.featured{background:#eee9fc;color:#0b1028;border-color:#dacffa}.badge.connected{background:#e4f0e6;color:#245d3d}.central-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px}.central-grid .site-card{padding:24px;gap:20px;display:flex;flex-direction:column}.central-grid h2{font-size:1.15rem}.central-grid .card-actions{margin-top:auto;display:flex;flex-wrap:wrap}.site-counts{display:grid;gap:7px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem;color:var(--muted)}.site-counts strong{font-size:1.15rem;color:#0b1028}.site-monogram{background:#ffffff;box-shadow:none}.website-toolbar{gap:18px;margin-bottom:24px}.settings-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.identity-row{display:flex;align-items:center;gap:16px;padding:20px 24px;border-top:1px solid var(--line);flex-wrap:wrap}.identity-row small{display:block}.central-mail-filters{display:grid;grid-template-columns:1fr 160px;gap:14px;padding:20px}.central-thread{border-top:1px solid var(--line)}.central-thread.unread{background:#faf9ff}.central-message{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:20px;color:inherit}.central-message>span{min-width:0}.central-message strong,.central-message small{display:block;overflow-wrap:anywhere}.central-message strong{font-weight:550;margin-top:5px}.central-thread.unread strong{font-weight:750}.central-thread details{padding:0 20px 12px}.central-thread summary{font-size:.85rem;cursor:pointer;color:var(--muted)}.central-message:hover{background:#f0edfc;text-decoration:none}.mailbox-button.active{background:#eee9fc;color:#5436cb}.central-lead-actions{background:#f3f0ff;padding:20px;border-radius:12px}.desk .desk-top{background:#070b1d;color:white}.desk .desk-top a{color:inherit}.desk nav{flex-wrap:wrap}.desk .admin-main{max-width:1500px}.desk .card{border-radius:12px}.desk button:not(.secondary){background:#6547dd}.desk .mail-layout{align-items:start}small{overflow-wrap:anywhere}.site-card{transition:box-shadow .18s,transform .18s}.site-card:hover{box-shadow:0 8px 25px #0b10280d;transform:translateY(-2px)}
@media(min-width:901px){.shell{grid-template-columns:240px minmax(0,1fr)}.workspace{min-width:0}}
@media(max-width:900px){.sidebar{width:auto;padding:16px}.content{padding:22px 16px}.nav{gap:5px}.sidebar .nav button{padding:10px;font-size:.8rem;white-space:nowrap}.central-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr))}.central-message{padding:15px;gap:10px}.central-message>span:last-child{text-align:right;flex:0 0 90px}.settings-actions .button{flex:1 1 44%}.identity-row{padding:18px}.desk-top nav{display:flex;gap:12px;overflow-x:auto}.central-mail-filters{grid-template-columns:1fr}.mail-layout{grid-template-columns:minmax(0,1fr)}.mailbox-list{max-height:280px;overflow:auto}.site-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.site-card{transition:none}}
.desk .mail-sidebar nav a[aria-current=page],.desk .mail-unread{background:#f0edfc}.metrics .metric.featured small{color:#626c83}.start-action svg{color:#6547dd}.notice{background:#f0edfc;border-color:#ded8f4}.notice.error{background:#fff0f0;border-color:#f0caca}

/* Shared Online Beheer identity; green is reserved for connection status. */
.sidebar{background:linear-gradient(165deg,#070b1d,#111333)}.desk .desk-top{background:linear-gradient(165deg,#070b1d,#111333)}.sidebar .nav button.active{color:#fff}.desk button:not(.secondary):hover{background:#5436cb}

.central-grid .site-monogram{width:52px;height:52px;border-radius:12px}.central-grid .site-monogram img{padding:5px}.central-grid .site-order{flex-wrap:wrap}.page-head>.row{flex-wrap:wrap}

.signature-preview{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff}.signature-preview>p{margin:18px 0 12px}.signature-preview-body{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;border-top:1px solid var(--line);padding-top:18px;margin-bottom:12px}.signature-preview-body>img{width:150px;height:auto;object-fit:contain}.signature-preview-body>div{min-width:0;overflow-wrap:anywhere}.signature-preview-body strong{font-size:16px}.signature-preview-body p{margin:4px 0}