/* Mavid look (Oct 2026): matches crm.mavid.solutions. Loaded after app.css; overrides only. */
:root{
  --navy:#101725;--navy-2:#1b2537;--blue:#2f6fed;--blue-dark:#2559c9;--green:#2f6fed;--green-dark:#2559c9;
  --success:#16805b;--white:#fff;--bg:#f6f7fa;--text:#172033;--ink:#172033;--muted:#687386;--border:#e5e9f0;
  --danger:#c2410c;--radius:11px;--shadow:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.04);--side:246px;
}
html,body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg)}
h1,h2,h3{color:var(--ink);letter-spacing:-.01em}
.identity-copy h1,.closing-card h2,.theme-preview-card strong{color:#fff}
a{color:var(--blue)}
input,textarea,select{border-color:#d9dee7;border-radius:8px;font-size:14px}
input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,237,.14)}
label span{font-size:13px;font-weight:600;color:#344054}

/* Buttons */
.btn{min-height:40px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s}
.btn-primary,.btn-blue{background:var(--blue);color:#fff;box-shadow:0 4px 12px rgba(47,111,237,.18)}
.btn-primary:hover,.btn-blue:hover{background:var(--blue-dark);color:#fff}
.btn-dark{background:#eef3fd;color:var(--blue);box-shadow:none}
.btn-dark:hover{background:#e2eafc}
.btn-ghost{background:#fff;color:#344054;border:1px solid var(--border)}
.btn-ghost:hover{background:#f6f7fa}
.btn-danger{background:#fff;color:#b42318;border:1px solid #f3c9c3}
.btn-danger:hover{background:#fef3f2}
.btn-outline{border-radius:8px}

/* Alerts and status */
.alert{border-radius:8px;font-size:14px}
.alert-success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}
.alert-error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}
.status{font-size:12px;padding:3px 9px}
.status-active{background:#ecfdf3;color:#067647}
.status-inactive{background:#fef3f2;color:#b42318}

/* Brand */
.tap-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-width:0}
.tap-mark{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#2f6fed 55%,#1d4ed8);color:#fff;font-weight:800;font-size:17px;box-shadow:0 4px 12px rgba(47,111,237,.28)}
.tap-brand-copy{display:grid;line-height:1.15;min-width:0}
.tap-brand-copy strong{font-size:16px;letter-spacing:.04em}
.tap-brand-copy small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tap-brand-dark{color:#fff}.tap-brand-dark .tap-brand-copy small{color:#8d99ad}

/* App shell (sidebar like the CRM) */
.app-shell{display:block;min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);display:flex;flex-direction:column;padding:0;background:var(--navy);color:#fff;z-index:40}
.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:22px 18px 20px;border-bottom:1px solid #1d2638}
.sidebar-close{display:none;width:34px;height:34px;border:0;border-radius:8px;background:#1b2537;color:#c9d2e0;font-size:22px;line-height:1;cursor:pointer}
.sidebar-label{margin:20px 22px 8px;color:#8d99ad;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sidebar nav{display:grid;gap:3px;padding:0 10px}
.sidebar nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:#c3ccda;font-size:14px;font-weight:500;text-decoration:none}
.sidebar nav a svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav a:hover{background:#172033;color:#fff}
.sidebar nav a.active{background:#1c2a45;color:#fff;box-shadow:inset 0 0 0 1px #24375a}
.sidebar-foot{margin-top:auto;display:grid;gap:10px;padding:16px 18px 20px;border-top:1px solid #1d2638}
.sidebar-user{display:flex;align-items:center;gap:9px;min-width:0;color:#c3ccda;font-size:12.5px}
.sidebar-user>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-avatar{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#24375a;color:#fff;font-weight:700;font-size:12px}
.sidebar-foot form{margin:0}
.sidebar-logout{width:100%;padding:8px 10px;border:1px solid #26314a;border-radius:8px;background:transparent;color:#c3ccda;font:inherit;font-size:13px;cursor:pointer;text-align:left}
.sidebar-logout:hover{background:#172033;color:#fff}
.workspace{margin-left:var(--side);min-width:0}
.topbar{position:sticky;top:0;z-index:20;min-height:64px;padding:10px 28px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(6px)}
.topbar-title{display:flex;align-items:center;gap:12px;min-width:0}
.topbar-title strong{display:block;font-size:15px;color:var(--ink)}
.topbar-title small{display:block;margin-top:1px;color:var(--muted);font-size:12px}
.topbar form{margin:0}
.menu-button{display:none;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}
.menu-button span{display:block;height:2px;border-radius:2px;background:#344054}
.nav-scrim{position:fixed;inset:0;z-index:35;background:rgba(16,23,37,.45)}
.content{max-width:1180px;padding:30px 32px 48px}
.page-heading h1{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin-bottom:5px}
.page-heading .muted{margin:0;font-size:14px}
.eyebrow,.section-kicker{color:var(--blue);font-size:11px;letter-spacing:.1em}
.card{border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
th{font-size:11px;color:#667085;letter-spacing:.06em}
th,td{border-color:var(--border);font-size:14px}
tbody tr:hover td{background:#fafbfd}
td .muted{font-size:13px}
.actions .btn{min-height:34px;padding:6px 14px;background:#eef3fd;color:var(--blue);box-shadow:none}
.actions .btn:hover{background:#e2eafc}
@media(max-width:900px){
  .sidebar{transform:translateX(-100%);transition:transform .2s ease;visibility:hidden}
  body.nav-open .sidebar{visibility:visible;box-shadow:0 20px 60px rgba(0,0,0,.3)}
  body.nav-open .sidebar{transform:none}
  body.nav-open{overflow:hidden}
  .sidebar-close{display:grid;place-items:center}
  .workspace{margin-left:0}
  .menu-button{display:flex}
  .topbar{padding:10px 16px}
  .content{padding:22px 16px 40px}
  .page-heading h1{font-size:24px}
}
@media(max-width:640px){
  .card.table-wrap{padding:6px 14px}
  .table-wrap table thead{display:none}
  .table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}
  .table-wrap tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:13px 0;border-bottom:1px solid var(--border)}
  .table-wrap tbody tr:last-child{border-bottom:0}
  .table-wrap td{padding:0;border:0}
  .table-wrap td:nth-child(1){grid-column:1}
  .table-wrap td:nth-child(2){grid-column:1;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
  .table-wrap td:nth-child(3){grid-column:1;font-size:13px}
  .table-wrap td:nth-child(4){grid-column:2;grid-row:1;text-align:right}
  .table-wrap td.actions{grid-column:2;grid-row:2 / span 2;align-self:center}
  tbody tr:hover td{background:none}
}

/* Account / editor accents: blue instead of green and teal */
.profile-placeholder{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.is-live{border-color:var(--blue);box-shadow:0 0 0 2px rgba(47,111,237,.14)}
.profile-tile.is-live .profile-card-preview{outline-color:var(--blue)}
.live-indicator{color:var(--success);background:#ecfdf3;border-color:#abefc6}
.profile-live-badge,.selected-live-status{color:var(--success)}
.profile-live-badge>span,.selected-live-status>span{color:#17b26a}
.profile-chip.selected,.profile-selector-card.selected{color:var(--ink);border-color:var(--blue);background:#f5f8ff;box-shadow:0 0 0 2px rgba(47,111,237,.12)}
.theme-option:has(.theme-radio:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(47,111,237,.12);background:#f5f8ff}
.profile-card-preview.profile-add-card{border-color:#a9c1f5;color:var(--blue);background:#f7f9ff}
.add-profile-plus{background:var(--blue)}
.profile-url-copy,.text-add-button{color:var(--blue);border-color:#cfdcf7}
.profile-url-copy:hover{background:#f5f8ff}
.compact-actions button,.profile-actions-row a,.profile-actions-row button,.profile-preview-actions .btn{color:#344054;background:#f2f4f7}
.provider-choice:hover{border-color:#a9c1f5;background:#f5f8ff}
.dialog-close,.dialog-title button{background:#f2f4f7}
.provider-dialog::backdrop,.small-editor-dialog::backdrop{background:rgba(16,23,37,.5)}
.bio-toggle{color:var(--blue)}
.editor-entry-form,.link-editor-row,.selected-profile-actions{border-color:var(--border);background:#fafbfd}
.link-mark{background:#eef3fd;color:var(--blue)}

/* Auth (login) — same layout as the CRM sign-in */
body.login-page{color:var(--text);background:linear-gradient(180deg,#eef3fd 0,#f6f7fa 240px)}
.auth-header{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 24px;background:#fff;border-bottom:1px solid var(--border)}
.login-page .auth-shell{min-height:calc(100vh - 64px);place-items:start center;padding:72px 18px 40px;background:none}
.login-page .auth-card{width:min(100%,420px);padding:36px 38px 28px;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px rgba(16,24,40,.08);backdrop-filter:none}
.login-page .auth-card h1{margin:0 0 6px;font-size:24px;font-weight:600;text-align:center}
.login-page .auth-card .muted{color:var(--muted);text-align:center;margin:0}
.login-page .auth-card label span{color:#344054}
.login-page .auth-card input{color:var(--text);background:#fff;border-color:#d9dee7}
.login-page .auth-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(47,111,237,.14)}
.login-page .auth-card .btn-primary{background:var(--blue);color:#fff}
.login-page .auth-card .btn-primary:hover{background:var(--blue-dark)}
.auth-legal{margin:22px 0 0;text-align:center;color:#98a2b3;font-size:12.5px}
@media(max-width:520px){.login-page .auth-shell{padding-top:32px}.login-page .auth-card{padding:28px 22px 22px}}

/* Public profile chrome (the card colors stay each customer's own theme) */
.public-profile-shell,.exchange-shell{background:var(--bg)}
.public-topline{min-height:64px;margin-bottom:10px}
.public-topline .tap-brand-copy small{display:none}
.own-card-link{color:#344054;border-color:var(--border);border-radius:8px;box-shadow:none}
.own-card-link:hover{color:var(--blue);border-color:#a9c1f5}
.public-profile{border-color:var(--border);border-radius:16px;box-shadow:0 14px 44px rgba(16,24,40,.10)}
.public-section h2{color:var(--ink);font-size:15px}
.profile-bio{color:#475467}
.profile-link{color:#344054;background:#f9fafb;border-color:var(--border);border-radius:8px}
.profile-link:hover{border-color:#a9c1f5;background:#f5f8ff}
.contact-list a{color:var(--ink);border-color:#f0f2f5}
.contact-list a strong{color:var(--blue);font-weight:600}
.contact-list span,.contact-address span{color:var(--muted)}
.public-brand{color:#98a2b3;font-size:12.5px}
.public-brand strong{color:#667085;font-weight:600}
.exchange-shell>.tap-brand{display:flex;width:min(100%,520px);margin:6px auto 20px}
.exchange-card{border-radius:14px;border-color:var(--border)}
.exchange-card h1{font-size:24px}

/* Not found */
.notfound-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.notfound-card{width:min(100%,440px);padding:34px;text-align:center;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}
.notfound-card .tap-brand{margin-bottom:22px}
.notfound-card h1{margin:0 0 8px;font-size:22px}
.notfound-card p{margin:0 0 20px;color:var(--muted)}
.tap-brand-copy{text-align:left}