:root {
  --tkq-navy: #18233f;
  --tkq-gold: #b89a62;
  --tkq-cream: #f7f4ee;
  --tkq-white: #ffffff;
  --tkq-text: #1d2433;
  --tkq-muted: #6b7280;
  --tkq-border: #e5e7eb;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--tkq-cream); color: var(--tkq-text); }
.tkq-error, .tkq-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.tkq-card, .tkq-login-card { width: min(560px, 100%); background: var(--tkq-white); border: 1px solid var(--tkq-border); border-radius: 20px; padding: 36px; box-shadow: 0 16px 40px rgba(24,35,63,.08); }
.tkq-login-card { width: min(430px, 100%); }
.tkq-mark { color: var(--tkq-gold); letter-spacing: .18em; font-size: 12px; font-weight: 700; }
.tkq-card h1, .tkq-login-card h1 { margin: 10px 0; color: var(--tkq-navy); }
.tkq-card p, .tkq-subtitle { color: var(--tkq-muted); line-height: 1.6; }
.tkq-form { display: grid; gap: 16px; margin-top: 24px; }
.tkq-form label { display: grid; gap: 7px; font-size: 14px; font-weight: 600; }
.tkq-form input { width: 100%; border: 1px solid var(--tkq-border); border-radius: 12px; padding: 12px 13px; font: inherit; background: #fff; }
.tkq-form input:focus { outline: 2px solid rgba(184,154,98,.25); border-color: var(--tkq-gold); }
.tkq-form button { border: 0; border-radius: 12px; padding: 13px 16px; font: inherit; font-weight: 700; color: #fff; background: var(--tkq-navy); cursor: pointer; }
.tkq-alert { margin-top: 16px; padding: 12px 14px; border-radius: 10px; background: #fff4f2; color: #8b2e24; font-size: 14px; }


/* TekQR Business Design System — shared Apple-inspired layer */
body.tekqr-business{background:#f5f5f7!important;color:#111827!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif!important}
body.tekqr-business .shell{width:min(1180px,calc(100% - 40px))!important;margin:28px auto 54px!important}
body.tekqr-business .top{background:rgba(255,255,255,.82)!important;border:1px solid #e7e7eb!important;border-radius:22px!important;box-shadow:0 8px 30px rgba(0,0,0,.035)!important}
body.tekqr-business .top:before{background:#111827!important;width:3px!important}
body.tekqr-business .eyebrow,body.tekqr-business .eyebrow2{color:#8b8b91!important;font-family:inherit!important;letter-spacing:.14em!important}
body.tekqr-business .top h1,body.tekqr-business .panel h2,body.tekqr-business .hero h2,body.tekqr-business .overview-card strong{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif!important;color:#111827!important;letter-spacing:-.04em!important}
body.tekqr-business .top-link{background:#fff!important;border-color:#e7e7eb!important;color:#5f636b!important;border-radius:12px!important}
body.tekqr-business .top-link.primary{background:#111827!important;border-color:#111827!important;color:#fff!important}
body.tekqr-business .workspace{grid-template-columns:228px minmax(0,1fr)!important;gap:18px!important}
body.tekqr-business .sidebar{background:rgba(255,255,255,.82)!important;border:1px solid #e7e7eb!important;border-radius:20px!important;box-shadow:0 8px 30px rgba(0,0,0,.035)!important;position:sticky!important;top:18px!important}
body.tekqr-business .nav-label{color:#9a9aa1!important;letter-spacing:.1em!important;font-size:9px!important}
body.tekqr-business .nav-link{color:#64646b!important;border-radius:12px!important;font-family:inherit!important}
body.tekqr-business .nav-link:hover{background:#f1f1f4!important;color:#111827!important}
body.tekqr-business .nav-link.active{background:#111827!important;color:#fff!important;box-shadow:0 5px 16px rgba(17,24,39,.12)!important}
body.tekqr-business .nav-icon{background:#f0f0f3!important;color:#777b84!important;border-radius:9px!important}
body.tekqr-business .nav-link.active .nav-icon{background:#2b3038!important;color:#fff!important}
body.tekqr-business .panel,body.tekqr-business .overview-card,body.tekqr-business .hero{border-color:#e7e7eb!important;box-shadow:0 8px 30px rgba(0,0,0,.035)!important;border-radius:20px!important}
body.tekqr-business .panel,body.tekqr-business .overview-card{background:rgba(255,255,255,.82)!important}
body.tekqr-business .hero{background:#111827!important;color:#fff!important}
body.tekqr-business .hero h2{color:#fff!important}.hero p{color:#c7c9ce!important}
body.tekqr-business input,body.tekqr-business textarea,body.tekqr-business select{border-color:#dedee3!important;border-radius:12px!important;background:#fff!important;font-family:inherit!important}
body.tekqr-business input:focus,body.tekqr-business textarea:focus,body.tekqr-business select:focus{border-color:#9aa0aa!important;box-shadow:0 0 0 4px rgba(0,113,227,.08)!important}
body.tekqr-business .button{background:#111827!important;border-color:#111827!important;border-radius:12px!important;box-shadow:0 7px 16px rgba(17,24,39,.12)!important}
body.tekqr-business .button.light,body.tekqr-business .ghost{background:#f1f1f4!important;color:#454850!important;border-color:#e1e1e5!important}
body.tekqr-business .notice{background:#f1f8f3!important;border-color:#dceade!important;color:#356341!important}
@media(max-width:800px){body.tekqr-business .shell{width:calc(100% - 24px)!important;margin:12px auto 28px!important}body.tekqr-business .workspace{grid-template-columns:1fr!important;gap:12px!important;align-items:stretch!important}body.tekqr-business .sidebar{position:static!important;top:auto!important;width:100%!important;padding:10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px 6px!important}body.tekqr-business .nav-label{grid-column:1/-1!important;padding:9px 8px 5px!important}body.tekqr-business .nav-link{min-width:0!important;margin:0!important;padding:9px 8px!important}body.tekqr-business .top{align-items:flex-start!important;flex-direction:column!important;gap:14px!important}body.tekqr-business .top-brand{width:100%!important}body.tekqr-business .top h1{font-size:28px!important;line-height:1.08!important}body.tekqr-business .top-actions{width:100%!important;justify-content:stretch!important}body.tekqr-business .top-link{flex:1!important;text-align:center!important}body.tekqr-business .content{min-width:0!important;width:100%!important}body.tekqr-business .panel{padding:18px!important}body.tekqr-business .hero{padding:20px!important}body.tekqr-business .overview{grid-template-columns:1fr!important}body.tekqr-business .overview-card{min-width:0!important}}

/* Unified Business Admin shell — same language as the Dashboard reference */
body.tekqr-business-page{background:#f7f6f3!important;color:#111827!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif!important}
body.tekqr-business-page .shell{width:min(1320px,calc(100% - 48px))!important;margin:0 auto 48px!important}
body.tekqr-business-page .top{position:relative!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin:28px 0 20px!important;padding:18px 20px!important;background:#fff!important;border:1px solid #e9e5df!important;border-radius:24px!important;box-shadow:0 12px 34px rgba(17,24,39,.045)!important}
body.tekqr-business-page .top:before{background:#111!important;width:4px!important}
body.tekqr-business-page .top h1{font:500 30px/1 Georgia,"Times New Roman",serif!important;color:#111827!important;letter-spacing:-.02em!important}
body.tekqr-business-page .eyebrow,body.tekqr-business-page .eyebrow2{color:#b08a32!important;letter-spacing:.22em!important}
body.tekqr-business-page .muted{color:#7b7871!important}
body.tekqr-business-page .workspace{display:grid!important;grid-template-columns:248px minmax(0,1fr)!important;gap:22px!important;align-items:start!important}
body.tekqr-business-page .sidebar{position:sticky!important;top:22px!important;background:rgba(255,255,255,.92)!important;border:1px solid #e9e5df!important;border-radius:28px!important;padding:16px 12px 18px!important;box-shadow:0 12px 34px rgba(17,24,39,.045)!important}
body.tekqr-business-page .nav-label{padding:13px 11px 7px!important;color:#aaa59e!important;font-size:9px!important;font-weight:800!important;letter-spacing:.2em!important}
body.tekqr-business-page .nav-link{display:flex!important;align-items:center!important;gap:13px!important;min-height:52px!important;padding:8px 11px!important;border-radius:18px!important;color:#77736d!important;font-size:14px!important;font-weight:600!important}
body.tekqr-business-page .nav-link:hover{background:#f5f4f1!important;color:#262626!important}
body.tekqr-business-page .nav-link.active{background:#111!important;color:#fff!important;box-shadow:0 8px 20px rgba(17,17,17,.12)!important}
body.tekqr-business-page .nav-icon{width:36px!important;height:36px!important;border-radius:12px!important;background:#f5f3ef!important;color:#8d8982!important;font-size:16px!important}
body.tekqr-business-page .nav-link.active .nav-icon{background:#292929!important;color:#fff!important}
body.tekqr-business-page .content{min-width:0!important}
body.tekqr-business-page .panel,body.tekqr-business-page .target-box,body.tekqr-business-page .social-row{background:#fff!important;border-color:#e9e5df!important;border-radius:24px!important;box-shadow:0 12px 34px rgba(17,24,39,.045)!important}
body.tekqr-business-page .panel{padding:26px!important}
body.tekqr-business-page .panel h2{font:500 25px/1.08 Georgia,"Times New Roman",serif!important;color:#111827!important;letter-spacing:-.02em!important}
body.tekqr-business-page .button{background:#111!important;border-color:#111!important;border-radius:14px!important;box-shadow:0 8px 20px rgba(17,17,17,.10)!important}
body.tekqr-business-page .button.light,body.tekqr-business-page .ghost{background:#fff!important;color:#6f6b65!important;border-color:#e9e5df!important}
.business-mobile-header{display:none}
.business-drawer-backdrop{display:none}
.business-drawer{display:none}
@media(max-width:900px){
  body.tekqr-business-page .shell{width:100%!important;margin:0!important;padding:0 0 34px!important}
  body.tekqr-business-page .workspace{display:block!important}
  body.tekqr-business-page .sidebar{display:none!important}
  body.tekqr-business-page .top{display:none!important}
  body.tekqr-business-page .content{width:100%!important}
  .business-mobile-header{display:flex;align-items:center;justify-content:space-between;height:86px;padding:0 22px;background:rgba(255,255,255,.96);border-bottom:1px solid #e9e5df}
  .business-mobile-left{display:flex;align-items:center;gap:15px;min-width:0}
  .business-menu-btn{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:#111;font-size:28px;line-height:1;padding:0}
  .business-mobile-title strong{display:block;font:500 24px/1 Georgia,"Times New Roman",serif;color:#111827}
  .business-mobile-title span{display:block;margin-top:8px;color:#8d8982;font-size:9px;letter-spacing:.25em}
  .business-mobile-logo{width:46px;height:46px;object-fit:contain;border-radius:14px;background:#fff;border:1px solid #e9dfcb;padding:4px}
  .business-drawer-backdrop{display:block;position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.76);opacity:0;pointer-events:none;transition:opacity .24s ease}
  .business-drawer{display:block;position:fixed;z-index:101;left:0;top:0;bottom:0;width:min(88vw,430px);background:#fff;transform:translateX(-102%);transition:transform .24s ease;overflow:auto;box-shadow:16px 0 40px rgba(0,0,0,.12)}
  body.business-drawer-open .business-drawer{transform:translateX(0)}
  body.business-drawer-open .business-drawer-backdrop{opacity:1;pointer-events:auto}
  .business-drawer-inner{padding:26px 18px 32px}
  .business-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}
  .business-drawer-brand{display:flex;align-items:center;gap:13px}
  .business-drawer-logo{width:58px;height:58px;object-fit:contain;border-radius:18px;border:1px solid #e9dfcb;padding:5px;background:#fff}
  .business-drawer-brand strong{display:block;font:500 21px/1 Georgia,"Times New Roman",serif;letter-spacing:.12em}
  .business-drawer-brand span{display:block;margin-top:7px;color:#8e8a84;font-size:10px;letter-spacing:.25em}
  .business-drawer-close{width:44px;height:44px;border-radius:50%;border:3px solid #e8d39a;background:#fff;color:#666;font-size:24px}
  .business-drawer .nav-label{padding:12px 14px 7px!important}
  .business-drawer .nav-link{min-height:54px!important;padding:7px 14px!important;border-radius:30px!important;font-size:16px!important;font-weight:500!important}
  .business-drawer .nav-icon{width:38px!important;height:38px!important;border-radius:11px!important;background:transparent!important;font-size:19px!important}
  .business-drawer .nav-link.active{background:#111!important;color:#fff!important}
  body.tekqr-business-page .panel{margin:14px!important;padding:20px!important;border-radius:24px!important}
  body.tekqr-business-page .grid{grid-template-columns:1fr!important}
  body.tekqr-business-page .wide{grid-column:auto!important}
  body.tekqr-business-page .target-grid{grid-template-columns:1fr!important}
  body.tekqr-business-page .social-row{grid-template-columns:1fr auto!important}
}
@media(max-width:560px){
  .business-mobile-header{height:82px;padding:0 16px}
  .business-mobile-title strong{font-size:22px}
  .business-mobile-logo{width:42px;height:42px}
  body.tekqr-business-page .panel{margin:12px 14px!important;padding:18px!important}
}


/* FINAL BUSINESS MOBILE SHELL OVERRIDE — dashboard structure is the source of truth */
@media (max-width:900px){
  body.tekqr-business-page .workspace{display:block!important;width:100%!important;}
  body.tekqr-business-page .workspace > .sidebar{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;}
  body.tekqr-business-page .workspace > .content{display:block!important;width:100%!important;min-width:0!important;}
  body.tekqr-business-page .top{display:none!important;}
  body.tekqr-business-page .business-mobile-header{display:flex!important;}
  body.tekqr-business-page .business-drawer{display:block!important;}
  body.tekqr-business-page .business-drawer-backdrop{display:block!important;}
}
@media (min-width:901px){
  body.tekqr-business-page .business-mobile-header,
  body.tekqr-business-page .business-drawer,
  body.tekqr-business-page .business-drawer-backdrop{display:none!important;}
}

/* BUSINESS ADMIN — MOBILE DRAWER MATCHES DASHBOARD */
body.tekqr-business-page .business-drawer,
body.tekqr-business-page .business-drawer-backdrop{display:none!important}

@media(max-width:900px){
  body.tekqr-business-page .workspace>.sidebar{
    display:none!important;
  }
  body.tekqr-business-page .workspace>.content{
    width:100%!important;
    min-width:0!important;
  }
  body.tekqr-business-page .business-drawer-backdrop{
    display:none!important;
    position:fixed!important;
    inset:0!important;
    z-index:50!important;
    background:rgba(0,0,0,.76)!important;
  }
  body.tekqr-business-page .business-drawer{
    display:block!important;
    position:fixed!important;
    z-index:51!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(88vw,430px)!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:0!important;
    border-radius:0 28px 28px 0!important;
    transform:translateX(-102%)!important;
    transition:transform .24s ease!important;
    overflow:auto!important;
    box-shadow:16px 0 40px rgba(0,0,0,.12)!important;
  }
  body.business-drawer-open .business-drawer{
    transform:translateX(0)!important;
  }
  body.business-drawer-open .business-drawer-backdrop{
    display:block!important;
  }
  body.tekqr-business-page .business-drawer-inner{
    padding:26px 18px 32px!important;
  }
  body.tekqr-business-page .business-drawer .nav-label{
    padding:12px 14px 7px!important;
  }
  body.tekqr-business-page .business-drawer .nav-link{
    min-height:54px!important;
    padding:7px 14px!important;
    border-radius:30px!important;
    font-size:16px!important;
    font-weight:500!important;
  }
  body.tekqr-business-page .business-drawer .nav-icon{
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
    background:transparent!important;
    font-size:19px!important;
  }
  body.tekqr-business-page .business-drawer .nav-link.active{
    background:#111!important;
    color:#fff!important;
  }
}