/* Buyora HQ — Materio-style CRM theme. Loaded after styles.css. Fonts: Poppins (headings/numbers) + Inter (body). */
:root{--p:#666cff;--p2:#8b90ff;--ink:#444050;--muted:#8a8d9e;--line:#eceef5;--canvas:#f5f5f9;--shadow:0 2px 10px rgba(76,78,100,.14);--green:#666cff;--red:#ff4c51;--body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--head:'Poppins','Inter',system-ui,sans-serif}
body{font-family:var(--body);background:var(--canvas);color:#5a5870;font-size:14px;-webkit-font-smoothing:antialiased}
body.locked .app-shell{display:none}
h1,h2,h3,h4,.brand,.metric-card h2,.score b,.summary-mini b,.report-title,.kanban-title,.eyebrow{font-family:var(--head)!important;color:var(--ink);letter-spacing:-.2px}
h1{font-size:26px;font-weight:600}h3{font-size:16px;font-weight:600}
.eyebrow{color:var(--p)!important;font-size:11px;font-weight:600;letter-spacing:.9px}
.ico{width:20px;height:20px;flex:none}.nav-ico{display:inline-grid;place-items:center}
/* Sidebar */
.sidebar{background:#fff;border-right:0;box-shadow:0 0 0 1px #eceef5,4px 0 24px rgba(76,78,100,.04)}
.brand{font-size:22px;font-weight:700}.brand-mark{width:34px;height:34px;border-radius:10px;background:none;display:block}
.workspace-switcher{background:#f5f5ff;border:0;border-radius:10px}
.nav-label{font-family:var(--body)!important;color:#a5a7b8!important;font-size:11px;font-weight:600;letter-spacing:1px;margin-top:18px}
.nav-item{display:flex;align-items:center;gap:12px;color:#5f5d73;font-weight:500;border-radius:8px;padding:10px 14px}
.nav-item:hover{background:#f3f3ff;color:var(--p);transform:none}
.nav-item.active{background:linear-gradient(72deg,#666cff 22%,rgba(102,108,255,.72) 76%);color:#fff;box-shadow:0 4px 12px rgba(102,108,255,.4)}
.nav-item em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;background:#eceeff;color:var(--p);border-radius:20px;padding:1px 8px}.nav-item.active em{background:rgba(255,255,255,.25);color:#fff}
/* Top bar + hero */
.topbar{background:rgba(255,255,255,.88);border:0;border-radius:12px;box-shadow:var(--shadow)}
.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:0;background:#f3f3fa;color:#5f5d73;cursor:pointer;position:relative}.icon-btn:hover{background:#eceeff;color:var(--p)}
.hero-row{position:relative;overflow:hidden;background:linear-gradient(118deg,#666cff 0%,#8b90ff 55%,#a5a9ff 100%);border-radius:16px;padding:30px 34px;min-height:176px;color:#fff;box-shadow:0 8px 22px rgba(102,108,255,.35);background-image:url(assets/hero.svg),linear-gradient(118deg,#666cff 0%,#8b90ff 55%,#a5a9ff 100%);background-repeat:no-repeat;background-position:right 24px bottom 0,0 0;background-size:auto 92%,cover}
.hero-row h1,.hero-row .hero-copy{color:#fff}.hero-row .eyebrow{color:rgba(255,255,255,.85)!important}.hero-row .hero-copy{max-width:460px;opacity:.92}
.hero-row .secondary-btn{background:#fff;color:var(--p);border:0}.hero-row .primary-btn{background:#ffd166;color:#3d3a4f;box-shadow:none}
@media(max-width:880px){.hero-row{background-size:auto 55%,cover;background-position:right -20px bottom 0,0 0}}
/* Cards */
.panel,.metric-card,.score,.summary-mini,.person-card,.update-card,.link-card,.task-card,.quick-action,.kanban-col,.report-paper,.task-progress{background:#fff;border:0!important;border-radius:12px;box-shadow:var(--shadow)}
.metric-card{padding:22px;transition:transform .2s,box-shadow .2s}.metric-card:hover,.person-card:hover,.quick-action:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(76,78,100,.2)}
.metric-card h2{font-size:26px;font-weight:600}.metric-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:18px}
.mint-card .metric-icon{background:#eceeff;color:var(--p)}.amber-card .metric-icon{background:#fff1e3;color:#ff9f43}.lilac-card .metric-icon{background:#e5f6ff;color:#16b1ff}.peach-card .metric-icon{background:#ffe9ea;color:#ff4c51}
.mint-card,.amber-card,.lilac-card,.peach-card{background:#fff!important}
.trend{border-radius:6px;font-size:10px;font-weight:700;padding:3px 8px}.trend.positive{background:#e9f9db;color:#56ca00}
/* Buttons / inputs */
.primary-btn,.secondary-btn{border-radius:8px;font-weight:600;font-family:var(--body);padding:10px 18px;border:0;cursor:pointer;transition:box-shadow .2s,background .2s}
.primary-btn{background:var(--p);color:#fff;box-shadow:0 4px 10px rgba(102,108,255,.4)}.primary-btn:hover{background:#5a60f0;box-shadow:0 6px 14px rgba(102,108,255,.5)}
.secondary-btn{background:#eceeff;color:var(--p)}.secondary-btn.danger{background:#ffe9ea;color:#ff4c51;margin-right:auto}
.text-button{color:var(--p);font-weight:600}
input,select,textarea{border:1px solid #dcdde8;border-radius:8px;padding:10px 12px;font-family:var(--body)}input:focus,select:focus,textarea:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(102,108,255,.15);outline:0}input[type=color]{padding:3px;height:42px}
/* Tables, badges */
th{font-family:var(--head);color:#6f6d84;font-size:11px;letter-spacing:.8px;background:#f8f8fc}td,th{border-bottom:1px solid var(--line);padding:14px 16px}tr:hover td{background:#fafaff}
.badge{border-radius:6px;font-weight:600;font-size:11px;padding:4px 9px}.badge.green{background:#e9f9db;color:#56ca00}.badge.amber{background:#fff1e3;color:#ff9f43}.badge.red{background:#ffe9ea;color:#ff4c51}.badge.purple{background:#eceeff;color:var(--p)}
.product-thumb{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#eceeff;color:var(--p);overflow:hidden;flex:none}.product-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:600;font-family:var(--head);border:0;box-shadow:0 0 0 2px #fff}
.sync-status{background:#eceeff;color:var(--p);border-radius:20px;font-weight:600}.sync-status.online{background:#e9f9db;color:#56ca00}.sync-status.offline{background:#ffe9ea;color:#ff4c51}
.row-menu{border:0;background:#f3f3fa;border-radius:8px;color:var(--p);font-weight:600;cursor:pointer;padding:6px 10px}
.person-card{position:relative;padding:24px}.person-card .row-menu{position:absolute;top:14px;right:14px}
.modal{border-radius:16px}
/* Shared login */
.login-gate{position:fixed;inset:0;z-index:100;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-gate[hidden]{display:none}
.login-art{background:linear-gradient(135deg,#666cff,#8b90ff 60%,#a5a9ff);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px}.login-art img{width:min(460px,90%)}.login-art h2{font:600 28px var(--head);color:#fff;margin:26px 0 8px}.login-art p{max-width:380px;opacity:.9;margin:0}
.login-card{align-self:center;justify-self:center;width:min(400px,86%);display:flex;flex-direction:column;gap:14px}.login-card h1{margin:0}.login-card p{margin:0;color:var(--muted)}.login-logo{width:46px}.login-card label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--ink);font-size:13px}.login-error{color:#ff4c51!important;min-height:18px;font-size:13px}
@media(max-width:800px){.login-gate{grid-template-columns:1fr}.login-art{display:none}}