/* Orbbi Property Monitor — shadcn/ui-inspired WordPress design system.
   Visual layer only: no markup, routing, PHP behavior or JS contracts changed. */
:root{
 --background:#fff;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--popover:#fff;--popover-foreground:#09090b;
 --primary:#18181b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;
 --muted-bg:#f4f4f5;--muted-foreground:#71717a;--accent-bg:#f4f4f5;--accent-foreground:#18181b;
 --destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e4e4e7;--input:#e4e4e7;--ring:#a1a1aa;
 --radius-shadcn:.5rem;
 --bg:var(--background);--surface:var(--card);--surface-solid:var(--card);--surface-2:var(--secondary);
 --line:var(--border);--line-strong:#d4d4d8;--text:var(--foreground);--muted:var(--muted-foreground);--soft:#a1a1aa;
 --accent:var(--primary);--accent-hover:#27272a;--accent-2:var(--secondary);--on-accent:var(--primary-foreground);
 --shadow:0 1px 2px 0 rgb(0 0 0/.05);--shadow-sm:0 1px 2px 0 rgb(0 0 0/.04);--radius:var(--radius-shadcn);
 --font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:var(--font-sans);--mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
[data-theme="dark"]{
 --background:#09090b;--foreground:#fafafa;--card:#09090b;--card-foreground:#fafafa;--popover:#09090b;--popover-foreground:#fafafa;
 --primary:#fafafa;--primary-foreground:#18181b;--secondary:#27272a;--secondary-foreground:#fafafa;--muted-bg:#27272a;--muted-foreground:#a1a1aa;
 --accent-bg:#27272a;--accent-foreground:#fafafa;--destructive:#7f1d1d;--destructive-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#52525b;
 --bg:var(--background);--surface:var(--card);--surface-solid:var(--card);--surface-2:var(--secondary);--line:var(--border);--line-strong:#3f3f46;
 --text:var(--foreground);--muted:var(--muted-foreground);--soft:#71717a;--accent:var(--primary);--accent-hover:#e4e4e7;--accent-2:var(--secondary);--on-accent:var(--primary-foreground);
 --shadow:0 1px 2px rgb(0 0 0/.35);--shadow-sm:0 1px 2px rgb(0 0 0/.3);
}
html,body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);letter-spacing:-.01em}
body{font-size:14px} :focus-visible{outline:2px solid var(--ring);outline-offset:2px} ::selection{background:var(--primary);color:var(--primary-foreground)}
/* shell */
.topbar{height:64px;grid-template-columns:var(--side) minmax(260px,620px) 1fr;padding:0 20px;gap:24px;background:color-mix(in srgb,var(--background) 94%,transparent);border-color:var(--border);backdrop-filter:blur(12px)}
.brand-mark{width:34px;height:34px;border-radius:7px;background:var(--primary);color:var(--primary-foreground);box-shadow:none}.brand-copy strong{font-size:13px;letter-spacing:.08em}.brand-copy small{margin-top:4px;font-size:9px;color:var(--muted-foreground)}
.global-search{height:36px;border-radius:6px;border-color:var(--input);background:var(--background);box-shadow:0 1px 2px rgb(0 0 0/.03);padding:0 10px}.global-search:focus-within{border-color:var(--ring);background:var(--background);box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 25%,transparent)}
kbd{border-color:var(--border);border-radius:5px;background:var(--muted-bg);color:var(--muted-foreground);box-shadow:none}
.icon-btn{width:36px;height:36px;border-radius:6px;border-color:var(--border);background:var(--background);box-shadow:0 1px 2px rgb(0 0 0/.03)}.icon-btn:hover{background:var(--accent-bg);color:var(--accent-foreground);border-color:var(--border)}
.sidebar{background:var(--background)!important;border-color:var(--border)!important}.side-label{color:var(--muted-foreground);font-size:10px;font-weight:600;letter-spacing:.08em}.side-item{border-radius:6px!important;font-weight:500!important;color:var(--muted-foreground)!important;transition:background .15s,color .15s!important}.side-item:hover{background:var(--accent-bg)!important;color:var(--accent-foreground)!important}.side-item.active,.side-item-primary{background:var(--secondary)!important;color:var(--secondary-foreground)!important;box-shadow:none!important}.side-count{background:var(--muted-bg)!important;color:var(--muted-foreground)!important;border:0!important}
.user-button{border-radius:7px!important}.user-popover,.notification-popover{border-radius:8px!important;border-color:var(--border)!important;background:var(--popover)!important;color:var(--popover-foreground)!important;box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)!important}.user-popover a{border-radius:5px!important}.user-popover a:hover{background:var(--accent-bg)!important}
/* panels */
.feed-panel,.insights-panel{background:var(--background)!important;border-color:var(--border)!important}.panel-title h1,.settings-head h1,.dashboard-head h2{font-family:var(--font-sans)!important;font-weight:650!important;letter-spacing:-.025em!important}.eyebrow{color:var(--muted-foreground)!important;font-weight:600!important;letter-spacing:.08em!important}
.feed-controls,.feed-toolbar{border-color:var(--border)!important;background:var(--background)!important}.chip{min-height:30px!important;padding:6px 11px!important;border:1px solid var(--border)!important;border-radius:6px!important;background:var(--background)!important;color:var(--muted-foreground)!important;font-size:12px!important;font-weight:500!important;box-shadow:none!important}.chip:hover{background:var(--accent-bg)!important;color:var(--accent-foreground)!important}.chip.active{background:var(--primary)!important;color:var(--primary-foreground)!important;border-color:var(--primary)!important}
.feed-toolbar select,.orbbi-page input:not([type=checkbox]),.orbbi-page textarea,.orbbi-page select,.account-card input:not([type=checkbox]),.account-card textarea,.account-card select,.rule-modal input:not([type=checkbox]),.rule-modal textarea,.rule-modal select,.kanban select,.crm-item select{border:1px solid var(--input)!important;border-radius:6px!important;background:var(--background)!important;color:var(--foreground)!important;box-shadow:0 1px 2px rgb(0 0 0/.03)!important}.orbbi-page input:not([type=checkbox]),.orbbi-page select,.account-card input:not([type=checkbox]),.account-card select{min-height:36px!important;padding:7px 10px!important}.orbbi-page textarea,.account-card textarea{padding:9px 10px!important}.orbbi-page input:focus,.orbbi-page textarea:focus,.orbbi-page select:focus,.account-card input:focus,.account-card textarea:focus,.account-card select:focus{outline:0!important;border-color:var(--ring)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 25%,transparent)!important}
/* list/card primitives */
.property-row{border-color:var(--border)!important;background:var(--background)!important;transition:background .15s!important}.property-row:hover,.property-row.active{background:var(--accent-bg)!important;box-shadow:none!important}.property-row.active{border-left-color:var(--foreground)!important}.property-thumb{border-radius:6px!important}.score-pill{border-radius:999px!important;background:var(--secondary)!important;color:var(--secondary-foreground)!important;border:1px solid var(--border)!important}.metric{border-radius:5px!important;background:var(--muted-bg)!important;color:var(--muted-foreground)!important}.feed-new-pill button{border-radius:6px!important;border-color:var(--border)!important;background:var(--background)!important;box-shadow:var(--shadow)!important}
.stat-card,.dash-card,.detail-card,.account-card,.crm-group,.kanban-column,.kanban-card,.rule-box,.insight-note{border:1px solid var(--border)!important;border-radius:8px!important;background:var(--card)!important;color:var(--card-foreground)!important;box-shadow:var(--shadow)!important}.stat-card:hover,.dash-card:hover{transform:none!important;border-color:var(--line-strong)!important}.stat-card.accent{background:var(--primary)!important;color:var(--primary-foreground)!important;border-color:var(--primary)!important}.stat-card.accent span,.stat-card.accent small{color:color-mix(in srgb,var(--primary-foreground) 70%,transparent)!important}
.detail-hero{border-radius:8px!important}.hero-score,.score-ring{border-color:var(--border)!important}.signal-bar{background:var(--muted-bg)!important;border-radius:999px!important}.signal-bar i{background:var(--foreground)!important;border-radius:999px!important}.history-item i,.crm-stage-dot{box-shadow:none!important}
/* buttons: shadcn Button variants */
.btn{min-height:36px!important;padding:8px 14px!important;border:1px solid transparent!important;border-radius:6px!important;font-size:13px!important;font-weight:500!important;line-height:1!important;box-shadow:0 1px 2px rgb(0 0 0/.04)!important;transition:background .15s,color .15s,border-color .15s!important}.btn:hover{transform:none!important}.btn.primary,.btn.saved{background:var(--primary)!important;color:var(--primary-foreground)!important;border-color:var(--primary)!important}.btn.primary:hover,.btn.saved:hover{opacity:.9}.btn.outline{background:var(--background)!important;color:var(--foreground)!important;border-color:var(--border)!important}.btn.outline:hover,.btn.ghost:hover{background:var(--accent-bg)!important;color:var(--accent-foreground)!important}.btn.ghost{background:transparent!important;color:var(--foreground)!important;box-shadow:none!important}.btn.danger,.icon-btn.danger{color:var(--destructive)!important}.btn.small,.btn-sm{min-height:30px!important;padding:6px 10px!important;border-radius:6px!important}
/* dialogs / tables / settings */
.rule-modal,.note-modal{border-radius:8px!important;border-color:var(--border)!important;background:var(--popover)!important;color:var(--popover-foreground)!important;box-shadow:0 25px 50px -12px rgb(0 0 0/.25)!important}.rule-modal::backdrop,.note-modal::backdrop{background:rgb(0 0 0/.5)!important;backdrop-filter:blur(2px)!important}.account-card{padding:20px!important}.account-card h2,.rule-modal h2{font-weight:600!important;letter-spacing:-.02em!important}.orbbi-table th{color:var(--muted-foreground)!important;font-weight:500!important}.orbbi-table th,.orbbi-table td{border-color:var(--border)!important}.orbbi-table tbody tr:hover{background:var(--muted-bg)!important}.account-preference{border-color:var(--border)!important}.profile-photo{border-radius:999px!important;border:1px solid var(--border)!important}.profile-avatar-edit{border-color:var(--border)!important;background:var(--background)!important}
.crm-group{overflow:hidden!important}.crm-group summary{background:var(--background)!important}.crm-count{background:var(--muted-bg)!important;border-radius:999px!important}.crm-item{border-color:var(--border)!important}.kanban-column{background:var(--muted-bg)!important}.kanban-card{background:var(--background)!important}
/* auth */
.auth-shell{background:var(--background)!important}.auth-card{border:1px solid var(--border)!important;border-radius:10px!important;background:var(--card)!important;box-shadow:0 1px 3px rgb(0 0 0/.08),0 1px 2px rgb(0 0 0/.06)!important}.auth-card h1{font-family:var(--font-sans)!important;font-weight:650!important;letter-spacing:-.03em!important}.auth-card input[type=email],.auth-card input[type=password]{height:38px!important;border:1px solid var(--input)!important;border-radius:6px!important;background:var(--background)!important;color:var(--foreground)!important;box-shadow:0 1px 2px rgb(0 0 0/.03)!important}.auth-card input:focus{border-color:var(--ring)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--ring) 25%,transparent)!important}.auth-alert{border-radius:6px!important}
.toast{border:1px solid var(--border)!important;border-radius:8px!important;background:var(--popover)!important;color:var(--popover-foreground)!important;box-shadow:0 10px 15px -3px rgb(0 0 0/.1)!important}.page-loader i{background:var(--foreground)!important}
/* remove legacy hard-coded dark surfaces so tokens remain authoritative */
[data-theme=dark] .orbbi-page input,[data-theme=dark] .orbbi-page textarea,[data-theme=dark] .orbbi-page select,[data-theme=dark] .notification-popover,[data-theme=dark] .kanban-column,[data-theme=dark] .kanban-card,[data-theme=dark] .user-popover,[data-theme=dark] .note-modal{background:var(--background)!important;color:var(--foreground)!important;border-color:var(--border)!important}
[data-theme=dark] .kanban-column{background:var(--muted-bg)!important}
@media(max-width:760px){.topbar{height:60px;padding:0 12px}.orbbi-full-view .orbbi-page{inset:60px 0 64px!important}.account-card{padding:16px!important}.notification-popover{top:60px!important}.user-popover{top:58px!important}.chip{border-radius:6px!important}}