.cb-page{max-width:1080px;padding:24px;margin:auto;color:var(--text,#e5edf4)}
.cb-page>header,.cb-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cb-page>header>div{flex:1;min-width:0}.cb-back{flex:0 0 auto}
.cb-page h1,.cb-dialog h2{margin:0 0 8px}.cb-page p,.cb-help,.cb-person small{color:var(--muted,#9fb4c4)}
.cb-page button,.cb-dialog button,.cb-page input,.cb-page select,.cb-dialog input,.cb-dialog select,.cb-dialog textarea{font:inherit;color:inherit;background:var(--surface-2,#243440);border:1px solid var(--line,#3c4c58);border-radius:8px;padding:10px 12px;max-width:100%;box-sizing:border-box}
.cb-page button,.cb-dialog button{cursor:pointer}.cb-page button:disabled,.cb-dialog button:disabled{opacity:.5;cursor:default}
.cb-filters{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.cb-filters input{flex:1;min-width:180px}.cb-filters select{min-width:180px}
.cb-contact-list{display:grid;gap:10px}.cb-contact{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line,#3c4c58);border-radius:12px;background:var(--surface,#182630)}
.cb-contact>div:not(.cb-row-actions){flex:1;min-width:0}.cb-contact strong,.cb-contact span:not(.cb-avatar),.cb-contact small{display:block;overflow-wrap:anywhere}.cb-contact small,.cb-contact span:not(.cb-avatar){color:var(--muted,#9fb4c4);margin-top:4px}.cb-row-actions{display:flex;gap:8px;flex-wrap:wrap}
.cb-avatar{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--accent,#3390ec);color:white}
.cb-dialog{color:var(--text,#e5edf4);background:var(--surface,#182630);border:1px solid var(--line,#3c4c58);border-radius:16px;padding:0;width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 16px 70px #0007}
.cb-dialog::backdrop{background:#0008}.cb-dialog>header,.cb-dialog>footer{padding:18px 22px;background:var(--surface,#182630);position:sticky;z-index:1}.cb-dialog>header{top:0;border-bottom:1px solid var(--line,#3c4c58)}.cb-dialog>footer{bottom:0;border-top:1px solid var(--line,#3c4c58);display:flex;justify-content:flex-end;gap:12px}.cb-dialog-body{padding:18px 22px}
.cb-form{display:grid;gap:16px}.cb-form label,.cb-name-grid label{display:grid;gap:7px}.cb-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cb-form input,.cb-form textarea,.cb-form select{width:100%}.cb-check{display:flex!important;align-items:center;gap:8px}.cb-check input{width:18px;height:18px;flex:0 0 auto}.cb-delete{margin-top:20px;padding-top:14px;border-top:1px solid var(--line,#3c4c58)}.cb-delete summary,.cb-dialog .danger,[data-cb-error]{color:var(--danger,#f0818b)}.cb-delete button{margin-top:12px}.cb-person{border:1px solid var(--line,#3c4c58);padding:16px;border-radius:10px;margin:12px 0}.cb-person strong,.cb-person small{display:block}.cb-person p{white-space:pre-wrap;overflow-wrap:anywhere}.cb-person a,.cb-person div>span{display:block;margin:8px 0;color:var(--accent,#65bafb)}.cb-person button{margin-top:10px}
@media(max-width:600px){.cb-contact{flex-wrap:wrap}.cb-row-actions{width:100%;justify-content:flex-end}.cb-name-grid{grid-template-columns:1fr}.cb-page{padding:16px}.cb-dialog-body{padding:16px}.cb-page>header{align-items:flex-start}}