@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#eef2f7;
  --surface:#ffffff;
  --surface2:#f8fafc;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e2e8f0;
  --blue:#2563eb;
  --blue2:#1d4ed8;
  --cyan:#06b6d4;
  --green:#10b981;
  --orange:#f97316;
  --red:#ef4444;
  --radius:24px;
  --shadow:0 18px 42px rgba(15,23,42,.10);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,Arial,sans-serif;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.14), transparent 30rem),
    radial-gradient(circle at top right, rgba(6,182,212,.13), transparent 28rem),
    var(--bg);
  color:var(--text);
}
a{text-decoration:none;color:inherit}

.topbar{
  position:sticky;
  top:0;
  z-index:100;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:14px 24px;
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(226,232,240,.9);
}
.brand{
  font-size:25px;
  font-weight:900;
  letter-spacing:-.06em;
  color:var(--blue);
  display:flex;
  align-items:center;
  gap:10px;
}
.brand:before{
  content:"";
  width:34px;
  height:34px;
  border-radius:13px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  box-shadow:0 12px 24px rgba(37,99,235,.24);
}
.topbar nav{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.topbar nav a{
  font-size:13px;
  font-weight:800;
  color:#334155;
  padding:9px 12px;
  border-radius:14px;
}
.topbar nav a:hover{
  background:#eff6ff;
  color:var(--blue);
}

.container{
  width:100%;
  max-width:1380px;
  margin:0 auto;
  padding:28px 24px 44px;
}

.btn,button{
  border:0;
  min-height:42px;
  padding:11px 16px;
  border-radius:15px;
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  color:white;
  font-weight:900;
  font-size:14px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:0 12px 24px rgba(37,99,235,.18);
}
.btn:hover,button:hover{filter:brightness(.98)}
.btn.light{
  background:white;
  color:var(--text);
  border:1px solid var(--line);
  box-shadow:none;
}
.btn.small,button.small{
  min-height:34px;
  padding:8px 11px;
  border-radius:12px;
  font-size:12px;
}

.hero{
  position:relative;
  overflow:hidden;
  color:white;
  border-radius:32px;
  padding:56px;
  margin-bottom:26px;
  background:
    linear-gradient(135deg,rgba(15,23,42,.96),rgba(37,99,235,.88)),
    radial-gradient(circle at right,rgba(6,182,212,.4),transparent 25rem);
  box-shadow:var(--shadow);
}
.hero:after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  right:-70px;
  top:-70px;
  background:rgba(255,255,255,.08);
}
.hero h1{
  position:relative;
  z-index:1;
  margin:0 0 16px;
  max-width:780px;
  font-size:clamp(40px,7vw,76px);
  line-height:.95;
  letter-spacing:-.07em;
}
.hero p{
  position:relative;
  z-index:1;
  max-width:760px;
  font-size:19px;
  line-height:1.65;
  color:rgba(255,255,255,.88);
}
.hero-actions,.actions-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.search{
  position:relative;
  z-index:1;
  max-width:850px;
  margin-top:22px;
  background:white;
  border-radius:18px;
  padding:10px;
  display:flex;
  gap:10px;
  box-shadow:0 18px 38px rgba(15,23,42,.18);
}
.search input{
  border:0;
  flex:1;
  padding:12px;
  font-size:16px;
  outline:none;
}

.app-shell{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:24px;
  align-items:start;
}
.sidebar{
  position:sticky;
  top:86px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(226,232,240,.9);
  border-radius:28px;
  padding:18px;
  box-shadow:var(--shadow);
}
.side-profile{
  padding:14px;
  border-radius:22px;
  background:linear-gradient(135deg,#eff6ff,#ecfeff);
  margin-bottom:14px;
}
.avatar{
  width:58px;
  height:58px;
  border-radius:20px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:white;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:22px;
  margin-bottom:12px;
}
.side-profile h3{
  margin:0 0 5px;
  font-size:18px;
  line-height:1.2;
}
.side-profile p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.side-menu{
  display:grid;
  gap:8px;
}
.side-menu a{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 13px;
  border-radius:16px;
  color:#334155;
  font-weight:800;
  font-size:14px;
}
.side-menu a:hover,.side-menu a.active{
  background:#eff6ff;
  color:var(--blue);
}

.main-panel{
  min-width:0;
}
.welcome-card{
  background:linear-gradient(135deg,#ffffff,#eff6ff);
  border:1px solid rgba(226,232,240,.9);
  border-radius:30px;
  padding:28px;
  box-shadow:var(--shadow);
  margin-bottom:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.welcome-card h2{
  margin:0 0 8px;
  font-size:34px;
  line-height:1.1;
  letter-spacing:-.05em;
}
.welcome-card p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}
.stats-modern{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:22px;
}
.stat-modern{
  background:white;
  border:1px solid var(--line);
  border-radius:24px;
  padding:20px;
  box-shadow:var(--shadow);
}
.stat-modern .label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:var(--muted);
  font-weight:800;
  font-size:13px;
  margin-bottom:14px;
}
.stat-modern strong{
  display:block;
  font-size:38px;
  line-height:1;
  letter-spacing:-.06em;
}
.stat-dot{
  width:36px;
  height:36px;
  border-radius:14px;
  background:#eff6ff;
  color:var(--blue);
  display:flex;
  align-items:center;
  justify-content:center;
}

.action-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:26px;
}
.action-card{
  background:white;
  border:1px solid var(--line);
  border-radius:26px;
  padding:22px;
  box-shadow:var(--shadow);
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.action-top{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.action-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  background:#eff6ff;
  color:var(--blue);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  flex:0 0 52px;
}
.action-card h3{
  margin:0 0 7px;
  font-size:20px;
  line-height:1.2;
}
.action-card p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
  font-size:14px;
}
.action-bottom{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid #f1f5f9;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:14px;
  margin:28px 0 16px;
}
.section-head h2,.section-head h3{
  margin:0;
  font-size:28px;
  letter-spacing:-.04em;
}
.section-head p{
  margin:5px 0 0;
  color:var(--muted);
}

.grid,.store-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}
.card{
  background:white;
  border:1px solid var(--line);
  border-radius:26px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.card img{
  width:100%;
  height:230px;
  object-fit:cover;
  display:block;
  background:#e2e8f0;
}
.card-body{
  padding:18px;
}
.card h3{
  margin:0 0 8px;
  font-size:19px;
  line-height:1.25;
}
.card p{
  margin:0 0 13px;
  color:var(--muted);
  line-height:1.55;
  font-size:14px;
}
.meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0 14px;
}
.badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  background:#eff6ff;
  color:var(--blue);
  font-size:12px;
  font-weight:900;
}

.form{
  background:white;
  border:1px solid var(--line);
  border-radius:26px;
  padding:26px;
  box-shadow:var(--shadow);
  max-width:900px;
}
.field{margin-bottom:16px}
.field label{
  display:block;
  margin-bottom:8px;
  color:#334155;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-size:12px;
  font-weight:900;
}
input,textarea,select{
  width:100%;
  border:1px solid #cbd5e1;
  border-radius:15px;
  padding:14px;
  font:inherit;
  background:white;
}
textarea{min-height:120px}
input:focus,textarea:focus,select:focus{
  outline:none;
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(37,99,235,.12);
}
.flash{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e40af;
  border-radius:16px;
  padding:14px 16px;
  margin-bottom:18px;
  font-weight:800;
}
.table{
  width:100%;
  border-collapse:collapse;
  background:white;
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.table th,.table td{
  padding:15px;
  border-bottom:1px solid #f1f5f9;
  text-align:left;
  vertical-align:middle;
}
.table th{
  background:#eff6ff;
  color:#1e3a8a;
  font-size:12px;
  text-transform:uppercase;
}

.business-hero{
  background:linear-gradient(135deg,#0f172a,#2563eb);
  color:white;
  border-radius:30px;
  overflow:hidden;
  box-shadow:var(--shadow);
  margin-bottom:24px;
}
.business-cover{
  min-height:260px;
  background:#dbeafe;
  background-size:cover;
  background-position:center;
}
.business-info{
  padding:26px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:center;
}
.business-logo{
  width:96px;
  height:96px;
  border-radius:24px;
  object-fit:cover;
  background:white;
  border:4px solid rgba(255,255,255,.9);
}
.business-info h1{
  margin:0 0 8px;
  font-size:clamp(34px,5vw,56px);
  letter-spacing:-.06em;
}
.business-layout{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
}
.business-layout>.card{padding:24px}
.info-list{display:grid;gap:10px}
.info-row{
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:16px;
  padding:12px 14px;
  line-height:1.55;
}
.listing-detail{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
}
.listing-gallery{
  display:grid;
  gap:14px;
  padding:14px;
}
.listing-gallery img{
  width:100%;
  height:auto;
  max-height:560px;
  object-fit:cover;
  border-radius:20px;
}
.image-current-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
  margin:12px 0;
}
.image-current-grid img{
  width:100%;
  height:120px;
  object-fit:cover;
  border-radius:14px;
}
.checkbox-card{
  display:block;
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:14px;
  padding:10px;
}
.footer{
  text-align:center;
  color:var(--muted);
  padding:34px 20px;
}

@media(max-width:1050px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:relative;top:auto}
  .side-menu{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .stats-modern,.action-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .topbar{
    flex-direction:column;
    align-items:flex-start;
    padding:14px 16px;
  }
  .topbar nav{
    width:100%;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
  }
  .topbar nav a{
    white-space:nowrap;
    background:#f8fafc;
  }
  .container{padding:18px 16px 34px}
  .hero{padding:38px 22px;border-radius:24px}
  .hero h1{font-size:44px}
  .hero p{font-size:17px}
  .welcome-card{flex-direction:column;align-items:flex-start}
  .business-layout,.listing-detail{grid-template-columns:1fr}
  .business-info{grid-template-columns:1fr}
  .table{display:block;overflow-x:auto;white-space:nowrap}
}
.plan-delete-form{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.plan-delete-form select{min-height:38px;max-width:190px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:7px 9px;}
.plan-delete-form button{min-height:38px;border:0;border-radius:9px;background:#fee2e2;color:#b91c1c;font-weight:900;padding:8px 11px;cursor:pointer;}


/* TRUE-KEE v2.0 VISUAL UNIVERSE */

body{
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.20), transparent 34rem),
    radial-gradient(circle at top right, rgba(168,85,247,.16), transparent 28rem),
    radial-gradient(circle at bottom, rgba(6,182,212,.12), transparent 30rem),
    #edf3fb !important;
}

.hero{
  overflow:hidden;
  position:relative;
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
}

.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.16), transparent 18rem),
    radial-gradient(circle at 80% 20%, rgba(6,182,212,.24), transparent 20rem);
  pointer-events:none;
}

.hero h1{
  text-shadow:0 10px 30px rgba(0,0,0,.25);
}

.hero .btn{
  transform:translateY(0);
  transition:.25s ease;
}

.hero .btn:hover{
  transform:translateY(-2px) scale(1.02);
}

.card,
.action-card,
.stat-modern,
.sidebar,
.welcome-card,
.form,
.table,
.dashboard-panel{
  background:rgba(255,255,255,.84) !important;
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:
    0 20px 40px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.4) !important;
}

.card:hover,
.action-card:hover{
  transform:translateY(-4px);
  transition:.28s ease;
  box-shadow:
    0 28px 54px rgba(37,99,235,.14),
    0 12px 24px rgba(15,23,42,.08) !important;
}

.card img{
  transition:transform .5s ease;
}

.card:hover img{
  transform:scale(1.04);
}

.brand{
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.brand:before{
  box-shadow:
    0 18px 30px rgba(37,99,235,.28),
    0 0 34px rgba(6,182,212,.30);
}

.action-icon,
.dashboard-icon,
.stat-dot,
.avatar{
  box-shadow:
    0 14px 26px rgba(37,99,235,.18),
    0 0 28px rgba(6,182,212,.16);
}

.badge{
  background:linear-gradient(135deg,#eff6ff,#ecfeff) !important;
}

.search{
  border:1px solid rgba(255,255,255,.4);
}

.topbar{
  background:rgba(255,255,255,.72) !important;
  backdrop-filter:blur(20px);
}

.section-head h2,
.section-head h3,
.hero h1{
  background:linear-gradient(135deg,#0f172a,#2563eb);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.hero h1{
  -webkit-text-fill-color:white !important;
}

.welcome-card{
  position:relative;
  overflow:hidden;
}

.welcome-card:after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  right:-80px;
  top:-80px;
  background:rgba(37,99,235,.10);
}

.grid{
  perspective:1000px;
}

.card{
  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.88)) !important;
}

.side-menu a{
  transition:.2s ease;
}

.side-menu a:hover,
.side-menu a.active{
  transform:translateX(3px);
  box-shadow:0 10px 24px rgba(37,99,235,.10);
}

.footer{
  color:#64748b;
}


/* TRUE-KEE Listing Studio - premium centered responsive layout */
.listing-editor-wrap{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}
.editor-hero{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:22px;
  align-items:stretch;
  min-height:270px;
  margin-bottom:24px;
  padding:24px;
  border-radius:34px;
  color:white;
  background:
    radial-gradient(circle at 85% 15%, rgba(6,182,212,.44), transparent 22rem),
    radial-gradient(circle at 12% 90%, rgba(59,130,246,.38), transparent 18rem),
    linear-gradient(135deg,#050816,#10224a 55%,#0f172a);
  box-shadow:0 26px 70px rgba(15,23,42,.22);
  overflow:hidden;
  position:relative;
}
.editor-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, rgba(255,255,255,.12), transparent 38%, rgba(255,255,255,.06));
  pointer-events:none;
}
.editor-hero-copy,
.editor-hero-preview{
  position:relative;
  z-index:1;
}
.editor-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 6px;
}
.eyebrow{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  padding:7px 11px;
  border-radius:999px;
  color:rgba(255,255,255,.92);
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.eyebrow.dark{
  color:#2563eb;
  background:#eff6ff;
  border-color:#dbeafe;
}
.editor-hero h1{
  margin:0;
  max-width:720px;
  font-size:clamp(38px,6vw,70px);
  line-height:.92;
  letter-spacing:-.075em;
}
.editor-hero p{
  max-width:650px;
  margin:16px 0 0;
  color:rgba(255,255,255,.82);
  font-size:17px;
  line-height:1.55;
}
.editor-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}
.editor-chip{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
  color:white;
  font-size:12px;
  font-weight:900;
}
.editor-hero-preview{
  min-height:220px;
  border-radius:28px;
  overflow:hidden;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.editor-hero-preview img{
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  display:block;
}
.empty-photo{
  width:100%;
  height:100%;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:30px;
  line-height:.95;
  letter-spacing:-.06em;
  font-weight:1000;
  color:rgba(255,255,255,.75);
  background:
    radial-gradient(circle at center, rgba(6,182,212,.22), transparent 14rem),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
}
.listing-editor-card{
  max-width:none;
  width:100%;
  padding:28px;
  border-radius:32px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(226,232,240,.9);
  box-shadow:0 26px 70px rgba(15,23,42,.12);
  backdrop-filter:blur(20px);
}
.editor-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:22px;
}
.editor-section-title.compact{margin-top:26px}
.editor-section-title h2{
  margin:0;
  font-size:clamp(25px,3.2vw,38px);
  line-height:1;
  letter-spacing:-.06em;
}
.editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.editor-grid .field{margin:0}
.span-2{grid-column:span 2}
.listing-editor-card input,
.listing-editor-card textarea,
.listing-editor-card select{
  min-height:56px;
  border-radius:18px;
  border:1px solid #d7e0ee;
  background:rgba(255,255,255,.92);
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset;
}
.listing-editor-card textarea{
  min-height:170px;
  resize:vertical;
}
.premium-toggle{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:16px;
  border-radius:20px;
  background:linear-gradient(135deg,#f8fafc,#eff6ff);
  border:1px solid #dbeafe;
}
.premium-toggle input{
  width:20px;
  min-height:20px;
  margin-top:3px;
  accent-color:#2563eb;
}
.premium-toggle b{display:block;font-size:14px;color:#0f172a;margin-bottom:4px}
.premium-toggle small{display:block;color:#64748b;line-height:1.4}
.editor-media-panel{
  margin-top:26px;
  padding-top:4px;
}
.upload-pill,
.upload-box{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:11px 16px;
  border-radius:16px;
  color:white !important;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  font-weight:900;
  box-shadow:0 12px 24px rgba(37,99,235,.18);
}
.upload-pill input,
.upload-box input{display:none}
.upload-box{
  width:100%;
  min-height:56px;
  background:linear-gradient(135deg,#0f172a,#2563eb);
}
.premium-images{
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:16px;
}
.image-tile{
  padding:10px;
  border-radius:22px;
  background:white;
  border:1px solid #e2e8f0;
  box-shadow:0 16px 34px rgba(15,23,42,.08);
}
.image-tile img{
  height:150px;
  border-radius:16px;
  margin-bottom:10px;
}
.image-tile form{margin:0}
button.danger,.btn.danger{
  background:linear-gradient(135deg,#ef4444,#b91c1c) !important;
}
.empty-gallery{
  padding:26px;
  border-radius:22px;
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  color:#64748b;
  font-weight:800;
  text-align:center;
}
.sticky-editor-actions{
  position:sticky;
  bottom:14px;
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-top:28px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(226,232,240,.9);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 40px rgba(15,23,42,.10);
  z-index:20;
}

@media(max-width:860px){
  .listing-editor-wrap{max-width:100%}
  .editor-hero{
    grid-template-columns:1fr;
    padding:18px;
    border-radius:26px;
    min-height:auto;
  }
  .editor-hero h1{font-size:42px}
  .editor-hero p{font-size:15px}
  .editor-hero-preview,
  .editor-hero-preview img,
  .empty-photo{min-height:190px}
  .listing-editor-card{
    padding:18px;
    border-radius:26px;
  }
  .editor-section-title{
    align-items:flex-start;
    flex-direction:column;
  }
  .editor-section-title .btn,
  .upload-pill{width:100%}
  .editor-grid{grid-template-columns:1fr;gap:15px}
  .span-2{grid-column:span 1}
  .sticky-editor-actions{
    position:static;
    flex-direction:column-reverse;
  }
  .sticky-editor-actions .btn,
  .sticky-editor-actions button{width:100%}
  .premium-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .image-tile{padding:8px;border-radius:18px}
  .image-tile img{height:120px;border-radius:13px}
}

@media(max-width:480px){
  .editor-hero{margin-left:-4px;margin-right:-4px}
  .editor-hero h1{font-size:36px}
  .editor-chip{width:100%;justify-content:center}
  .listing-editor-card{padding:14px;margin-left:-4px;margin-right:-4px}
  .premium-images{grid-template-columns:1fr}
  .image-tile img{height:190px}
}

/* TRUE-KEE Admin / Moderator Control Center v1.3 */
.admin-shell{max-width:1180px;margin:0 auto;padding:28px 18px 54px;color:#111827}.admin-hero,.admin-page-head{background:linear-gradient(135deg,#0f172a,#111827 58%,#0b5cff);color:#fff;border-radius:28px;padding:28px;display:flex;justify-content:space-between;gap:22px;align-items:flex-end;box-shadow:0 20px 60px rgba(15,23,42,.18);margin-bottom:18px}.admin-hero h1,.admin-page-head h1{font-size:clamp(30px,4vw,54px);line-height:.95;margin:8px 0 10px}.admin-hero p,.admin-page-head p{color:rgba(255,255,255,.78);max-width:720px;margin:0}.admin-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#93c5fd}.admin-role-card{min-width:230px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px;backdrop-filter:blur(14px)}.admin-role-card span,.admin-role-card small{display:block;color:rgba(255,255,255,.72)}.admin-role-card strong{display:block;font-size:22px;margin:6px 0}.admin-tabs{display:flex;gap:10px;overflow:auto;padding:8px 0 18px;margin-bottom:6px}.admin-tabs a{white-space:nowrap;text-decoration:none;color:#334155;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:10px 15px;font-weight:800;box-shadow:0 8px 24px rgba(15,23,42,.06)}.admin-tabs a.active,.admin-tabs a:hover{background:#111827;color:#fff;border-color:#111827}.admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:8px 0 18px}.admin-metrics.small-set{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metric{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;text-decoration:none;color:#111827;box-shadow:0 12px 32px rgba(15,23,42,.07)}.admin-metric span,.admin-metric small{display:block;color:#64748b}.admin-metric strong{display:block;font-size:34px;letter-spacing:-.05em;margin:8px 0}.admin-metric.urgent{border-color:#fecaca;background:#fff7f7}.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-panel{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:18px;box-shadow:0 12px 34px rgba(15,23,42,.07);margin-bottom:18px}.admin-panel h2{margin:0 0 12px;font-size:20px}.admin-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}.admin-panel-head a,.admin-mini-link{color:#2563eb;text-decoration:none;font-weight:800}.admin-list-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #f1f5f9;padding:13px 0}.admin-list-row:first-of-type{border-top:0}.admin-list-row strong,.admin-table strong{display:block}.admin-list-row small,.admin-table small{display:block;color:#64748b;margin-top:4px}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;text-transform:capitalize;background:#eef2ff;color:#3730a3;white-space:nowrap}.status-open,.status-pending{background:#fff7ed;color:#c2410c}.status-reviewing,.status-paused{background:#eff6ff;color:#1d4ed8}.status-resolved,.status-active,.status-completed{background:#ecfdf5;color:#047857}.status-dismissed,.status-deleted,.status-suspended{background:#fef2f2;color:#b91c1c}.status-traded{background:#f0fdf4;color:#15803d}.admin-search{display:flex;gap:10px;margin-bottom:14px}.admin-search input{flex:1;border:1px solid #dbe3ef;border-radius:16px;padding:13px 14px;font-size:15px}.admin-search button,.inline-admin-form button,.moderation-actions button{border:0;border-radius:14px;background:#2563eb;color:#fff;font-weight:900;padding:11px 14px;cursor:pointer}.inline-admin-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-admin-form select{border:1px solid #dbe3ef;border-radius:12px;padding:10px;background:#fff}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;text-align:left;background:#f8fafc}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid #eef2f7;vertical-align:middle}.admin-filters{display:flex;gap:10px;overflow:auto;margin-bottom:14px}.admin-filters a{background:#fff;border:1px solid #e5e7eb;color:#334155;text-decoration:none;border-radius:999px;padding:9px 13px;font-weight:800}.moderation-card{display:grid;grid-template-columns:1fr 280px;gap:18px;border:1px solid #e5e7eb;border-radius:20px;padding:16px;margin-bottom:14px;background:#fbfdff}.moderation-main h3{margin:8px 0}.moderation-main p{color:#334155}.moderation-actions{display:flex;flex-direction:column;gap:10px}.moderation-actions form{display:flex;flex-wrap:wrap;gap:8px}.moderation-actions button.secondary{background:#f1f5f9;color:#0f172a}.moderation-actions button.danger{background:#dc2626}.true-score-pill{display:inline-flex;align-items:center;justify-content:center;min-width:54px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:950;padding:8px 10px}.true-score-pill.warn{background:#fff7ed;color:#c2410c}.trust-rule-grid,.role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.trust-rule-grid div,.role-card{border:1px solid #e5e7eb;border-radius:18px;padding:16px;background:#f8fafc}.trust-rule-grid strong,.trust-rule-grid span{display:block}.trust-rule-grid span,.role-card p,.muted{color:#64748b}.role-card h3{margin:0 0 8px}
@media(max-width:980px){.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid-2,.moderation-card{grid-template-columns:1fr}.admin-hero,.admin-page-head{align-items:flex-start;flex-direction:column}.admin-role-card{width:100%;min-width:0}.moderation-actions{border-top:1px solid #e5e7eb;padding-top:12px}}
@media(max-width:640px){.admin-shell{padding:16px 12px 46px}.admin-hero,.admin-page-head{border-radius:22px;padding:22px 18px}.admin-metrics,.admin-metrics.small-set{grid-template-columns:1fr}.admin-panel{border-radius:20px;padding:14px}.admin-tabs{margin-left:-2px;margin-right:-2px}.admin-tabs a{padding:9px 12px;font-size:13px}.admin-search{flex-direction:column}.inline-admin-form{display:grid;grid-template-columns:1fr}.inline-admin-form select,.inline-admin-form button,.admin-search button{width:100%}.trust-rule-grid,.role-grid{grid-template-columns:1fr}.admin-list-row{align-items:flex-start;flex-direction:column}.moderation-actions form{display:grid;grid-template-columns:1fr;width:100%}.moderation-actions button{width:100%}}

/* TRUE-KEE Control Center v1.4 — elaborated admin system */
.control-shell{max-width:1240px;margin:0 auto;padding:28px 18px 62px;color:#0f172a}.control-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:stretch;margin-bottom:16px}.control-hero-copy,.control-page-head{border-radius:30px;padding:30px;background:radial-gradient(circle at 12% 0,rgba(56,189,248,.32),transparent 30%),linear-gradient(135deg,#06111f,#0f172a 58%,#1d4ed8);color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.18)}.control-kicker{display:inline-flex;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:950;color:#93c5fd}.control-hero h1,.control-page-head h1{font-size:clamp(34px,5vw,64px);line-height:.92;letter-spacing:-.075em;margin:10px 0 12px}.control-hero p,.control-page-head p{max-width:760px;margin:0;color:rgba(255,255,255,.78);font-weight:600}.control-access-card{border-radius:30px;padding:24px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 54px rgba(15,23,42,.1);display:flex;flex-direction:column;justify-content:flex-end}.control-access-card small,.control-access-card em{color:#64748b;font-style:normal}.control-access-card strong{font-size:28px;letter-spacing:-.04em;margin:7px 0}.control-access-card span{display:inline-flex;width:max-content;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 10px;font-weight:900;margin-bottom:10px}.control-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.control-quick-actions a,.head-action{color:#fff;text-decoration:none;font-weight:950;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);border-radius:999px;padding:10px 14px;backdrop-filter:blur(10px)}.control-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.control-nav{display:flex;gap:10px;overflow:auto;padding:4px 2px 18px;margin-bottom:2px;scrollbar-width:none}.control-nav a{white-space:nowrap;text-decoration:none;color:#334155;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:11px 14px;font-weight:950;box-shadow:0 10px 26px rgba(15,23,42,.06);display:flex;align-items:center;gap:8px}.control-nav a.active,.control-nav a:hover{background:#0f172a;color:#fff;border-color:#0f172a}.control-metrics-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:6px 0 18px}.control-metrics-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.control-metric{display:block;text-decoration:none;color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:18px;box-shadow:0 14px 36px rgba(15,23,42,.07);position:relative;overflow:hidden}.control-metric:before{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:#eff6ff}.control-metric.primary:before{background:#dbeafe}.control-metric.success:before{background:#dcfce7}.control-metric.danger{border-color:#fecaca;background:#fffafa}.control-metric.danger:before{background:#fee2e2}.control-metric span,.control-metric small{display:block;color:#64748b;font-weight:800}.control-metric strong{display:block;font-size:36px;letter-spacing:-.06em;margin:8px 0;color:#0f172a}.control-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:18px}.control-layout.two{grid-template-columns:1fr 1fr}.control-panel{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:18px;box-shadow:0 16px 42px rgba(15,23,42,.07);margin-bottom:18px}.control-panel.wide{grid-column:span 1}.control-layout.two .wide{grid-column:1/-1}.control-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.control-panel-head span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.control-panel-head h2{margin:3px 0 0;font-size:22px;letter-spacing:-.04em}.control-panel-head a{color:#2563eb;text-decoration:none;font-weight:950}.control-item,.person-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #f1f5f9}.control-item:first-child,.person-row:first-of-type{border-top:0}.control-icon,.avatar-dot{width:42px;height:42px;border-radius:15px;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:950;flex:0 0 auto}.avatar-dot.warn{background:#fff7ed;color:#c2410c}.control-item-main{flex:1;min-width:0}.control-item strong,.person-row strong{display:block}.control-item small,.person-row small,.mini-case small,.workflow-list small{display:block;color:#64748b;margin-top:3px}.control-item-side{display:flex;align-items:center;gap:10px}.control-item-side a{font-weight:950;color:#2563eb;text-decoration:none}.mini-case{border:1px solid #eef2f7;border-radius:18px;padding:13px;margin-bottom:10px;background:#fbfdff}.mini-case b{display:block;margin-bottom:4px}.empty-state{border:1px dashed #cbd5e1;border-radius:20px;padding:22px;text-align:center;background:#f8fafc;color:#64748b}.empty-state b,.empty-state small{display:block}.empty-state.full{grid-column:1/-1}.score-dot,.score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:950;padding:8px 10px}.score-badge.warn{background:#fff7ed;color:#c2410c}.workflow-list{margin:0;padding-left:22px}.workflow-list li{margin:0 0 14px}.control-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin-bottom:16px}.control-toolbar input,.control-toolbar select,.row-actions select,.card-actions select{border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:13px 14px;font-weight:800;min-width:0}.control-toolbar button,.row-actions button,.card-actions button,.case-actions button{border:0;border-radius:16px;background:#2563eb;color:#fff;font-weight:950;padding:12px 16px;cursor:pointer}.status-filter-row{display:flex;gap:10px;overflow:auto;margin-bottom:14px}.status-filter-row a{white-space:nowrap;text-decoration:none;color:#334155;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:9px 13px;font-weight:900}.responsive-table{overflow:auto}.control-table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}.control-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;text-align:left;background:#f8fafc}.control-table th,.control-table td{padding:15px;border-bottom:1px solid #eef2f7;vertical-align:middle}.table-person{display:flex;align-items:center;gap:12px}.row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-actions .soft-danger{background:#fee2e2;color:#b91c1c}.listing-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-listing-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:18px;box-shadow:0 14px 38px rgba(15,23,42,.07)}.admin-listing-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.listing-id{color:#64748b;font-size:12px;font-weight:950}.admin-listing-card h3{margin:4px 0 5px;font-size:22px;letter-spacing:-.04em}.admin-listing-card p{color:#64748b;margin:0}.admin-listing-owner{display:flex;align-items:center;gap:12px;margin:16px 0;padding:12px;border-radius:18px;background:#f8fafc}.admin-listing-owner strong,.admin-listing-owner small{display:block}.admin-listing-desc{min-height:48px}.card-actions{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center}.card-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#f1f5f9;color:#0f172a;text-decoration:none;font-weight:950;padding:12px 14px}.moderation-board{display:grid;gap:16px}.case-card{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:18px;box-shadow:0 14px 38px rgba(15,23,42,.07)}.case-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.case-number{color:#64748b;font-weight:950}.case-card h2{font-size:24px;margin:10px 0 8px;letter-spacing:-.04em}.case-card p{color:#334155}.case-meta{display:flex;gap:8px;flex-wrap:wrap}.case-meta span{background:#f8fafc;border:1px solid #eef2f7;border-radius:999px;padding:7px 10px;color:#64748b;font-size:13px}.case-actions{border-left:1px solid #eef2f7;padding-left:16px}.case-actions form{display:grid;gap:9px;margin-bottom:10px}.case-actions .secondary{background:#f1f5f9;color:#0f172a}.case-actions .danger{background:#dc2626}.trust-rules,.roles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.trust-rules div,.role-card-v2{border:1px solid #e5e7eb;border-radius:20px;padding:17px;background:#f8fafc}.trust-rules b,.trust-rules span,.role-card-v2 span,.role-card-v2 p{display:block}.trust-rules span,.role-card-v2 p{color:#64748b;margin-top:5px}.role-card-v2 h2{margin:6px 0 8px;font-size:21px;letter-spacing:-.04em}.role-card-v2 span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#2563eb;font-weight:950}
@media(max-width:1080px){.control-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.control-hero{grid-template-columns:1fr}.control-layout,.control-layout.two{grid-template-columns:1fr}.listing-admin-grid{grid-template-columns:1fr}.case-card{grid-template-columns:1fr}.case-actions{border-left:0;border-top:1px solid #eef2f7;padding-left:0;padding-top:14px}.trust-rules,.roles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.control-shell{padding:16px 12px 50px}.control-hero-copy,.control-page-head{border-radius:24px;padding:22px 18px}.control-page-head{display:block}.head-action{display:inline-flex;margin-top:14px}.control-access-card{border-radius:24px}.control-nav{gap:8px}.control-nav a{font-size:13px;padding:9px 12px}.control-metrics-grid,.control-metrics-grid.compact{grid-template-columns:1fr}.control-toolbar{grid-template-columns:1fr}.control-panel{border-radius:22px;padding:15px}.control-item,.person-row,.control-item-side{align-items:flex-start}.control-item{flex-direction:column}.control-item-side{width:100%;justify-content:space-between}.card-actions,.row-actions{grid-template-columns:1fr;display:grid}.row-actions select,.row-actions button,.card-actions select,.card-actions button,.card-actions a{width:100%}.admin-listing-top{flex-direction:column}.case-meta{display:grid}.trust-rules,.roles-grid{grid-template-columns:1fr}.control-hero h1,.control-page-head h1{font-size:38px}.control-table{min-width:760px}}

/* TRUE-KEE Control Center v1.5 — aligned with marketplace portal */
.control-shell{
  max-width:1120px !important;
  padding:18px 12px 70px !important;
  color:#050505 !important;
}
.control-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 280px !important;
  gap:12px !important;
  margin-bottom:12px !important;
  align-items:stretch !important;
}
.control-hero-copy,
.control-page-head{
  background:#fff !important;
  color:#050505 !important;
  border:1px solid #dadde1 !important;
  border-radius:18px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.08) !important;
  padding:18px !important;
}
.control-page-head{
  align-items:center !important;
  margin-bottom:12px !important;
}
.control-kicker{
  color:#1877f2 !important;
  font-size:11px !important;
  letter-spacing:.09em !important;
}
.control-hero h1,
.control-page-head h1{
  color:#050505 !important;
  font-size:clamp(24px,3vw,34px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
  margin:7px 0 6px !important;
}
.control-hero p,
.control-page-head p{
  color:#65676b !important;
  font-weight:600 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  max-width:720px !important;
}
.control-access-card{
  background:#fff !important;
  border:1px solid #dadde1 !important;
  border-radius:18px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.08) !important;
  padding:16px !important;
}
.control-access-card strong{
  font-size:20px !important;
  letter-spacing:-.02em !important;
  margin:5px 0 !important;
}
.control-access-card span{
  background:#e7f3ff !important;
  color:#1877f2 !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  margin-bottom:8px !important;
}
.control-access-card small,
.control-access-card em{
  color:#65676b !important;
}
.control-quick-actions{
  margin-top:14px !important;
  gap:8px !important;
}
.control-quick-actions a,
.head-action{
  background:#e7f3ff !important;
  color:#1877f2 !important;
  border:0 !important;
  border-radius:10px !important;
  padding:9px 12px !important;
  font-size:13px !important;
  box-shadow:none !important;
}
.control-nav{
  background:#fff !important;
  border:1px solid #dadde1 !important;
  border-radius:16px !important;
  padding:8px !important;
  margin:0 0 12px !important;
  gap:6px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.06) !important;
}
.control-nav a{
  background:transparent !important;
  border:0 !important;
  border-radius:10px !important;
  box-shadow:none !important;
  color:#65676b !important;
  padding:9px 11px !important;
  font-size:13px !important;
  font-weight:900 !important;
}
.control-nav a.active,
.control-nav a:hover{
  background:#e7f3ff !important;
  color:#1877f2 !important;
}
.control-metrics-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 12px !important;
}
.control-metrics-grid.compact{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.control-metric,
.control-panel,
.admin-listing-card,
.case-card{
  background:#fff !important;
  border:1px solid #dadde1 !important;
  border-radius:16px !important;
  box-shadow:0 1px 2px rgba(0,0,0,.08) !important;
}
.control-metric{
  padding:14px !important;
  min-height:118px !important;
}
.control-metric:before{
  display:none !important;
}
.control-metric span,
.control-metric small{
  color:#65676b !important;
  font-weight:800 !important;
}
.control-metric strong{
  color:#050505 !important;
  font-size:30px !important;
  letter-spacing:-.04em !important;
  margin:6px 0 !important;
}
.control-metric.primary{
  border-left:4px solid #1877f2 !important;
}
.control-metric.success{
  border-left:4px solid #31a24c !important;
}
.control-metric.danger{
  border-left:4px solid #f02849 !important;
  background:#fff !important;
  border-color:#dadde1 !important;
}
.control-layout{
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr) !important;
  gap:12px !important;
}
.control-layout.two{
  grid-template-columns:1fr 1fr !important;
}
.control-panel{
  padding:14px !important;
  margin-bottom:12px !important;
}
.control-panel-head{
  margin-bottom:8px !important;
  align-items:center !important;
}
.control-panel-head span{
  color:#65676b !important;
  font-size:11px !important;
  letter-spacing:.08em !important;
}
.control-panel-head h2{
  color:#050505 !important;
  font-size:18px !important;
  letter-spacing:-.025em !important;
}
.control-panel-head a,
.control-item-side a{
  color:#1877f2 !important;
}
.control-icon,
.avatar-dot{
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  background:#e7f3ff !important;
  color:#1877f2 !important;
}
.control-item,
.person-row{
  padding:11px 0 !important;
  border-top:1px solid #f0f2f5 !important;
}
.control-item small,
.person-row small,
.mini-case small,
.workflow-list small{
  color:#65676b !important;
}
.mini-case,
.empty-state,
.admin-listing-owner,
.trust-rules div,
.role-card-v2,
.case-meta span{
  background:#f0f2f5 !important;
  border:1px solid transparent !important;
  border-radius:14px !important;
}
.control-toolbar input,
.control-toolbar select,
.row-actions select,
.card-actions select{
  border:1px solid #ccd0d5 !important;
  background:#fff !important;
  border-radius:10px !important;
  padding:11px 12px !important;
  font-weight:700 !important;
}
.control-toolbar button,
.row-actions button,
.card-actions button,
.case-actions button{
  background:#1877f2 !important;
  border-radius:10px !important;
  min-height:40px !important;
  box-shadow:none !important;
}
.card-actions a,
.case-actions .secondary,
.row-actions .soft-danger{
  border-radius:10px !important;
  box-shadow:none !important;
}
.status-filter-row a{
  background:#fff !important;
  border:1px solid #dadde1 !important;
  color:#65676b !important;
  border-radius:999px !important;
}
.responsive-table{
  border-radius:14px !important;
  border:1px solid #f0f2f5 !important;
}
.control-table th{
  background:#f0f2f5 !important;
  color:#65676b !important;
}
.control-table th,
.control-table td{
  border-bottom:1px solid #f0f2f5 !important;
}
.admin-listing-card h3,
.case-card h2,
.role-card-v2 h2{
  color:#050505 !important;
}
.case-actions{
  border-left:1px solid #f0f2f5 !important;
}
.status-pill{
  background:#e7f3ff !important;
  color:#1877f2 !important;
  border-radius:999px !important;
  padding:6px 9px !important;
  font-size:11px !important;
}
.status-open,.status-pending{background:#fff4e5 !important;color:#b45309 !important;}
.status-active,.status-resolved,.status-completed{background:#e6f4ea !important;color:#137333 !important;}
.status-deleted,.status-suspended,.status-dismissed{background:#fde7e9 !important;color:#b00020 !important;}
.score-dot,.score-badge{
  background:#e6f4ea !important;
  color:#137333 !important;
  border-radius:999px !important;
}
@media(max-width:1080px){
  .control-hero{grid-template-columns:1fr !important;}
  .control-metrics-grid,.control-metrics-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .control-layout,.control-layout.two{grid-template-columns:1fr !important;}
  .case-actions{border-left:0 !important;border-top:1px solid #f0f2f5 !important;}
}
@media(max-width:720px){
  .control-shell{padding:10px 8px 64px !important;}
  .control-hero{gap:8px !important;margin-bottom:8px !important;}
  .control-hero-copy,.control-page-head,.control-access-card,.control-panel,.control-metric,.admin-listing-card,.case-card{border-radius:14px !important;}
  .control-hero-copy,.control-page-head{padding:14px !important;}
  .control-hero h1,.control-page-head h1{font-size:24px !important;line-height:1.12 !important;}
  .control-hero p,.control-page-head p{font-size:13px !important;}
  .control-access-card{padding:13px !important;}
  .control-nav{border-radius:14px !important;padding:7px !important;margin-bottom:8px !important;}
  .control-nav a{font-size:12px !important;padding:8px 10px !important;}
  .control-metrics-grid,.control-metrics-grid.compact{grid-template-columns:1fr !important;gap:8px !important;}
  .control-metric{min-height:0 !important;padding:12px !important;}
  .control-metric strong{font-size:25px !important;}
  .control-panel{padding:12px !important;margin-bottom:8px !important;}
  .control-panel-head{align-items:flex-start !important;}
  .control-toolbar{grid-template-columns:1fr !important;gap:8px !important;}
  .control-item{flex-direction:row !important;align-items:flex-start !important;gap:10px !important;}
  .control-item-side{width:auto !important;flex-direction:column !important;align-items:flex-end !important;gap:6px !important;}
  .person-row{align-items:flex-start !important;}
  .listing-admin-grid{gap:8px !important;}
  .card-actions,.row-actions{display:grid !important;grid-template-columns:1fr !important;}
  .control-table{min-width:720px !important;}
}

/* TRUE-KEE Listing View - Marketplace detail with real spacing */
.listing-view-shell{
  max-width:1180px;
  margin:0 auto;
  padding:18px 0 54px;
}
.listing-view-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 16px;
}
.listing-view-topline a{
  color:#2563eb;
  text-decoration:none;
  font-weight:900;
}
.listing-edit-pill{
  background:#fff;
  border:1px solid #dbe3ef;
  border-radius:999px;
  padding:10px 14px;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
}
.listing-view-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
  gap:24px;
  align-items:start;
}
.listing-view-main,
.listing-side-panel{
  display:grid;
  gap:18px;
}
.listing-side-panel{
  position:sticky;
  top:92px;
}
.listing-photo-card,
.listing-info-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:26px;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  overflow:hidden;
}
.listing-info-card{
  padding:26px;
}
.listing-photo-hero{
  background:#f1f5f9;
  padding:14px;
}
.listing-photo-hero img{
  width:100%;
  height:min(58vh,560px);
  min-height:320px;
  display:block;
  object-fit:cover;
  border-radius:20px;
}
.listing-photo-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(94px,1fr));
  gap:10px;
  padding:14px;
  border-top:1px solid #eef2f7;
}
.listing-photo-strip img{
  width:100%;
  aspect-ratio:1.15/1;
  object-fit:cover;
  border-radius:14px;
  border:1px solid #eef2f7;
}
.listing-photo-empty{
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#64748b;
  background:linear-gradient(135deg,#f8fafc,#eef6ff);
  text-align:center;
  padding:28px;
}
.listing-photo-empty span{
  display:inline-flex;
  border-radius:999px;
  padding:8px 12px;
  background:#dbeafe;
  color:#1d4ed8;
  font-weight:950;
  letter-spacing:.08em;
  font-size:12px;
}
.listing-photo-empty strong{
  color:#0f172a;
  font-size:22px;
  letter-spacing:-.04em;
}
.listing-section-head{
  margin-bottom:14px;
}
.listing-section-head span{
  display:block;
  color:#2563eb;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:12px;
  font-weight:950;
  margin-bottom:5px;
}
.listing-section-head h2{
  margin:0;
  color:#0f172a;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.045em;
}
.listing-description-text,
.listing-trade-box{
  color:#334155;
  font-size:16px;
  line-height:1.75;
  overflow-wrap:anywhere;
}
.listing-trade-box{
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:20px;
  padding:18px;
}
.listing-summary-card h1{
  margin:12px 0 10px;
  font-size:clamp(28px,3vw,42px);
  line-height:1;
  letter-spacing:-.065em;
  color:#0f172a;
  overflow-wrap:anywhere;
}
.listing-status-row{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#047857;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  border-radius:999px;
  padding:8px 11px;
  font-size:13px;
  font-weight:950;
}
.listing-status-row .status-dot{
  width:8px;
  height:8px;
  min-width:8px;
  border-radius:50%;
  background:#10b981;
  padding:0;
}
.listing-value-line{
  color:#0f172a;
  font-size:28px;
  font-weight:950;
  letter-spacing:-.04em;
  margin:0 0 14px;
}
.listing-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:12px 0 18px;
}
.listing-chip-row span{
  display:inline-flex;
  align-items:center;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  color:#334155;
  border-radius:999px;
  padding:8px 11px;
  font-size:13px;
  font-weight:900;
}
.listing-owner-card{
  display:flex;
  align-items:center;
  gap:13px;
  border-radius:20px;
  background:#f8fafc;
  border:1px solid #eef2f7;
  padding:14px;
  margin:18px 0;
}
.listing-avatar{
  width:48px;
  height:48px;
  border-radius:16px;
  background:linear-gradient(135deg,#2563eb,#06b6d4);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:950;
  font-size:20px;
  flex:0 0 auto;
}
.listing-owner-card strong,
.listing-owner-card small{
  display:block;
}
.listing-owner-card small{
  color:#64748b;
  margin-top:3px;
}
.listing-action-form{
  margin:0;
}
.listing-main-btn,
.listing-soft-btn,
.listing-offer-card button{
  width:100%;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:48px;
  border-radius:16px;
  font-weight:950;
  border:0;
  cursor:pointer;
  text-decoration:none;
}
.listing-main-btn,
.listing-offer-card button{
  background:#2563eb;
  color:#fff;
}
.listing-soft-btn{
  background:#f1f5f9;
  color:#0f172a;
}
.listing-offer-card p{
  color:#64748b;
  line-height:1.55;
}
.listing-offer-card .field{
  margin-bottom:13px;
}
.listing-offer-card label{
  display:block;
  color:#334155;
  font-size:13px;
  font-weight:950;
  margin-bottom:7px;
}
.listing-offer-card input,
.listing-offer-card textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #dbe3ef;
  border-radius:16px;
  padding:13px 14px;
  background:#fff;
  color:#0f172a;
  font-weight:700;
}
.listing-offer-card textarea{
  min-height:108px;
  resize:vertical;
}
@media(max-width:960px){
  .listing-view-layout{
    grid-template-columns:1fr;
  }
  .listing-side-panel{
    position:relative;
    top:auto;
  }
}
@media(max-width:760px){
  .listing-view-shell{
    padding:4px 0 38px;
  }
  .listing-view-topline{
    padding:0 2px;
    margin-bottom:12px;
  }
  .listing-view-topline a{
    font-size:14px;
  }
  .listing-edit-pill{
    padding:8px 11px;
  }
  .listing-view-layout,
  .listing-view-main,
  .listing-side-panel{
    gap:12px;
  }
  .listing-photo-card,
  .listing-info-card{
    border-radius:20px;
  }
  .listing-info-card{
    padding:18px;
  }
  .listing-photo-hero{
    padding:10px;
  }
  .listing-photo-hero img{
    min-height:230px;
    height:320px;
    border-radius:16px;
  }
  .listing-photo-strip{
    display:flex;
    overflow-x:auto;
    padding:10px;
    gap:8px;
  }
  .listing-photo-strip img{
    width:82px;
    min-width:82px;
    height:74px;
  }
  .listing-summary-card h1{
    font-size:30px;
  }
  .listing-value-line{
    font-size:24px;
  }
  .listing-section-head h2{
    font-size:22px;
  }
  .listing-description-text,
  .listing-trade-box{
    font-size:15px;
    line-height:1.65;
  }
  .listing-owner-card{
    align-items:flex-start;
  }
}

/* TRUE-KEE Marketplace Manager / Categories */
.marketplace-admin-shell{padding-bottom:48px;}
.marketplace-head{align-items:flex-end;}
.compact-metrics{grid-template-columns:repeat(5,minmax(0,1fr));}
.marketplace-manager-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start;margin-top:22px;}
.category-form-panel,.category-list-panel{border-radius:28px;}
.category-admin-form .field{margin-bottom:14px;}
.category-admin-form label,.category-toolbar label{font-size:13px;font-weight:950;color:#334155;margin-bottom:7px;display:block;}
.category-admin-form input,.category-admin-form select,.category-toolbar input,.category-toolbar select{width:100%;box-sizing:border-box;border:1px solid #dbe3ef;border-radius:16px;background:#fff;color:#0f172a;padding:12px 13px;font-weight:800;min-height:46px;}
.category-admin-form input:disabled,.category-admin-form select:disabled{background:#f8fafc;color:#94a3b8;}
.category-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.category-check{display:flex!important;align-items:flex-start;gap:11px;border:1px solid #e5eaf3;background:#f8fafc;border-radius:18px;padding:13px;margin:12px 0!important;}
.category-check input{width:18px!important;min-height:18px!important;margin-top:2px;accent-color:#2563eb;}
.category-check span{display:block;min-width:0;}
.category-check b,.category-check small{display:block;}
.category-check b{font-size:14px;color:#0f172a;}
.category-check small{font-size:12px;color:#64748b;line-height:1.35;margin-top:2px;}
.marketplace-save-btn{width:100%;border:0;border-radius:17px;min-height:48px;background:#2563eb;color:#fff;font-weight:950;cursor:pointer;margin-top:10px;}
.admin-note{font-size:12px;color:#64748b;line-height:1.45;margin:12px 0 0;}
.category-toolbar{grid-template-columns:minmax(220px,1fr) 160px 160px auto;margin-bottom:18px;}
.category-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.category-admin-card{background:#fff;border:1px solid #e6edf7;border-radius:22px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.06);}
.category-admin-card.is-hidden{background:#f8fafc;opacity:.82;}
.category-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;}
.category-icon-bubble{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:950;color:#1d4ed8;overflow:hidden;}
.category-card-top strong{display:block;color:#0f172a;font-size:16px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.category-card-top small{display:block;color:#64748b;font-size:12px;font-weight:750;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.category-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;background:#f8fafc;border:1px solid #eef2f7;border-radius:18px;padding:10px;}
.category-stats-row span{display:block;text-align:center;}
.category-stats-row b{display:block;color:#0f172a;font-size:15px;font-weight:950;}
.category-stats-row small{display:block;color:#64748b;font-size:11px;font-weight:850;margin-top:2px;}
.category-actions{display:flex;gap:8px;align-items:center;margin:0;}
.category-actions form{margin:0;display:inline-flex;}
.category-actions a,.category-actions button{border:0;border-radius:13px;background:#f1f5f9;color:#0f172a;text-decoration:none;font-size:13px;font-weight:950;padding:10px 12px;cursor:pointer;}
.category-actions a{background:#2563eb;color:#fff;}
.category-actions .danger-btn{background:#fee2e2;color:#991b1b;}
@media(max-width:1100px){.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.marketplace-manager-grid{grid-template-columns:1fr;}.category-form-panel{order:2}.category-list-panel{order:1}.category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.marketplace-head{align-items:flex-start;}.compact-metrics{grid-template-columns:1fr;gap:10px;}.marketplace-manager-grid{gap:14px;margin-top:14px;}.category-form-panel,.category-list-panel{border-radius:22px;padding:16px!important;}.category-form-row{grid-template-columns:1fr;gap:0;}.category-toolbar{display:grid!important;grid-template-columns:1fr;gap:10px;}.category-card-grid{grid-template-columns:1fr;gap:12px;}.category-card-top{grid-template-columns:auto minmax(0,1fr);}.category-card-top .status-pill{grid-column:1 / -1;justify-self:start;margin-top:2px;}.category-actions{display:grid;grid-template-columns:1fr;}.category-actions a,.category-actions button,.category-actions form{width:100%;justify-content:center;text-align:center;box-sizing:border-box;}.category-check{padding:12px;}.category-check small{white-space:normal;overflow-wrap:anywhere;}}

/* TRUE-KEE Database Manager */
.database-admin-shell .admin-flash{background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;border-radius:18px;padding:13px 16px;margin:0 0 16px;font-weight:900;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.head-action-form{margin:0}.head-action-form .head-action{border:1px solid rgba(255,255,255,.22);cursor:pointer}
.marketplace-save-btn.small{border:0;border-radius:999px;background:#2563eb;color:#fff;font-weight:950;padding:11px 15px;cursor:pointer}.migration-list,.health-list{display:grid;gap:12px}.migration-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid #e5e7eb;background:#fff;border-radius:22px;padding:14px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.migration-card.applied{border-color:#bbf7d0;background:linear-gradient(180deg,#fff,#f0fdf4)}.migration-card.failed{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff7f7)}.migration-main{display:flex;align-items:center;gap:12px;min-width:0}.migration-icon{width:42px;height:42px;border-radius:15px;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:950;flex:0 0 auto}.migration-card.applied .migration-icon{background:#dcfce7;color:#047857}.migration-card.failed .migration-icon{background:#fee2e2;color:#b91c1c}.migration-main strong{display:block;word-break:break-word}.migration-main small{display:block;color:#64748b;margin-top:3px;line-height:1.35}.migration-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.migration-actions button{border:0;border-radius:14px;background:#0f172a;color:#fff;font-weight:950;padding:10px 13px;cursor:pointer}.health-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:18px;padding:13px;background:#fff}.health-row.ok{background:#f0fdf4;border-color:#bbf7d0}.health-row.warn{background:#fff7ed;border-color:#fed7aa}.health-row b,.health-row small{display:block}.health-row small{color:#64748b;margin-top:3px;line-height:1.35}.health-row span{font-weight:950;border-radius:999px;padding:8px 10px;background:#fff;color:#0f172a}.admin-note{color:#64748b;font-size:13px;line-height:1.45;font-weight:700;margin-top:12px}
@media(max-width:720px){.migration-card{align-items:flex-start;flex-direction:column}.migration-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.migration-actions form,.migration-actions button{width:100%}.migration-actions .status-pill{justify-content:center}.health-row{align-items:flex-start;flex-direction:column}.head-action-form .head-action{width:100%;justify-content:center}}

/* TRUE-KEE v1.11 Marketplace category picker */
.tk-category-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:100%;box-sizing:border-box;}
.tk-category-choice{display:block;min-width:0;position:relative;}
.tk-category-choice input{position:absolute;opacity:0;pointer-events:none;}
.tk-category-card-mini{display:flex;align-items:center;gap:10px;min-height:60px;border:1px solid #d8dadf;background:#fff;border-radius:15px;padding:9px 10px;cursor:pointer;box-sizing:border-box;transition:.16s ease;max-width:100%;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.tk-category-card-icon{width:38px;height:38px;border-radius:13px;background:#eef5ff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 38px;overflow:hidden;}
.tk-category-card-text{display:block;min-width:0;line-height:1.15;}
.tk-category-card-text b{display:block;color:#050505;font-size:13px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tk-category-card-text small{display:block;color:#64748b;font-size:11px;font-weight:800;margin-top:3px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tk-category-choice input:checked + .tk-category-card-mini{border-color:#1877f2;background:#f0f7ff;box-shadow:0 0 0 3px rgba(24,119,242,.13);}
.tk-category-choice input:checked + .tk-category-card-mini .tk-category-card-icon{background:var(--cat-color,#1877f2);color:#fff;}
.tk-category-note{display:block;margin-top:7px;color:#64748b;font-size:12px;font-weight:700;}
.marketplace-admin-quicklinks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;}
.marketplace-admin-quicklinks a{display:flex;align-items:center;gap:10px;padding:14px;border-radius:18px;background:#fff;border:1px solid #e6edf7;text-decoration:none;color:#0f172a;font-weight:950;box-shadow:0 10px 28px rgba(15,23,42,.05);}
.marketplace-admin-quicklinks span{width:36px;height:36px;border-radius:13px;background:#eff6ff;display:flex;align-items:center;justify-content:center;}
.marketplace-admin-quicklinks small{display:block;color:#64748b;font-size:11px;font-weight:800;margin-top:2px;}
@media(max-width:900px){.tk-category-picker{grid-template-columns:repeat(2,minmax(0,1fr));}.marketplace-admin-quicklinks{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.tk-category-picker{grid-template-columns:1fr;gap:8px;}.tk-category-card-mini{min-height:56px;padding:9px;}.marketplace-admin-quicklinks{grid-template-columns:1fr;}}

/* TRUE-KEE v1.13 - better listing photos, zoom viewer and seller contact */
.market-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.market-card-photo{
  display:block;
  padding:10px 10px 0;
  background:#fff;
}
.market-card-photo img,
.market-card > img{
  width:100%;
  height:190px;
  object-fit:contain;
  background:linear-gradient(135deg,#f8fafc,#eef2f7);
  border:1px solid #eef2f7;
  border-radius:20px;
  display:block;
}
.market-card .card-body{
  padding:16px 18px 18px;
}
.market-card h3{
  min-height:48px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.market-card p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.listing-photo-hero{
  position:relative;
  width:100%;
  border:0;
  cursor:zoom-in;
  text-align:left;
  box-shadow:none;
}
.listing-photo-hero:hover img{
  transform:scale(1.01);
}
.listing-photo-hero img{
  object-fit:contain;
  background:linear-gradient(135deg,#f8fafc,#eef2f7);
  border:1px solid #e5eaf3;
  transition:transform .18s ease;
}
.zoom-badge{
  position:absolute;
  right:26px;
  bottom:26px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:9px 12px;
  background:rgba(15,23,42,.84);
  color:#fff;
  font-size:13px;
  font-weight:950;
  backdrop-filter:blur(8px);
}
.listing-thumb-btn{
  border:0;
  padding:0;
  min-height:0;
  border-radius:16px;
  background:transparent;
  box-shadow:none;
  cursor:pointer;
  outline:none;
}
.listing-thumb-btn img{
  width:100%;
  aspect-ratio:1.15/1;
  object-fit:contain;
  background:#f8fafc;
  border-radius:14px;
  border:2px solid #eef2f7;
  padding:3px;
}
.listing-thumb-btn.is-active img,
.listing-thumb-btn:hover img{
  border-color:#2563eb;
}
.seller-contact-card{
  align-items:flex-start;
}
.seller-contact-info{
  min-width:0;
  flex:1;
}
.seller-contact-links{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.seller-contact-links a,
.seller-contact-links span{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
  padding:10px 12px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e5eaf3;
  color:#0f172a;
  font-size:13px;
  font-weight:900;
  line-height:1.35;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.seller-contact-links a:hover{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1d4ed8;
}
.no-scroll{overflow:hidden;}
.listing-lightbox{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,6,23,.88);
  backdrop-filter:blur(10px);
}
.listing-lightbox.is-open{
  display:flex;
}
.listing-lightbox img{
  max-width:min(1100px,96vw);
  max-height:88vh;
  object-fit:contain;
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.listing-lightbox-close{
  position:fixed;
  top:18px;
  right:18px;
  width:44px;
  height:44px;
  min-height:44px;
  padding:0;
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 18px 42px rgba(0,0,0,.25);
  font-size:28px;
  line-height:1;
}
@media(max-width:760px){
  .market-card-photo{
    padding:8px 8px 0;
  }
  .market-card-photo img,
  .market-card > img{
    height:160px;
    border-radius:17px;
  }
  .listing-photo-hero img{
    height:260px!important;
    min-height:220px!important;
    object-fit:contain!important;
  }
  .zoom-badge{
    right:18px;
    bottom:18px;
    font-size:12px;
    padding:8px 10px;
  }
  .listing-thumb-btn{
    min-width:82px;
    width:82px;
  }
  .listing-thumb-btn img{
    width:82px;
    height:74px;
    aspect-ratio:auto;
  }
  .seller-contact-card{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:12px;
  }
  .seller-contact-links{
    grid-column:1 / -1;
    margin-top:6px;
  }
  .seller-contact-links a,
  .seller-contact-links span{
    font-size:13px;
    padding:10px;
  }
  .listing-lightbox{
    padding:14px;
  }
  .listing-lightbox img{
    max-width:96vw;
    max-height:82vh;
    border-radius:14px;
  }
}

/* TRUE-KEE v1.14 - real listing zoom + global chat */
.listing-photo-hero{
  display:block!important;
  cursor:zoom-in!important;
  user-select:none;
}
.listing-photo-hero:focus{
  outline:3px solid rgba(37,99,235,.28);
  outline-offset:3px;
}
.listing-lightbox{
  display:none!important;
}
.listing-lightbox.is-open{
  display:flex!important;
}
.listing-lightbox-nav{
  position:fixed;
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  min-height:52px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#0f172a;
  font-size:42px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 18px 42px rgba(0,0,0,.28);
  z-index:1002;
}
.listing-lightbox-nav.prev{left:22px;}
.listing-lightbox-nav.next{right:22px;}
.seller-message-form{margin:14px 0 10px!important;}
.seller-message-form .listing-main-btn{background:#1877f2;}
.global-chat-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:850;
  width:58px;
  height:58px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#1877f2;
  color:#fff;
  text-decoration:none;
  font-size:26px;
  box-shadow:0 18px 46px rgba(24,119,242,.35);
}
.messages-shell,.chat-shell{
  max-width:1120px;
  margin:0 auto;
  padding:18px 0 54px;
}
.messages-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  border-radius:30px;
  padding:26px;
  background:linear-gradient(135deg,#0f172a,#1d4ed8);
  color:#fff;
  box-shadow:0 22px 60px rgba(15,23,42,.2);
  margin-bottom:18px;
}
.messages-head span{
  display:block;
  color:#bfdbfe;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:950;
  margin-bottom:7px;
}
.messages-head h1{margin:0;font-size:clamp(32px,4vw,52px);letter-spacing:-.07em;line-height:.95;}
.messages-head p{margin:9px 0 0;color:#dbeafe;max-width:560px;line-height:1.55;}
.messages-head-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  background:#fff;
  color:#1d4ed8;
  text-decoration:none;
  font-weight:950;
  white-space:nowrap;
}
.messages-list{display:grid;gap:12px;}
.message-thread-card{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:13px;
  align-items:center;
  background:#fff;
  border:1px solid #e5eaf3;
  border-radius:22px;
  padding:14px;
  text-decoration:none;
  color:#0f172a;
  box-shadow:0 12px 34px rgba(15,23,42,.06);
}
.message-thread-card:hover{border-color:#bfdbfe;background:#f8fbff;}
.message-avatar{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:950;
  font-size:22px;
  background:linear-gradient(135deg,#1877f2,#06b6d4);
  flex:0 0 auto;
}
.message-thread-main{min-width:0;}
.message-thread-title{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.message-thread-title strong{font-size:16px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.message-thread-title span{border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:950;padding:6px 9px;white-space:nowrap;}
.message-thread-main p{margin:5px 0;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:750;}
.message-thread-main small{color:#64748b;font-weight:800;}
.messages-empty-card{
  background:#fff;
  border:1px solid #e5eaf3;
  border-radius:28px;
  padding:28px;
  text-align:center;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
.messages-empty-icon{font-size:42px;margin-bottom:8px;}
.messages-empty-card h2{margin:0 0 8px;color:#0f172a;letter-spacing:-.04em;}
.messages-empty-card p{color:#64748b;line-height:1.55;max-width:520px;margin:0 auto 18px;}
.chat-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:18px;
  align-items:start;
}
.chat-panel,.chat-side-card{
  background:#fff;
  border:1px solid #e5eaf3;
  border-radius:28px;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
.chat-panel{overflow:hidden;}
.chat-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px;
  border-bottom:1px solid #eef2f7;
  background:#fff;
}
.chat-top>a{font-weight:950;color:#1877f2;text-decoration:none;}
.chat-contact-mini{display:flex;align-items:center;gap:10px;min-width:0;}
.chat-contact-mini .message-avatar{width:44px;height:44px;border-radius:15px;font-size:18px;}
.chat-contact-mini strong,.chat-contact-mini small{display:block;}
.chat-contact-mini small{color:#64748b;font-weight:800;margin-top:2px;}
.chat-listing-context{
  display:grid;
  gap:3px;
  margin:14px 16px 0;
  border:1px solid #dbeafe;
  background:#eff6ff;
  border-radius:18px;
  padding:12px 14px;
  color:#0f172a;
  text-decoration:none;
}
.chat-listing-context span{color:#1d4ed8;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:950;}
.chat-listing-context strong{font-size:15px;font-weight:950;}
.chat-listing-context small{color:#475569;font-weight:850;}
.chat-messages-box{
  height:58vh;
  min-height:410px;
  overflow-y:auto;
  padding:18px 16px;
  background:linear-gradient(180deg,#f8fafc,#eef6ff);
}
.chat-bubble-row{display:flex;margin-bottom:10px;}
.chat-bubble-row.mine{justify-content:flex-end;}
.chat-bubble-row.theirs{justify-content:flex-start;}
.chat-bubble{
  max-width:min(560px,78%);
  border-radius:20px;
  padding:11px 13px;
  box-shadow:0 8px 24px rgba(15,23,42,.08);
}
.chat-bubble-row.mine .chat-bubble{background:#1877f2;color:#fff;border-bottom-right-radius:6px;}
.chat-bubble-row.theirs .chat-bubble{background:#fff;color:#0f172a;border:1px solid #e5eaf3;border-bottom-left-radius:6px;}
.chat-bubble p{margin:0;line-height:1.45;overflow-wrap:anywhere;}
.chat-bubble small{display:block;margin-top:5px;font-size:11px;opacity:.75;font-weight:750;}
.chat-compose{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  padding:14px;
  border-top:1px solid #eef2f7;
  margin:0;
  background:#fff;
}
.chat-compose textarea{
  min-height:48px;
  max-height:120px;
  resize:vertical;
  border:1px solid #dbe3ef;
  border-radius:18px;
  padding:13px 14px;
  font-weight:750;
  box-sizing:border-box;
}
.chat-compose button{
  border:0;
  border-radius:18px;
  background:#1877f2;
  color:#fff;
  font-weight:950;
  padding:0 18px;
  min-height:48px;
  cursor:pointer;
}
.chat-side-card{padding:20px;position:sticky;top:92px;}
.chat-side-card h2{margin:0 0 12px;color:#0f172a;letter-spacing:-.04em;}
.chat-side-card p{color:#64748b;line-height:1.55;font-weight:750;}
.chat-contact-links{margin:0 0 14px;}
.messages-empty-inline{text-align:center;color:#64748b;font-weight:850;padding:42px 12px;}
@media(max-width:860px){
  .chat-shell{grid-template-columns:1fr;}
  .chat-side-card{position:relative;top:auto;}
}
@media(max-width:760px){
  .listing-lightbox-nav{width:44px;height:44px;min-height:44px;font-size:34px;}
  .listing-lightbox-nav.prev{left:10px;}.listing-lightbox-nav.next{right:10px;}
  .global-chat-fab{width:54px;height:54px;right:14px;bottom:14px;font-size:24px;}
  .messages-shell,.chat-shell{padding:6px 0 42px;}
  .messages-head{display:block;padding:20px;border-radius:24px;}
  .messages-head-btn{margin-top:14px;width:100%;box-sizing:border-box;}
  .message-thread-card{grid-template-columns:48px minmax(0,1fr);border-radius:18px;padding:12px;}
  .message-avatar{width:48px;height:48px;border-radius:16px;font-size:20px;}
  .chat-top{align-items:flex-start;flex-direction:column;}
  .chat-messages-box{height:56vh;min-height:360px;padding:14px 12px;}
  .chat-bubble{max-width:86%;}
  .chat-compose{grid-template-columns:1fr;}
  .chat-compose button{width:100%;}
}

/* TRUE-KEE v1.15 - live chat updates */
.chat-compose button:disabled{
  opacity:.65;
  cursor:not-allowed;
}
.chat-compose textarea{
  resize:none;
  overflow-y:auto;
}
.global-chat-fab{position:fixed;}
.global-chat-badge{
  position:absolute;
  top:-5px;
  right:-5px;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:950;
  border:2px solid #fff;
  box-shadow:0 8px 16px rgba(239,68,68,.28);
}
.global-chat-badge[hidden]{display:none!important;}
@media (max-width:768px){
  .chat-compose{
    position:sticky;
    bottom:0;
    z-index:5;
    background:#fff;
  }
  .chat-compose textarea{min-height:46px;}
}


/* TRUE-KEE floating multi-chat widget */
.tk-chat-widget{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:inherit}
.tk-chat-fab{position:relative;width:62px;height:62px;border-radius:22px;border:0;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;box-shadow:0 18px 45px rgba(37,99,235,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s transform,.2s box-shadow}
.tk-chat-fab:hover,.tk-chat-fab.is-open{transform:translateY(-2px);box-shadow:0 22px 55px rgba(37,99,235,.45)}
.tk-chat-fab.has-unread{animation:tkChatPulse 1.6s infinite;box-shadow:0 0 0 8px rgba(37,99,235,.12),0 18px 45px rgba(37,99,235,.42)}
.tk-chat-fab-icon{font-size:28px;line-height:1}
.tk-chat-fab-badge{position:absolute;top:-7px;right:-7px;background:#ef4444;color:#fff;min-width:24px;height:24px;border-radius:999px;padding:0 7px;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;border:3px solid #fff}
@keyframes tkChatPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}100%{transform:scale(1)}}
.tk-chat-dock{position:absolute;right:0;bottom:78px;width:min(760px,calc(100vw - 34px));height:min(620px,calc(100vh - 125px));background:#fff;border:1px solid rgba(15,23,42,.10);border-radius:28px;box-shadow:0 30px 90px rgba(15,23,42,.25);overflow:hidden;display:none}
.tk-chat-dock.is-open{display:block}
.tk-chat-dock-head{height:64px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
.tk-chat-dock-head span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.68);font-weight:800}
.tk-chat-dock-head strong{font-size:18px}
.tk-chat-dock-head button{width:36px;height:36px;border-radius:999px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.tk-chat-dock-body{height:calc(100% - 64px);display:grid;grid-template-columns:290px minmax(0,1fr);background:#f8fafc}
.tk-chat-list-pane{border-right:1px solid #e5e7eb;background:#fff;min-width:0;display:flex;flex-direction:column}
.tk-chat-list-title{padding:14px 14px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f7}
.tk-chat-list-title strong{font-size:16px;color:#0f172a}.tk-chat-list-title button{width:32px;height:32px;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc;cursor:pointer}
.tk-chat-list{overflow:auto;padding:8px;display:flex;flex-direction:column;gap:6px}
.tk-chat-item{width:100%;border:0;background:transparent;border-radius:16px;padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;text-align:left;align-items:center;cursor:pointer;color:#111827}
.tk-chat-item:hover,.tk-chat-item.is-active{background:#eff6ff}.tk-chat-item-main{min-width:0}.tk-chat-item-main strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-chat-item-main small{display:block;color:#64748b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.tk-chat-item-badge{background:#ef4444;color:#fff;min-width:20px;height:20px;border-radius:999px;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 6px}
.tk-chat-mini-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#cffafe);color:#1d4ed8;font-weight:900;flex:0 0 auto}
.tk-chat-thread-pane{min-width:0;height:100%;display:flex;flex-direction:column;background:#f8fafc}.tk-chat-thread-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b;padding:28px}.tk-chat-thread-empty div{font-size:44px;margin-bottom:12px}.tk-chat-thread-empty strong{font-size:18px;color:#0f172a}.tk-chat-thread-empty p{margin:6px 0 0}.tk-chat-thread{height:100%;display:flex;flex-direction:column;min-width:0}.tk-chat-thread-head{height:64px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:10px;padding:10px 14px;min-width:0}.tk-chat-thread-head strong{display:block;color:#0f172a;line-height:1.1}.tk-chat-thread-head small{color:#64748b}.tk-chat-back{display:none;width:34px;height:34px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:26px;line-height:1;cursor:pointer}.tk-chat-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.tk-chat-bubble-row{display:flex}.tk-chat-bubble-row.mine{justify-content:flex-end}.tk-chat-bubble-row.theirs{justify-content:flex-start}.tk-chat-bubble{max-width:min(78%,420px);border-radius:18px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 3px 12px rgba(15,23,42,.05)}.tk-chat-bubble-row.mine .tk-chat-bubble{background:#2563eb;color:#fff;border-color:#2563eb}.tk-chat-bubble p{margin:0;line-height:1.35;word-break:break-word}.tk-chat-bubble small{display:block;margin-top:5px;font-size:10px;opacity:.72}.tk-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;background:#fff;border-top:1px solid #e5e7eb}.tk-chat-compose textarea{resize:none;min-height:42px;max-height:110px;border-radius:16px;border:1px solid #dbe3ee;padding:11px 12px;line-height:1.3;outline:none}.tk-chat-compose textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.10)}.tk-chat-compose button{border:0;border-radius:16px;background:#2563eb;color:#fff;font-weight:900;padding:0 18px;cursor:pointer}.tk-chat-empty{padding:20px;text-align:center;color:#64748b;font-size:13px;line-height:1.45}.chat-inline-note{display:block;margin-top:8px;color:#64748b;font-size:12px;line-height:1.35;text-align:center}
@media(max-width:720px){.tk-chat-widget{right:14px;bottom:14px}.tk-chat-fab{width:58px;height:58px;border-radius:20px}.tk-chat-dock{position:fixed;left:10px;right:10px;bottom:82px;width:auto;height:min(640px,calc(100vh - 105px));border-radius:24px}.tk-chat-dock-body{display:block;position:relative}.tk-chat-list-pane,.tk-chat-thread-pane{position:absolute;inset:0}.tk-chat-thread-pane{transform:translateX(100%);transition:.2s transform}.tk-chat-widget.thread-open .tk-chat-thread-pane{transform:translateX(0)}.tk-chat-widget.thread-open .tk-chat-list-pane{pointer-events:none}.tk-chat-back{display:block}.tk-chat-bubble{max-width:86%}.tk-chat-compose{grid-template-columns:minmax(0,1fr) 70px}.tk-chat-compose button{padding:0}.tk-chat-dock-head{height:58px}.tk-chat-dock-body{height:calc(100% - 58px)}}
@media(max-width:430px){.tk-chat-dock{left:0;right:0;bottom:0;height:100vh;border-radius:0}.tk-chat-fab{right:auto}.tk-chat-widget{right:12px;bottom:12px}.tk-chat-dock.is-open + .tk-chat-fab{display:none}.tk-chat-messages{padding:12px}.tk-chat-dock-head{padding-left:16px;padding-right:16px}}

/* TRUE-KEE v1.17 - floating chat scroll fix */
.tk-chat-dock,
.tk-chat-dock-body,
.tk-chat-thread-pane,
.tk-chat-thread{
  min-height:0;
}
.tk-chat-thread-pane{
  overflow:hidden;
}
.tk-chat-thread{
  position:relative;
  overflow:hidden;
}
.tk-chat-messages{
  min-height:0;
  height:auto;
  overflow-y:auto!important;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
  scrollbar-width:thin;
}
.tk-chat-messages::-webkit-scrollbar{width:8px;}
.tk-chat-messages::-webkit-scrollbar-track{background:transparent;}
.tk-chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
.tk-chat-jump{
  position:absolute;
  right:18px;
  bottom:78px;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid #dbe3ee;
  background:#fff;
  color:#2563eb;
  font-size:20px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(15,23,42,.16);
  cursor:pointer;
  z-index:3;
}
.tk-chat-jump[hidden]{display:none!important;}
@media(max-width:720px){
  .tk-chat-dock,
  .tk-chat-dock-body,
  .tk-chat-list-pane,
  .tk-chat-thread-pane,
  .tk-chat-thread{
    min-height:0;
  }
  .tk-chat-thread-pane{
    height:100%;
    overflow:hidden;
  }
  .tk-chat-thread{
    height:100%;
  }
  .tk-chat-messages{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto!important;
    touch-action:pan-y;
  }
  .tk-chat-jump{right:14px;bottom:74px;}
}
@media(max-width:430px){
  .tk-chat-dock.is-open{
    display:block;
  }
  .tk-chat-dock-body{
    height:calc(100vh - 58px);
    min-height:0;
  }
  .tk-chat-thread-head{flex:0 0 auto;}
  .tk-chat-compose{flex:0 0 auto;}
}


/* TRUE-KEE v1.18 - compact floating chat empty state */
.tk-chat-thread-empty{
  padding:14px 18px!important;
  justify-content:flex-start!important;
  min-height:auto!important;
  height:auto!important;
  border-bottom:1px solid #eef2f7;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
}
.tk-chat-thread-empty .tk-chat-empty-icon{
  font-size:24px!important;
  margin-bottom:4px!important;
  line-height:1!important;
}
.tk-chat-thread-empty strong{
  font-size:15px!important;
  line-height:1.15!important;
}
.tk-chat-thread-empty p{
  margin:2px 0 0!important;
  font-size:12px!important;
  line-height:1.25!important;
}
@media(max-width:720px){
  .tk-chat-thread-empty{
    padding:10px 14px!important;
  }
  .tk-chat-thread-empty .tk-chat-empty-icon{
    font-size:22px!important;
    margin-bottom:3px!important;
  }
}

/* TRUE-KEE v1.19 - professional seller card + contact privacy */
.seller-profile-card{
  margin:18px 0;
  border:1px solid #e5eaf3;
  border-radius:22px;
  padding:16px;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.seller-profile-head{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
.seller-profile-avatar{
  width:54px;
  height:54px;
  border-radius:18px;
}
.seller-profile-title{
  min-width:0;
}
.seller-profile-title span{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:2px;
}
.seller-profile-title strong{
  display:block;
  color:#0f172a;
  font-size:17px;
  font-weight:950;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.seller-profile-title small{
  display:block;
  color:#2563eb;
  font-size:12px;
  font-weight:900;
  margin-top:3px;
}
.seller-trust-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:14px;
}
.seller-trust-grid div{
  border:1px solid #e8eef8;
  border-radius:16px;
  background:#fff;
  padding:10px;
  min-width:0;
}
.seller-trust-grid span{
  display:block;
  color:#64748b;
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.seller-trust-grid strong{
  display:block;
  color:#0f172a;
  font-size:14px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.seller-safe-contact-links{
  margin-top:13px;
}
.seller-chat-disabled{
  margin:12px 0;
  padding:12px;
  border:1px solid #fed7aa;
  border-radius:16px;
  background:#fff7ed;
  color:#9a3412;
  font-size:13px;
  font-weight:850;
  line-height:1.35;
}
.profile-shell{
  max-width:1120px;
  margin:0 auto;
  padding:18px 0 54px;
}
.profile-hero-card{
  display:flex;
  align-items:center;
  gap:18px;
  border-radius:30px;
  padding:24px;
  background:linear-gradient(135deg,#0f172a,#1d4ed8);
  color:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.22);
  margin-bottom:18px;
}
.profile-main-avatar{
  width:72px;
  height:72px;
  border-radius:24px;
  background:linear-gradient(135deg,#22d3ee,#2563eb);
  flex:0 0 auto;
}
.profile-kicker{
  display:block;
  color:#bfdbfe;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:950;
  margin-bottom:6px;
}
.profile-hero-card h1{
  margin:0;
  font-size:clamp(30px,4vw,48px);
  letter-spacing:-.06em;
  line-height:.95;
}
.profile-hero-card p{
  margin:8px 0 0;
  color:#dbeafe;
  overflow-wrap:anywhere;
}
.profile-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.profile-badges span{
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.16);
  padding:7px 10px;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.profile-grid-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:18px;
  align-items:start;
}
.profile-card{
  border:1px solid #e5eaf3;
  border-radius:28px;
  background:#fff;
  padding:22px;
  box-shadow:0 18px 48px rgba(15,23,42,.08);
}
.profile-card-head span{
  display:block;
  color:#2563eb;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:950;
  margin-bottom:7px;
}
.profile-card-head h2{
  margin:0;
  color:#0f172a;
  font-size:26px;
  letter-spacing:-.05em;
}
.profile-card-head p{
  color:#64748b;
  line-height:1.5;
  margin:8px 0 18px;
  font-weight:750;
}
.profile-privacy-form .field{
  margin-top:14px;
}
.profile-privacy-form .field label{
  display:block;
  margin-bottom:7px;
  color:#334155;
  font-size:13px;
  font-weight:950;
}
.profile-privacy-form input[type="text"],
.profile-privacy-form input[name="contact_note"]{
  width:100%;
  box-sizing:border-box;
  border:1px solid #dbe3ef;
  border-radius:16px;
  padding:13px 14px;
  min-height:48px;
  font-weight:750;
}
.profile-toggle-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  border:1px solid #e6edf7;
  background:#f8fafc;
  border-radius:18px;
  padding:14px;
  margin-bottom:10px;
  cursor:pointer;
}
.profile-toggle-row input{
  width:19px;
  height:19px;
  margin-top:2px;
  accent-color:#2563eb;
  flex:0 0 auto;
}
.profile-toggle-row span{
  min-width:0;
}
.profile-toggle-row b,
.profile-toggle-row small{
  display:block;
}
.profile-toggle-row b{
  color:#0f172a;
  font-size:14px;
  font-weight:950;
}
.profile-toggle-row small{
  color:#64748b;
  font-size:12px;
  line-height:1.4;
  margin-top:3px;
}
.profile-save-btn{
  width:100%;
  border:0;
  border-radius:17px;
  min-height:50px;
  background:#2563eb;
  color:#fff;
  font-weight:950;
  margin-top:14px;
  cursor:pointer;
}
.profile-preview-card{
  position:sticky;
  top:92px;
}
.embedded-preview{
  margin:0;
  box-shadow:none;
}
@media(max-width:900px){
  .profile-grid-layout{grid-template-columns:1fr;}
  .profile-preview-card{position:relative;top:auto;}
}
@media(max-width:760px){
  .seller-profile-card{padding:14px;border-radius:20px;}
  .seller-trust-grid{grid-template-columns:1fr 1fr;gap:8px;}
  .seller-profile-title strong{font-size:16px;}
  .profile-shell{padding:6px 0 42px;}
  .profile-hero-card{align-items:flex-start;padding:18px;border-radius:24px;}
  .profile-main-avatar{width:58px;height:58px;border-radius:20px;}
  .profile-card{padding:17px;border-radius:22px;}
  .profile-card-head h2{font-size:23px;}
}
@media(max-width:420px){
  .seller-trust-grid{grid-template-columns:1fr;}
  .profile-hero-card{display:block;}
  .profile-main-avatar{margin-bottom:12px;}
}

/* TRUE-KEE v1.20 My Business Hub */
.business-shell{max-width:1180px;margin:0 auto;padding:18px 0 70px;}
.business-hero,.business-dashboard-hero,.business-onboarding-card,.business-panel-card,.business-card{background:#fff;border:1px solid #e5eaf3;border-radius:28px;box-shadow:0 18px 48px rgba(15,23,42,.08);}
.business-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;margin-bottom:18px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;overflow:hidden;position:relative;}
.business-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:230px;height:230px;border-radius:999px;background:rgba(34,211,238,.18);}
.business-hero.compact{padding:22px 24px;}
.business-kicker,.business-page-head span,.business-list-head span,.business-panel-head span,.business-onboarding-card span{display:block;color:#2563eb;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:950;margin-bottom:6px;}
.business-hero .business-kicker{color:#bfdbfe;}
.business-hero h1,.business-page-head h1,.business-dashboard-profile h1{margin:0;font-size:clamp(32px,5vw,56px);line-height:.95;letter-spacing:-.06em;}
.business-hero p{margin:10px 0 0;color:#dbeafe;max-width:650px;font-weight:750;line-height:1.45;}
.business-primary{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;}
.business-onboarding-card{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:28px;margin-top:18px;align-items:center;}
.business-onboarding-art{height:190px;border-radius:26px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:grid;place-items:center;font-size:76px;}
.business-onboarding-card h2,.business-list-head h2,.business-panel-head h2{margin:0;color:#0f172a;font-size:28px;letter-spacing:-.05em;}
.business-onboarding-card p,.business-list-head p,.business-muted{color:#64748b;line-height:1.5;font-weight:750;}
.business-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;}
.business-benefits div{border:1px solid #e6edf7;background:#f8fafc;border-radius:16px;padding:12px;font-weight:900;color:#0f172a;}
.business-list-head,.business-page-head{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:24px 0 16px;}
.business-page-head h1{color:#0f172a;font-size:clamp(30px,4vw,48px);}
.business-page-head p,.business-list-head p{margin:6px 0 0;}
.business-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.business-card{overflow:hidden;}
.business-card-banner{height:160px;background:linear-gradient(135deg,#e0f2fe,#dbeafe);display:grid;place-items:center;color:#2563eb;font-size:60px;font-weight:950;}
.business-card-banner img{width:100%;height:100%;object-fit:cover;display:block;}
.business-card-body{padding:18px;}
.business-card-title{display:flex;gap:12px;align-items:center;}
.business-logo-dot{width:54px;height:54px;border-radius:18px;background:#eff6ff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;font-weight:950;color:#2563eb;}
.business-logo-dot img,.business-logo-big img,.business-preview-logo img{width:100%;height:100%;object-fit:cover;display:block;}
.business-card h3{margin:0;color:#0f172a;letter-spacing:-.04em;}
.business-card-title p,.business-desc{margin:4px 0 0;color:#64748b;font-weight:750;}
.business-desc{line-height:1.45;margin:14px 0;}
.business-mini-stats,.business-status-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;}
.business-mini-stats span,.business-status-row span{border:1px solid #e6edf7;background:#f8fafc;color:#334155;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;}
.business-mini-stats b{color:#2563eb;}
.business-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.business-cover{height:190px;background:linear-gradient(135deg,#0f172a,#2563eb);border-radius:28px 28px 0 0;overflow:hidden;}
.business-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.business-dashboard-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:end;padding:0 24px 24px;margin-top:-38px;position:relative;}
.business-logo-big{width:92px;height:92px;border-radius:28px;background:#fff;border:6px solid #fff;box-shadow:0 12px 30px rgba(15,23,42,.18);display:grid;place-items:center;overflow:hidden;font-size:40px;}
.business-dashboard-profile h1{color:#0f172a;font-size:clamp(30px,4vw,48px);}
.business-dashboard-profile p{color:#64748b;margin:7px 0 0;font-weight:750;line-height:1.45;}
.business-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.business-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px;margin:16px 0 18px;}
.business-tabs a{white-space:nowrap;text-decoration:none;color:#334155;border:1px solid #e6edf7;background:#fff;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:950;}
.business-tabs a.active{background:#2563eb;color:#fff;border-color:#2563eb;}
.business-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px;}
.business-stat-grid article{background:#fff;border:1px solid #e6edf7;border-radius:22px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.06);}
.business-stat-grid span{display:block;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:950;letter-spacing:.12em;}
.business-stat-grid strong{display:block;color:#0f172a;font-size:32px;letter-spacing:-.06em;margin:6px 0;}
.business-stat-grid small{color:#64748b;font-weight:750;}
.business-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start;}
.business-workspace-grid.two-one{grid-template-columns:390px minmax(0,1fr);}
.business-panel-card{padding:20px;}
.business-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;}
.business-action-list{display:grid;gap:10px;}
.business-action-list a{display:block;text-decoration:none;border:1px solid #e6edf7;background:#f8fafc;border-radius:18px;padding:15px;color:#0f172a;}
.business-action-list b,.business-action-list small{display:block;}
.business-action-list small{color:#64748b;margin-top:4px;font-weight:750;}
.business-progress{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:18px 0 8px;}
.business-progress div{height:100%;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#2563eb);}
.business-progress-number{display:block;font-size:42px;letter-spacing:-.07em;color:#0f172a;}
.business-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start;}
.business-profile-layout>section:nth-of-type(n+3),.business-hours-card,.business-sticky-save{grid-column:1 / -1;}
.business-form-card .field{margin-bottom:14px;}
.business-form-card label{display:block;color:#334155;font-size:13px;font-weight:950;margin-bottom:7px;}
.business-form-card input,.business-form-card select,.business-form-card textarea{width:100%;box-sizing:border-box;border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:12px 14px;min-height:48px;font-weight:750;color:#0f172a;}
.business-form-card textarea{resize:vertical;line-height:1.45;}
.business-side-preview{position:sticky;top:92px;}
.business-media-preview{position:relative;margin-bottom:16px;}
.business-preview-banner{height:138px;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:grid;place-items:center;overflow:hidden;color:#2563eb;font-weight:950;}
.business-preview-banner img{width:100%;height:100%;object-fit:cover;}
.business-preview-logo{width:70px;height:70px;border-radius:22px;background:#fff;border:5px solid #fff;box-shadow:0 12px 28px rgba(15,23,42,.18);display:grid;place-items:center;overflow:hidden;position:absolute;left:16px;bottom:-28px;font-size:30px;}
.business-media-preview+.field{margin-top:44px;}
.business-hour-row{display:grid;grid-template-columns:150px 1fr 1fr 110px;gap:10px;align-items:center;border:1px solid #e6edf7;background:#f8fafc;border-radius:18px;padding:10px;margin-bottom:9px;}
.business-hour-row input{min-height:42px;padding:8px 10px;}
.business-hour-row label{display:flex;gap:7px;align-items:center;margin:0;font-size:13px;}
.business-hour-row label input{width:auto;min-height:auto;}
.business-sticky-save{position:sticky;bottom:14px;display:flex;justify-content:flex-end;gap:10px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border:1px solid #e6edf7;border-radius:22px;padding:12px;box-shadow:0 18px 44px rgba(15,23,42,.12);z-index:5;}
.business-item-list{display:grid;gap:12px;}
.business-item-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;background:#fff;border:1px solid #e6edf7;border-radius:22px;padding:12px;box-shadow:0 12px 28px rgba(15,23,42,.05);}
.business-item-card img,.business-item-placeholder{width:112px;height:92px;border-radius:16px;object-fit:cover;background:#eff6ff;display:grid;place-items:center;font-size:34px;}
.business-item-card h3{margin:0;color:#0f172a;letter-spacing:-.04em;}
.business-item-card p{margin:5px 0 10px;color:#64748b;font-weight:750;line-height:1.4;}
.business-empty-mini{border:1px dashed #cbd5e1;border-radius:22px;padding:22px;color:#64748b;background:#fff;text-align:center;font-weight:900;}
@media(max-width:1050px){.business-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.business-workspace-grid,.business-workspace-grid.two-one,.business-profile-layout{grid-template-columns:1fr;}.business-side-preview{position:relative;top:auto;}.business-dashboard-profile{grid-template-columns:auto minmax(0,1fr);}.business-hero-actions{grid-column:1 / -1;justify-content:flex-start;}}
@media(max-width:760px){.business-shell{padding:4px 0 58px;}.business-hero{display:block;padding:20px;border-radius:24px;}.business-hero .btn{margin-top:16px;width:100%;box-sizing:border-box;}.business-onboarding-card{grid-template-columns:1fr;padding:18px;border-radius:24px;}.business-onboarding-art{height:120px;font-size:54px;}.business-benefits,.business-card-grid{grid-template-columns:1fr;}.business-list-head,.business-page-head{display:block;margin-top:14px;}.business-page-head .btn{margin-top:12px;width:100%;box-sizing:border-box;}.business-dashboard-profile{display:block;padding:0 16px 18px;margin-top:-32px;}.business-logo-big{width:78px;height:78px;border-radius:24px;margin-bottom:10px;}.business-status-row{gap:6px;}.business-hero-actions .btn{width:100%;box-sizing:border-box;}.business-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.business-stat-grid article{padding:13px;border-radius:18px;}.business-stat-grid strong{font-size:28px;}.business-tabs{margin-left:-6px;margin-right:-6px;}.business-panel-card{padding:16px;border-radius:22px;}.business-hour-row{grid-template-columns:1fr 1fr;}.business-hour-row strong{grid-column:1 / -1;}.business-sticky-save{left:10px;right:10px;}.business-sticky-save .btn,.business-sticky-save button{flex:1;}.business-item-card{grid-template-columns:82px minmax(0,1fr);}.business-item-card img,.business-item-placeholder{width:82px;height:82px;}}
@media(max-width:420px){.business-stat-grid{grid-template-columns:1fr;}.business-hour-row{grid-template-columns:1fr;}.business-sticky-save{display:grid;grid-template-columns:1fr;}.business-card-body{padding:15px;}}

/* TRUE-KEE 2.1 - My Business Hub expansion */
.business-tabs{display:flex;gap:10px;overflow-x:auto;padding:10px 2px 14px;scrollbar-width:thin}.business-tabs a{white-space:nowrap}.business-dashboard-hero.phase21{overflow:hidden}.business-stat-grid.phase21 article,.business-metric-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.business-metrics-grid.phase21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.business-metric-card span{display:block;color:#64748b;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.business-metric-card strong{display:block;font-size:2rem;margin:8px 0;color:#0f172a}.business-metric-card p{margin:0;color:#64748b}.business-workspace-grid.phase21{grid-template-columns:1fr 1fr}.business-panel-card.wide{grid-column:1/-1}.business-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.business-module-grid a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#0f172a;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:16px;background:#f8fafc}.business-module-grid small,.business-muted{color:#64748b}.business-health-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.business-insight-list{display:grid;gap:10px}.business-insight-list div{padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid rgba(15,23,42,.06)}.business-people-list,.business-review-list{display:grid;gap:12px}.business-person-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.06)}.business-avatar-mini{width:44px;height:44px;border-radius:50%;background:#e0f2fe;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.business-avatar-mini img{width:100%;height:100%;object-fit:cover}.business-review-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.business-review-summary div{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:18px;text-align:center;box-shadow:0 10px 30px rgba(15,23,42,.06)}.business-review-summary strong{font-size:2rem;display:block}.business-review-summary span{color:#64748b;font-weight:700}.business-review-card{padding:16px;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.06)}.business-review-top{display:flex;justify-content:space-between;gap:12px}.business-review-top span{color:#f59e0b}.business-verification-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#eef2ff;color:#1d4ed8;font-weight:800;margin-bottom:10px}.business-verification-badge.approved{background:#dcfce7;color:#166534}.business-verification-badge.pending{background:#fef3c7;color:#92400e}.business-toggle-row{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#f8fafc;margin-bottom:12px}.business-toggle-row input{margin-top:4px}.business-toggle-row span{display:grid;gap:4px}.business-toggle-row small{color:#64748b}.business-form-card.narrow{max-width:760px}.business-public-shell{max-width:1180px;margin:0 auto;padding:22px}.business-public-hero{background:#fff;border-radius:24px;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 40px rgba(15,23,42,.08);overflow:hidden;margin-bottom:20px}.business-public-banner{height:230px;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.business-public-banner img{width:100%;height:100%;object-fit:cover}.business-public-profile{display:flex;align-items:center;gap:18px;padding:22px}.business-public-profile>div:nth-child(2){flex:1}.business-public-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:22px}.business-public-section{margin:24px 0}.business-card-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.business-item-card img{object-fit:cover}
@media(max-width:900px){.business-metrics-grid.phase21,.business-module-grid,.business-review-summary,.business-card-grid.compact{grid-template-columns:1fr 1fr}.business-workspace-grid.phase21,.business-public-grid{grid-template-columns:1fr}.business-public-profile{align-items:flex-start;flex-direction:column}.business-public-banner{height:170px}}
@media(max-width:640px){.business-shell,.business-public-shell{padding-left:12px!important;padding-right:12px!important}.business-metrics-grid.phase21,.business-module-grid,.business-review-summary,.business-card-grid.compact{grid-template-columns:1fr}.business-public-profile{padding:16px}.business-stat-grid.phase21{grid-template-columns:1fr 1fr}.business-tabs{margin-left:-4px;margin-right:-4px}.business-tabs a{font-size:.86rem;padding:9px 12px}.business-review-top{flex-direction:column}}
.admin-inline-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-inline-actions form{display:inline-flex;gap:6px}.admin-inline-actions button,.admin-inline-actions a{border:1px solid rgba(15,23,42,.12);background:#fff;border-radius:10px;padding:7px 10px;text-decoration:none;color:#0f172a;font-weight:700;font-size:.82rem;cursor:pointer}

/* TRUE-KEE 2.2 — My Business aligned with portal / marketplace UI */
.business-shell,
.business-public-shell{
  max-width:1120px !important;
  margin:0 auto !important;
  padding:18px 14px 72px !important;
  color:#0f172a !important;
}
.business-shell *{box-sizing:border-box;}
.business-hero,
.business-dashboard-hero,
.business-onboarding-card,
.business-panel-card,
.business-card,
.business-metric-card,
.business-review-summary div,
.business-public-hero{
  background:#fff !important;
  border:1px solid #dadde1 !important;
  border-radius:18px !important;
  box-shadow:0 1px 2px rgba(15,23,42,.08) !important;
}
.business-hero{
  color:#0f172a !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:16px !important;
  align-items:center !important;
  padding:18px !important;
  margin-bottom:14px !important;
  background:#fff !important;
  overflow:hidden !important;
}
.business-hero:after{display:none !important;}
.business-hero .business-kicker,
.business-kicker,
.business-page-head span,
.business-list-head span,
.business-panel-head span,
.business-onboarding-card span{
  color:#1877f2 !important;
  font-size:11px !important;
  letter-spacing:.09em !important;
  margin-bottom:5px !important;
}
.business-hero h1,
.business-page-head h1,
.business-dashboard-profile h1{
  color:#0f172a !important;
  font-size:clamp(26px,3vw,38px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  margin:0 !important;
}
.business-hero p,
.business-page-head p,
.business-list-head p,
.business-dashboard-profile p,
.business-muted{
  color:#65676b !important;
  font-weight:650 !important;
  line-height:1.45 !important;
}
.business-primary,
.business-shell .btn.business-primary,
.business-sticky-save button.business-primary{
  background:#1877f2 !important;
  border-color:#1877f2 !important;
  color:#fff !important;
}
.business-shell .btn,
.business-actions .btn,
.business-hero-actions .btn,
.business-health-actions .btn{
  border-radius:999px !important;
  font-weight:900 !important;
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:10px 15px !important;
  text-decoration:none !important;
}
.business-shell .btn.light{
  background:#f0f2f5 !important;
  border-color:#f0f2f5 !important;
  color:#050505 !important;
}
.business-onboarding-card{
  grid-template-columns:150px minmax(0,1fr) !important;
  gap:18px !important;
  padding:20px !important;
  margin-top:14px !important;
}
.business-onboarding-art{
  height:132px !important;
  border-radius:16px !important;
  background:#f0f2f5 !important;
  font-size:54px !important;
}
.business-onboarding-card h2,
.business-list-head h2,
.business-panel-head h2{
  font-size:22px !important;
  letter-spacing:-.035em !important;
}
.business-benefits{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:14px 0 !important;
}
.business-benefits div,
.business-action-list a,
.business-module-grid a,
.business-insight-list div,
.business-person-row,
.business-review-card,
.business-toggle-row{
  background:#f0f2f5 !important;
  border:1px solid #e4e6eb !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
.business-benefits div{padding:10px !important;font-size:13px !important;}
.business-list-head,
.business-page-head{
  background:#fff !important;
  border:1px solid #dadde1 !important;
  border-radius:18px !important;
  box-shadow:0 1px 2px rgba(15,23,42,.08) !important;
  padding:18px !important;
  margin:0 0 14px !important;
}
.business-card-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
.business-card{overflow:hidden !important;}
.business-card-banner{
  height:132px !important;
  background:#f0f2f5 !important;
  color:#1877f2 !important;
}
.business-card-body{padding:16px !important;}
.business-logo-dot{
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  background:#e7f3ff !important;
  color:#1877f2 !important;
}
.business-card h3{font-size:19px !important;line-height:1.1 !important;}
.business-desc{font-size:14px !important;line-height:1.4 !important;margin:11px 0 !important;}
.business-mini-stats,
.business-status-row{gap:7px !important;margin:10px 0 !important;}
.business-mini-stats span,
.business-status-row span{
  border:0 !important;
  background:#f0f2f5 !important;
  color:#65676b !important;
  padding:7px 10px !important;
  font-size:12px !important;
}
.business-dashboard-hero.phase21{
  overflow:hidden !important;
  margin-bottom:12px !important;
}
.business-cover{
  height:158px !important;
  border-radius:18px 18px 0 0 !important;
  background:linear-gradient(135deg,#e7f3ff,#f0f2f5) !important;
}
.business-dashboard-profile{
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:14px !important;
  padding:0 18px 18px !important;
  margin-top:-34px !important;
}
.business-logo-big{
  width:78px !important;
  height:78px !important;
  border-radius:50% !important;
  border:5px solid #fff !important;
  box-shadow:0 3px 12px rgba(15,23,42,.16) !important;
}
.business-hero-actions{gap:8px !important;}
.business-tabs{
  background:#fff !important;
  border:1px solid #dadde1 !important;
  border-radius:18px !important;
  box-shadow:0 1px 2px rgba(15,23,42,.08) !important;
  padding:10px !important;
  gap:8px !important;
  margin:0 0 14px !important;
}
.business-tabs a{
  background:#f0f2f5 !important;
  border:0 !important;
  color:#050505 !important;
  border-radius:999px !important;
  padding:9px 12px !important;
  font-size:13px !important;
  box-shadow:none !important;
}
.business-tabs a.active,
.business-tabs a:hover{
  background:#1877f2 !important;
  color:#fff !important;
}
.business-stat-grid,
.business-stat-grid.phase21{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-bottom:14px !important;
}
.business-stat-grid article,
.business-stat-grid.phase21 article,
.business-metric-card{
  border-radius:16px !important;
  padding:15px !important;
  box-shadow:0 1px 2px rgba(15,23,42,.08) !important;
}
.business-stat-grid span,
.business-metric-card span{
  color:#65676b !important;
  font-size:11px !important;
  letter-spacing:.075em !important;
}
.business-stat-grid strong,
.business-metric-card strong{
  font-size:29px !important;
  margin:5px 0 !important;
  letter-spacing:-.045em !important;
}
.business-stat-grid small,
.business-metric-card p{color:#65676b !important;font-weight:650 !important;}
.business-workspace-grid,
.business-workspace-grid.phase21{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:14px !important;
}
.business-workspace-grid.two-one{grid-template-columns:330px minmax(0,1fr) !important;}
.business-panel-card{
  padding:18px !important;
  border-radius:18px !important;
}
.business-panel-head{
  align-items:flex-start !important;
  margin-bottom:13px !important;
}
.business-panel-head h2{font-size:21px !important;line-height:1.12 !important;}
.business-action-list{gap:8px !important;}
.business-action-list a,
.business-module-grid a{
  padding:13px !important;
  color:#0f172a !important;
}
.business-action-list a:hover,
.business-module-grid a:hover{
  background:#e7f3ff !important;
  border-color:#cfe5ff !important;
}
.business-module-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
.business-progress{height:10px !important;background:#f0f2f5 !important;}
.business-progress div{background:#1877f2 !important;}
.business-progress-number{font-size:34px !important;}
.business-profile-layout{
  grid-template-columns:minmax(0,1fr) 340px !important;
  gap:14px !important;
}
.business-form-card .grid{gap:12px !important;}
.business-form-card .field{margin-bottom:12px !important;}
.business-form-card label{font-size:12px !important;color:#65676b !important;margin-bottom:6px !important;}
.business-form-card input,
.business-form-card select,
.business-form-card textarea{
  border:1px solid #ccd0d5 !important;
  border-radius:12px !important;
  background:#fff !important;
  min-height:44px !important;
  padding:10px 12px !important;
  font-weight:650 !important;
}
.business-form-card input:focus,
.business-form-card select:focus,
.business-form-card textarea:focus{
  border-color:#1877f2 !important;
  box-shadow:0 0 0 3px rgba(24,119,242,.12) !important;
  outline:0 !important;
}
.business-side-preview{top:82px !important;}
.business-preview-banner{height:122px !important;border-radius:14px !important;background:#f0f2f5 !important;}
.business-preview-logo{width:62px !important;height:62px !important;border-radius:50% !important;bottom:-24px !important;}
.business-hour-row{
  grid-template-columns:130px 1fr 1fr 100px !important;
  border-radius:14px !important;
  background:#f0f2f5 !important;
  border-color:#e4e6eb !important;
  padding:9px !important;
}
.business-sticky-save{
  border-radius:18px !important;
  box-shadow:0 6px 22px rgba(15,23,42,.16) !important;
  border-color:#dadde1 !important;
  padding:10px !important;
}
.business-item-list{gap:10px !important;}
.business-item-card{
  border-radius:16px !important;
  grid-template-columns:96px minmax(0,1fr) !important;
  padding:10px !important;
  box-shadow:0 1px 2px rgba(15,23,42,.08) !important;
}
.business-item-card img,
.business-item-placeholder{
  width:96px !important;
  height:82px !important;
  border-radius:12px !important;
}
.business-empty-mini{
  border-radius:16px !important;
  background:#f0f2f5 !important;
  border-color:#dadde1 !important;
}
.business-metrics-grid.phase21{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:14px 0 !important;
}
.business-review-summary{gap:12px !important;}
.business-public-shell{max-width:1120px !important;}
.business-public-hero{border-radius:18px !important;}
.business-public-banner{height:190px !important;background:#f0f2f5 !important;}
.business-public-profile{padding:18px !important;}
.business-public-grid{gap:14px !important;}
.business-card-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;}
@media(max-width:1050px){
  .business-hero{grid-template-columns:1fr !important;}
  .business-workspace-grid,
  .business-workspace-grid.phase21,
  .business-workspace-grid.two-one,
  .business-profile-layout{
    grid-template-columns:1fr !important;
  }
  .business-side-preview{position:relative !important;top:auto !important;}
  .business-dashboard-profile{grid-template-columns:auto minmax(0,1fr) !important;align-items:center !important;}
  .business-hero-actions{grid-column:1 / -1 !important;justify-content:flex-start !important;}
}
@media(max-width:760px){
  .business-shell,
  .business-public-shell{padding:12px 10px 66px !important;}
  .business-hero,
  .business-page-head,
  .business-list-head,
  .business-onboarding-card,
  .business-panel-card,
  .business-card,
  .business-dashboard-hero.phase21{border-radius:16px !important;}
  .business-hero{padding:16px !important;}
  .business-hero h1,
  .business-page-head h1,
  .business-dashboard-profile h1{font-size:30px !important;}
  .business-onboarding-card{grid-template-columns:1fr !important;padding:16px !important;}
  .business-onboarding-art{height:94px !important;font-size:42px !important;}
  .business-benefits,
  .business-card-grid,
  .business-metrics-grid.phase21,
  .business-card-grid.compact{grid-template-columns:1fr !important;}
  .business-stat-grid,
  .business-stat-grid.phase21{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important;}
  .business-stat-grid article{padding:12px !important;}
  .business-stat-grid strong{font-size:25px !important;}
  .business-tabs{border-radius:16px !important;padding:8px !important;}
  .business-cover{height:118px !important;border-radius:16px 16px 0 0 !important;}
  .business-dashboard-profile{display:block !important;padding:0 14px 15px !important;margin-top:-29px !important;}
  .business-logo-big{width:66px !important;height:66px !important;margin-bottom:9px !important;}
  .business-hero-actions .btn,
  .business-page-head .btn,
  .business-sticky-save .btn,
  .business-sticky-save button{width:100% !important;}
  .business-module-grid{grid-template-columns:1fr !important;}
  .business-hour-row{grid-template-columns:1fr 1fr !important;}
  .business-hour-row strong{grid-column:1 / -1 !important;}
  .business-sticky-save{left:10px !important;right:10px !important;display:grid !important;grid-template-columns:1fr !important;}
  .business-item-card{grid-template-columns:76px minmax(0,1fr) !important;}
  .business-item-card img,
  .business-item-placeholder{width:76px !important;height:76px !important;}
  .business-public-banner{height:140px !important;}
  .business-public-profile{align-items:flex-start !important;flex-direction:column !important;padding:15px !important;}
}
@media(max-width:420px){
  .business-stat-grid,
  .business-stat-grid.phase21{grid-template-columns:1fr !important;}
  .business-hour-row{grid-template-columns:1fr !important;}
  .business-card-body{padding:14px !important;}
}

/* TRUE-KEE 2.3 — My Business Banner Studio */
.business-cover img,
.business-public-banner img,
.business-preview-banner img,
.business-banner-large-preview img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.business-cover,
.business-public-banner,
.business-preview-banner,
.business-banner-large-preview{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
}
.business-custom-banner-content{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  gap:8px !important;
  color:#fff !important;
  text-align:left !important;
  padding:24px !important;
  width:100% !important;
}
.business-custom-banner-content strong{
  font-size:clamp(26px,4vw,48px) !important;
  line-height:1 !important;
  letter-spacing:-.06em !important;
  max-width:760px !important;
}
.business-custom-banner-content span{
  font-size:clamp(14px,1.7vw,20px) !important;
  font-weight:800 !important;
  opacity:.92 !important;
  max-width:620px !important;
}
.business-preview-banner .business-custom-banner-content{padding:14px !important;gap:4px !important;}
.business-preview-banner .business-custom-banner-content strong{font-size:22px !important;}
.business-preview-banner .business-custom-banner-content span{font-size:12px !important;}
.gradient-blue{background:linear-gradient(135deg,#1877f2,#0f172a) !important;}
.gradient-dark{background:linear-gradient(135deg,#020617,#334155) !important;}
.gradient-cyan{background:linear-gradient(135deg,#06b6d4,#2563eb) !important;}
.gradient-sunset{background:linear-gradient(135deg,#f97316,#be123c) !important;}
.business-banner-studio{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 360px !important;
  gap:14px !important;
  align-items:start !important;
}
.business-banner-large-preview{
  min-height:320px !important;
  border-radius:18px !important;
  background:#f0f2f5 !important;
  border:1px solid #dadde1 !important;
}
.business-sticky-save.inline{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  display:flex !important;
  justify-content:flex-end !important;
  margin-top:14px !important;
}
@media(max-width:900px){
  .business-banner-studio{grid-template-columns:1fr !important;}
  .business-banner-large-preview{min-height:220px !important;}
}
@media(max-width:640px){
  .business-custom-banner-content{padding:16px !important;}
  .business-banner-large-preview{min-height:170px !important;}
  .business-custom-banner-content strong{font-size:27px !important;}
}

/* TRUE-KEE 2.4 — Professional live Banner Studio */
.banner-editor-head{align-items:flex-end !important;}
.banner-editor-actions{display:flex !important;gap:10px !important;flex-wrap:wrap !important;justify-content:flex-end !important;}
.business-banner-studio.pro{
  grid-template-columns:minmax(0,1fr) 390px !important;
  gap:18px !important;
}
.compact-head{margin-bottom:12px !important;}
.banner-preview-card,.banner-control-card{padding:18px !important;}
.banner-preview-chip{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  min-height:32px !important;padding:7px 11px !important;border-radius:999px !important;
  background:#eef4ff !important;color:#1877f2 !important;font-weight:900 !important;font-size:12px !important;
  white-space:nowrap !important;
}
.business-banner-large-preview.pro-preview{
  min-height:360px !important;
  border-radius:22px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:0 18px 45px rgba(15,23,42,.13) !important;
  isolation:isolate !important;
}
.business-banner-large-preview.pro-preview img{transition:object-position .08s linear, transform .18s ease !important;}
.business-banner-large-preview.pro-preview.is-custom img{display:none !important;}
.business-banner-large-preview.pro-preview.is-image .business-custom-banner-content{display:flex !important;}
.business-banner-large-preview.pro-preview.is-image:after{
  content:'' !important;position:absolute !important;inset:0 !important;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.08)) !important;
  pointer-events:none !important;
}
.business-banner-large-preview.pro-preview .business-custom-banner-content{
  min-height:100% !important;align-content:center !important;
}
.banner-safe-grid{
  position:absolute !important;inset:24px !important;border:1px dashed rgba(255,255,255,.42) !important;
  border-radius:16px !important;pointer-events:none !important;opacity:.0 !important;transition:.18s ease !important;z-index:5 !important;
}
.business-banner-large-preview:hover .banner-safe-grid{opacity:1 !important;}
.banner-preview-footer{
  display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;
  margin-top:14px !important;padding:12px 14px !important;border-radius:16px !important;
  background:#f8fafc !important;border:1px solid rgba(15,23,42,.08) !important;
}
.banner-preview-footer div{display:grid !important;gap:2px !important;min-width:0 !important;}
.banner-preview-footer strong{font-size:13px !important;color:#0f172a !important;}
.banner-preview-footer span{font-size:12px !important;color:#64748b !important;line-height:1.35 !important;}
.btn.mini{min-height:34px !important;padding:8px 12px !important;font-size:12px !important;border-radius:999px !important;white-space:nowrap !important;}
.banner-control-group{padding:14px !important;border:1px solid rgba(15,23,42,.08) !important;border-radius:18px !important;background:#fff !important;margin-bottom:12px !important;}
.banner-control-label{display:block !important;font-size:12px !important;font-weight:950 !important;color:#0f172a !important;margin-bottom:10px !important;letter-spacing:.02em !important;}
.banner-segmented{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;background:#f1f5f9 !important;padding:5px !important;border-radius:14px !important;}
.banner-segmented label{display:flex !important;align-items:center !important;justify-content:center !important;min-height:42px !important;border-radius:11px !important;font-weight:900 !important;color:#64748b !important;cursor:pointer !important;transition:.18s ease !important;}
.banner-segmented label.active{background:#fff !important;color:#1877f2 !important;box-shadow:0 6px 18px rgba(15,23,42,.10) !important;}
.banner-segmented input{display:none !important;}
.banner-file-drop{display:grid !important;place-items:center !important;text-align:center !important;gap:4px !important;padding:18px 14px !important;border:1px dashed #94a3b8 !important;border-radius:16px !important;background:#f8fafc !important;cursor:pointer !important;transition:.18s ease !important;}
.banner-file-drop:hover{background:#eef6ff !important;border-color:#1877f2 !important;}
.banner-file-drop input{display:none !important;}
.banner-file-drop .file-icon{font-size:26px !important;line-height:1 !important;}
.banner-file-drop strong{font-size:13px !important;color:#0f172a !important;}
.banner-file-drop small{font-size:12px !important;color:#64748b !important;}
.banner-range-row{display:grid !important;gap:8px !important;margin-top:12px !important;}
.banner-range-row label{display:flex !important;align-items:center !important;justify-content:space-between !important;font-size:12px !important;font-weight:850 !important;color:#334155 !important;}
.banner-range-row output{font-size:12px !important;color:#1877f2 !important;font-weight:950 !important;}
.banner-range-row input[type=range]{width:100% !important;accent-color:#1877f2 !important;}
.field.compact{margin-bottom:10px !important;}
.field.compact input{min-height:42px !important;border-radius:12px !important;}
.banner-style-select{width:100% !important;min-height:42px !important;border-radius:12px !important;border:1px solid rgba(15,23,42,.13) !important;padding:0 12px !important;font-weight:800 !important;background:#fff !important;}
.banner-template-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important;margin-top:10px !important;}
.banner-template-grid button{border:0 !important;border-radius:14px !important;min-height:48px !important;color:#fff !important;font-weight:950 !important;cursor:pointer !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 8px 20px rgba(15,23,42,.12) !important;}
.banner-template-grid button.selected{outline:3px solid rgba(24,119,242,.28) !important;outline-offset:2px !important;}
.pro-save{justify-content:stretch !important;}
.pro-save .btn,.pro-save button{width:100% !important;}
@media(max-width:980px){
  .business-banner-studio.pro{grid-template-columns:1fr !important;}
  .business-banner-large-preview.pro-preview{min-height:280px !important;}
  .banner-editor-head{align-items:flex-start !important;}
  .banner-editor-actions{justify-content:flex-start !important;}
}
@media(max-width:640px){
  .banner-preview-card,.banner-control-card{padding:14px !important;border-radius:18px !important;}
  .business-banner-large-preview.pro-preview{min-height:210px !important;border-radius:18px !important;}
  .banner-preview-footer{align-items:flex-start !important;flex-direction:column !important;padding:10px !important;}
  .banner-preview-footer .btn{width:100% !important;}
  .banner-control-group{padding:12px !important;border-radius:16px !important;}
  .banner-template-grid{grid-template-columns:1fr 1fr !important;}
  .business-banner-large-preview.pro-preview .business-custom-banner-content strong{font-size:25px !important;}
  .business-banner-large-preview.pro-preview .business-custom-banner-content span{font-size:13px !important;}
}

/* TRUE-KEE 2.5 — Banner Studio controls actually move preview */
.business-banner-large-preview.pro-preview{
  --banner-x:50%;
  --banner-y:50%;
}
.business-banner-large-preview.pro-preview img#previewImage{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:var(--banner-x) var(--banner-y) !important;
  transform:scale(1.035) !important;
  will-change:object-position, transform-origin !important;
  z-index:1 !important;
}
.business-banner-large-preview.pro-preview.is-image img#previewImage{
  display:block !important;
}
.business-banner-large-preview.pro-preview.is-custom img#previewImage{
  display:none !important;
}
.business-banner-large-preview.pro-preview .business-custom-banner-content,
.business-banner-large-preview.pro-preview .banner-safe-grid{
  z-index:3 !important;
}
.banner-live-hint{
  margin-top:10px !important;
  padding:9px 11px !important;
  border-radius:12px !important;
  background:#f8fafc !important;
  color:#64748b !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  border:1px solid rgba(15,23,42,.08) !important;
}
.banner-live-hint.active{
  background:#eef6ff !important;
  color:#1877f2 !important;
  border-color:rgba(24,119,242,.22) !important;
}

/* TRUE-KEE 2.6 — Professional fixed business banner header
   The banner image can be moved/cropped, but logo, name, details and buttons stay locked to a clean grid. */
.business-dashboard-hero.phase21,
.business-public-hero{
  position:relative !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:#fff !important;
  min-height:286px !important;
  box-shadow:0 1px 2px rgba(15,23,42,.08),0 12px 34px rgba(15,23,42,.08) !important;
}
.business-dashboard-hero.phase21 .business-cover,
.business-public-hero .business-public-banner{
  position:absolute !important;
  inset:0 !important;
  height:100% !important;
  width:100% !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,#1877f2,#0f172a) !important;
  overflow:hidden !important;
  display:block !important;
}
.business-dashboard-hero.phase21 .business-cover img,
.business-public-hero .business-public-banner img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transform:scale(1.01) !important;
}
.business-dashboard-hero.phase21 .business-cover:after,
.business-public-hero .business-public-banner:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(2,6,23,.82),rgba(2,6,23,.54) 42%,rgba(2,6,23,.15) 100%),
    linear-gradient(180deg,rgba(2,6,23,.05),rgba(2,6,23,.70)) !important;
  z-index:1 !important;
  pointer-events:none !important;
}
.business-dashboard-hero.phase21 .business-cover .business-custom-banner-content,
.business-public-hero .business-public-banner .business-custom-banner-content{
  display:none !important;
}
.business-dashboard-hero.phase21 .business-dashboard-profile,
.business-public-hero .business-public-profile{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:22px !important;
  z-index:3 !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  gap:16px !important;
  align-items:end !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
}
.business-dashboard-hero.phase21 .business-logo-big,
.business-public-hero .business-logo-big{
  width:86px !important;
  height:86px !important;
  border-radius:22px !important;
  border:4px solid rgba(255,255,255,.96) !important;
  background:#fff !important;
  color:#1877f2 !important;
  box-shadow:0 12px 32px rgba(0,0,0,.26) !important;
  flex:0 0 auto !important;
  margin:0 !important;
}
.business-dashboard-hero.phase21 .business-kicker,
.business-public-hero .business-kicker{
  color:#dbeafe !important;
  margin-bottom:6px !important;
  text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
}
.business-dashboard-hero.phase21 h1,
.business-public-hero h1{
  color:#fff !important;
  font-size:clamp(28px,4vw,48px) !important;
  letter-spacing:-.055em !important;
  line-height:1 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.22) !important;
}
.business-dashboard-hero.phase21 p,
.business-public-hero p{
  color:rgba(255,255,255,.88) !important;
  margin:7px 0 0 !important;
  max-width:680px !important;
  font-weight:750 !important;
  line-height:1.4 !important;
}
.business-dashboard-hero.phase21 .business-status-row,
.business-public-hero .business-status-row{
  margin:10px 0 0 !important;
  gap:7px !important;
}
.business-dashboard-hero.phase21 .business-status-row span,
.business-public-hero .business-status-row span{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
  backdrop-filter:blur(12px) !important;
  box-shadow:none !important;
}
.business-dashboard-hero.phase21 .business-hero-actions,
.business-public-hero .business-hero-actions{
  align-self:end !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-width:max-content !important;
}
.business-dashboard-hero.phase21 .business-hero-actions .btn,
.business-public-hero .business-hero-actions .btn{
  box-shadow:0 10px 26px rgba(0,0,0,.18) !important;
}

/* Banner Studio preview now shows the real fixed-layout header, so you can see what visitors will see. */
.business-banner-large-preview.pro-preview .banner-profile-overlay{
  position:absolute !important;
  left:24px !important;
  right:24px !important;
  bottom:22px !important;
  z-index:6 !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  gap:14px !important;
  align-items:end !important;
  color:#fff !important;
  pointer-events:none !important;
}
.business-banner-large-preview.pro-preview .banner-profile-logo{
  width:76px !important;
  height:76px !important;
  border-radius:20px !important;
  border:4px solid rgba(255,255,255,.95) !important;
  background:#fff !important;
  color:#1877f2 !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  font-size:32px !important;
  box-shadow:0 12px 32px rgba(0,0,0,.26) !important;
}
.business-banner-large-preview.pro-preview .banner-profile-logo img{width:100% !important;height:100% !important;object-fit:cover !important;position:relative !important;display:block !important;transform:none !important;z-index:1 !important;}
.business-banner-large-preview.pro-preview .banner-profile-text strong{
  display:block !important;
  font-size:clamp(24px,3.2vw,42px) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
  text-shadow:0 2px 12px rgba(0,0,0,.22) !important;
}
.business-banner-large-preview.pro-preview .banner-profile-text span{
  display:inline-flex !important;
  margin-top:8px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  backdrop-filter:blur(12px) !important;
}
.business-banner-large-preview.pro-preview.is-image:after,
.business-banner-large-preview.pro-preview:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg,rgba(2,6,23,.78),rgba(2,6,23,.44) 42%,rgba(2,6,23,.12) 100%),
    linear-gradient(180deg,rgba(2,6,23,.02),rgba(2,6,23,.66)) !important;
  z-index:2 !important;
  pointer-events:none !important;
}
.business-banner-large-preview.pro-preview .business-custom-banner-content{
  z-index:3 !important;
  opacity:.38 !important;
}
@media(max-width:760px){
  .business-dashboard-hero.phase21,
  .business-public-hero{
    min-height:338px !important;
    border-radius:18px !important;
  }
  .business-dashboard-hero.phase21 .business-cover,
  .business-public-hero .business-public-banner{
    border-radius:18px !important;
  }
  .business-dashboard-hero.phase21 .business-dashboard-profile,
  .business-public-hero .business-public-profile{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    align-items:start !important;
  }
  .business-dashboard-hero.phase21 .business-logo-big,
  .business-public-hero .business-logo-big{
    width:66px !important;
    height:66px !important;
    border-radius:18px !important;
  }
  .business-dashboard-hero.phase21 h1,
  .business-public-hero h1{font-size:30px !important;}
  .business-dashboard-hero.phase21 .business-hero-actions,
  .business-public-hero .business-hero-actions{
    width:100% !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .business-dashboard-hero.phase21 .business-hero-actions .btn,
  .business-public-hero .business-hero-actions .btn{width:100% !important;}
  .business-banner-large-preview.pro-preview .banner-profile-overlay{
    left:14px !important;right:14px !important;bottom:14px !important;grid-template-columns:1fr !important;gap:8px !important;
  }
  .business-banner-large-preview.pro-preview .banner-profile-logo{width:58px !important;height:58px !important;border-radius:16px !important;}
  .business-banner-large-preview.pro-preview .banner-profile-text strong{font-size:25px !important;}
}

/* TRUE-KEE 2.7 — Brand Studio instant style preview */
.banner-style-live-note{
  margin-top:8px !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  background:#eef6ff !important;
  color:#334155 !important;
  font-size:12px !important;
  font-weight:800 !important;
  border:1px solid rgba(24,119,242,.16) !important;
}
.banner-style-live-note strong{color:#1877f2 !important;}
.business-banner-large-preview.pro-preview.gradient-blue{background:linear-gradient(135deg,#1877f2 0%,#0f172a 100%) !important;}
.business-banner-large-preview.pro-preview.gradient-dark{background:linear-gradient(135deg,#020617 0%,#334155 100%) !important;}
.business-banner-large-preview.pro-preview.gradient-cyan{background:linear-gradient(135deg,#06b6d4 0%,#2563eb 100%) !important;}
.business-banner-large-preview.pro-preview.gradient-sunset{background:linear-gradient(135deg,#f97316 0%,#be123c 100%) !important;}
.business-banner-large-preview.pro-preview[data-gradient="blue"] .banner-profile-logo{color:#1877f2 !important;}
.business-banner-large-preview.pro-preview[data-gradient="dark"] .banner-profile-logo{color:#0f172a !important;}
.business-banner-large-preview.pro-preview[data-gradient="cyan"] .banner-profile-logo{color:#06b6d4 !important;}
.business-banner-large-preview.pro-preview[data-gradient="sunset"] .banner-profile-logo{color:#f97316 !important;}

/* TRUE-KEE 2.8 — Brand Studio cleanup and real photo color styling */
.business-brand-summary{
  display:grid !important;
  gap:12px !important;
  padding:14px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:18px !important;
  background:#f8fafc !important;
}
.business-brand-summary strong{
  display:block !important;
  color:#0f172a !important;
  font-size:14px !important;
  font-weight:950 !important;
  margin-bottom:3px !important;
}
.business-brand-summary span{
  display:block !important;
  color:#64748b !important;
  font-size:12px !important;
  font-weight:750 !important;
  line-height:1.35 !important;
}
.business-brand-summary .btn{width:100% !important;}
#styleControls{
  border-color:rgba(24,119,242,.18) !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
}
.business-banner-large-preview.pro-preview.gradient-blue:before,
.business-dashboard-hero.phase21 .business-cover.gradient-blue:after,
.business-public-hero .business-public-banner.gradient-blue:after{
  background:
    linear-gradient(90deg,rgba(24,119,242,.64),rgba(15,23,42,.52) 46%,rgba(24,119,242,.12) 100%),
    linear-gradient(180deg,rgba(2,6,23,.04),rgba(15,23,42,.70)) !important;
}
.business-banner-large-preview.pro-preview.gradient-dark:before,
.business-dashboard-hero.phase21 .business-cover.gradient-dark:after,
.business-public-hero .business-public-banner.gradient-dark:after{
  background:
    linear-gradient(90deg,rgba(2,6,23,.86),rgba(15,23,42,.60) 46%,rgba(51,65,85,.16) 100%),
    linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.76)) !important;
}
.business-banner-large-preview.pro-preview.gradient-cyan:before,
.business-dashboard-hero.phase21 .business-cover.gradient-cyan:after,
.business-public-hero .business-public-banner.gradient-cyan:after{
  background:
    linear-gradient(90deg,rgba(6,182,212,.64),rgba(37,99,235,.50) 46%,rgba(6,182,212,.12) 100%),
    linear-gradient(180deg,rgba(2,6,23,.02),rgba(14,116,144,.68)) !important;
}
.business-banner-large-preview.pro-preview.gradient-sunset:before,
.business-dashboard-hero.phase21 .business-cover.gradient-sunset:after,
.business-public-hero .business-public-banner.gradient-sunset:after{
  background:
    linear-gradient(90deg,rgba(249,115,22,.66),rgba(190,18,60,.52) 46%,rgba(249,115,22,.12) 100%),
    linear-gradient(180deg,rgba(2,6,23,.02),rgba(127,29,29,.70)) !important;
}
.business-banner-large-preview.pro-preview.gradient-blue .banner-profile-logo,
.business-dashboard-hero.phase21 .business-cover.gradient-blue ~ .business-dashboard-profile .business-logo-big,
.business-public-hero .business-public-banner.gradient-blue ~ .business-public-profile .business-logo-big{color:#1877f2 !important;}
.business-banner-large-preview.pro-preview.gradient-dark .banner-profile-logo,
.business-dashboard-hero.phase21 .business-cover.gradient-dark ~ .business-dashboard-profile .business-logo-big,
.business-public-hero .business-public-banner.gradient-dark ~ .business-public-profile .business-logo-big{color:#0f172a !important;}
.business-banner-large-preview.pro-preview.gradient-cyan .banner-profile-logo,
.business-dashboard-hero.phase21 .business-cover.gradient-cyan ~ .business-dashboard-profile .business-logo-big,
.business-public-hero .business-public-banner.gradient-cyan ~ .business-public-profile .business-logo-big{color:#06b6d4 !important;}
.business-banner-large-preview.pro-preview.gradient-sunset .banner-profile-logo,
.business-dashboard-hero.phase21 .business-cover.gradient-sunset ~ .business-dashboard-profile .business-logo-big,
.business-public-hero .business-public-banner.gradient-sunset ~ .business-public-profile .business-logo-big{color:#f97316 !important;}
.business-banner-large-preview.pro-preview.is-custom:before{
  opacity:.88 !important;
}
.business-banner-large-preview.pro-preview.is-image:after{
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.08)) !important;
}
@media(max-width:760px){
  .business-brand-summary{padding:12px !important;border-radius:16px !important;}
}

/* TRUE-KEE 2.9 — Brand Studio realtime mode switching + advanced image controls */
.gradient-none,
.business-banner-large-preview.pro-preview.gradient-none{
  background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%) !important;
}
.banner-template-grid .gradient-none{
  background:linear-gradient(135deg,#f8fafc,#e2e8f0) !important;
  color:#0f172a !important;
  border:1px solid rgba(15,23,42,.16) !important;
}
.business-banner-large-preview.pro-preview img#previewImage,
.business-cover img,
.business-public-banner img{
  transform:scale(var(--banner-zoom,1)) !important;
  filter:brightness(var(--banner-brightness,100%)) saturate(var(--banner-saturation,100%)) blur(var(--banner-blur,0px)) !important;
  transition:object-position .08s linear, transform .15s ease, filter .15s ease !important;
  will-change:transform,filter,object-position !important;
}
.business-banner-large-preview.pro-preview.is-custom img#previewImage{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}
.business-banner-large-preview.pro-preview.is-image img#previewImage{
  opacity:1 !important;
  visibility:visible !important;
}
.business-banner-large-preview.pro-preview:before,
.business-dashboard-hero.phase21 .business-cover:after,
.business-public-hero .business-public-banner:after{
  opacity:var(--banner-overlay-opacity,.70) !important;
}
.business-banner-large-preview.pro-preview.gradient-none:before,
.business-dashboard-hero.phase21 .business-cover.gradient-none:after,
.business-public-hero .business-public-banner.gradient-none:after{
  background:transparent !important;
  opacity:0 !important;
}
.business-banner-large-preview.pro-preview.gradient-none .banner-profile-logo,
.business-dashboard-hero.phase21 .business-cover.gradient-none ~ .business-dashboard-profile .business-logo-big,
.business-public-hero .business-public-banner.gradient-none ~ .business-public-profile .business-logo-big{
  color:#0f172a !important;
}
.business-banner-large-preview.pro-preview.gradient-none .banner-profile-text span{
  background:rgba(15,23,42,.18) !important;
  border-color:rgba(255,255,255,.28) !important;
}
.business-banner-large-preview.pro-preview.gradient-none.is-custom .business-custom-banner-content{
  color:#0f172a !important;
  opacity:1 !important;
}
.business-banner-large-preview.pro-preview.gradient-none.is-custom .banner-profile-text strong,
.business-banner-large-preview.pro-preview.gradient-none.is-custom .banner-profile-text span{
  color:#fff !important;
}
.banner-range-row input[type="range"]{
  width:100% !important;
  accent-color:#1877f2 !important;
}
#photoControls .banner-range-row{
  padding-top:2px !important;
}
@media(max-width:760px){
  .banner-template-grid{grid-template-columns:1fr 1fr !important;}
  .banner-template-grid .gradient-none{grid-column:1 / -1 !important;}
}

/* TRUE-KEE 3.0 — Unified Business Banner Rendering
   Brand Studio settings now render identically in public Store, My Business Dashboard and Business Profile preview. */
.business-cover,
.business-public-banner,
.business-preview-banner,
.business-banner-large-preview{
  background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%) !important;
}
.business-cover .business-banner-image,
.business-public-banner .business-banner-image,
.business-preview-banner .business-banner-image,
.business-banner-large-preview .business-banner-image,
.business-banner-large-preview.pro-preview img#previewImage{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:var(--banner-x,50%) var(--banner-y,50%) !important;
  transform:scale(var(--banner-zoom,1)) !important;
  filter:brightness(var(--banner-brightness,100%)) saturate(var(--banner-saturation,100%)) blur(var(--banner-blur,0px)) !important;
  transform-origin:center center !important;
  display:block !important;
  transition:object-position .08s linear, transform .15s ease, filter .15s ease !important;
  will-change:transform,filter,object-position !important;
}
.business-cover.is-custom .business-banner-image,
.business-public-banner.is-custom .business-banner-image,
.business-preview-banner.is-custom .business-banner-image,
.business-banner-large-preview.is-custom .business-banner-image{
  display:none !important;
}
.business-banner-fallback{
  position:relative !important;
  z-index:2 !important;
  color:#64748b !important;
  font-weight:900 !important;
}
.business-preview-banner{
  min-height:122px !important;
}
.business-preview-banner:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  opacity:var(--banner-overlay-opacity,.70) !important;
}
.business-preview-banner.gradient-blue:after{
  background:linear-gradient(90deg,rgba(24,119,242,.64),rgba(15,23,42,.52) 46%,rgba(24,119,242,.12) 100%),linear-gradient(180deg,rgba(2,6,23,.04),rgba(15,23,42,.70)) !important;
}
.business-preview-banner.gradient-dark:after{
  background:linear-gradient(90deg,rgba(2,6,23,.86),rgba(15,23,42,.60) 46%,rgba(51,65,85,.16) 100%),linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.76)) !important;
}
.business-preview-banner.gradient-cyan:after{
  background:linear-gradient(90deg,rgba(6,182,212,.64),rgba(37,99,235,.50) 46%,rgba(6,182,212,.12) 100%),linear-gradient(180deg,rgba(2,6,23,.02),rgba(14,116,144,.68)) !important;
}
.business-preview-banner.gradient-sunset:after{
  background:linear-gradient(90deg,rgba(249,115,22,.66),rgba(190,18,60,.52) 46%,rgba(249,115,22,.12) 100%),linear-gradient(180deg,rgba(2,6,23,.02),rgba(127,29,29,.70)) !important;
}
.business-preview-banner.gradient-none:after{
  background:transparent !important;
  opacity:0 !important;
}
.business-preview-banner .business-custom-banner-content,
.business-cover .business-custom-banner-content,
.business-public-banner .business-custom-banner-content{
  z-index:2 !important;
}
.business-preview-banner.gradient-none.is-custom .business-custom-banner-content{
  color:#0f172a !important;
}

/* TRUE-KEE 3.2 — One Brand Studio banner renderer everywhere
   Store, My Business and Business Profile preview now use the same banner classes,
   CSS variables and rendered art. Only the container size changes per page. */
.business-card-banner,
.business-preview-banner,
.business-public-banner,
.business-cover{
  position:relative !important;
  overflow:hidden !important;
  display:block !important;
  isolation:isolate !important;
  background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%) !important;
}
.business-card-banner .business-banner-image,
.business-preview-banner .business-banner-image,
.business-public-banner .business-banner-image,
.business-cover .business-banner-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:var(--banner-x,50%) var(--banner-y,50%) !important;
  transform:scale(var(--banner-zoom,1)) !important;
  transform-origin:center center !important;
  filter:brightness(var(--banner-brightness,100%)) saturate(var(--banner-saturation,100%)) blur(var(--banner-blur,0px)) !important;
  transition:object-position .08s linear, transform .15s ease, filter .15s ease !important;
  will-change:transform,filter,object-position !important;
  display:block !important;
  z-index:0 !important;
}
.business-card-banner.is-custom .business-banner-image,
.business-preview-banner.is-custom .business-banner-image,
.business-public-banner.is-custom .business-banner-image,
.business-cover.is-custom .business-banner-image{
  display:none !important;
}
.business-card-banner:after,
.business-preview-banner:after,
.business-public-banner:after,
.business-cover:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  opacity:var(--banner-overlay-opacity,.70) !important;
}
.business-card-banner.gradient-blue:after,
.business-preview-banner.gradient-blue:after,
.business-public-banner.gradient-blue:after,
.business-cover.gradient-blue:after{
  background:linear-gradient(90deg,rgba(24,119,242,.64),rgba(15,23,42,.52) 46%,rgba(24,119,242,.12) 100%),linear-gradient(180deg,rgba(2,6,23,.04),rgba(15,23,42,.70)) !important;
}
.business-card-banner.gradient-dark:after,
.business-preview-banner.gradient-dark:after,
.business-public-banner.gradient-dark:after,
.business-cover.gradient-dark:after{
  background:linear-gradient(90deg,rgba(2,6,23,.86),rgba(15,23,42,.60) 46%,rgba(51,65,85,.16) 100%),linear-gradient(180deg,rgba(2,6,23,.08),rgba(2,6,23,.76)) !important;
}
.business-card-banner.gradient-cyan:after,
.business-preview-banner.gradient-cyan:after,
.business-public-banner.gradient-cyan:after,
.business-cover.gradient-cyan:after{
  background:linear-gradient(90deg,rgba(6,182,212,.64),rgba(37,99,235,.50) 46%,rgba(6,182,212,.12) 100%),linear-gradient(180deg,rgba(2,6,23,.02),rgba(14,116,144,.68)) !important;
}
.business-card-banner.gradient-sunset:after,
.business-preview-banner.gradient-sunset:after,
.business-public-banner.gradient-sunset:after,
.business-cover.gradient-sunset:after{
  background:linear-gradient(90deg,rgba(249,115,22,.66),rgba(190,18,60,.52) 46%,rgba(249,115,22,.12) 100%),linear-gradient(180deg,rgba(2,6,23,.02),rgba(127,29,29,.70)) !important;
}
.business-card-banner.gradient-none:after,
.business-preview-banner.gradient-none:after,
.business-public-banner.gradient-none:after,
.business-cover.gradient-none:after{
  background:transparent !important;
  opacity:0 !important;
}
.business-card-banner .business-custom-banner-content,
.business-preview-banner .business-custom-banner-content,
.business-public-banner .business-custom-banner-content,
.business-cover .business-custom-banner-content{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:clamp(16px,3vw,34px) !important;
  color:#fff !important;
  text-align:left !important;
}
.business-card-banner .business-custom-banner-content strong,
.business-preview-banner .business-custom-banner-content strong,
.business-public-banner .business-custom-banner-content strong,
.business-cover .business-custom-banner-content strong{
  display:block !important;
  max-width:760px !important;
  font-size:clamp(20px,4vw,44px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  text-shadow:0 2px 14px rgba(0,0,0,.25) !important;
}
.business-card-banner .business-custom-banner-content span,
.business-preview-banner .business-custom-banner-content span,
.business-public-banner .business-custom-banner-content span,
.business-cover .business-custom-banner-content span{
  display:block !important;
  max-width:620px !important;
  margin-top:8px !important;
  color:rgba(255,255,255,.88) !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  text-shadow:0 1px 8px rgba(0,0,0,.22) !important;
}
.business-card-banner.gradient-none.is-custom .business-custom-banner-content,
.business-preview-banner.gradient-none.is-custom .business-custom-banner-content,
.business-public-banner.gradient-none.is-custom .business-custom-banner-content,
.business-cover.gradient-none.is-custom .business-custom-banner-content{
  color:#0f172a !important;
}
.business-card-banner.gradient-none.is-custom .business-custom-banner-content span,
.business-preview-banner.gradient-none.is-custom .business-custom-banner-content span,
.business-public-banner.gradient-none.is-custom .business-custom-banner-content span,
.business-cover.gradient-none.is-custom .business-custom-banner-content span{
  color:#475569 !important;
  text-shadow:none !important;
}
.business-card-banner .business-banner-fallback,
.business-preview-banner .business-banner-fallback,
.business-public-banner .business-banner-fallback,
.business-cover .business-banner-fallback{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  display:grid !important;
  place-items:center !important;
  font-size:clamp(34px,7vw,72px) !important;
  color:#2563eb !important;
  font-weight:950 !important;
}
.business-card-banner{height:160px !important;border-radius:0 !important;}
.business-preview-banner{height:138px !important;border-radius:20px !important;}
.business-public-banner{height:230px !important;border-radius:20px 20px 0 0 !important;}
.business-dashboard-hero.phase21 .business-cover{border-radius:20px !important;}
@media(max-width:760px){
  .business-card-banner{height:132px !important;}
  .business-preview-banner{height:122px !important;}
  .business-public-banner{height:180px !important;}
}

/* TRUE-KEE 3.3 - My Business cover cards: full banner card with organized overlay content */
.business-card.business-cover-card{
  position:relative !important;
  min-height:360px !important;
  overflow:hidden !important;
  border-radius:30px !important;
  background:#0f172a !important;
  border:1px solid rgba(15,23,42,.10) !important;
  box-shadow:0 22px 60px rgba(15,23,42,.18) !important;
  display:flex !important;
  align-items:stretch !important;
}
.business-cover-card .business-cover-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  border-radius:0 !important;
  background-size:cover !important;
  background-position:center !important;
  z-index:0 !important;
}
.business-cover-card .business-cover-bg img,
.business-cover-card .business-banner-image{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:var(--banner-x,50%) var(--banner-y,50%) !important;
  transform:scale(var(--banner-zoom,1)) !important;
  filter:brightness(var(--banner-brightness,100%)) saturate(var(--banner-saturation,100%)) blur(var(--banner-blur,0px)) !important;
  transform-origin:var(--banner-x,50%) var(--banner-y,50%) !important;
}
.business-cover-card .business-cover-bg .business-custom-banner-content{
  height:100% !important;
  display:grid !important;
  place-items:center !important;
  padding:28px !important;
  color:#fff !important;
  text-align:center !important;
}
.business-cover-shade{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:
    linear-gradient(180deg,rgba(2,6,23,.08) 0%,rgba(2,6,23,.32) 44%,rgba(2,6,23,.88) 100%),
    linear-gradient(90deg,rgba(2,6,23,.72) 0%,rgba(2,6,23,.24) 52%,rgba(2,6,23,.36) 100%) !important;
  pointer-events:none !important;
}
.business-cover-content{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  padding:24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:14px !important;
  min-height:360px !important;
  box-sizing:border-box !important;
  color:#fff !important;
}
.business-cover-title{
  align-items:center !important;
  gap:13px !important;
}
.business-cover-logo{
  width:58px !important;
  height:58px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.94) !important;
  color:#2563eb !important;
  border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.26) !important;
  flex:0 0 auto !important;
}
.business-cover-title h3{
  color:#fff !important;
  font-size:1.45rem !important;
  line-height:1.05 !important;
  text-shadow:0 2px 10px rgba(0,0,0,.35) !important;
}
.business-cover-title p,
.business-cover-desc{
  color:rgba(255,255,255,.86) !important;
  text-shadow:0 2px 10px rgba(0,0,0,.25) !important;
}
.business-cover-desc{
  margin:0 !important;
  max-width:560px !important;
  font-weight:750 !important;
  line-height:1.35 !important;
}
.business-cover-stats{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
}
.business-cover-stats span{
  background:rgba(255,255,255,.16) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.26) !important;
  backdrop-filter:blur(14px) !important;
  border-radius:999px !important;
  padding:8px 11px !important;
  font-size:.78rem !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
.business-cover-stats b{color:#fff !important;}
.business-cover-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  margin-top:2px !important;
}
.business-cover-actions .btn{
  border-radius:999px !important;
  box-shadow:0 10px 26px rgba(0,0,0,.18) !important;
}
.business-cover-actions .btn.light{
  background:rgba(255,255,255,.92) !important;
  color:#0f172a !important;
  border-color:rgba(255,255,255,.65) !important;
}
.business-cover-actions .btn:not(.light){
  background:#1877f2 !important;
  color:#fff !important;
  border-color:#1877f2 !important;
}
@media(max-width:760px){
  .business-card.business-cover-card{min-height:330px !important;border-radius:24px !important;}
  .business-cover-content{min-height:330px !important;padding:18px !important;gap:12px !important;}
  .business-cover-logo{width:52px !important;height:52px !important;border-radius:16px !important;}
  .business-cover-title h3{font-size:1.24rem !important;}
  .business-cover-title p,.business-cover-desc{font-size:.9rem !important;}
  .business-cover-actions{display:grid !important;grid-template-columns:1fr !important;}
  .business-cover-actions .btn{width:100% !important;box-sizing:border-box !important;text-align:center !important;justify-content:center !important;}
}

/* TRUE-KEE 3.4 — Business edit workspace layout fix
   Wider workspace, no internal menu scrollbar, sticky media panel without covering forms. */
.business-shell{
  max-width:1360px !important;
  width:100% !important;
  padding-left:22px !important;
  padding-right:22px !important;
}
.business-tabs{
  overflow-x:visible !important;
  overflow-y:visible !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  padding:6px 0 !important;
  margin:16px 0 20px !important;
}
.business-tabs a{
  flex:0 0 auto !important;
}
.business-profile-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 330px !important;
  column-gap:26px !important;
  row-gap:18px !important;
  align-items:start !important;
  max-width:100% !important;
}
.business-profile-layout > section.business-panel-card,
.business-profile-layout > section.business-form-card,
.business-profile-layout > section.business-hours-card{
  grid-column:1 / 2 !important;
  width:100% !important;
  min-width:0 !important;
}
.business-profile-layout > .business-side-preview{
  grid-column:2 / 3 !important;
  grid-row:1 / span 4 !important;
  position:sticky !important;
  top:92px !important;
  align-self:start !important;
  width:100% !important;
  max-width:330px !important;
  z-index:2 !important;
}
.business-profile-layout > .business-sticky-save{
  grid-column:1 / -1 !important;
  width:100% !important;
}
.business-profile-layout .business-form-card{
  padding:22px !important;
}
.business-profile-layout .grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.business-side-preview .business-brand-summary{
  display:grid !important;
  gap:12px !important;
}
.business-side-preview .business-brand-summary .btn{
  width:100% !important;
  justify-content:center !important;
}
.business-preview-banner{
  height:140px !important;
}
.business-hour-row{
  grid-template-columns:160px minmax(120px,1fr) minmax(120px,1fr) 120px !important;
}
@media(max-width:1180px){
  .business-shell{padding-left:16px !important;padding-right:16px !important;}
  .business-profile-layout{grid-template-columns:minmax(0,1fr) 300px !important;column-gap:18px !important;}
  .business-profile-layout > .business-side-preview{max-width:300px !important;}
}
@media(max-width:980px){
  .business-profile-layout{grid-template-columns:1fr !important;}
  .business-profile-layout > section.business-panel-card,
  .business-profile-layout > section.business-form-card,
  .business-profile-layout > section.business-hours-card,
  .business-profile-layout > .business-side-preview,
  .business-profile-layout > .business-sticky-save{
    grid-column:1 / -1 !important;
  }
  .business-profile-layout > .business-side-preview{
    position:relative !important;
    top:auto !important;
    max-width:none !important;
    grid-row:auto !important;
    order:-1 !important;
  }
}
@media(max-width:700px){
  .business-shell{padding-left:12px !important;padding-right:12px !important;}
  .business-tabs{gap:8px !important;}
  .business-tabs a{font-size:.84rem !important;padding:8px 10px !important;}
  .business-profile-layout .grid{grid-template-columns:1fr !important;}
  .business-profile-layout .business-form-card{padding:16px !important;}
  .business-hour-row{grid-template-columns:1fr 1fr !important;}
  .business-hour-row strong{grid-column:1 / -1 !important;}
}


/* TRUE-KEE 3.5 — Banner Builder visual drag/zoom tools */
.business-banner-large-preview.pro-preview.is-image{
  cursor:grab !important;
  touch-action:none !important;
}
.business-banner-large-preview.pro-preview.is-dragging{
  cursor:grabbing !important;
}
.business-banner-large-preview.pro-preview.is-dragging .banner-safe-grid,
.business-banner-large-preview.pro-preview:hover .banner-safe-grid{
  opacity:1 !important;
}
.business-banner-large-preview.pro-preview img#previewImage{
  transition:object-position .04s linear, transform .08s ease, filter .08s ease !important;
}
.banner-editor-tools{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}
.banner-editor-tools .btn.mini{
  min-width:66px !important;
}
@media(max-width:640px){
  .banner-editor-tools{width:100% !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .banner-editor-tools .btn.mini{width:100% !important;min-width:0 !important;}
}

/* TRUE-KEE 3.6 — Banner Builder real sliding controls + better tool placement */
.business-banner-large-preview.pro-preview{
  overflow:hidden !important;
}
.business-banner-large-preview.pro-preview img#previewImage{
  width:112% !important;
  height:112% !important;
  left:-6% !important;
  top:-6% !important;
  right:auto !important;
  bottom:auto !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  transform-origin:center center !important;
  transition:transform .06s linear, filter .12s ease, opacity .12s ease !important;
  will-change:transform,filter !important;
}
.business-banner-large-preview.pro-preview.is-dragging img#previewImage{
  transition:none !important;
}
.banner-preview-footer{
  align-items:flex-start !important;
}
.banner-image-toolbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin-top:12px !important;
  padding:10px !important;
  border-radius:14px !important;
  background:#f8fafc !important;
  border:1px solid rgba(15,23,42,.08) !important;
}
.banner-image-toolbar > span{
  font-size:12px !important;
  color:#475569 !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}
.banner-image-toolbar-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}
.banner-image-toolbar-actions .btn.mini{
  min-width:68px !important;
  min-height:32px !important;
  padding:7px 10px !important;
}
@media(max-width:640px){
  .banner-image-toolbar{
    align-items:stretch !important;
    flex-direction:column !important;
  }
  .banner-image-toolbar-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .banner-image-toolbar-actions .btn.mini{
    width:100% !important;
    min-width:0 !important;
  }
}


/* TRUE-KEE 3.7 — Banner Builder sticky preview + visible image slide fix */
.business-banner-studio.pro{
  grid-template-columns:minmax(420px, 1fr) minmax(380px, 430px) !important;
  gap:22px !important;
  align-items:start !important;
}
.business-banner-studio.pro .banner-preview-card{
  position:sticky !important;
  top:18px !important;
  z-index:5 !important;
  align-self:start !important;
}
.business-banner-studio.pro .banner-control-card{
  align-self:start !important;
}
.business-banner-large-preview.pro-preview{
  min-height:420px !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.business-banner-large-preview.pro-preview img#previewImage{
  position:absolute !important;
  width:160% !important;
  height:160% !important;
  left:-30% !important;
  top:-30% !important;
  right:auto !important;
  bottom:auto !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  transform-origin:center center !important;
  transition:transform .05s linear, filter .12s ease, opacity .12s ease !important;
  will-change:transform,filter !important;
  backface-visibility:hidden !important;
}
.business-banner-large-preview.pro-preview.is-dragging img#previewImage,
.business-banner-large-preview.pro-preview.slider-moving img#previewImage{
  transition:none !important;
}
.banner-image-toolbar{
  margin:14px 0 16px !important;
  padding:12px !important;
  border-radius:16px !important;
}
.banner-image-toolbar > span{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}
.banner-image-toolbar > span::before{
  content:'↔' !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  background:#e8f1ff !important;
  color:#1877f2 !important;
}
.banner-image-toolbar-actions .btn.mini{
  border-radius:999px !important;
  font-weight:900 !important;
}
.banner-range-row input[type="range"]{
  cursor:pointer !important;
}
@media(max-width:980px){
  .business-banner-studio.pro{
    grid-template-columns:1fr !important;
  }
  .business-banner-studio.pro .banner-preview-card{
    position:sticky !important;
    top:0 !important;
    z-index:20 !important;
    border-radius:0 0 20px 20px !important;
    margin-left:-12px !important;
    margin-right:-12px !important;
  }
  .business-banner-large-preview.pro-preview{
    min-height:260px !important;
  }
}
@media(max-width:640px){
  .business-banner-studio.pro .banner-preview-card{
    margin-left:-10px !important;
    margin-right:-10px !important;
    padding:12px !important;
  }
  .business-banner-large-preview.pro-preview{
    min-height:220px !important;
  }
}

/* TRUE-KEE 3.8 — Logo Builder, Discount Tickets and automatic Yellow Pages */
.business-logo-studio{
  display:grid;
  grid-template-columns:minmax(420px,1fr) minmax(360px,430px);
  gap:22px;
  align-items:start;
}
.logo-preview-card{position:sticky;top:18px;z-index:4;}
.logo-preview-stage{
  min-height:420px;
  border-radius:26px;
  background:linear-gradient(135deg,#f8fafc,#eef6ff);
  border:1px solid rgba(15,23,42,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:24px;
  padding:30px;
}
.business-logo-builder-preview{
  width:210px;height:210px;
  display:flex;align-items:center;justify-content:center;
  background:var(--logo-bg,#1877f2);color:var(--logo-fg,#fff);
  box-shadow:0 22px 70px rgba(15,23,42,.22);
  overflow:hidden;
}
.business-logo-builder-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.tk-generated-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;text-align:center;color:var(--logo-fg,#fff);}
.tk-generated-logo-icon{font-size:44px;line-height:1;}
.business-logo-builder-preview .tk-generated-logo strong{font-size:30px;letter-spacing:.04em;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.logo-shape-circle{border-radius:999px!important;}
.logo-shape-rounded{border-radius:28px!important;}
.logo-shape-square{border-radius:8px!important;}
.logo-shape-badge{border-radius:999px 999px 999px 28px!important;}
.business-logo-dot.logo-mode-custom,.business-logo-big.logo-mode-custom,.business-preview-logo.logo-mode-custom,.yellow-logo.logo-mode-custom{
  background:var(--logo-bg,#1877f2)!important;color:var(--logo-fg,#fff)!important;overflow:hidden;
}
.business-logo-dot .tk-generated-logo{gap:0;font-size:12px;}
.business-logo-dot .tk-generated-logo span{font-size:18px;line-height:1;}
.business-logo-dot .tk-generated-logo strong{font-size:10px;line-height:1;max-width:42px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.business-logo-big .tk-generated-logo span{font-size:30px;}.business-logo-big .tk-generated-logo strong{font-size:17px;}
.logo-preview-store-card{width:min(100%,420px);background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:18px;box-shadow:0 16px 45px rgba(15,23,42,.1)}
.business-check-card{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:15px;background:#f8fafc;}
.business-check-card input{margin-top:3px;transform:scale(1.1)}
.business-check-card span{display:flex;flex-direction:column;gap:3px}.business-check-card small{color:#64748b;font-weight:700;line-height:1.35}
.coupons-workspace{align-items:start;}
.coupon-preview-panel{position:sticky;top:18px;}
.tk-coupon-ticket{position:relative;overflow:hidden;border-radius:24px;min-height:260px;background:var(--coupon-bg,#1877f2);color:var(--coupon-fg,#fff);box-shadow:0 20px 55px rgba(15,23,42,.18);display:flex;align-items:stretch;}
.tk-coupon-ticket::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.18),transparent);pointer-events:none;}
.tk-coupon-ticket img{width:42%;min-width:150px;object-fit:cover;filter:saturate(1.08);}
.tk-coupon-ticket-content{position:relative;z-index:1;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:8px;flex:1;}
.tk-coupon-ticket-content span{font-size:11px;font-weight:950;letter-spacing:.14em;opacity:.85}.tk-coupon-ticket-content h3{font-size:1.45rem;margin:0}.tk-coupon-ticket-content strong{font-size:2.4rem;line-height:1;font-weight:1000}.tk-coupon-ticket-content p{margin:0;opacity:.92;line-height:1.35}.tk-coupon-code{margin-top:10px;border:1px dashed currentColor;border-radius:999px;padding:9px 13px;display:inline-flex;align-self:flex-start;font-weight:950;background:rgba(255,255,255,.12)}
.tk-coupon-mini{width:120px;min-height:82px;border-radius:18px;background:var(--coupon-bg,#1877f2);color:var(--coupon-fg,#fff);padding:12px;display:flex;flex-direction:column;justify-content:center;gap:6px;box-shadow:0 12px 30px rgba(15,23,42,.16)}
.tk-coupon-mini strong{font-size:.9rem;line-height:1.05}.tk-coupon-mini span{font-size:.75rem;font-weight:950;opacity:.9}.coupon-admin-card{align-items:center}.store-coupon{min-height:220px}.store-coupon img{width:38%;}
.yellow-pages-hero{border-radius:32px;padding:36px;background:linear-gradient(135deg,#fef3c7,#eff6ff 52%,#fff);border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 60px rgba(15,23,42,.08);margin-bottom:18px;}
.yellow-pages-hero h1{font-size:clamp(2rem,4vw,4rem);margin:.25rem 0}.yellow-pages-hero p{max-width:780px;color:#475569;font-weight:700;line-height:1.55}.yellow-pages-search{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 40px rgba(15,23,42,.08);border-radius:22px;padding:14px;margin-bottom:14px}.yellow-pages-search input{border:1px solid #e2e8f0;border-radius:16px;padding:12px 14px;font-weight:800}.yellow-pages-count{font-weight:950;color:#475569;margin:14px 2px}.yellow-pages-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.yellow-business-card{background:#fff;border-radius:26px;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 55px rgba(15,23,42,.08);overflow:hidden}.yellow-business-cover{height:160px;border-radius:0!important}.yellow-business-body{display:flex;gap:15px;padding:18px}.yellow-logo{width:62px!important;height:62px!important;flex:0 0 auto}.yellow-business-info h3{margin:0 0 3px;font-size:1.2rem}.yellow-business-info p{margin:8px 0;color:#64748b;font-weight:700;line-height:1.4}.yellow-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media(max-width:980px){.business-logo-studio{grid-template-columns:1fr}.logo-preview-card,.coupon-preview-panel{position:relative;top:auto}.yellow-pages-search{grid-template-columns:1fr 1fr}.yellow-pages-grid{grid-template-columns:1fr}.logo-preview-stage{min-height:300px}.business-logo-builder-preview{width:170px;height:170px}}
@media(max-width:640px){.yellow-pages-search{grid-template-columns:1fr}.yellow-business-body{flex-direction:column}.tk-coupon-ticket{flex-direction:column}.tk-coupon-ticket img{width:100%;height:150px}.business-logo-builder-preview{width:145px;height:145px}.logo-preview-stage{padding:18px}.coupon-preview-panel{order:-1}}

/* TRUE-KEE 3.9 — Official Logo Builder consistency */
.banner-profile-logo.logo-mode-custom,
.business-card-title .business-logo-dot.logo-mode-custom,
.business-logo-big.logo-mode-custom,
.business-logo-dot.logo-mode-custom,
.business-preview-logo.logo-mode-custom,
.yellow-logo.logo-mode-custom{
  background:var(--logo-bg,#1877f2) !important;
  color:var(--logo-fg,#fff) !important;
}
.banner-profile-logo .tk-generated-logo{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  gap:1px !important;
  color:var(--logo-fg,#fff) !important;
  text-align:center !important;
}
.banner-profile-logo .tk-generated-logo span{font-size:24px !important;line-height:1 !important;}
.banner-profile-logo .tk-generated-logo strong{font-size:12px !important;max-width:58px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.logo-mode-custom img{display:none !important;}
.logo-mode-image .tk-generated-logo{display:none !important;}

/* TRUE-KEE 4.0 — Brand Studio unified visual identity editor */
.brand-studio-shell{max-width:1440px!important;}
.brand-studio-head{align-items:flex-end!important;}
.brand-studio-grid{display:grid;grid-template-columns:minmax(520px,1fr) minmax(380px,470px);gap:22px;align-items:start;}
.brand-preview-column{position:sticky;top:16px;z-index:5;min-width:0;}
.brand-preview-card{padding:18px!important;}
.brand-store-preview{border-radius:28px;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 60px rgba(15,23,42,.1);}
.brand-live-banner{height:300px!important;border-radius:0!important;cursor:grab;user-select:none;}
.brand-live-banner.dragging{cursor:grabbing;}
.brand-live-banner .business-custom-banner-content{position:absolute!important;inset:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;z-index:3;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.35);}
.brand-live-banner .business-custom-banner-content strong{font-size:clamp(2rem,4vw,4.5rem);font-weight:1000;line-height:1;}
.brand-live-banner .business-custom-banner-content span{margin-top:10px;max-width:720px;font-size:1.05rem;font-weight:800;opacity:.94;}
.brand-business-strip{display:flex;gap:18px;align-items:center;padding:22px;background:#fff;}
.brand-business-copy h2{margin:0;font-size:1.65rem;letter-spacing:-.04em;color:#0f172a;}
.brand-business-copy p{margin:4px 0 10px;color:#64748b;font-weight:800;}
.brand-preview-badges{display:flex;flex-wrap:wrap;gap:8px;}
.brand-preview-badges span{border:1px solid rgba(15,23,42,.08);background:#f8fafc;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950;color:#334155;}
.brand-preview-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:14px;border-radius:18px;background:#f8fafc;border:1px solid rgba(15,23,42,.06);}
.brand-preview-note strong{display:block;color:#0f172a;font-weight:950;}
.brand-preview-note span{display:block;color:#64748b;font-weight:750;line-height:1.35;}
.brand-controls-column{min-width:0;display:flex;flex-direction:column;gap:14px;}
.brand-studio-tabs{display:flex;gap:8px;position:sticky;top:0;z-index:6;background:rgba(248,250,252,.92);backdrop-filter:blur(14px);border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:8px;box-shadow:0 16px 44px rgba(15,23,42,.08);}
.brand-studio-tabs button,.brand-studio-tabs a{appearance:none;border:0;background:transparent;text-decoration:none;color:#475569;border-radius:14px;padding:10px 12px;font-weight:950;cursor:pointer;white-space:nowrap;font-size:.9rem;}
.brand-studio-tabs button.active,.brand-studio-tabs a:hover{background:#0f172a;color:#fff;}
.brand-panel{display:none;}
.brand-panel.active{display:block;}
.website-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.website-template-card{position:relative;display:grid;gap:6px;padding:12px;border:2px solid #e2e8f0;border-radius:18px;background:#fff;cursor:pointer;transition:.2s}.website-template-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.09)}.website-template-card.active{border-color:#3157d5;box-shadow:0 0 0 3px rgba(49,87,213,.12)}.website-template-card input{position:absolute;opacity:0;pointer-events:none}.website-template-card>strong{font-size:.94rem;color:#0f172a}.website-template-card>small{color:#64748b;line-height:1.35}.website-template-card>em{font-style:normal;font-size:.67rem;font-weight:900;color:#3157d5;text-transform:uppercase;letter-spacing:.06em}.website-template-thumb{height:78px;border-radius:12px;padding:9px;display:grid;grid-template-columns:32% 1fr;grid-template-rows:1fr 1fr 1fr;gap:5px;background:#eef2ff;overflow:hidden}.website-template-thumb i{grid-row:1/4;display:grid;place-items:center;border-radius:8px;background:#3157d5;color:#fff;font-style:normal;font-weight:950}.website-template-thumb b{display:block;border-radius:5px;background:#fff}.template-card-classic .website-template-thumb{background:#f5efe4}.template-card-classic .website-template-thumb i{background:#6b4f35}.template-card-showcase .website-template-thumb{background:#111827}.template-card-showcase .website-template-thumb i{background:#f97316}.template-card-services .website-template-thumb{background:#ecfeff}.template-card-services .website-template-thumb i{background:#0891b2}.template-card-store .website-template-thumb{background:#ecfdf5}.template-card-store .website-template-thumb i{background:#059669}.template-card-minimal .website-template-thumb{background:#fafafa;border:1px solid #e5e7eb}.template-card-minimal .website-template-thumb i{background:#18181b}.website-template-full-preview{display:inline-flex;margin-top:15px}.brand-frontpage-canvas.template-preview-classic .brand-real-hero{border-radius:2px}.brand-frontpage-canvas.template-preview-classic .brand-real-copy h2{font-family:Georgia,serif}.brand-frontpage-canvas.template-preview-showcase .brand-real-hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 75%)}.brand-frontpage-canvas.template-preview-services .brand-real-hero-shade{background:linear-gradient(90deg,rgba(8,145,178,.88),rgba(8,145,178,.18))}.brand-frontpage-canvas.template-preview-store .brand-real-hero-shade{background:linear-gradient(90deg,rgba(5,150,105,.82),rgba(5,150,105,.12))}.brand-frontpage-canvas.template-preview-minimal .brand-real-hero-shade{background:rgba(255,255,255,.18)}
@media(max-width:560px){.website-template-grid{grid-template-columns:1fr}}
.brand-panel.tk-snapshot-measure{display:block!important;position:fixed!important;left:-10000px!important;top:0!important;width:470px!important;visibility:hidden!important;pointer-events:none!important;}
.banner-preview-chip.has-draft{background:#fff7ed!important;color:#c2410c!important;border-color:#fdba74!important;}
.brand-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.brand-color-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;}
.brand-color-presets button{border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:14px;padding:10px 8px;font-weight:950;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.05);}
.brand-color-presets button:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.1);}
.brand-publish-bar{position:sticky!important;bottom:14px;z-index:10;margin-top:4px!important;justify-content:flex-end;}
.muted-help{display:block;margin-top:8px;color:#64748b;font-weight:750;line-height:1.35;}
@media(max-width:1050px){.brand-studio-grid{grid-template-columns:1fr}.brand-preview-column{position:sticky;top:0;z-index:7}.brand-live-banner{height:230px!important}.brand-business-strip{padding:16px}.brand-studio-tabs{overflow-x:auto}.brand-studio-tabs::-webkit-scrollbar{display:none}}
@media(max-width:640px){.brand-store-preview{border-radius:22px}.brand-live-banner{height:190px!important}.brand-business-strip{align-items:flex-start}.brand-business-copy h2{font-size:1.25rem}.brand-preview-badges span{font-size:.7rem;padding:6px 8px}.brand-color-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-publish-bar .btn{flex:1}.brand-studio-head .banner-editor-actions{display:grid;grid-template-columns:1fr;gap:8px}.brand-studio-head .banner-editor-actions .btn{width:100%;box-sizing:border-box}}

/* TRUE-KEE 4.2 — Clean, elaborate My Business menu */
.business-hub-nav{
  margin:22px 0 28px !important;
  padding:18px !important;
  border-radius:30px !important;
  background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 18px 55px rgba(15,23,42,.08) !important;
  overflow:visible !important;
}
.business-hub-nav-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:16px !important;
  padding:2px 4px 14px !important;
  border-bottom:1px solid rgba(15,23,42,.07) !important;
}
.business-hub-nav-head span{
  display:block !important;
  color:#2563eb !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  margin-bottom:4px !important;
}
.business-hub-nav-head strong{
  display:block !important;
  color:#0f172a !important;
  font-size:1.15rem !important;
  font-weight:1000 !important;
  letter-spacing:-.03em !important;
}
.business-hub-nav-store{
  text-decoration:none !important;
  color:#0f172a !important;
  background:#eef6ff !important;
  border:1px solid rgba(37,99,235,.18) !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}
.business-hub-nav-store:hover{background:#2563eb !important;color:#fff !important;}
.business-hub-nav-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  overflow:visible !important;
}
.business-hub-nav-card{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  text-decoration:none !important;
  color:#0f172a !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:20px !important;
  padding:14px !important;
  box-shadow:0 10px 28px rgba(15,23,42,.05) !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease !important;
}
.business-hub-nav-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.10) !important;
  border-color:rgba(37,99,235,.28) !important;
}
.business-hub-nav-card.active{
  background:linear-gradient(135deg,#0f172a,#2563eb) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 18px 48px rgba(37,99,235,.22) !important;
}
.business-hub-nav-icon{
  width:42px !important;
  height:42px !important;
  border-radius:16px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  background:#eff6ff !important;
  font-size:20px !important;
}
.business-hub-nav-card.active .business-hub-nav-icon{background:rgba(255,255,255,.17) !important;}
.business-hub-nav-copy{min-width:0 !important;display:block !important;}
.business-hub-nav-copy strong{
  display:block !important;
  font-size:.96rem !important;
  line-height:1.1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.business-hub-nav-copy small{
  display:block !important;
  margin-top:4px !important;
  color:#64748b !important;
  font-weight:800 !important;
  font-size:.78rem !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.business-hub-nav-card.active .business-hub-nav-copy small{color:rgba(255,255,255,.78) !important;}
@media(max-width:1100px){
  .business-hub-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:760px){
  .business-hub-nav{padding:14px !important;border-radius:24px !important;margin:16px 0 22px !important;}
  .business-hub-nav-head{align-items:flex-start !important;flex-direction:column !important;gap:10px !important;}
  .business-hub-nav-store{width:100% !important;box-sizing:border-box !important;text-align:center !important;}
  .business-hub-nav-grid{grid-template-columns:1fr 1fr !important;gap:10px !important;}
  .business-hub-nav-card{padding:12px !important;border-radius:18px !important;align-items:flex-start !important;}
  .business-hub-nav-icon{width:36px !important;height:36px !important;border-radius:14px !important;font-size:18px !important;}
  .business-hub-nav-copy strong{font-size:.88rem !important;}
  .business-hub-nav-copy small{font-size:.72rem !important;white-space:normal !important;line-height:1.2 !important;}
}
@media(max-width:420px){
  .business-hub-nav-grid{grid-template-columns:1fr !important;}
}

/* TRUE-KEE 5.2 — fixed live logo text/icon sizing with numeric design tokens */
.tk-generated-logo strong,
.business-logo-big .tk-generated-logo strong,
.yellow-logo .tk-generated-logo strong,
.banner-profile-logo .tk-generated-logo strong{
  letter-spacing:var(--logo-letter-spacing,1px) !important;
  font-size:calc(17px * var(--logo-text-size,100) / 100) !important;
}
.business-logo-dot .tk-generated-logo strong{
  letter-spacing:var(--logo-letter-spacing,1px) !important;
  font-size:calc(10px * var(--logo-text-size,100) / 100) !important;
}
.tk-generated-logo-icon,
.business-logo-big .tk-generated-logo span,
.yellow-logo .tk-generated-logo span,
.banner-profile-logo .tk-generated-logo span{
  font-size:calc(30px * var(--logo-icon-size,100) / 100) !important;
}
.business-logo-dot .tk-generated-logo span{
  font-size:calc(18px * var(--logo-icon-size,100) / 100) !important;
}
.logo-font-inter .tk-generated-logo strong{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;}
.logo-font-serif .tk-generated-logo strong{font-family:Georgia,"Times New Roman",serif !important;}
.logo-font-rounded .tk-generated-logo strong{font-family:"Trebuchet MS",Inter,system-ui,sans-serif !important;border-radius:999px;}
.logo-font-condensed .tk-generated-logo strong{font-family:"Arial Narrow",Impact,Inter,sans-serif !important;font-stretch:condensed;text-transform:uppercase;}
.logo-font-mono .tk-generated-logo strong{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace !important;}
.logo-font-display .tk-generated-logo strong{font-family:Impact,"Arial Black",Inter,sans-serif !important;text-transform:uppercase;}
.logo-effect-none .tk-generated-logo strong{text-shadow:none!important;-webkit-text-stroke:0 transparent!important;}
.logo-effect-shadow .tk-generated-logo strong{text-shadow:0 5px 14px rgba(0,0,0,.28)!important;}
.logo-effect-outline .tk-generated-logo strong{-webkit-text-stroke:1px rgba(0,0,0,.42);text-shadow:0 1px 0 rgba(255,255,255,.22)!important;}
.logo-effect-glow .tk-generated-logo strong{text-shadow:0 0 10px currentColor,0 0 22px rgba(255,255,255,.65)!important;}
.logo-effect-emboss .tk-generated-logo strong{text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 0 rgba(0,0,0,.28)!important;}
.logo-effect-raised .tk-generated-logo strong{text-shadow:0 2px 0 rgba(0,0,0,.18),0 7px 16px rgba(0,0,0,.28)!important;}
.logo-shape-shield{border-radius:30px 30px 48px 48px!important;clip-path:polygon(50% 0%,100% 16%,94% 76%,50% 100%,6% 76%,0% 16%);}
.logo-mode-image img{
  object-position:var(--logo-img-x,50%) var(--logo-img-y,50%) !important;
  transform:scale(var(--logo-img-zoom,1)) !important;
  transform-origin:var(--logo-img-x,50%) var(--logo-img-y,50%) !important;
}
.logo-template-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:4px 0 14px;}
.logo-template-row button{border:1px solid rgba(15,23,42,.09);background:#fff;border-radius:14px;padding:12px 8px;font-weight:1000;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.06);}
.logo-template-row button:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(15,23,42,.1);}
.brand-color-presets{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:10px !important;margin-top:12px !important;}
.brand-color-presets button{position:relative;display:flex !important;flex-direction:column;align-items:center;gap:8px;border:1px solid rgba(15,23,42,.09)!important;background:#fff!important;border-radius:16px!important;padding:12px 8px!important;font-weight:1000!important;cursor:pointer!important;box-shadow:0 10px 28px rgba(15,23,42,.06)!important;color:#0f172a!important;}
.brand-color-presets button span{display:block;width:100%;height:34px;border-radius:12px;border:1px solid rgba(15,23,42,.08);}
.brand-color-presets .preset-none span{background:linear-gradient(135deg,#fff 0 45%,#e5e7eb 45% 55%,#fff 55%);}
.brand-color-presets .preset-blue span{background:linear-gradient(135deg,#1877f2,#2563eb,#0ea5e9);}
.brand-color-presets .preset-dark span{background:linear-gradient(135deg,#020617,#0f172a,#334155);}
.brand-color-presets .preset-cyan span{background:linear-gradient(135deg,#06b6d4,#22d3ee,#67e8f9);}
.brand-color-presets .preset-sunset span{background:linear-gradient(135deg,#f97316,#ef4444,#facc15);}
.brand-color-presets button:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.12)!important;}
@media(max-width:640px){.brand-color-presets{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.logo-template-row{grid-template-columns:repeat(3,minmax(0,1fr));}}

/* TRUE-KEE 4.4 — Logo image fade + text overlay layer */
.business-logo-dot,
.business-logo-big,
.business-preview-logo,
.yellow-logo,
.banner-profile-logo{
  position:relative !important;
  overflow:hidden !important;
}
.logo-mode-image img{
  opacity:var(--logo-img-opacity,1) !important;
}
.tk-logo-overlay-text{
  position:absolute !important;
  left:var(--logo-text-x,50%) !important;
  top:var(--logo-text-y,50%) !important;
  transform:translate(-50%,-50%) !important;
  z-index:4 !important;
  color:var(--logo-fg,#fff) !important;
  font-size:calc(18px * (var(--logo-text-size,100) / 100)) !important;
  letter-spacing:var(--logo-letter-spacing,1px) !important;
  line-height:1.05 !important;
  text-align:center !important;
  max-width:92% !important;
  white-space:normal !important;
  word-break:break-word !important;
  opacity:var(--logo-text-opacity,1) !important;
  pointer-events:none !important;
  text-transform:uppercase !important;
}
.business-logo-dot .tk-logo-overlay-text{font-size:calc(10px * (var(--logo-text-size,100) / 100)) !important;max-width:42px !important;}
.yellow-logo .tk-logo-overlay-text{font-size:calc(12px * (var(--logo-text-size,100) / 100)) !important;max-width:54px !important;}
.banner-profile-logo .tk-logo-overlay-text{font-size:calc(12px * (var(--logo-text-size,100) / 100)) !important;max-width:58px !important;}
.logo-font-inter .tk-logo-overlay-text{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;}
.logo-font-serif .tk-logo-overlay-text{font-family:Georgia,"Times New Roman",serif !important;}
.logo-font-rounded .tk-logo-overlay-text{font-family:"Trebuchet MS",Inter,system-ui,sans-serif !important;}
.logo-font-condensed .tk-logo-overlay-text{font-family:"Arial Narrow",Impact,Inter,sans-serif !important;font-stretch:condensed;}
.logo-font-mono .tk-logo-overlay-text{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace !important;}
.logo-font-display .tk-logo-overlay-text{font-family:Impact,"Arial Black",Inter,sans-serif !important;}
.logo-effect-none .tk-logo-overlay-text{text-shadow:none!important;-webkit-text-stroke:0 transparent!important;}
.logo-effect-shadow .tk-logo-overlay-text{text-shadow:0 5px 14px rgba(0,0,0,.45)!important;}
.logo-effect-outline .tk-logo-overlay-text{-webkit-text-stroke:1px rgba(0,0,0,.55);text-shadow:0 1px 0 rgba(255,255,255,.18)!important;}
.logo-effect-glow .tk-logo-overlay-text{text-shadow:0 0 10px currentColor,0 0 22px rgba(255,255,255,.75)!important;}
.logo-effect-emboss .tk-logo-overlay-text{text-shadow:0 1px 0 rgba(255,255,255,.55),0 -1px 0 rgba(0,0,0,.35)!important;}
.logo-effect-raised .tk-logo-overlay-text{text-shadow:0 2px 0 rgba(0,0,0,.22),0 7px 16px rgba(0,0,0,.34)!important;}
#brandLogoTextControls{display:block !important;}

/* TRUE-KEE 5.0 - Professional Logo Studio */
.logo-studio-pro-panel{overflow:visible!important;}
.logo-studio-pro{display:grid;grid-template-columns:minmax(340px,1fr) minmax(300px,390px);gap:18px;align-items:start;}
.logo-pro-stage-wrap{background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px solid rgba(15,23,42,.08);border-radius:26px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.logo-pro-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.logo-tool,.logo-action{border:1px solid rgba(15,23,42,.1);background:#fff;color:#0f172a;border-radius:14px;padding:9px 12px;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(15,23,42,.06);}
.logo-tool.active,.logo-action:hover{background:#1877f2;color:#fff;border-color:#1877f2;}
.logo-pro-stage{min-height:360px;border-radius:24px;background:radial-gradient(circle at center,rgba(24,119,242,.10),transparent 38%),linear-gradient(135deg,#fff,#f1f5f9);border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px;overflow:hidden;}
.logo-pro-preview-shell{width:min(360px,100%);aspect-ratio:1/1;display:grid;place-items:center;}
.logo-pro-canvas.business-logo-big{width:260px!important;height:260px!important;border-radius:48px;border:10px solid rgba(255,255,255,.92);box-shadow:0 28px 80px rgba(15,23,42,.22);position:relative;overflow:hidden;cursor:grab;isolation:isolate;background:var(--logo-bg,#1877f2)!important;color:var(--logo-fg,#fff)!important;}
.logo-pro-canvas.dragging{cursor:grabbing;}
.logo-pro-canvas.logo-shape-circle{border-radius:999px!important;}
.logo-pro-canvas.logo-shape-square{border-radius:18px!important;}
.logo-pro-canvas.logo-shape-badge{border-radius:38px 38px 70px 70px!important;}
.logo-pro-canvas.logo-shape-shield{clip-path:polygon(50% 0,92% 12%,88% 66%,50% 100%,12% 66%,8% 12%);border-radius:0!important;}
.logo-pro-canvas img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:var(--logo-img-x,50%) var(--logo-img-y,50%)!important;transform:scale(var(--logo-img-zoom,1));opacity:var(--logo-img-opacity,1);z-index:1;}
.logo-pro-canvas .logo-pro-generated{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:2;}
.logo-pro-canvas .logo-pro-generated span{font-size:calc(60px * var(--logo-icon-size,100) / 100)!important;line-height:1;}
.logo-pro-canvas .logo-pro-generated strong{font-size:calc(34px * var(--logo-text-size,100) / 100)!important;letter-spacing:var(--logo-letter-spacing,1px);max-width:86%;text-align:center;line-height:1.02;}
.logo-pro-canvas .logo-pro-text-layer{position:absolute!important;left:var(--logo-text-x,50%)!important;top:var(--logo-text-y,50%)!important;transform:translate(-50%,-50%);z-index:4;color:var(--logo-fg,#fff);font-size:calc(34px * var(--logo-text-size,100) / 100)!important;line-height:1.02;text-align:center;letter-spacing:var(--logo-letter-spacing,1px);opacity:var(--logo-text-opacity,1);max-width:88%;white-space:pre-wrap;pointer-events:none;}
.logo-pro-canvas.logo-font-serif .logo-pro-text-layer,.logo-pro-canvas.logo-font-serif .logo-pro-generated strong{font-family:Georgia,serif!important;}
.logo-pro-canvas.logo-font-rounded .logo-pro-text-layer,.logo-pro-canvas.logo-font-rounded .logo-pro-generated strong{font-family:'Arial Rounded MT Bold',Arial,sans-serif!important;}
.logo-pro-canvas.logo-font-condensed .logo-pro-text-layer,.logo-pro-canvas.logo-font-condensed .logo-pro-generated strong{font-family:Impact,'Arial Narrow',sans-serif!important;font-weight:900;}
.logo-pro-canvas.logo-font-mono .logo-pro-text-layer,.logo-pro-canvas.logo-font-mono .logo-pro-generated strong{font-family:monospace!important;}
.logo-pro-canvas.logo-font-display .logo-pro-text-layer,.logo-pro-canvas.logo-font-display .logo-pro-generated strong{font-family:'Trebuchet MS',Arial,sans-serif!important;font-weight:1000;}
.logo-pro-canvas.logo-effect-shadow .logo-pro-text-layer,.logo-pro-canvas.logo-effect-shadow .logo-pro-generated strong{text-shadow:0 10px 22px rgba(0,0,0,.45);}
.logo-pro-canvas.logo-effect-outline .logo-pro-text-layer,.logo-pro-canvas.logo-effect-outline .logo-pro-generated strong{-webkit-text-stroke:1.5px rgba(15,23,42,.75);text-shadow:0 2px 0 rgba(255,255,255,.2);}
.logo-pro-canvas.logo-effect-glow .logo-pro-text-layer,.logo-pro-canvas.logo-effect-glow .logo-pro-generated strong{text-shadow:0 0 12px currentColor,0 0 28px rgba(255,255,255,.5);}
.logo-pro-canvas.logo-effect-emboss .logo-pro-text-layer,.logo-pro-canvas.logo-effect-emboss .logo-pro-generated strong{text-shadow:0 2px 0 rgba(255,255,255,.35),0 -2px 0 rgba(0,0,0,.25);}
.logo-pro-canvas.logo-effect-raised .logo-pro-text-layer,.logo-pro-canvas.logo-effect-raised .logo-pro-generated strong{text-shadow:0 1px 0 rgba(255,255,255,.4),0 6px 14px rgba(0,0,0,.35);}
.logo-selection-ring{position:absolute;z-index:9;border:2px dashed rgba(255,255,255,.95);box-shadow:0 0 0 999px rgba(15,23,42,.06);border-radius:16px;pointer-events:none;}
.logo-selection-ring[data-layer="text"]{left:calc(var(--logo-text-x,50%) - 30%);top:calc(var(--logo-text-y,50%) - 13%);width:60%;height:26%;}
.logo-selection-ring[data-layer="image"]{inset:14px;border-radius:inherit;}
.logo-stage-hint{margin:0;color:#64748b;font-size:.9rem;text-align:center;font-weight:800;}
.logo-pro-sidebar{display:grid;gap:14px;}
.logo-layer-card,.logo-context-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:14px;box-shadow:0 16px 40px rgba(15,23,42,.08);}
.logo-layer-head,.logo-context-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;}
.logo-layer-head span,.logo-context-head span{font-size:.72rem;font-weight:1000;color:#1877f2;text-transform:uppercase;letter-spacing:.08em;}
.logo-layer{width:100%;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;border:1px solid rgba(15,23,42,.08);background:#f8fafc;border-radius:16px;padding:10px;text-align:left;cursor:pointer;margin-top:8px;}
.logo-layer span{width:38px;height:38px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 16px rgba(15,23,42,.07);}
.logo-layer strong{display:block;color:#0f172a;}.logo-layer small{display:block;color:#64748b;font-weight:800;}
.logo-layer.active{border-color:#1877f2;background:#eff6ff;}
.logo-context-card{display:none;}.logo-context-card.active{display:block;}
.logo-upload-card{display:block;border:1.5px dashed rgba(24,119,242,.35);background:#eff6ff;border-radius:18px;padding:16px;text-align:center;cursor:pointer;font-weight:1000;color:#1877f2;margin-bottom:12px;}
.logo-upload-card input{display:none}.logo-upload-card small{display:block;color:#64748b;margin-top:3px;}
.logo-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.logo-control-grid.small{margin-bottom:10px;}
.logo-slider{background:#f8fafc;border:1px solid rgba(15,23,42,.07);border-radius:16px;padding:10px;margin-top:10px;}
.logo-slider label{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;font-weight:950;color:#334155;margin-bottom:6px;}
.logo-slider output{color:#1877f2;}.logo-slider input[type=range]{width:100%;accent-color:#1877f2;}
.logo-font-cards,.logo-effect-cards,.logo-shape-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;}
.logo-font-cards button,.logo-effect-cards button,.logo-shape-row button,.logo-template-pro button{border:1px solid rgba(15,23,42,.09);background:#fff;border-radius:14px;padding:10px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.05);}
.logo-font-cards button.active,.logo-effect-cards button.active,.logo-shape-row button.active,.logo-template-pro button:hover{background:#0f172a;color:#fff;border-color:#0f172a;}
.logo-template-pro{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px!important;}
@media(max-width:1100px){.logo-studio-pro{grid-template-columns:1fr}.logo-pro-stage{min-height:300px}.logo-pro-canvas.business-logo-big{width:220px!important;height:220px!important}}
@media(max-width:640px){.logo-pro-stage-wrap{padding:12px;border-radius:22px}.logo-pro-toolbar{display:grid;grid-template-columns:1fr 1fr}.logo-tool{font-size:.82rem;padding:9px 8px}.logo-pro-canvas.business-logo-big{width:190px!important;height:190px!important}.logo-control-grid,.logo-font-cards,.logo-effect-cards,.logo-shape-row{grid-template-columns:1fr}.logo-stage-hint{font-size:.78rem}}


/* TRUE-KEE 5.1 - Logo Studio mode cleanup */
.logo-mode-image .tk-generated-logo,
.logo-mode-image .tk-logo-overlay-text,
.logo-mode-image .logo-pro-generated,
.logo-mode-image .logo-pro-text-layer{display:none!important;}
.logo-mode-text img,
.logo-mode-text .tk-logo-overlay-text,
.logo-mode-text .logo-pro-text-layer{display:none!important;}
.logo-mode-text .tk-generated-logo,
.logo-mode-text .logo-pro-generated{display:flex!important;}
.logo-mode-combo .tk-generated-logo,
.logo-mode-combo .logo-pro-generated{display:none!important;}
.logo-mode-combo img{display:block!important;}
.logo-mode-combo .tk-logo-overlay-text,
.logo-mode-combo .logo-pro-text-layer{display:block!important;}
.logo-mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px;}
.logo-mode-picker label{border:1px solid rgba(15,23,42,.09);background:#fff;border-radius:18px;padding:14px;display:grid;gap:5px;cursor:pointer;box-shadow:0 12px 28px rgba(15,23,42,.06);transition:.18s ease;}
.logo-mode-picker label input{display:none;}
.logo-mode-picker label span{font-size:1.45rem;}
.logo-mode-picker label strong{font-size:.95rem;color:#0f172a;}
.logo-mode-picker label small{font-size:.78rem;color:#64748b;font-weight:800;line-height:1.25;}
.logo-mode-picker label.active{border-color:#1877f2;background:#eff6ff;box-shadow:0 16px 36px rgba(24,119,242,.16);transform:translateY(-1px);}
.logo-mode-image .logo-selection-ring[data-layer="text"],
.logo-mode-text .logo-selection-ring[data-layer="image"]{display:none!important;}
@media(max-width:760px){.logo-mode-picker{grid-template-columns:1fr;}}


/* TRUE-KEE 5.2 — Logo Studio Text Size live control fix */
.logo-pro-canvas .logo-pro-generated strong,
.logo-pro-canvas .logo-pro-text-layer{
  font-size:calc(34px * var(--logo-text-size,100) / 100) !important;
}
#brandLogoPreview .tk-generated-logo strong,
.business-logo-big .tk-generated-logo strong{
  font-size:calc(17px * var(--logo-text-size,100) / 100) !important;
}
#brandLogoPreview .tk-logo-overlay-text{
  font-size:calc(18px * var(--logo-text-size,100) / 100) !important;
}


/* TRUE-KEE 5.3 — Brand Studio publishing + wider logo workspace */
.brand-studio-shell{max-width:1680px!important;width:min(1680px,calc(100% - 28px))!important;}
.brand-studio-grid{grid-template-columns:minmax(420px,520px) minmax(680px,1fr)!important;gap:28px!important;}
.brand-controls-column{overflow:visible!important;}
.brand-panel.logo-studio-pro-panel.active{overflow:visible!important;}
.logo-studio-pro{grid-template-columns:minmax(420px,1fr) minmax(320px,430px)!important;gap:22px!important;overflow:visible!important;}
.logo-pro-stage-wrap{position:sticky!important;top:86px!important;z-index:4!important;align-self:start!important;}
.logo-pro-stage{min-height:430px!important;}
.logo-pro-preview-shell{width:min(430px,100%)!important;}
.logo-pro-canvas.business-logo-big{width:320px!important;height:320px!important;}
.logo-pro-sidebar{min-width:0!important;overflow:visible!important;}
.logo-context-card,.logo-layer-card{max-width:100%!important;box-sizing:border-box!important;}
.logo-context-card input[type=range]{max-width:100%!important;}
.brand-publish-bar{box-shadow:0 18px 45px rgba(15,23,42,.14)!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:22px!important;padding:12px!important;}
@media(max-width:1280px){
  .brand-studio-grid{grid-template-columns:1fr!important;}
  .brand-preview-column{position:sticky!important;top:0!important;}
  .logo-studio-pro{grid-template-columns:1fr!important;}
  .logo-pro-stage-wrap{position:sticky!important;top:8px!important;}
}
@media(max-width:760px){
  .brand-studio-shell{width:calc(100% - 18px)!important;}
  .logo-pro-stage{min-height:320px!important;}
  .logo-pro-canvas.business-logo-big{width:230px!important;height:230px!important;}
  .logo-pro-stage-wrap{top:0!important;}
}


/* TRUE-KEE 5.4 — Logo publishing fidelity + case-sensitive logo text */
.tk-generated-logo strong,
.tk-logo-overlay-text,
.logo-pro-canvas .logo-pro-generated strong,
.logo-pro-canvas .logo-pro-text-layer,
.logo-font-condensed .tk-generated-logo strong,
.logo-font-display .tk-generated-logo strong,
.logo-font-condensed .tk-logo-overlay-text,
.logo-font-display .tk-logo-overlay-text,
.logo-pro-canvas.logo-font-condensed .logo-pro-generated strong,
.logo-pro-canvas.logo-font-display .logo-pro-generated strong,
.logo-pro-canvas.logo-font-condensed .logo-pro-text-layer,
.logo-pro-canvas.logo-font-display .logo-pro-text-layer{
  text-transform:none !important;
}
.business-logo-big,
.business-logo-dot,
.yellow-logo,
.banner-profile-logo{
  background:var(--logo-bg,#1877f2) !important;
  color:var(--logo-fg,#fff) !important;
}
.business-logo-big img,
.business-logo-dot img,
.yellow-logo img,
.banner-profile-logo img{
  object-position:var(--logo-img-x,50%) var(--logo-img-y,50%) !important;
  transform:scale(var(--logo-img-zoom,1)) !important;
  opacity:var(--logo-img-opacity,1) !important;
}

/* TRUE-KEE 6.1 — Published logo fidelity
   The published PNG is already the final composition from Logo Studio.
   Never re-apply source-image crop/zoom/opacity rules to it. */
.logo-published-logo{
  overflow:hidden !important;
  background:transparent !important;
}
.logo-published-logo > img,
.business-logo-big.logo-published-logo > img,
.business-logo-dot.logo-published-logo > img,
.business-preview-logo.logo-published-logo > img,
.business-cover-logo.logo-published-logo > img,
.yellow-logo.logo-published-logo > img,
.banner-profile-logo.logo-published-logo > img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  opacity:1 !important;
  filter:none !important;
  margin:0 !important;
  padding:0 !important;
}
.brand-published-logo-preview > img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  opacity:1 !important;
}

/* TRUE-KEE 6.2 — compact profile completion card in business/edit.php */
.business-profile-score{
  margin-top:12px;
  padding:13px 14px;
  border:1px solid rgba(15,23,42,.09);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,247,255,.96));
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}
.business-profile-score-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;}
.business-profile-score-top>div{display:flex;align-items:baseline;gap:9px;min-width:0;}
.business-profile-score-top span{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#64748b;}
.business-profile-score-top strong{font-size:30px;line-height:1;font-weight:900;color:#111827;letter-spacing:-.04em;}
.business-profile-score-top small{font-size:11px;font-weight:700;color:#64748b;text-align:right;white-space:nowrap;}
.business-profile-progress{height:7px;margin-top:10px;border-radius:999px;background:#e5eaf2;overflow:hidden;}
.business-profile-progress span{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#1877f2,#6d5dfc);transition:width .25s ease;}
.business-profile-missing{display:grid;gap:5px;margin:10px 0 0;padding:0;list-style:none;}
.business-profile-missing li{position:relative;padding-left:15px;font-size:12px;line-height:1.35;color:#475569;}
.business-profile-missing li:before{content:"";position:absolute;left:1px;top:.48em;width:6px;height:6px;border-radius:50%;background:#f59e0b;}
.business-profile-complete{margin:9px 0 0;font-size:12px;font-weight:700;color:#15803d;}
.business-brand-studio-button{width:100%;margin-top:10px;justify-content:center;}
@media(max-width:600px){
  .business-profile-score{padding:12px;}
  .business-profile-score-top strong{font-size:27px;}
}

/* TRUE-KEE 6.2 — polished compact profile completion card */
.business-side-preview .business-media-preview{
  margin-bottom:46px !important;
}
.business-profile-score{
  position:relative;
  overflow:hidden;
  margin-top:0 !important;
  padding:15px !important;
  border:1px solid rgba(24,119,242,.18) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 88% 0%,rgba(109,93,252,.18),transparent 35%),
    linear-gradient(145deg,#f8fbff 0%,#eef4ff 100%) !important;
  box-shadow:0 10px 28px rgba(24,119,242,.10) !important;
}
.business-profile-score:after{
  content:"";
  position:absolute;
  width:92px;
  height:92px;
  right:-40px;
  bottom:-52px;
  border-radius:50%;
  border:18px solid rgba(24,119,242,.07);
  pointer-events:none;
}
.business-profile-score-hero{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.business-profile-score-number{
  min-width:118px;
  padding-right:14px;
  border-right:1px solid rgba(24,119,242,.15);
}
.business-profile-score-number strong{
  display:block;
  font-size:46px;
  line-height:.9;
  letter-spacing:-.07em;
  font-weight:950;
  color:#1877f2;
  text-shadow:0 6px 18px rgba(24,119,242,.16);
}
.business-profile-score-number sup{
  position:relative;
  top:-.35em;
  margin-left:2px;
  font-size:19px;
  letter-spacing:-.03em;
  color:#6d5dfc;
}
.business-profile-score-number span{
  display:block;
  margin-top:7px;
  color:#475569;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.business-profile-score-copy{
  display:grid;
  justify-items:start;
  gap:6px;
  min-width:0;
}
.business-profile-score-badge{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(24,119,242,.16);
  color:#3451b2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-shadow:0 4px 12px rgba(15,23,42,.05);
}
.business-profile-score-copy small{
  color:#64748b;
  font-size:12px;
  line-height:1.3;
  font-weight:800;
}
.business-profile-progress{
  position:relative;
  z-index:1;
  height:9px !important;
  margin-top:13px !important;
  border:1px solid rgba(24,119,242,.08);
  background:rgba(255,255,255,.84) !important;
  box-shadow:inset 0 1px 3px rgba(15,23,42,.08);
}
.business-profile-progress span{
  background:linear-gradient(90deg,#1877f2 0%,#6d5dfc 58%,#9b5de5 100%) !important;
  box-shadow:0 2px 8px rgba(109,93,252,.35);
}
.business-profile-missing{
  position:relative;
  z-index:1;
  grid-template-columns:1fr !important;
  gap:6px !important;
  margin-top:11px !important;
}
.business-profile-missing li{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:0 !important;
  color:#475569 !important;
  font-size:11.5px !important;
  font-weight:750;
}
.business-profile-missing li:before{display:none !important;}
.business-profile-missing li span{
  display:grid;
  place-items:center;
  flex:0 0 17px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:rgba(245,158,11,.13);
  color:#d97706;
  font-size:10px;
  font-weight:950;
}
.business-profile-complete{
  position:relative;
  z-index:1;
  margin-top:10px !important;
}
@media(max-width:420px){
  .business-profile-score-hero{align-items:flex-start;}
  .business-profile-score-number{min-width:104px;padding-right:11px;}
  .business-profile-score-number strong{font-size:41px;}
}

/* TRUE-KEE 6.3 — Social Media Studio */
.social-studio-shell{max-width:1500px;margin:0 auto;padding-bottom:48px}.social-studio-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:34px 36px;border-radius:28px;margin-bottom:20px;color:#fff;background:radial-gradient(circle at 82% 15%,rgba(123,97,255,.55),transparent 30%),linear-gradient(135deg,#0d1630,#182d60 62%,#5829b7);box-shadow:0 24px 55px rgba(15,24,55,.2)}.social-studio-hero h1{font-size:clamp(32px,4vw,56px);line-height:1;margin:8px 0 12px}.social-studio-hero p{max-width:700px;margin:0;color:rgba(255,255,255,.8);font-size:17px}.social-studio-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.social-studio-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:22px;align-items:start;margin-top:22px}.social-studio-controls{display:grid;gap:14px}.social-control-card,.social-caption-card{background:#fff;border:1px solid #e7eaf2;border-radius:22px;padding:19px;box-shadow:0 10px 28px rgba(21,31,57,.07)}.social-control-card.compact{padding:15px 18px}.social-control-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.social-control-heading>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#eef2ff;color:#4d45d8;font-weight:900;font-size:13px}.social-control-heading div{display:grid}.social-control-heading strong{font-size:15px;color:#172039}.social-control-heading small{color:#7a849a;font-size:12px;margin-top:2px}.social-format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-choice{border:1px solid #e3e7ef;background:#f8f9fc;border-radius:14px;padding:11px 12px;text-align:left;cursor:pointer;transition:.2s}.social-choice b,.social-choice small{display:block}.social-choice b{font-size:13px;color:#24304a}.social-choice small{font-size:11px;color:#8490a6;margin-top:3px}.social-choice.active{border-color:#6258f2;background:#f0efff;box-shadow:0 0 0 2px rgba(98,88,242,.12)}.social-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.social-template{border:1px solid #e4e7ef;background:#fff;border-radius:13px;padding:6px;cursor:pointer;color:#5b657a;font-size:10px}.social-template.active{border-color:#6258f2;box-shadow:0 0 0 2px rgba(98,88,242,.12)}.social-template b{display:block;margin:6px 0 2px;white-space:nowrap}.template-preview{display:block;height:55px;border-radius:9px}.template-preview.spotlight{background:linear-gradient(145deg,#5b7cff,#261758)}.template-preview.bold{background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.3),transparent 30%),linear-gradient(145deg,#f3457c,#5d22bd)}.template-preview.minimal{background:linear-gradient(90deg,#4f46e5 9%,#f5f6fa 9%)}.template-preview.editorial{background:linear-gradient(#9477e8 45%,#15171c 45%)}.social-field{display:grid;gap:6px;margin-top:12px}.social-field>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#707b91}.social-field input[type=text],.social-field textarea,.social-caption-card textarea{width:100%;border:1px solid #dde2eb;background:#f9fafc;border-radius:12px;padding:11px 12px;color:#1d2942;font:inherit;resize:vertical}.social-field input:focus,.social-field textarea:focus,.social-caption-card textarea:focus{outline:none;border-color:#7168ef;box-shadow:0 0 0 3px rgba(113,104,239,.12)}.social-field-row{display:grid;grid-template-columns:1fr 90px;gap:10px;align-items:end}.social-field input[type=color]{width:100%;height:43px;padding:4px;border:1px solid #dde2eb;border-radius:12px;background:#fff}.social-toggle-row{display:flex;gap:14px;flex-wrap:wrap}.social-toggle-row label{display:flex;align-items:center;gap:7px;color:#45516a;font-size:12px;font-weight:700}.social-studio-workspace{position:sticky;top:18px;min-width:0}.social-workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #e6e9f0;border-radius:20px 20px 0 0;padding:15px 18px}.social-workspace-toolbar>div:first-child{display:grid}.social-workspace-toolbar span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8a94a7;font-weight:800}.social-workspace-toolbar strong{font-size:14px;color:#26314a;margin-top:3px}.social-workspace-actions{display:flex;gap:8px}.social-canvas-stage{display:grid;place-items:center;min-height:650px;padding:28px;background:radial-gradient(circle at 20% 10%,#e9eaff,transparent 28%),linear-gradient(145deg,#eef1f7,#dfe4ee);border:1px solid #e1e5ed;border-top:0;border-radius:0 0 24px 24px;overflow:hidden}.social-canvas-stage canvas{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;border-radius:8px;box-shadow:0 28px 70px rgba(18,29,57,.25);background:#fff}.social-caption-card{margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.social-caption-card>div{grid-column:1/-1;display:grid}.social-caption-card span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7f899d;font-weight:800}.social-caption-card strong{font-size:15px;color:#26314a;margin-top:3px}.social-caption-card textarea{min-height:92px}.social-caption-card .btn{height:44px;align-self:end}@media(max-width:1100px){.social-studio-layout{grid-template-columns:350px minmax(0,1fr)}.social-template-grid{grid-template-columns:repeat(2,1fr)}.social-canvas-stage{min-height:520px}}@media(max-width:820px){.social-studio-hero{align-items:flex-start;flex-direction:column;padding:27px 22px}.social-studio-layout{grid-template-columns:1fr}.social-studio-workspace{position:static}.social-canvas-stage{min-height:420px;padding:18px}.social-workspace-toolbar{align-items:flex-start;flex-direction:column}.social-caption-card{grid-template-columns:1fr}.social-caption-card .btn{width:100%}}@media(max-width:520px){.social-format-grid{grid-template-columns:1fr 1fr}.social-template-grid{grid-template-columns:repeat(2,1fr)}.social-field-row{grid-template-columns:1fr 74px}.social-workspace-actions{width:100%}.social-workspace-actions .btn{flex:1;padding-left:8px;padding-right:8px}.social-canvas-stage{min-height:340px;padding:12px}.social-control-card{border-radius:18px;padding:16px}}

/* TRUE-KEE 6.4 — Social Media Studio image workspace */
.social-upload-zone{min-height:132px;border:2px dashed #cfd5e4;border-radius:18px;background:linear-gradient(145deg,#fbfcff,#f4f6ff);display:grid;place-items:center;align-content:center;gap:5px;padding:20px;text-align:center;cursor:pointer;transition:.2s}.social-upload-zone:hover,.social-upload-zone.is-dragging{border-color:#685ef2;background:#f0efff;transform:translateY(-1px)}.social-upload-zone input,.social-replace-btn input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.social-upload-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#675df3,#8e5cff);color:#fff;font-size:26px;line-height:1;box-shadow:0 9px 20px rgba(103,93,243,.25)}.social-upload-zone strong{color:#26314a;font-size:14px}.social-upload-zone small{color:#8490a6;font-size:11px}.social-upload-active{display:grid;grid-template-columns:58px minmax(0,1fr) 34px;gap:11px;align-items:center;padding:9px;border:1px solid #e2e6ef;border-radius:16px;background:#f8f9fc}.social-upload-thumb{width:58px;height:58px;border-radius:12px;overflow:hidden;background:#e9edf5}.social-upload-thumb img{width:100%;height:100%;object-fit:cover;display:block}.social-upload-meta{min-width:0;display:grid;gap:3px}.social-upload-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#26314a;font-size:13px}.social-upload-meta small{color:#7f899d;font-size:10px;line-height:1.35}.social-icon-btn{width:32px;height:32px;border:0;border-radius:10px;background:#fff;color:#9a3b52;font-size:22px;cursor:pointer;box-shadow:0 4px 12px rgba(20,30,55,.08)}.social-image-controls{display:grid;gap:11px;margin-top:14px;padding-top:14px;border-top:1px solid #edf0f5}.social-image-controls>label{display:grid;gap:6px}.social-image-controls>label span{display:flex;justify-content:space-between;color:#657087;font-size:11px;font-weight:800}.social-image-controls input[type=range]{width:100%;accent-color:#665cf2}.social-image-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.social-image-actions .btn{justify-content:center;min-height:40px}.social-replace-btn{position:relative;cursor:pointer}.social-canvas-stage canvas{touch-action:none}.social-canvas-stage canvas:has(+*){}.social-canvas-stage canvas.is-dragging-image{cursor:grabbing}.social-canvas-stage canvas:hover{cursor:grab}@media(max-width:520px){.social-upload-zone{min-height:118px}.social-image-actions{grid-template-columns:1fr}.social-upload-active{grid-template-columns:50px minmax(0,1fr) 32px}.social-upload-thumb{width:50px;height:50px}}

/* TRUE-KEE 6.5 — movable Social Media Studio messages */
.social-message-editor{display:grid;gap:10px}.social-message-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;padding:11px;border:1px solid #e4e8f1;border-radius:15px;background:#fafbfe;transition:.2s}.social-message-row:has(>input:checked){border-color:#d9d5ff;background:#f8f7ff}.social-message-row>input{margin-top:4px;accent-color:#675df3;width:17px;height:17px}.social-message-row>span{display:grid;gap:6px}.social-message-row b{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#59647a}.social-message-row input[type=text],.social-message-row textarea{width:100%;border:1px solid #dde2eb;background:#fff;border-radius:10px;padding:9px 10px;color:#1d2942;font:inherit;resize:vertical}.social-message-row small{font-size:10px;color:#8791a4;line-height:1.4}.social-message-row:has(>input:not(:checked))>span{opacity:.48}.social-color-row{grid-template-columns:105px 1fr;margin-top:12px}.social-color-row .btn{min-height:43px;align-self:end;justify-content:center}.social-canvas-stage canvas.is-dragging-text{cursor:grabbing}.social-canvas-stage canvas:hover{cursor:move}@media(max-width:520px){.social-color-row{grid-template-columns:90px 1fr}.social-message-row{padding:10px}}

/* Social Media Studio 2.0 */
.social-layers-list{display:grid;gap:7px}.social-layer-row{display:grid;grid-template-columns:32px minmax(0,1fr) 34px 30px 30px;align-items:center;gap:5px;padding:7px;border:1px solid #e3e7ef;border-radius:12px;background:#f8f9fc}.social-layer-row.active{border-color:#6258f2;background:#f0efff;box-shadow:0 0 0 2px rgba(98,88,242,.1)}.social-layer-row button{border:0;background:transparent;min-width:0;height:30px;border-radius:8px;cursor:pointer;color:#566179}.social-layer-row button:hover{background:#fff}.social-layer-row .layer-name{text-align:left;font-weight:800;color:#27324b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-qr-toggle{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #e0e5ef;border-radius:14px;background:#f8f9fc}.social-qr-toggle>span{display:grid;min-width:0}.social-qr-toggle b{font-size:13px;color:#24304a}.social-qr-toggle small{font-size:10px;color:#7f899d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-control-note{margin:10px 0 0;color:#7c879b;font-size:11px;line-height:1.45}.social-qr-card input[type=range]{width:100%}.social-choice b:after{content:' ↔';color:#6258f2}.social-canvas-stage canvas.is-dragging-text{cursor:grabbing}


/* TRUE-KEE public coupon studio */
.coupon-public-shell,.coupon-manager-shell,.coupon-detail-shell{max-width:1240px;margin:0 auto;padding:26px 0 60px}.coupon-hero,.coupon-manager-head{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:32px;border-radius:28px;background:linear-gradient(135deg,#111827,#312e81 65%,#7c3aed);color:#fff;box-shadow:0 22px 60px rgba(17,24,39,.18)}.coupon-hero h1,.coupon-manager-head h1{margin:7px 0 10px;font-size:clamp(30px,5vw,58px);line-height:1}.coupon-hero p,.coupon-manager-head p{max-width:720px;color:rgba(255,255,255,.8)}.coupon-kicker{font-size:12px;font-weight:900;letter-spacing:.18em;color:#c4b5fd}.coupon-search{display:flex;gap:12px;margin:24px 0}.coupon-search input{flex:1;min-width:0}.coupon-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.public-coupon-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(15,23,42,.08)}.public-coupon-visual{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--coupon-bg);color:var(--coupon-text);isolation:isolate}.public-coupon-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.public-coupon-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.78));z-index:-2}.public-coupon-copy{position:absolute;inset:0;padding:9%;display:flex;flex-direction:column;justify-content:flex-end}.coupon-brandline{position:absolute;top:7%;left:8%;padding:8px 12px;border-radius:999px;background:var(--coupon-accent);font-size:11px;font-weight:900;letter-spacing:.12em}.coupon-offer{font-size:clamp(34px,4vw,68px);line-height:.95;font-weight:1000;letter-spacing:-.05em}.public-coupon-copy h1,.public-coupon-copy h2{margin:14px 0 8px;color:inherit;line-height:1.04}.public-coupon-copy p{margin:0 0 18px;color:inherit;opacity:.85}.coupon-code-row{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;padding:10px 15px;border-radius:12px;background:#fff;color:#111827}.coupon-code-row span{font-size:10px;font-weight:900;letter-spacing:.12em}.coupon-code-row b{font-size:18px}.public-coupon-copy small{margin-top:14px;font-weight:700}.public-coupon-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px}.public-coupon-meta div{display:flex;flex-direction:column}.public-coupon-meta span,.coupon-owner span{font-size:13px;color:#64748b}.coupon-empty{grid-column:1/-1;padding:45px;text-align:center;border:1px dashed #cbd5e1;border-radius:24px;background:#f8fafc}.coupon-detail-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.coupon-detail-toolbar>div{display:flex;gap:10px}.coupon-detail-grid,.coupon-builder-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:24px;align-items:start}.coupon-large{border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.18)}.coupon-info-card,.coupon-editor-card,.coupon-preview-sticky{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:24px;box-shadow:0 14px 38px rgba(15,23,42,.07)}.coupon-info-card h2{margin-top:18px}.coupon-owner{display:flex;flex-direction:column;padding-top:20px;margin-top:20px;border-top:1px solid #e5e7eb}.coupon-expiry{margin-top:20px;padding:14px;border-radius:14px;background:#ecfdf5;color:#047857;font-weight:800}.coupon-expiry.ending{background:#fff7ed;color:#c2410c}.coupon-manager-head{margin-bottom:24px}.coupon-editor-card .field{margin-bottom:16px}.coupon-editor-card .grid.three{grid-template-columns:repeat(3,1fr)}.coupon-preview-sticky{position:sticky;top:90px}.coupon-form-actions{display:flex;gap:10px}.coupon-my-list{margin-top:30px}.coupon-gallery.compact{display:block}.coupon-list-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:16px 18px;margin-bottom:10px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.coupon-list-row>div:first-child{display:flex;flex-direction:column}.coupon-list-row>div:last-child{display:flex;gap:8px}.coupon-list-row span{color:#64748b;font-size:13px}
@media(max-width:900px){.coupon-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.coupon-detail-grid,.coupon-builder-grid{grid-template-columns:1fr}.coupon-preview-sticky{position:static}.coupon-hero,.coupon-manager-head{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.coupon-public-shell,.coupon-manager-shell,.coupon-detail-shell{padding-top:14px}.coupon-gallery{grid-template-columns:1fr}.coupon-hero,.coupon-manager-head{padding:24px;border-radius:20px}.coupon-search,.coupon-detail-toolbar,.coupon-detail-toolbar>div{flex-direction:column}.coupon-detail-toolbar .btn{width:100%}.coupon-list-row{grid-template-columns:1fr}.coupon-list-row>div:last-child{flex-wrap:wrap}.coupon-editor-card .grid,.coupon-editor-card .grid.three{grid-template-columns:1fr}.coupon-offer{font-size:44px}}
/* TRUE-KEE 6.9 limited coupon inventory */
.coupon-filter-search{display:grid;grid-template-columns:minmax(0,1fr) 260px auto}.coupon-category-pills{display:flex;gap:9px;overflow:auto;padding:0 0 18px;scrollbar-width:thin}.coupon-category-pills a{white-space:nowrap;padding:9px 13px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#334155;font-weight:800;font-size:13px}.coupon-category-pills a.active{background:#111827;color:#fff;border-color:#111827}.coupon-stock-meter{margin:18px 0;padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.coupon-stock-meter>strong{font-size:28px;color:#7c3aed}.coupon-stock-meter>span{margin-left:6px;color:#64748b;font-weight:700}.coupon-stock-meter>div{height:9px;margin-top:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.coupon-stock-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#2563eb)}
@media(max-width:700px){.coupon-filter-search{grid-template-columns:1fr}.coupon-category-pills{margin-right:-14px}.coupon-code-row{width:100%;align-items:flex-start;flex-direction:column;gap:3px}.coupon-code-row b{word-break:break-all}}

/* TRUE-KEE 7.0 coupon distribution modes */
.coupon-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}.coupon-mode-card{display:flex;gap:11px;align-items:flex-start;padding:15px;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:rgba(255,255,255,.72);cursor:pointer;transition:.2s ease}.coupon-mode-card:hover{transform:translateY(-1px);border-color:rgba(124,58,237,.45);box-shadow:0 12px 30px rgba(15,23,42,.08)}.coupon-mode-card input{margin-top:4px;accent-color:#7c3aed}.coupon-mode-card span{display:grid;gap:4px}.coupon-mode-card strong{font-size:.95rem;color:#111827}.coupon-mode-card small{line-height:1.45;color:#64748b}.coupon-daily-note{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(14,165,233,.1));border:1px solid rgba(124,58,237,.18);margin:18px 0}.coupon-daily-note strong{font-size:1.45rem;color:#7c3aed;white-space:nowrap}.coupon-daily-note span{color:#475569;line-height:1.4}@media(max-width:720px){.coupon-mode-options{grid-template-columns:1fr}.coupon-daily-note{align-items:flex-start}}

/* Coupon distribution mode fields */
.coupon-expiration-fields{padding:16px;border:1px solid rgba(124,58,237,.18);border-radius:16px;background:linear-gradient(135deg,rgba(124,58,237,.06),rgba(59,130,246,.04));margin-bottom:16px}
.coupon-mode-help{display:block;margin-top:6px;color:var(--muted,#64748b)}
.coupon-limited-help{display:none;align-items:flex-start;gap:8px;flex-direction:column;padding:16px;border:1px solid rgba(16,185,129,.22);border-radius:16px;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(34,197,94,.04));margin-bottom:16px}
.coupon-limited-help strong{font-size:15px;color:#047857}.coupon-limited-help span{font-size:13px;color:var(--muted,#64748b)}
/* TRUE-KEE 7.1.2 — scannable coupon code */
.coupon-code-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.coupon-code-row>div{min-width:0}
.coupon-code-row canvas{width:96px;height:96px;background:#fff;border-radius:14px;padding:7px;box-shadow:0 10px 28px rgba(15,23,42,.2);flex:0 0 auto}
@media(max-width:640px){.coupon-code-row{align-items:flex-end}.coupon-code-row canvas{width:82px;height:82px}}

/* TRUE-KEE 7.2 verified premium coupons */
.coupon-verify-shell{max-width:760px;margin:0 auto;padding:28px 0 70px}.coupon-verify-card{margin-top:20px;padding:34px;border-radius:30px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 70px rgba(15,23,42,.12);text-align:center}.coupon-verify-brand{font-size:12px;font-weight:1000;letter-spacing:.18em;color:#64748b}.coupon-verify-status{display:inline-flex;margin:22px 0 12px;padding:11px 20px;border-radius:999px;font-size:18px;font-weight:1000;letter-spacing:.08em}.state-valid .coupon-verify-status{background:#dcfce7;color:#166534}.state-redeemed .coupon-verify-status{background:#e0e7ff;color:#3730a3}.state-expired .coupon-verify-status,.state-invalid .coupon-verify-status{background:#fee2e2;color:#991b1b}.state-pending .coupon-verify-status{background:#fef3c7;color:#92400e}.coupon-verify-card h1{font-size:clamp(30px,6vw,52px);margin:8px 0}.coupon-verify-card>p{color:#64748b}.coupon-verify-code{margin:28px 0;padding:22px;border-radius:20px;background:#0f172a;color:#fff}.coupon-verify-code span,.coupon-verify-grid span{display:block;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.coupon-verify-code strong{display:block;margin-top:8px;font:900 clamp(22px,5vw,34px)/1.2 monospace;word-break:break-all}.coupon-verify-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;text-align:left}.coupon-verify-grid>div{padding:17px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.coupon-verify-grid strong{display:block;margin-top:7px;color:#0f172a}.coupon-redeem-form{margin-top:24px}.coupon-redeem-form .btn{width:100%;padding:15px}.coupon-verify-note{margin-top:22px;padding:16px;border-radius:15px;background:#eff6ff;color:#1d4ed8;font-weight:700}@media(max-width:560px){.coupon-verify-card{padding:22px}.coupon-verify-grid{grid-template-columns:1fr}}

/* TRUE-KEE 7.2.1 coupon image composition */
.public-coupon-visual>img{transform-origin:center center;transition:transform .2s ease,object-position .2s ease;will-change:transform}.coupon-image-controls{margin:-2px 0 18px;padding:16px;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(180deg,#f8fafc,#fff)}.coupon-image-controls label{display:flex;justify-content:space-between;gap:12px}.coupon-image-controls output{font-weight:900;color:#7c3aed}.coupon-image-controls input[type=range]{width:100%;accent-color:#7c3aed}.coupon-image-controls>small{display:block;margin-top:10px;color:#64748b}
/* TRUE-KEE 7.2.10: smart coupon imagery + fully clickable cards */
.public-coupon-card[role="link"]{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.public-coupon-card[role="link"]:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(15,23,42,.14);border-color:#c4b5fd}
.public-coupon-card[role="link"]:focus-visible{outline:3px solid #8b5cf6;outline-offset:4px}
.coupon-card-open-hint{font-size:13px;font-weight:900;color:#6d28d9;white-space:nowrap}
.public-coupon-visual>img{background:var(--coupon-bg)}
@media (min-width:760px){.public-coupon-card .public-coupon-copy{padding-right:38%}.coupon-detail-grid .public-coupon-copy,.coupon-preview-sticky .public-coupon-copy{padding-right:38%}}
@media (max-width:759px){.public-coupon-card .public-coupon-copy,.coupon-detail-grid .public-coupon-copy,.coupon-preview-sticky .public-coupon-copy{padding-right:9%}}

/* TRUE-KEE 7.2.11 - premium coupon web presentation */
.coupon-ticket-card{display:flex;flex-direction:column;min-width:0;background:#fff}
.coupon-ticket-photo,.coupon-web-photo{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--coupon-bg),var(--coupon-accent));isolation:isolate}
.coupon-ticket-photo{aspect-ratio:109/61}
.coupon-ticket-photo>img,.coupon-web-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.coupon-ticket-photo:after,.coupon-web-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.03) 20%,rgba(15,23,42,.82) 100%);z-index:-1}
.coupon-ticket-fallback{position:absolute;inset:0;background:linear-gradient(135deg,var(--coupon-bg),var(--coupon-accent));z-index:-2}
.coupon-ticket-official{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;min-height:32px;padding:8px 12px;border-radius:999px;background:var(--coupon-accent);color:#fff;font-size:10px;font-weight:950;letter-spacing:.12em;box-shadow:0 8px 22px rgba(15,23,42,.18)}
.coupon-ticket-offer{position:absolute;left:20px;bottom:18px;color:#fff;font-size:clamp(34px,4vw,58px);line-height:.9;font-weight:1000;letter-spacing:-.055em;text-shadow:0 4px 18px rgba(0,0,0,.3)}
.coupon-ticket-body{padding:20px 20px 16px}
.coupon-ticket-category{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:11px;font-weight:900}
.coupon-ticket-body h2{margin:13px 0 8px;color:#0f172a;font-size:23px;line-height:1.08;letter-spacing:-.025em}
.coupon-ticket-body p{display:-webkit-box;margin:0 0 18px;color:#64748b;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.coupon-ticket-facts{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 0;border-top:1px solid #e2e8f0;border-bottom:1px dashed #cbd5e1}
.coupon-ticket-facts div{display:flex;flex-direction:column;gap:4px;min-width:0}
.coupon-ticket-facts span,.coupon-web-facts span,.coupon-web-code>span{color:#94a3b8;font-size:10px;font-weight:950;letter-spacing:.12em}
.coupon-ticket-facts strong{color:#0f172a;font-size:13px;overflow-wrap:anywhere}
.coupon-ticket-active{color:#15803d!important}
.coupon-ticket-code{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:14px;background:#0f172a;color:#fff}
.coupon-ticket-code span{font-size:10px;font-weight:900;letter-spacing:.11em;color:#94a3b8}
.coupon-ticket-code b{font-size:14px;text-align:right}
.coupon-card-open-hint{font-weight:900;color:#4f46e5!important}

.coupon-web-ticket{overflow:hidden;border:1px solid #dfe7f1;border-radius:30px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.16)}
.coupon-web-photo{min-height:430px}
.coupon-web-photo .coupon-ticket-official{top:30px;left:32px;padding:10px 16px;font-size:12px}
.coupon-web-photo .coupon-ticket-offer{left:34px;bottom:108px;font-size:clamp(62px,8vw,108px)}
.coupon-web-photo h1{position:absolute;left:36px;right:36px;bottom:34px;margin:0;color:#fff;font-size:clamp(31px,5vw,55px);line-height:1.02;letter-spacing:-.045em;text-shadow:0 5px 20px rgba(0,0,0,.36)}
.coupon-web-content{padding:28px 32px 24px}
.coupon-web-description{margin:0 0 24px;color:#475569;font-size:17px;line-height:1.65}
.coupon-web-facts{display:grid;grid-template-columns:1fr 1fr .65fr;gap:14px;padding:18px;border:1px solid #e2e8f0;border-radius:20px;background:#f8fafc}
.coupon-web-facts div{display:flex;flex-direction:column;gap:7px;min-width:0}
.coupon-web-facts strong{color:#0f172a;font-size:15px;overflow-wrap:anywhere}
.coupon-web-perforation{position:relative;height:34px;margin:16px -32px 8px;border-bottom:2px dashed #cbd5e1}
.coupon-web-perforation:before,.coupon-web-perforation:after{content:"";position:absolute;bottom:-18px;width:36px;height:36px;border-radius:50%;background:#eef2f7}
.coupon-web-perforation:before{left:-18px}.coupon-web-perforation:after{right:-18px}
.coupon-web-redeem{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;align-items:center;padding-top:18px}
.coupon-web-qr{display:flex;flex-direction:column;align-items:center;gap:9px;padding:14px;border:1px solid #e2e8f0;border-radius:22px;background:#fff}
.coupon-web-qr canvas{display:block;max-width:100%;height:auto;background:#fff;border-radius:10px}
.coupon-web-qr small{color:#64748b;font-size:11px;font-weight:800;text-align:center}
.coupon-web-code{min-width:0;padding:26px;border-radius:24px;background:#0f172a;color:#fff}
.coupon-web-code b{display:block;margin:13px 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(26px,4vw,43px);line-height:1.12;overflow-wrap:anywhere}
.coupon-web-code small{display:block;color:#94a3b8;line-height:1.45}
.coupon-web-footer{display:flex;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid #e2e8f0;color:#64748b;font-size:13px}
.coupon-web-footer strong{color:#4f46e5}

@media(max-width:900px){
  .coupon-web-photo{min-height:390px}
  .coupon-web-redeem{grid-template-columns:190px minmax(0,1fr)}
}
@media(max-width:620px){
  .coupon-ticket-body{padding:17px}
  .coupon-web-photo{min-height:330px}
  .coupon-web-photo .coupon-ticket-official{top:20px;left:20px;font-size:10px}
  .coupon-web-photo .coupon-ticket-offer{left:22px;bottom:92px;font-size:58px}
  .coupon-web-photo h1{left:22px;right:22px;bottom:24px;font-size:31px}
  .coupon-web-content{padding:22px 18px}
  .coupon-web-facts{grid-template-columns:1fr 1fr}.coupon-web-facts>div:last-child{grid-column:1/-1}
  .coupon-web-perforation{margin-left:-18px;margin-right:-18px}
  .coupon-web-redeem{grid-template-columns:1fr}
  .coupon-web-qr{max-width:230px;margin:0 auto;width:100%}
  .coupon-web-code{padding:22px}
  .coupon-web-footer{flex-direction:column}
}

/* TRUE-KEE 7.3 Coupon Redemption Center */
.redemption-shell{max-width:1180px;margin:0 auto;padding:28px 0 70px}.redemption-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:24px;padding:30px;border-radius:28px;background:linear-gradient(135deg,#111827,#312e81 58%,#7c3aed);color:#fff;box-shadow:0 24px 60px rgba(49,46,129,.24)}.redemption-hero h1{margin:7px 0 8px;font-size:clamp(34px,6vw,62px);line-height:.98;letter-spacing:-.05em}.redemption-hero p{max-width:720px;margin:0;color:#ddd6fe;line-height:1.6}.eyebrow{font-size:11px;font-weight:1000;letter-spacing:.16em;color:#a5b4fc}.redemption-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.redemption-panel,.redemption-history{padding:24px;border:1px solid #e2e8f0;border-radius:26px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.08)}.redemption-panel h2,.redemption-history h2{margin:0 0 8px}.muted{color:#64748b}.scanner-frame{position:relative;display:grid;place-items:center;min-height:360px;margin:20px 0;border-radius:22px;overflow:hidden;background:#0f172a;color:#94a3b8}.scanner-frame video{width:100%;height:100%;min-height:360px;object-fit:cover}.scanner-frame #scannerEmpty{position:absolute}.scanner-line{position:absolute;left:12%;right:12%;top:50%;height:2px;background:#22c55e;box-shadow:0 0 16px #22c55e;animation:scannerMove 2.2s ease-in-out infinite}@keyframes scannerMove{0%,100%{transform:translateY(-105px)}50%{transform:translateY(105px)}}.scanner-actions{display:flex;gap:10px}.manual-code-form{margin-top:22px}.manual-code-form label,.redeem-confirm-form label{display:block;margin:12px 0 7px;font-weight:850;color:#334155}.manual-code-form>div{display:flex;gap:10px}.manual-code-form input{flex:1}.redemption-empty{text-align:center;padding:70px 18px}.redemption-empty>div{font-size:54px}.redemption-status{display:inline-flex;padding:10px 14px;border-radius:999px;font-size:12px;font-weight:1000;letter-spacing:.1em}.redemption-status.valid{background:#dcfce7;color:#166534}.redemption-status.redeemed{background:#e0e7ff;color:#3730a3}.redemption-status.invalid{background:#fee2e2;color:#991b1b}.redemption-status.pending{background:#fef3c7;color:#92400e}.result-panel>h2{margin-top:16px;font-size:34px}.redemption-code{margin:22px 0;padding:20px;border-radius:18px;background:#0f172a;color:#fff}.redemption-code span,.redemption-facts span{display:block;font-size:10px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.redemption-code strong{display:block;margin-top:8px;font:900 clamp(23px,4vw,34px)/1.2 ui-monospace,monospace;overflow-wrap:anywhere}.redemption-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.redemption-facts>div{padding:15px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.redemption-facts strong{display:block;margin-top:5px;color:#0f172a}.redeem-confirm-form{margin-top:20px;padding-top:18px;border-top:1px solid #e2e8f0}.redeem-confirm-form textarea{width:100%;resize:vertical}.geo-check{display:flex!important;gap:9px;align-items:center}.redeem-button{width:100%;margin-top:14px;padding:15px}.redemption-alert{margin:0 0 18px;padding:14px 16px;border-radius:14px;font-weight:750}.redemption-alert.error{background:#fee2e2;color:#991b1b}.redemption-alert.info{margin-top:18px;background:#eff6ff;color:#1d4ed8}.redemption-history{margin-top:22px}.redemption-table-wrap{overflow:auto}.redemption-history table{width:100%;border-collapse:collapse}.redemption-history th,.redemption-history td{padding:13px 12px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap}.redemption-history th{font-size:11px;letter-spacing:.08em;color:#64748b}.coupon-list-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.coupon-list-heading h2{margin:0}@media(max-width:850px){.redemption-grid{grid-template-columns:1fr}.redemption-hero{align-items:flex-start;flex-direction:column}.scanner-frame,.scanner-frame video{min-height:300px}}@media(max-width:560px){.redemption-shell{padding-top:12px}.redemption-hero,.redemption-panel,.redemption-history{padding:18px;border-radius:20px}.manual-code-form>div,.scanner-actions,.coupon-list-heading{flex-direction:column}.redemption-facts{grid-template-columns:1fr}.scanner-actions .btn,.manual-code-form .btn{width:100%}}


/* TRUE-KEE 7.4 — dual scan coupon presentation */
.coupon-visible-barcode{display:block;width:100%;max-width:520px;height:82px;margin:16px 0 8px;background:#fff;border-radius:10px;padding:8px;box-sizing:border-box}
.coupon-verify-offer{font-size:clamp(2.6rem,8vw,5.4rem);font-weight:950;line-height:.95;letter-spacing:-.06em;margin:18px 0;color:var(--accent,#7c3aed)}
.coupon-verify-terms{margin-top:18px;padding:18px 20px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;text-align:left}
.coupon-verify-terms span{display:block;font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:7px}
.coupon-verify-terms p{margin:0;color:#334155;line-height:1.55}
.coupon-verify-note.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
@media(max-width:720px){.coupon-web-redeem{grid-template-columns:1fr}.coupon-visible-barcode{max-width:100%}}

/* Coupon creator: recommended upload dimensions */
.coupon-image-size-guide{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding:12px 14px;
  border:1px solid rgba(124,58,237,.20);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(37,99,235,.06));
  box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.coupon-image-size-icon{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:12px;
  color:#fff;
  font-size:21px;
  line-height:1;
  background:linear-gradient(135deg,#7c3aed,#2563eb);
  box-shadow:0 8px 16px rgba(79,70,229,.22);
}
.coupon-image-size-guide div{display:grid;gap:2px;min-width:0}
.coupon-image-size-guide strong{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5b21b6}
.coupon-image-size-guide b{font-size:22px;line-height:1.1;color:#111827}
.coupon-image-size-guide small{font-size:12px;line-height:1.45;color:#64748b}
@media(max-width:640px){
  .coupon-image-size-guide{align-items:flex-start}
  .coupon-image-size-guide b{font-size:20px}
}

/* TRUE-KEE 7.18.9 — Business Workspace 2.0: wider work area, compact navigation */
.business-shell{
  max-width:1760px !important;
  width:min(100%,1760px) !important;
  padding-left:18px !important;
  padding-right:18px !important;
}
.business-page-head{
  padding:14px 16px !important;
  border-radius:16px !important;
}
.business-page-head h1{font-size:clamp(25px,2.5vw,36px) !important;}
.business-hub-nav{
  padding:10px 12px !important;
  margin:10px 0 16px !important;
  border-radius:18px !important;
}
.business-hub-nav-head{
  margin:0 0 8px !important;
  padding:0 2px 8px !important;
}
.business-hub-nav-head strong{font-size:.98rem !important;}
.business-hub-nav-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
}
.business-hub-nav-card{
  flex:0 1 auto !important;
  min-width:0 !important;
  padding:8px 10px !important;
  border-radius:13px !important;
  gap:7px !important;
  box-shadow:none !important;
}
.business-hub-nav-icon{
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  font-size:15px !important;
}
.business-hub-nav-copy strong{font-size:.8rem !important;}
.business-hub-nav-copy small{display:none !important;}
.business-hub-nav-store{padding:7px 11px !important;font-size:.78rem !important;}
@media(max-width:900px){
  .business-shell{padding-left:12px !important;padding-right:12px !important;}
  .business-hub-nav-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .business-hub-nav-card{justify-content:flex-start !important;}
}
@media(max-width:650px){
  .business-hub-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .business-hub-nav-copy small{display:none !important;}
}

/* TRUE-KEE 7.19.8 — Brand Studio exact Frontpage WYSIWYG cover preview */
.brand-preview-surface-tabs{display:flex;gap:8px;padding:0 0 12px;overflow-x:auto}
.brand-preview-surface-tabs button{border:1px solid #e4e7ec;background:#fff;color:#667085;border-radius:999px;padding:9px 13px;font:inherit;font-size:.78rem;font-weight:900;white-space:nowrap;cursor:pointer}
.brand-preview-surface-tabs button.active{background:#101828;color:#fff;border-color:#101828}
.brand-frontpage-viewport{position:relative;width:100%;overflow:hidden;border-radius:24px;background:#101828;box-shadow:0 18px 50px rgba(16,24,40,.16)}
.brand-frontpage-canvas{position:absolute;left:0;top:0;width:1480px;height:580px;transform-origin:top left}
.brand-real-hero{position:relative;width:1480px;height:580px;overflow:hidden;background:#101828}
.brand-real-hero>.business-public-banner{position:absolute!important;inset:0!important;width:100%!important;height:580px!important;min-height:580px!important;border-radius:0!important}
.brand-real-hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(8,13,27,.88) 0%,rgba(8,13,27,.62) 44%,rgba(8,13,27,.10) 78%),linear-gradient(0deg,rgba(8,13,27,.68),transparent 44%);pointer-events:none}
.brand-real-hero-top{position:absolute;z-index:4;left:34px;right:34px;top:28px;display:flex;justify-content:space-between;color:#fff;font-size:13px;font-weight:850}
.brand-real-hero-top span{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px)}
.brand-real-hero-content{position:absolute;z-index:4;left:42px;right:42px;bottom:42px;display:grid;grid-template-columns:142px minmax(0,1fr);gap:25px;align-items:end}
.brand-real-logo-shell{width:142px;height:142px;padding:9px;border-radius:32px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.32);overflow:hidden;box-sizing:border-box}
.brand-real-logo-shell>.business-logo-big{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:23px!important;box-shadow:none!important;background:transparent!important;overflow:hidden!important}
.brand-real-logo-shell>.business-logo-big>img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;border-radius:23px!important}
.brand-real-badges{display:flex;gap:8px;flex-wrap:wrap}.brand-real-badges span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:850}
.brand-real-copy h2{margin:12px 0 10px;color:#fff;font-size:74px;line-height:.94;letter-spacing:-.062em}.brand-real-copy p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.65}
.brand-frontpage-canvas.mobile-canvas{width:700px;height:690px}.brand-frontpage-canvas.mobile-canvas .brand-real-hero{width:700px;height:690px;border-radius:0}.brand-frontpage-canvas.mobile-canvas .brand-real-hero>.business-public-banner{height:690px!important;min-height:690px!important}.brand-frontpage-canvas.mobile-canvas .brand-real-hero-top{left:18px;right:18px;top:18px}.brand-frontpage-canvas.mobile-canvas .brand-real-hero-content{left:21px;right:21px;bottom:24px;grid-template-columns:1fr;gap:15px}.brand-frontpage-canvas.mobile-canvas .brand-real-logo-shell{width:102px;height:102px;border-radius:24px}.brand-frontpage-canvas.mobile-canvas .brand-real-copy h2{font-size:52px}.brand-frontpage-canvas.mobile-canvas .brand-real-copy p{font-size:15px}
.brand-preview-note{margin:10px 2px 16px;color:#667085;font-size:.78rem;font-weight:700;line-height:1.5}
.brand-secondary-identity-preview{border-radius:20px!important;box-shadow:none!important;border:1px solid #e4e7ec!important}
/* Disable the obsolete editor-only banner height that caused a different crop. */
.brand-live-banner{height:auto!important}

/* TRUE-KEE 7.19.163 — Control Center expanded workspace and visible navigation */
.control-shell{
  width:min(100%,1760px) !important;
  max-width:1760px !important;
  padding:22px 24px 80px !important;
  box-sizing:border-box !important;
}
.control-hero{grid-template-columns:minmax(0,1fr) 340px !important;gap:18px !important;}
.control-hero-copy,.control-page-head{padding:26px 28px !important;}
.control-nav{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(138px,1fr)) !important;
  gap:9px !important;
  overflow:visible !important;
  padding:12px !important;
  position:sticky !important;
  top:8px !important;
  z-index:40 !important;
}
.control-nav a{
  justify-content:center !important;
  white-space:normal !important;
  text-align:center !important;
  min-height:45px !important;
  padding:10px 12px !important;
  font-size:14px !important;
}
.control-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;}
.control-metrics-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.control-layout{grid-template-columns:minmax(0,2fr) minmax(360px,1fr) !important;gap:20px !important;}
.control-layout.two{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.control-panel{padding:22px !important;margin-bottom:20px !important;}
.control-panel-head h2{font-size:22px !important;}
.control-item,.person-row{padding:15px 0 !important;}
.control-table th,.control-table td{padding:17px 16px !important;}
.control-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;}
.control-panel:not(.wide) .control-form{grid-template-columns:1fr;}
.control-form label{display:grid;align-content:start;gap:7px;font-weight:850;color:#27364b;min-width:0;}
.control-form label small{color:#64748b;font-weight:600;line-height:1.4;}
.control-form input,.control-form select,.control-form textarea{
  width:100%;min-height:48px;padding:12px 14px;box-sizing:border-box;
  border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#111827;font:inherit;
}
.control-form textarea{min-height:120px;resize:vertical;}
.control-form>button{grid-column:1/-1;min-height:48px;font-size:15px;}
@media(max-width:1180px){
  .control-shell{padding-left:16px !important;padding-right:16px !important;}
  .control-nav{grid-template-columns:repeat(4,minmax(0,1fr)) !important;position:static !important;}
  .control-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .control-layout,.control-layout.two{grid-template-columns:1fr !important;}
}
@media(max-width:760px){
  .control-shell{padding:10px 10px 64px !important;}
  .control-nav{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important;padding:8px !important;}
  .control-nav a{justify-content:flex-start !important;text-align:left !important;font-size:13px !important;min-height:42px !important;}
  .control-metrics-grid,.control-metrics-grid.compact{grid-template-columns:1fr !important;}
  .control-form{grid-template-columns:1fr;}
  .control-hero-copy,.control-page-head{padding:18px !important;}
}


/* TRUE-KEE 7.19.9 — My Business exact Business Cover proportion
   The dashboard card no longer stretches the cover across a vertical card.
   It uses the same 1480:580 canvas ratio as the public Frontpage. */
.business-card.business-cover-card.business-index-cover-card{
  min-height:0 !important;
  display:block !important;
  background:#fff !important;
  color:#0f172a !important;
  border-radius:24px !important;
  overflow:hidden !important;
}
.business-index-cover-frame{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1480 / 580 !important;
  overflow:hidden !important;
  background:#e2e8f0 !important;
}
.business-index-cover-card .business-index-cover-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  border-radius:0 !important;
}
.business-index-cover-card .business-index-cover-bg .business-banner-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:var(--banner-x,50%) var(--banner-y,50%) !important;
  transform:scale(var(--banner-zoom,1)) !important;
  transform-origin:center center !important;
  filter:brightness(var(--banner-brightness,100%)) saturate(var(--banner-saturation,100%)) blur(var(--banner-blur,0px)) !important;
}
.business-index-cover-card .business-index-cover-bg .business-custom-banner-content{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  padding:clamp(18px,3vw,34px) !important;
  text-align:left !important;
}
.business-index-cover-card .business-index-cover-bg .business-custom-banner-content strong{
  font-size:clamp(22px,3.2vw,42px) !important;
}
.business-index-cover-card .business-index-cover-content{
  position:relative !important;
  z-index:2 !important;
  min-height:0 !important;
  padding:20px !important;
  color:#0f172a !important;
  background:#fff !important;
  justify-content:flex-start !important;
}
.business-index-cover-card .business-cover-title h3{
  color:#0f172a !important;
  text-shadow:none !important;
}
.business-index-cover-card .business-cover-title p,
.business-index-cover-card .business-cover-desc{
  color:#64748b !important;
  text-shadow:none !important;
}
.business-index-cover-card .business-cover-logo{
  background:#fff !important;
  border:1px solid #e2e8f0 !important;
  box-shadow:0 8px 24px rgba(15,23,42,.12) !important;
}
.business-index-cover-card .business-cover-stats span{
  background:#f1f5f9 !important;
  color:#475569 !important;
  border:1px solid #e2e8f0 !important;
  backdrop-filter:none !important;
}
.business-index-cover-card .business-cover-stats b{color:#0f172a !important;}
@media(max-width:760px){
  .business-card.business-cover-card.business-index-cover-card{min-height:0 !important;}
  .business-index-cover-card .business-index-cover-content{min-height:0 !important;padding:17px !important;}
}

/* TRUE-KEE 7.19.21: Brand Studio editable text layers */
.brand-text-layers{margin-top:18px;padding:16px;border:1px solid #e6eaf0;border-radius:18px;background:#f8fafc}.brand-layer-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.brand-layer-toggle-grid label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #dde3ec;border-radius:13px;background:#fff;font-weight:700;cursor:pointer}.brand-layer-toggle-grid input{width:18px;height:18px;accent-color:#1877f2}.brand-layer-toggle-grid label:has(input:not(:checked)){opacity:.62;background:#f1f3f6}.brand-layer-toggle-grid label:has(input:not(:checked)) span{ text-decoration:line-through}@media(max-width:700px){.brand-layer-toggle-grid{grid-template-columns:1fr}}

/* TRUE-KEE 7.19.30: real text layer panel */
.brand-text-layers{margin-top:18px;padding:16px;border:1px solid #dfe5ee;border-radius:20px;background:#f8fafc}.brand-layers-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.brand-layers-heading span{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#64748b}.brand-layers-heading h2{margin:2px 0 3px;font-size:20px}.brand-layers-heading p{margin:0;color:#64748b;font-size:13px}.brand-layers-heading>strong{padding:6px 10px;border-radius:999px;background:#e9efff;color:#2457d6;font-size:12px;white-space:nowrap}.brand-layer-list{display:grid;gap:9px}.brand-layer-row{position:relative;display:grid;grid-template-columns:36px 34px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border:1px solid #dfe5ee;border-radius:14px;background:#fff;cursor:pointer;transition:.18s ease}.brand-layer-row:hover{border-color:#b8c7e5;box-shadow:0 7px 18px rgba(15,23,42,.06)}.brand-layer-row>input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.brand-layer-eye{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf4ff;color:#1769e0}.brand-layer-eye:before{content:'👁';font-size:17px}.brand-layer-row:has(>input:not(:checked)){opacity:.62;background:#f1f3f6}.brand-layer-row:has(>input:not(:checked)) .brand-layer-eye{background:#e5e7eb;color:#64748b}.brand-layer-row:has(>input:not(:checked)) .brand-layer-eye:before{content:'◉';filter:grayscale(1);opacity:.45}.brand-layer-row:has(>input:not(:checked)) .brand-layer-editor strong{text-decoration:line-through}.brand-layer-kind{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#111827;color:#fff;font-weight:900;font-family:Georgia,serif}.brand-layer-editor{min-width:0;display:grid;gap:5px}.brand-layer-editor strong{font-size:13px;color:#1e293b}.brand-layer-editor small{font-size:12px;color:#64748b}.brand-layer-editor input{width:100%;min-width:0;border:1px solid #dbe2ec;border-radius:10px;padding:9px 10px;background:#fff;color:#111827}.brand-layer-row:has(>input:not(:checked)) .brand-layer-editor input{pointer-events:none;background:#eceff3;color:#7b8492}.brand-layer-fixed{min-height:64px}@media(max-width:700px){.brand-layers-heading{align-items:center}.brand-layer-row{grid-template-columns:34px 30px minmax(0,1fr);padding:9px}.brand-layer-editor input{font-size:16px}}

/* TRUE-KEE 7.19.34 — Custom title/subtitle are independent layers in every banner mode */
.brand-live-banner.is-image .business-custom-banner-content,
.brand-live-banner.is-custom .business-custom-banner-content,
.brand-live-banner.is-combo .business-custom-banner-content{display:flex !important;}
.brand-live-banner .business-custom-banner-content:empty{display:none !important;}
.brand-layer-row>input[type=checkbox]{width:1px;height:1px;}
.brand-layer-eye{cursor:pointer;pointer-events:auto;}

/* TRUE-KEE 7.19.112: remove legacy listing shortcuts from every global header variant */
.topbar nav a[href$="my_listings.php"],
.topbar nav a[href*="/my_listings.php"],
.topbar nav a[href$="create_listing.php"],
.topbar nav a[href*="/create_listing.php"],
header nav a[href$="my_listings.php"],
header nav a[href*="/my_listings.php"],
header nav a[href$="create_listing.php"],
header nav a[href*="/create_listing.php"] {
  display: none !important;
}

/* TRUE-KEE 7.19.147 — unified Location Bar presentation */
.tk-location-bar{
  width:100%;
  box-sizing:border-box;
  padding:12px 15px!important;
  border:1px solid #e7e2ed!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#5f5867;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.35!important;
}
.tk-location-row,
.tk-location-bar:not(.m2-location){
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}
.tk-location-bar.m2-location{display:grid!important;gap:10px!important;}
.tk-location-copy{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  color:#5f5867!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.35!important;
}
.tk-location-copy>span:first-child:not(:last-child){flex:0 0 auto;}
.tk-location-copy strong{color:#17191f!important;font-weight:900!important;}
.tk-location-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-left:auto!important;
}
.tk-location-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;margin-left:auto!important;}
.tk-location-button{
  min-height:36px!important;
  box-sizing:border-box!important;
  padding:7px 11px!important;
  border:1px solid #ded8e5!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#4f4657!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.tk-location-button.primary{
  border-color:#17191f!important;
  background:#17191f!important;
  color:#fff!important;
}
.tk-location-radius{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:36px!important;
  box-sizing:border-box!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#5f5867!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.tk-location-radius select{
  min-width:104px!important;
  min-height:36px!important;
  box-sizing:border-box!important;
  padding:6px 9px!important;
  border:1px solid #d8d2df!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#17191f!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.tk-location-count{color:#6b7280!important;font-family:inherit!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap!important;}
@media(max-width:720px){
  .tk-location-bar,.tk-location-row{align-items:flex-start!important;}
  .tk-location-copy{width:100%!important;}
  .tk-location-actions{width:100%!important;justify-content:flex-start!important;margin-left:0!important;}
  .tk-location-controls{width:100%!important;justify-content:flex-start!important;margin-left:0!important;}
  .tk-location-count{width:100%!important;}
}

/* TRUE-KEE 7.19.174 — Website Design chooser thumbnails now preview layout, not only palette. */
.template-card-modern .website-template-thumb{grid-template-columns:34% 1fr;grid-template-rows:1fr 1fr 1fr}.template-card-modern .website-template-thumb i{grid-row:1/4}
.template-card-classic .website-template-thumb{grid-template-columns:1fr 2fr;grid-template-rows:18px 1fr 1fr}.template-card-classic .website-template-thumb i{grid-column:1/3;grid-row:1;border-radius:2px;font-size:0}.template-card-classic .website-template-thumb b{border-radius:1px}.template-card-classic .website-template-thumb b:nth-of-type(1){grid-column:1;grid-row:2/4}.template-card-classic .website-template-thumb b:nth-of-type(2){grid-column:2;grid-row:2}.template-card-classic .website-template-thumb b:nth-of-type(3){grid-column:2;grid-row:3}
.template-card-showcase .website-template-thumb{grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;padding:7px}.template-card-showcase .website-template-thumb i{grid-column:1/3;grid-row:1;border-radius:4px;font-size:.7rem}.template-card-showcase .website-template-thumb b{border-radius:2px}.template-card-showcase .website-template-thumb b:nth-of-type(1){grid-column:1}.template-card-showcase .website-template-thumb b:nth-of-type(2){grid-column:2}.template-card-showcase .website-template-thumb b:nth-of-type(3){display:none}
.template-card-services .website-template-thumb{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr 1fr}.template-card-services .website-template-thumb i{grid-column:2;grid-row:1/4}.template-card-services .website-template-thumb b{grid-column:1}.template-card-services .website-template-thumb b:nth-of-type(1){grid-row:1}.template-card-services .website-template-thumb b:nth-of-type(2){grid-row:2}.template-card-services .website-template-thumb b:nth-of-type(3){grid-row:3}
.template-card-store .website-template-thumb{grid-template-columns:repeat(3,1fr);grid-template-rows:22px 1fr}.template-card-store .website-template-thumb i{grid-column:1/4;grid-row:1;border-radius:4px;font-size:.65rem}.template-card-store .website-template-thumb b{grid-row:2;border-radius:4px}.template-card-store .website-template-thumb b:nth-of-type(1){grid-column:1}.template-card-store .website-template-thumb b:nth-of-type(2){grid-column:2}.template-card-store .website-template-thumb b:nth-of-type(3){grid-column:3}
.template-card-minimal .website-template-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px 22px}.template-card-minimal .website-template-thumb i{width:28px;height:28px;border-radius:50%;font-size:0;flex:0 0 auto}.template-card-minimal .website-template-thumb b{width:100%;height:6px;border-radius:0}.template-card-minimal .website-template-thumb b:nth-of-type(2){width:72%}.template-card-minimal .website-template-thumb b:nth-of-type(3){width:46%}

/* TRUE-KEE 7.19.178 — Brand Studio live transparent logo background */
.tk-logo-bg-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tk-logo-transparent-toggle{display:inline-flex!important;align-items:center;gap:8px;min-height:42px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;cursor:pointer;font-weight:700}
.tk-logo-transparent-toggle input{width:18px;height:18px;margin:0}
.tk-logo-background-field input[type="color"]:disabled{opacity:.38;cursor:not-allowed}
#logoCanvasPreview.tk-logo-transparent{background-color:#fff!important;background-image:linear-gradient(45deg,#e6e8ec 25%,transparent 25%),linear-gradient(-45deg,#e6e8ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e8ec 75%),linear-gradient(-45deg,transparent 75%,#e6e8ec 75%)!important;background-size:24px 24px!important;background-position:0 0,0 12px,12px -12px,-12px 0!important}
#logoCanvasPreview.tk-logo-transparent .tk-generated-logo,
#logoCanvasPreview.tk-logo-transparent .tk-logo-overlay-text{background:transparent!important}

/* TRUE-KEE 7.19.179 — Always-visible Logo Background controls */
.logo-background-card{border:1px solid #dfe3e8;border-radius:16px;padding:16px;background:#fff;margin-bottom:14px}
.logo-background-live-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,1fr);gap:10px;margin-top:12px}
.logo-bg-color-control{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;align-items:center;border:1px solid #dfe3e8;border-radius:12px;padding:10px 12px;cursor:pointer}
.logo-bg-color-control>span{grid-column:2;font-size:12px;color:#667085}
.logo-bg-color-control>strong{grid-column:2;font-size:13px}
.logo-bg-color-control input[type="color"]{grid-column:1;grid-row:1/3;width:44px;height:44px;padding:2px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}
.logo-bg-transparent-btn{min-height:66px;border:1px solid #dfe3e8;border-radius:12px;background:#fff;padding:10px 12px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer}
.logo-bg-transparent-btn.active{border-color:#111827;box-shadow:0 0 0 2px rgba(17,24,39,.08)}
.logo-bg-transparent-btn span:last-child{display:flex;flex-direction:column;gap:2px}
.logo-bg-transparent-btn small{font-size:11px;color:#667085}
.logo-transparent-swatch{width:40px;height:40px;flex:0 0 40px;border-radius:9px;border:1px solid #cfd4dc;background-color:#fff;background-image:linear-gradient(45deg,#d9dde3 25%,transparent 25%),linear-gradient(-45deg,#d9dde3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9dde3 75%),linear-gradient(-45deg,transparent 75%,#d9dde3 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}
.logo-bg-presets{display:flex;gap:8px;align-items:center;margin:11px 0 7px}
.logo-bg-presets button{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cfd4dc;background:var(--sw);cursor:pointer}
@media(max-width:700px){.logo-background-live-row{grid-template-columns:1fr}.logo-bg-transparent-btn{min-height:58px}}

/* TRUE-KEE 7.19.180 — simplified Logo Background controls */
.logo-background-card.simple{padding:14px 16px}
.logo-background-simple-row{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.logo-bg-simple-picker{display:flex!important;align-items:center;gap:10px;min-height:48px;padding:7px 12px;border:1px solid #dfe3e8;border-radius:12px;background:#fff;cursor:pointer;font-weight:700}
.logo-bg-simple-picker input[type="color"]{width:38px;height:34px;padding:2px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;cursor:pointer}
.logo-bg-transparent-btn.simple{min-height:48px;padding:7px 12px;border-radius:12px;gap:9px}
.logo-bg-transparent-btn.simple .logo-transparent-swatch{width:30px;height:30px;flex-basis:30px}
@media(max-width:700px){.logo-background-simple-row{align-items:stretch}.logo-bg-simple-picker,.logo-bg-transparent-btn.simple{flex:1 1 140px}}

/* TRUE-KEE 7.19.182 — Users Center account controls */
.admin-users-table td{vertical-align:top}.admin-user-actions{display:flex;flex-direction:column;gap:7px;min-width:230px}.admin-user-actions .row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0}.admin-user-actions button{white-space:nowrap}.email-verify-state{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;font-size:.76rem;font-weight:800}.email-verify-state.is-verified{background:#eaf8ef;color:#16703b}.email-verify-state.is-pending{background:#fff4df;color:#96620a}.admin-user-actions .email-action{background:#eef4ff;color:#2448a0;border-color:#d8e4ff}.admin-user-actions .verify-action{background:#eaf8ef;color:#166534;border-color:#cdeed8}.danger-user-delete{margin-top:2px;border-top:1px solid #f0d7d7;padding-top:7px}.danger-user-delete summary{cursor:pointer;color:#9f2828;font-size:.78rem;font-weight:800}.danger-user-delete form{margin-top:7px}.danger-delete-btn{background:#a61b1b!important;color:#fff!important;border-color:#a61b1b!important}

/* TRUE-KEE 7.19.183 — clean Users Center action menu */
.admin-user-actions.clean{min-width:112px;display:block}
.user-action-menu{position:relative}
.user-action-menu>summary{list-style:none;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:108px;height:38px;padding:0 12px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;color:#344054;font-size:.8rem;font-weight:800;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.user-action-menu>summary::-webkit-details-marker{display:none}.user-action-menu[open]>summary{border-color:#b9c8ee;box-shadow:0 0 0 3px rgba(50,92,180,.08)}
.user-action-popover{position:absolute;z-index:80;right:0;top:44px;width:310px;padding:8px;border:1px solid #e1e5eb;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(16,24,40,.16)}
.user-action-menu-head{padding:9px 10px 11px;display:flex;flex-direction:column;border-bottom:1px solid #edf0f4}.user-action-menu-head strong{font-size:.86rem;color:#101828}.user-action-menu-head small{margin-top:2px;color:#667085;font-size:.72rem}
.user-action-popover form{margin:0;padding:5px 0;display:block}.user-action-popover form>button{width:100%;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;text-align:left;padding:8px 9px;border:0;border-radius:9px;background:transparent;color:#344054;cursor:pointer}
.user-action-popover form>button:hover{background:#f5f7fa}.user-action-popover form>button>span{width:28px;height:28px;border-radius:8px;background:#f1f4f8;display:flex;align-items:center;justify-content:center;font-size:.85rem}
.user-action-popover form>button>div{display:flex;flex-direction:column;gap:1px}.user-action-popover form>button strong{font-size:.78rem}.user-action-popover form>button small{font-size:.68rem;color:#7a8495;font-weight:500}
.user-action-divider{padding:8px 9px 3px;border-top:1px solid #edf0f4}.user-action-divider span{font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:#98a2b3;font-weight:900}.user-action-divider.danger span{color:#b54747}
.user-role-menu-form select{width:100%;height:36px;margin:2px 0 5px;border:1px solid #dfe3e8;border-radius:8px;padding:0 8px;background:#fff}
.user-action-popover form>button.menu-danger{color:#b42318}.user-action-popover form>button.menu-danger>span{background:#fff0ee;color:#b42318}.user-action-popover form>button.menu-danger:hover{background:#fff4f2}
@media(max-width:700px){.user-action-popover{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:76vh;overflow:auto}.admin-users-table{min-width:930px}}

/* 7.19.194 Industry template chooser */
.industry-template-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px}.industry-template-nav button{display:flex;align-items:center;gap:9px;min-height:48px;padding:9px 11px;border:1px solid #dbe2ea;border-radius:13px;background:#fff;color:#344054;font-weight:850;text-align:left;cursor:pointer}.industry-template-nav button span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#f2f4f7;font-size:16px}.industry-template-nav button:hover{border-color:#aebde8;background:#f8faff}.industry-template-nav button.active{border-color:#3157d5;background:#eef3ff;color:#2447b8}.industry-template-panel{display:none}.industry-template-panel.active{display:block}.industry-template-intro{display:flex;align-items:center;gap:11px;margin:0 0 12px;padding:12px 13px;border-radius:14px;background:#f8fafc;border:1px solid #edf0f4}.industry-template-intro>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#fff;font-size:21px}.industry-template-intro div{display:grid;gap:2px}.industry-template-intro strong{color:#101828}.industry-template-intro small{color:#667085;line-height:1.35}@media(max-width:560px){.industry-template-nav{grid-template-columns:1fr}}

/* 7.19.196 — template cards now preview genuinely different website personalities */
.website-template-card[class*="design-card-"] .website-template-thumb{position:relative;overflow:hidden}
.design-card-restaurant-modern .website-template-thumb{background:linear-gradient(120deg,#562414 0 48%,#df9f67 48% 100%)}
.design-card-restaurant-classic .website-template-thumb{background:#ede0cf;border-radius:0!important}.design-card-restaurant-classic .website-template-thumb i{font-family:Georgia,serif;color:#5e3d29}
.design-card-restaurant-showcase .website-template-thumb{background:linear-gradient(145deg,#090909,#482d20)}
.design-card-retail-modern .website-template-thumb{background:linear-gradient(135deg,#eff3fb,#9ba9d2)}
.design-card-retail-store .website-template-thumb{background:repeating-linear-gradient(90deg,#fff 0 22%,#dfe4ed 22% 24%)}
.design-card-retail-showcase .website-template-thumb{background:linear-gradient(135deg,#162c61,#d7e0f3)}
.design-card-instructor-modern .website-template-thumb{background:linear-gradient(135deg,#eadfff,#8a65cb);border-radius:24px!important}
.design-card-instructor-services .website-template-thumb{background:linear-gradient(90deg,#d8f1ed 0 35%,#fff 35%)}
.design-card-instructor-minimal .website-template-thumb{background:#fff;border:1px solid #111!important;border-radius:0!important}
.design-card-laundry-modern .website-template-thumb{background:linear-gradient(135deg,#dff7ff,#44b7dc)}
.design-card-laundry-services .website-template-thumb{background:linear-gradient(90deg,#075d78 0 32%,#eaf8fc 32%)}
.design-card-laundry-minimal .website-template-thumb{background:#f8fdff;border-radius:4px!important}
.design-card-contractor-modern .website-template-thumb{background:linear-gradient(135deg,#252525 0 60%,#d28123 60%) ;border-radius:0!important}
.design-card-contractor-services .website-template-thumb{background:linear-gradient(90deg,#f5ede3 0 65%,#282828 65%);border-radius:4px!important}
.design-card-contractor-showcase .website-template-thumb{background:linear-gradient(145deg,#111,#6b4317);border-radius:0!important}
.design-card-beauty-modern .website-template-thumb{background:linear-gradient(135deg,#ffe8f3,#b85a8a);border-radius:30px 8px 30px 8px!important}
.design-card-beauty-services .website-template-thumb{background:linear-gradient(90deg,#7d2857 0 30%,#fff1f8 30%)}
.design-card-beauty-showcase .website-template-thumb{background:linear-gradient(145deg,#1d151c,#9b5076);border-radius:0!important}
.design-card-restaurant-showcase .website-template-thumb i,.design-card-contractor-showcase .website-template-thumb i,.design-card-beauty-showcase .website-template-thumb i,.design-card-contractor-modern .website-template-thumb i{color:#fff}

/* 7.19.198 — one template per industry selector */
.industry-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.industry-library-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border:1px solid #dce2ea;border-radius:15px;background:#fff;cursor:pointer;transition:.15s ease}.industry-library-card:hover{border-color:#aebde8;transform:translateY(-1px)}.industry-library-card.active{border-color:#3157d5;background:#f3f6ff;box-shadow:0 0 0 2px rgba(49,87,213,.08)}.industry-library-card input{position:absolute;opacity:0;pointer-events:none}.industry-library-icon{width:48px;height:48px;border-radius:13px;background:#f4f6f8;display:grid;place-items:center;font-size:24px}.industry-library-copy{display:grid;gap:3px}.industry-library-copy strong{color:#101828}.industry-library-copy small{color:#667085;line-height:1.3}.industry-library-card em{font-style:normal;font-size:.73rem;font-weight:900;color:#3157d5}.general-template-details{margin-top:18px;border-top:1px solid #e4e7ec;padding-top:14px}.general-template-details summary{cursor:pointer;font-weight:850;color:#475467;margin-bottom:12px}@media(max-width:650px){.industry-library-grid{grid-template-columns:1fr}}


/* TRUE-KEE 7.19.199 — premium animated industry template selector */
.website-template-experience{overflow:visible}
.template-discovery-stage{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:28px;padding:28px;margin:4px 0 22px;border-radius:26px;background:radial-gradient(circle at 88% 18%,rgba(99,102,241,.22),transparent 34%),radial-gradient(circle at 18% 90%,rgba(14,165,233,.18),transparent 32%),linear-gradient(135deg,#101828,#172554 56%,#111827);color:#fff;overflow:hidden;box-shadow:0 26px 70px rgba(16,24,40,.20)}
.template-discovery-stage:before{content:"";position:absolute;width:280px;height:280px;right:-100px;top:-120px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 72px rgba(255,255,255,.018)}
.template-stage-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:285px}
.template-stage-eyebrow{font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#93c5fd}
.template-stage-title{display:flex;align-items:center;gap:15px;margin:12px 0 8px}.template-stage-title>span{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.13);display:grid;place-items:center;font-size:30px;backdrop-filter:blur(8px)}
.template-stage-title>div{display:grid;gap:3px}.template-stage-title strong{font-size:clamp(1.65rem,3vw,2.35rem);letter-spacing:-.035em}.template-stage-title small{color:#bfdbfe;font-weight:800}
.template-stage-copy>p{max-width:540px;color:#dbeafe;line-height:1.7;margin:5px 0 20px}
.template-stage-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.template-stage-actions .btn.primary{background:#fff!important;color:#16213e!important;border-color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.template-selected-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);font-size:.78rem;font-weight:850;color:#dbeafe}.template-selected-pill i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.12)}

.template-browser-mockup{position:relative;z-index:2;align-self:center;transform:perspective(1000px) rotateY(-7deg) rotateX(3deg);transition:transform .35s ease;filter:drop-shadow(0 28px 35px rgba(0,0,0,.28))}
.template-browser-mockup:hover{transform:perspective(1000px) rotateY(-2deg) rotateX(1deg) translateY(-4px)}
.template-browser-bar{height:36px;display:flex;align-items:center;gap:7px;padding:0 12px;border-radius:15px 15px 0 0;background:#e9eef7;color:#667085}.template-browser-bar>span{width:8px;height:8px;border-radius:50%;background:#c6cfdb}.template-browser-bar>span:first-child{background:#fb7185}.template-browser-bar>span:nth-child(2){background:#fbbf24}.template-browser-bar>span:nth-child(3){background:#34d399}.template-browser-bar b{margin-left:8px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.66rem}
.template-browser-screen{height:250px;padding:16px;background:#fff;border-radius:0 0 15px 15px;overflow:hidden}
.template-mock-nav{height:25px;display:flex;align-items:center;gap:8px}.template-mock-nav i{width:30px;height:13px;border-radius:5px;background:var(--mock-accent,#3157d5)}.template-mock-nav span{width:42px;height:5px;border-radius:99px;background:#d7dde7}
.template-mock-hero{height:112px;margin:9px 0 12px;border-radius:13px;padding:14px;display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,var(--mock-accent,#3157d5),var(--mock-soft,#85a2ff));overflow:hidden}.template-mock-logo{width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:24px;flex:0 0 auto}.template-mock-lines{display:grid;gap:7px;width:60%}.template-mock-lines>*{display:block;border-radius:99px;background:rgba(255,255,255,.9)}.template-mock-lines strong{width:84%;height:11px}.template-mock-lines span{height:5px;width:100%;opacity:.75}.template-mock-lines span:last-child{width:66%}
.template-mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.template-mock-cards span{height:57px;border-radius:9px;background:#f0f3f8;border:1px solid #e5e9f0}
.template-browser-mockup[data-preview-industry="restaurant"]{--mock-accent:#9a3412;--mock-soft:#f59e0b}.template-browser-mockup[data-preview-industry="retail"]{--mock-accent:#1e3a8a;--mock-soft:#60a5fa}.template-browser-mockup[data-preview-industry="instructor"]{--mock-accent:#6d28d9;--mock-soft:#c084fc}.template-browser-mockup[data-preview-industry="laundry"]{--mock-accent:#0369a1;--mock-soft:#38bdf8}.template-browser-mockup[data-preview-industry="contractor"]{--mock-accent:#292524;--mock-soft:#d97706}.template-browser-mockup[data-preview-industry="beauty"]{--mock-accent:#9d174d;--mock-soft:#f472b6}.template-browser-mockup[data-preview-industry="medical"],.template-browser-mockup[data-preview-industry="dental"]{--mock-accent:#0f766e;--mock-soft:#5eead4}.template-browser-mockup[data-preview-industry="legal"]{--mock-accent:#3f3f46;--mock-soft:#a16207}.template-browser-mockup[data-preview-industry="realestate"]{--mock-accent:#1e40af;--mock-soft:#94a3b8}.template-browser-mockup[data-preview-industry="fitness"]{--mock-accent:#111827;--mock-soft:#ef4444}.template-browser-mockup[data-preview-industry="photography"]{--mock-accent:#4c1d95;--mock-soft:#ec4899}.template-browser-mockup[data-preview-industry="technology"]{--mock-accent:#0f172a;--mock-soft:#2563eb}.template-browser-mockup[data-preview-industry="petcare"]{--mock-accent:#4d7c0f;--mock-soft:#a3e635}.template-browser-mockup[data-preview-industry="childcare"]{--mock-accent:#ea580c;--mock-soft:#fbbf24}.template-browser-mockup[data-preview-industry="landscaping"]{--mock-accent:#166534;--mock-soft:#84cc16}.template-browser-mockup[data-preview-industry="plumbing"],.template-browser-mockup[data-preview-industry="hvac"]{--mock-accent:#075985;--mock-soft:#38bdf8}.template-browser-mockup[data-preview-industry="electrician"]{--mock-accent:#854d0e;--mock-soft:#fde047}.template-browser-mockup[data-preview-industry="eventplanner"]{--mock-accent:#9d174d;--mock-soft:#f9a8d4}.template-browser-mockup[data-preview-industry="hotel"]{--mock-accent:#78350f;--mock-soft:#d6d3d1}.template-browser-mockup[data-preview-industry="nonprofit"]{--mock-accent:#166534;--mock-soft:#2dd4bf}

.template-discovery-toolbar{display:grid;gap:12px;margin:0 0 17px}.template-search-box{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #d7dee8;border-radius:15px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.035)}.template-search-box svg{width:19px;height:19px;fill:#667085}.template-search-box input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:.94rem!important;padding:0!important}
.template-category-chips{display:flex;gap:7px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.template-category-chips::-webkit-scrollbar{display:none}.template-category-chips button{white-space:nowrap;border:1px solid #dde3eb;border-radius:999px;padding:7px 12px;background:#fff;color:#475467;font-size:.76rem;font-weight:850;cursor:pointer;transition:.16s ease}.template-category-chips button:hover{transform:translateY(-1px);border-color:#a8b6ce}.template-category-chips button.active{background:#101828;color:#fff;border-color:#101828;box-shadow:0 5px 14px rgba(16,24,40,.14)}

.industry-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;perspective:1200px}.industry-showcase-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;position:relative;display:flex;flex-direction:column;min-height:286px;padding:15px;border:1px solid #dfe5ec;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfcfe);cursor:pointer;overflow:hidden;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.industry-showcase-card:hover{border-color:#a9b8cf;box-shadow:0 18px 38px rgba(16,24,40,.12);z-index:3}.industry-showcase-card.active{border-color:#3157d5;box-shadow:0 0 0 2px rgba(49,87,213,.12),0 18px 42px rgba(49,87,213,.14)}
.industry-showcase-card input{position:absolute;opacity:0;pointer-events:none}.industry-card-glow{position:absolute;inset:-1px;background:radial-gradient(circle at var(--mx) var(--my),rgba(99,102,241,.17),transparent 38%);opacity:0;pointer-events:none;transition:opacity .2s}.industry-showcase-card:hover .industry-card-glow{opacity:1}
.industry-card-top{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.industry-showcase-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#f5f7fa,#fff);border:1px solid #e7ebf0;display:grid;place-items:center;font-size:23px;box-shadow:0 5px 12px rgba(16,24,40,.05)}.industry-card-category{margin-left:auto;padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:.62rem;font-weight:900}.industry-card-check{width:25px;height:25px;border-radius:50%;background:#3157d5;display:grid;place-items:center;opacity:0;transform:scale(.55);transition:.2s}.industry-card-check svg{width:15px;height:15px;fill:#fff}.industry-showcase-card.active .industry-card-check{opacity:1;transform:scale(1)}
.industry-card-miniweb{position:relative;display:block;height:92px;margin:14px 0 12px;padding:10px;border-radius:13px;background:linear-gradient(135deg,#eef2f8,#f9fbfd);border:1px solid #e6eaf0;overflow:hidden;transform:translateZ(14px)}.industry-card-miniweb:after{content:"";position:absolute;right:-20px;bottom:-30px;width:90px;height:90px;border-radius:50%;background:var(--industry-color,#c7d2fe);opacity:.5}.miniweb-bar{display:block;width:100%;height:7px;border-radius:4px;background:#d7dce5}.miniweb-title{display:block;width:47%;height:8px;border-radius:4px;background:var(--industry-dark,#3157d5);margin-top:11px}.miniweb-line{display:block;width:72%;height:4px;border-radius:3px;background:#cbd2dd;margin-top:7px}.miniweb-line.short{width:44%}.miniweb-grid{display:flex;gap:5px;margin-top:9px}.miniweb-grid em{width:28px;height:21px;border-radius:5px;background:#fff;border:1px solid #dfe5ec}
.industry-card-copy{display:grid;gap:5px;position:relative;z-index:2}.industry-card-copy strong{font-size:1rem;color:#101828;letter-spacing:-.015em}.industry-card-copy small{color:#667085;line-height:1.38;font-size:.76rem}.industry-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;color:#3157d5;font-size:.72rem;font-weight:900}.industry-card-footer i{font-style:normal;font-size:1.05rem;transition:transform .2s}.industry-showcase-card:hover .industry-card-footer i{transform:translateX(4px)}
.industry-showcase-card.active .industry-card-miniweb{box-shadow:inset 0 0 0 1px rgba(49,87,213,.18)}
.industry-restaurant{--industry-color:#fed7aa;--industry-dark:#9a3412}.industry-retail{--industry-color:#bfdbfe;--industry-dark:#1e40af}.industry-instructor{--industry-color:#e9d5ff;--industry-dark:#7e22ce}.industry-laundry{--industry-color:#bae6fd;--industry-dark:#0369a1}.industry-contractor{--industry-color:#fde68a;--industry-dark:#44403c}.industry-beauty{--industry-color:#fbcfe8;--industry-dark:#9d174d}.industry-medical,.industry-dental{--industry-color:#99f6e4;--industry-dark:#0f766e}.industry-legal{--industry-color:#d6d3d1;--industry-dark:#44403c}.industry-accounting{--industry-color:#bbf7d0;--industry-dark:#166534}.industry-realestate{--industry-color:#c7d2fe;--industry-dark:#1e3a8a}.industry-automotive{--industry-color:#fecaca;--industry-dark:#991b1b}.industry-fitness{--industry-color:#d1d5db;--industry-dark:#111827}.industry-photography{--industry-color:#f5d0fe;--industry-dark:#86198f}.industry-technology{--industry-color:#bfdbfe;--industry-dark:#1d4ed8}.industry-petcare{--industry-color:#d9f99d;--industry-dark:#4d7c0f}.industry-childcare{--industry-color:#fde68a;--industry-dark:#c2410c}.industry-landscaping{--industry-color:#bbf7d0;--industry-dark:#166534}.industry-plumbing,.industry-hvac{--industry-color:#bae6fd;--industry-dark:#0369a1}.industry-electrician{--industry-color:#fef08a;--industry-dark:#854d0e}.industry-moving{--industry-color:#c7d2fe;--industry-dark:#3730a3}.industry-eventplanner{--industry-color:#fbcfe8;--industry-dark:#9d174d}.industry-hotel{--industry-color:#e7e5e4;--industry-dark:#78350f}.industry-nonprofit{--industry-color:#a7f3d0;--industry-dark:#047857}.industry-consulting{--industry-color:#cbd5e1;--industry-dark:#334155}
.template-empty-state{padding:38px;text-align:center;border:1px dashed #cdd5df;border-radius:18px;background:#fafbfc;color:#667085}.template-empty-state span{display:block;font-size:28px}.template-empty-state strong{display:block;color:#344054;margin:5px 0}
.general-template-details{margin-top:20px;border:1px solid #e4e7ec;border-radius:16px;padding:0;background:#fff;overflow:hidden}.general-template-details summary{margin:0!important;padding:15px 17px;cursor:pointer;font-weight:900;color:#475467;background:#fafbfc}.general-template-details[open] summary{border-bottom:1px solid #e4e7ec}.general-template-details .website-template-grid{padding:15px}

@media(max-width:1050px){.template-discovery-stage{grid-template-columns:1fr}.template-browser-mockup{max-width:560px;width:100%;margin:auto;transform:none}.industry-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.template-discovery-stage{padding:20px;border-radius:20px}.template-browser-screen{height:210px}.industry-showcase-grid{grid-template-columns:1fr}.industry-showcase-card{min-height:265px}.template-stage-actions{align-items:stretch}.template-stage-actions .btn,.template-selected-pill{justify-content:center}.template-category-chips{margin-right:-12px}.template-stage-title strong{font-size:1.65rem}}


/* TRUE-KEE 7.19.200 — refined template gallery */
.template-gallery-v2{background:#fff}
.template-gallery-head{margin-bottom:18px}
.template-gallery-head h2{letter-spacing:-.035em}
.template-gallery-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}
.template-gallery-sidebar{position:sticky;top:18px;border-right:1px solid #e8ebef;padding-right:18px}
.template-gallery-search{height:42px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #dde2e8;border-radius:10px;background:#fff}.template-gallery-search svg{width:17px;height:17px;fill:#697386}.template-gallery-search input{border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;background:transparent!important;width:100%!important;font-size:.84rem!important}
.template-gallery-filters{display:grid;gap:3px;margin-top:13px}.template-gallery-filters button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;border-radius:9px;padding:9px 10px;color:#667085;font-size:.79rem;font-weight:750;cursor:pointer;text-align:left}.template-gallery-filters button:hover{background:#f7f8fa;color:#101828}.template-gallery-filters button.active{background:#111827;color:#fff}.template-gallery-filters button b{font-size:.68rem;color:inherit;opacity:.65}
.template-gallery-help{margin-top:22px;padding:13px;border-radius:10px;background:#f8f9fb}.template-gallery-help span{font-size:.61rem;font-weight:950;letter-spacing:.12em;color:#667085}.template-gallery-help p{margin:6px 0 0;font-size:.7rem;line-height:1.5;color:#7b8492}

.template-gallery-content{min-width:0}
.template-gallery-selected{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(380px,1.18fr);gap:24px;align-items:center;padding:26px 28px;border:1px solid #e1e5ea;border-radius:16px;background:linear-gradient(145deg,#fbfcfd,#f5f7fa);overflow:hidden}
.template-gallery-selected:after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-130px;border-radius:50%;background:radial-gradient(circle,rgba(17,24,39,.06),transparent 68%);pointer-events:none}
.template-selected-copy{position:relative;z-index:2}.template-selected-kicker{font-size:.62rem;font-weight:950;letter-spacing:.14em;color:#667085}.template-selected-copy h3{font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.04;letter-spacing:-.045em;margin:8px 0 9px;color:#101828}.template-selected-copy>p{margin:0;color:#667085;line-height:1.6;max-width:480px}.template-selected-meta{display:flex;gap:8px;align-items:center;margin-top:13px;color:#7b8492;font-size:.72rem;font-weight:750}.template-selected-meta i{font-style:normal;color:#c0c6ce}
.template-selected-actions{display:flex;align-items:center;gap:12px;margin-top:19px}.template-selected-actions .btn.primary{background:#111827!important;border-color:#111827!important;color:#fff!important;border-radius:9px!important;box-shadow:none!important}.template-live-dot{display:inline-flex;align-items:center;gap:7px;color:#667085;font-size:.72rem;font-weight:800}.template-live-dot i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.10)}

.template-device-preview{position:relative;z-index:2;padding:0 0 0 10px}
.device-window{border:1px solid #d5dae1;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 18px 40px rgba(17,24,39,.10);transition:transform .3s ease,box-shadow .3s ease}.template-gallery-selected:hover .device-window{transform:translateY(-3px);box-shadow:0 24px 48px rgba(17,24,39,.13)}
.device-topbar{height:28px;display:flex;align-items:center;gap:5px;padding:0 9px;background:#f3f4f6;border-bottom:1px solid #e6e8ec}.device-topbar span{width:6px;height:6px;border-radius:50%;background:#c8cdd4}.device-topbar b{width:40%;height:6px;border-radius:4px;background:#d9dde2;margin-left:8px}
.device-page{padding:12px;background:#fff}.device-nav{height:18px;display:flex;align-items:center;gap:7px}.device-nav strong{width:34px;height:9px;border-radius:3px;background:var(--pv-accent,#111827)}.device-nav span{width:34px;height:4px;border-radius:4px;background:#d7dbe0}.device-nav span:first-of-type{margin-left:auto}
.device-hero{height:118px;border-radius:8px;margin-top:9px;padding:16px;display:grid;grid-template-columns:1fr 42%;gap:14px;align-items:center;background:var(--pv-bg,#eef1f5);overflow:hidden}.device-hero-copy{display:grid;gap:7px}.device-hero-copy b{width:76%;height:11px;border-radius:3px;background:var(--pv-accent,#111827)}.device-hero-copy i{width:100%;height:5px;border-radius:3px;background:#bfc6ce}.device-hero-copy i:nth-of-type(2){width:66%}.device-hero-copy em{width:56px;height:17px;border-radius:5px;background:var(--pv-accent,#111827);margin-top:4px}.device-hero-art{height:92px;border-radius:8px;background:linear-gradient(145deg,var(--pv-accent,#111827),var(--pv-accent2,#9ca3af));opacity:.88}
.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.device-grid span{height:47px;border-radius:6px;background:#f1f3f5;border:1px solid #e5e8ec}

.template-browser-mockup[data-preview-industry="restaurant"],.template-device-preview[data-preview-industry="restaurant"]{--pv-accent:#8b3a1f;--pv-accent2:#d5a474;--pv-bg:#f7efe8}
.template-device-preview[data-preview-industry="retail"]{--pv-accent:#1f3c73;--pv-accent2:#9bb4dc;--pv-bg:#eff3f8}
.template-device-preview[data-preview-industry="instructor"]{--pv-accent:#65418f;--pv-accent2:#b9a4d7;--pv-bg:#f4f0f8}
.template-device-preview[data-preview-industry="laundry"]{--pv-accent:#24779a;--pv-accent2:#86c8df;--pv-bg:#eef8fb}
.template-device-preview[data-preview-industry="contractor"]{--pv-accent:#33302d;--pv-accent2:#bb7d35;--pv-bg:#f3f0eb}
.template-device-preview[data-preview-industry="beauty"]{--pv-accent:#934e73;--pv-accent2:#d6a5bd;--pv-bg:#faf1f6}
.template-device-preview[data-preview-industry="medical"],.template-device-preview[data-preview-industry="dental"]{--pv-accent:#27766f;--pv-accent2:#8cc8c3;--pv-bg:#eef8f6}
.template-device-preview[data-preview-industry="legal"]{--pv-accent:#3c3834;--pv-accent2:#b79a6d;--pv-bg:#f4f1ed}
.template-device-preview[data-preview-industry="accounting"]{--pv-accent:#376b55;--pv-accent2:#8ebda8;--pv-bg:#f0f7f3}
.template-device-preview[data-preview-industry="realestate"]{--pv-accent:#34577e;--pv-accent2:#9eb4c9;--pv-bg:#f0f4f7}
.template-device-preview[data-preview-industry="automotive"]{--pv-accent:#743c32;--pv-accent2:#aa8078;--pv-bg:#f6f1ef}
.template-device-preview[data-preview-industry="fitness"]{--pv-accent:#252525;--pv-accent2:#7d7d7d;--pv-bg:#f1f1f1}
.template-device-preview[data-preview-industry="photography"]{--pv-accent:#55435f;--pv-accent2:#b4a2bb;--pv-bg:#f4f1f5}
.template-device-preview[data-preview-industry="technology"]{--pv-accent:#294b83;--pv-accent2:#7e9ec8;--pv-bg:#eff3f8}
.template-device-preview[data-preview-industry="petcare"]{--pv-accent:#617344;--pv-accent2:#a9b990;--pv-bg:#f3f6ef}
.template-device-preview[data-preview-industry="childcare"]{--pv-accent:#aa6a3c;--pv-accent2:#d9b58d;--pv-bg:#faf4ed}
.template-device-preview[data-preview-industry="landscaping"]{--pv-accent:#416b48;--pv-accent2:#91b596;--pv-bg:#f0f6f1}
.template-device-preview[data-preview-industry="plumbing"],.template-device-preview[data-preview-industry="hvac"]{--pv-accent:#376e87;--pv-accent2:#93bdcf;--pv-bg:#f0f6f8}
.template-device-preview[data-preview-industry="electrician"]{--pv-accent:#7d6427;--pv-accent2:#c5ad67;--pv-bg:#f8f5ea}
.template-device-preview[data-preview-industry="moving"]{--pv-accent:#475d88;--pv-accent2:#96a7c7;--pv-bg:#f1f3f7}
.template-device-preview[data-preview-industry="eventplanner"]{--pv-accent:#8d5b74;--pv-accent2:#c8a6b6;--pv-bg:#f9f3f6}
.template-device-preview[data-preview-industry="hotel"]{--pv-accent:#715a3f;--pv-accent2:#b7a78e;--pv-bg:#f5f2ed}
.template-device-preview[data-preview-industry="nonprofit"]{--pv-accent:#3c715d;--pv-accent2:#8fbaa8;--pv-bg:#eff6f3}
.template-device-preview[data-preview-industry="consulting"]{--pv-accent:#43516d;--pv-accent2:#95a0b5;--pv-bg:#f1f3f6}

.template-gallery-titlebar{display:flex;align-items:end;justify-content:space-between;margin:24px 0 10px}.template-gallery-titlebar>div{display:grid;gap:2px}.template-gallery-titlebar strong{font-size:.95rem;color:#101828}.template-gallery-titlebar>div span{font-size:.7rem;color:#98a2b3}.template-gallery-hint{font-size:.68rem;color:#98a2b3}

.template-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.template-gallery-card{display:block;border:1px solid transparent;border-radius:13px;padding:5px;background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.template-gallery-card:hover{border-color:#d8dde4;box-shadow:0 10px 24px rgba(17,24,39,.07);transform:translateY(-2px)}.template-gallery-card.active{border-color:#111827;box-shadow:0 0 0 1px #111827}
.template-gallery-card input{position:absolute;opacity:0;pointer-events:none}
.template-card-preview{position:relative;display:block;height:150px;border-radius:9px;background:var(--card-bg,#f1f3f5);overflow:hidden}
.template-card-number{position:absolute;top:9px;left:10px;font-size:.58rem;letter-spacing:.12em;font-weight:950;color:rgba(17,24,39,.42);z-index:3}
.template-card-browser{position:absolute;left:16px;right:16px;top:25px;height:112px;border-radius:7px 7px 0 0;background:#fff;box-shadow:0 10px 22px rgba(17,24,39,.10);overflow:hidden}
.tc-top{position:absolute;left:0;right:0;top:0;height:12px;background:#edf0f2}.tc-logo{position:absolute;left:8px;top:19px;width:18px;height:7px;border-radius:2px;background:var(--card-accent,#111827)}.tc-nav{position:absolute;right:8px;top:20px;width:38px;height:4px;border-radius:2px;background:#d7dce1}.tc-hero{position:absolute;left:8px;right:8px;top:34px;height:37px;border-radius:4px;background:linear-gradient(135deg,var(--card-accent,#111827),var(--card-accent2,#9ca3af));opacity:.86}.tc-copy{position:absolute;left:8px;top:79px;display:grid;gap:4px}.tc-copy i{width:50px;height:4px;border-radius:2px;background:#cfd4da}.tc-copy i:last-child{width:33px}.tc-blocks{position:absolute;right:8px;top:78px;display:flex;gap:3px}.tc-blocks em{width:16px;height:15px;border-radius:3px;background:#eceff2}
.template-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(17,24,39,.82);color:#fff;opacity:0;transition:opacity .18s ease}.template-card-overlay b{font-size:.72rem}.template-card-overlay i{font-style:normal}.template-gallery-card:hover .template-card-overlay{opacity:1}
.template-card-check{position:absolute;right:9px;top:9px;width:24px;height:24px;border-radius:50%;background:#111827;display:grid;place-items:center;opacity:0;transform:scale(.8);transition:.18s}.template-card-check svg{width:14px;height:14px;fill:#fff}.template-gallery-card.active .template-card-check{opacity:1;transform:scale(1)}
.template-card-info{display:block;padding:10px 7px 8px}.template-card-info>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.template-card-info strong{font-size:.84rem;color:#101828}.template-card-info small{font-size:.58rem;color:#98a2b3;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.template-card-info p{margin:5px 0 0;color:#7b8492;font-size:.68rem;line-height:1.45}

.industry-restaurant{--card-bg:#f5eee8;--card-accent:#8b3a1f;--card-accent2:#d3a174}.industry-retail{--card-bg:#eef3f8;--card-accent:#274979;--card-accent2:#91add1}.industry-instructor{--card-bg:#f3eff7;--card-accent:#69458e;--card-accent2:#b4a0d0}.industry-laundry{--card-bg:#edf8fb;--card-accent:#287a9b;--card-accent2:#84c4dc}.industry-contractor{--card-bg:#f3efe9;--card-accent:#33302d;--card-accent2:#b87d3d}.industry-beauty{--card-bg:#faf1f6;--card-accent:#955578;--card-accent2:#d2a3bb}.industry-medical,.industry-dental{--card-bg:#edf7f5;--card-accent:#30776f;--card-accent2:#88c2bc}.industry-legal{--card-bg:#f3f0ec;--card-accent:#403a34;--card-accent2:#ae956e}.industry-accounting{--card-bg:#eef6f2;--card-accent:#3a6b55;--card-accent2:#8db5a3}.industry-realestate{--card-bg:#eff3f7;--card-accent:#3b5d82;--card-accent2:#9ab0c6}.industry-automotive{--card-bg:#f5efed;--card-accent:#744036;--card-accent2:#a67c73}.industry-fitness{--card-bg:#efefef;--card-accent:#242424;--card-accent2:#777}.industry-photography{--card-bg:#f3f0f4;--card-accent:#5c4766;--card-accent2:#b2a0ba}.industry-technology{--card-bg:#eef2f7;--card-accent:#315185;--card-accent2:#809cc5}.industry-petcare{--card-bg:#f2f5ee;--card-accent:#617346;--card-accent2:#a7b98e}.industry-childcare{--card-bg:#faf3eb;--card-accent:#a96d42;--card-accent2:#d6b28c}.industry-landscaping{--card-bg:#eff5f0;--card-accent:#466f4d;--card-accent2:#90b395}.industry-plumbing,.industry-hvac{--card-bg:#eff6f8;--card-accent:#3c7289;--card-accent2:#92bbc9}.industry-electrician{--card-bg:#f7f4e9;--card-accent:#7d672e;--card-accent2:#c2ad70}.industry-moving{--card-bg:#f0f2f6;--card-accent:#4d6189;--card-accent2:#96a6c3}.industry-eventplanner{--card-bg:#f8f2f5;--card-accent:#8d6078;--card-accent2:#c6a5b5}.industry-hotel{--card-bg:#f4f1ec;--card-accent:#715d45;--card-accent2:#b5a68e}.industry-nonprofit{--card-bg:#eff5f2;--card-accent:#40715f;--card-accent2:#8eb7a7}.industry-consulting{--card-bg:#f0f2f5;--card-accent:#48556f;--card-accent2:#96a0b3}

.template-empty-state{margin-top:12px;padding:30px;text-align:center;border:1px dashed #d9dee5;border-radius:12px;color:#7b8492}.template-empty-state strong{display:block;color:#344054}.template-empty-state small{display:block;margin-top:4px}
.template-gallery-v2 .general-template-details{margin-top:22px;border:1px solid #e3e6ea;border-radius:11px;background:#fff;overflow:hidden}.template-gallery-v2 .general-template-details summary{margin:0!important;padding:13px 14px;font-size:.76rem;font-weight:850;color:#667085;background:#fafbfc;cursor:pointer}.template-gallery-v2 .general-template-details[open] summary{border-bottom:1px solid #e5e8ec}.template-gallery-v2 .general-template-details .website-template-grid{padding:13px}

@media(max-width:1100px){.template-gallery-shell{grid-template-columns:1fr}.template-gallery-sidebar{position:static;border-right:0;border-bottom:1px solid #e8ebef;padding:0 0 14px}.template-gallery-filters{display:flex;overflow:auto;gap:5px}.template-gallery-filters button{width:auto;white-space:nowrap}.template-gallery-help{display:none}.template-gallery-selected{grid-template-columns:1fr}.template-device-preview{padding:0;max-width:620px}.template-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.template-gallery-selected{padding:20px;border-radius:13px}.template-gallery-grid{grid-template-columns:1fr}.template-card-preview{height:180px}.template-card-browser{height:138px}.template-gallery-titlebar{align-items:start;gap:10px}.template-gallery-hint{display:none}.template-selected-actions{align-items:stretch;flex-direction:column}.template-live-dot{justify-content:center}}


/* TRUE-KEE 7.19.201 — elegant visual showroom */
.website-showroom{background:#fff}
.showroom-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}
.showroom-head>div>span{font-size:.64rem;font-weight:950;letter-spacing:.13em;color:#8b93a1}
.showroom-head h2{max-width:700px;margin:6px 0 7px;font-size:clamp(1.75rem,3vw,2.45rem);letter-spacing:-.045em;line-height:1.05;color:#111827}
.showroom-head p{margin:0;color:#7a8492}
.showroom-search{width:260px;height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dfe3e8;border-radius:999px;background:#fff}
.showroom-search svg{width:17px;height:17px;fill:#7c8592}.showroom-search input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;width:100%!important;padding:0!important;font-size:.82rem!important}

.showroom-filters{display:flex;gap:7px;overflow:auto;padding:1px 0 15px;scrollbar-width:none}.showroom-filters::-webkit-scrollbar{display:none}
.showroom-filters button{border:1px solid #e0e4e9;border-radius:999px;background:#fff;padding:7px 12px;color:#5f6875;font-size:.72rem;font-weight:800;white-space:nowrap;cursor:pointer}
.showroom-filters button.active{background:#111827;border-color:#111827;color:#fff}

.showroom-strip-wrap{position:relative}
.showroom-strip{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 20px;scroll-snap-type:x mandatory;scrollbar-width:none}.showroom-strip::-webkit-scrollbar{display:none}
.showroom-card{flex:0 0 min(620px,82%);scroll-snap-align:start;border:1px solid #e0e4e8;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 25px rgba(17,24,39,.04);transition:.22s ease}
.showroom-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(17,24,39,.09);border-color:#cdd3db}.showroom-card.active{border-color:#111827;box-shadow:0 0 0 1px #111827,0 18px 40px rgba(17,24,39,.10)}
.showroom-radio{position:absolute;opacity:0;pointer-events:none}

.showroom-site-preview{position:relative;height:340px;background:var(--show-bg,#f3f4f6);padding:18px 22px 0;overflow:hidden}
.ss-browserbar{height:28px;border-radius:11px 11px 0 0;background:#eceff2;display:flex;align-items:center;gap:5px;padding:0 10px}.ss-browserbar i{width:6px;height:6px;border-radius:50%;background:#c7ccd2}.ss-browserbar span{width:38%;height:6px;border-radius:5px;background:#d8dce1;margin-left:7px}
.ss-page{height:295px;background:#fff;padding:14px 16px;box-shadow:0 14px 28px rgba(17,24,39,.09)}
.ss-nav{height:22px;display:flex;align-items:center;gap:10px}.ss-nav b{width:45px;height:10px;border-radius:3px;background:var(--show-accent,#1f2937)}.ss-nav span{width:43px;height:4px;border-radius:4px;background:#d9dde2}.ss-nav span:first-of-type{margin-left:auto}
.ss-hero{height:138px;margin-top:10px;border-radius:7px;background:var(--show-hero,#eef0f3);display:grid;grid-template-columns:1fr 45%;align-items:center;gap:20px;padding:20px;overflow:hidden}
.ss-copy{display:grid;gap:7px}.ss-copy b{width:76%;height:13px;border-radius:3px;background:var(--show-accent,#1f2937)}.ss-copy i{width:92%;height:5px;border-radius:3px;background:#b9c0c9}.ss-copy i:nth-of-type(2){width:64%}.ss-copy em{width:70px;height:21px;border-radius:5px;background:var(--show-accent,#1f2937);margin-top:4px}
.ss-photo{height:110px;border-radius:7px;background:linear-gradient(145deg,var(--show-accent,#1f2937),var(--show-accent2,#9ca3af));position:relative}.ss-photo:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.35);border-radius:5px}
.ss-section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}.ss-section-title b{width:95px;height:7px;border-radius:3px;background:#adb5bf}.ss-section-title span{width:45px;height:4px;border-radius:3px;background:#d4d9df}
.ss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ss-grid i{height:58px;border-radius:6px;background:#f0f2f4;border:1px solid #e4e7eb}
.showroom-selected-badge{position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:999px;background:#111827;color:#fff;font-size:.65rem;font-weight:900;opacity:0;transform:translateY(-4px);transition:.18s}.showroom-card.active .showroom-selected-badge{opacity:1;transform:translateY(0)}

.showroom-card-bottom{display:grid;grid-template-columns:1fr auto;gap:20px;padding:19px 20px 20px;align-items:end}
.showroom-card-bottom>div:first-child>span{font-size:.62rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#9aa2ad}
.showroom-card-bottom h3{margin:5px 0 6px;font-size:1.15rem;color:#111827;letter-spacing:-.02em}
.showroom-card-bottom p{margin:0;color:#7b8490;font-size:.76rem;line-height:1.5}
.showroom-card-actions{display:flex;gap:7px}.showroom-card-actions a,.showroom-card-actions button{height:38px;padding:0 13px;border-radius:9px;font-size:.72rem;font-weight:850;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}
.showroom-view{border:1px solid #dce1e7;background:#fff;color:#344054}.showroom-select{border:1px solid #111827;background:#111827;color:#fff}.showroom-card.active .showroom-select{background:#fff;color:#111827}

.showroom-arrow{position:absolute;z-index:5;top:145px;width:42px;height:42px;border-radius:50%;border:1px solid #d7dce2;background:rgba(255,255,255,.95);box-shadow:0 7px 18px rgba(17,24,39,.10);font-size:26px;color:#344054;cursor:pointer;display:grid;place-items:center;line-height:1}.showroom-prev{left:-18px}.showroom-next{right:-18px}.showroom-arrow:hover{background:#111827;color:#fff;border-color:#111827}

.showroom-selection-bar{margin-top:2px;padding:13px 15px;border:1px solid #e2e6eb;border-radius:12px;background:#fafbfc;display:flex;align-items:center;justify-content:space-between;gap:20px}
.showroom-selection-bar>div{display:grid;gap:2px}.showroom-selection-bar span{font-size:.62rem;color:#98a2b3;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.showroom-selection-bar strong{font-size:.85rem;color:#344054}.showroom-selection-bar a{font-size:.72rem;font-weight:850;color:#344054;text-decoration:none}
.showroom-empty{padding:30px;text-align:center;border:1px dashed #d8dde4;border-radius:12px;color:#7d8793}.showroom-empty strong{display:block;color:#344054}.showroom-empty span{font-size:.75rem}

.showroom-general{margin-top:18px!important}

/* Elegant industry identities */
.industry-restaurant{--show-bg:#f5eee9;--show-hero:#f0e2d7;--show-accent:#7f3d28;--show-accent2:#c99572}
.industry-retail{--show-bg:#eef3f7;--show-hero:#edf2f7;--show-accent:#2d4f78;--show-accent2:#88a7c8}
.industry-instructor{--show-bg:#f3eff6;--show-hero:#f0eaf5;--show-accent:#684a85;--show-accent2:#ad9ac2}
.industry-laundry{--show-bg:#edf7fa;--show-hero:#e8f5f9;--show-accent:#2f7894;--show-accent2:#86bdd0}
.industry-contractor{--show-bg:#f2efe9;--show-hero:#eee9e2;--show-accent:#353230;--show-accent2:#b1804d}
.industry-beauty{--show-bg:#f9f1f5;--show-hero:#f7edf2;--show-accent:#8e5874;--show-accent2:#cda5b7}
.industry-medical,.industry-dental{--show-bg:#eef7f5;--show-hero:#e9f4f2;--show-accent:#37766f;--show-accent2:#8abdb7}
.industry-legal{--show-bg:#f3f0ec;--show-hero:#eee9e4;--show-accent:#403b37;--show-accent2:#a99373}
.industry-accounting{--show-bg:#eff6f2;--show-hero:#eaf2ee;--show-accent:#476f5c;--show-accent2:#91b4a5}
.industry-realestate{--show-bg:#eff3f6;--show-hero:#eaf0f5;--show-accent:#44617e;--show-accent2:#9aafc1}
.industry-automotive{--show-bg:#f4efed;--show-hero:#eee8e5;--show-accent:#70483f;--show-accent2:#a18179}
.industry-fitness{--show-bg:#efefef;--show-hero:#e9e9e9;--show-accent:#292929;--show-accent2:#747474}
.industry-photography{--show-bg:#f3f0f4;--show-hero:#eee9f0;--show-accent:#5b4b63;--show-accent2:#aa9caf}
.industry-technology{--show-bg:#eef2f6;--show-hero:#e9eef4;--show-accent:#3a5680;--show-accent2:#8299ba}
.industry-petcare{--show-bg:#f1f4ee;--show-hero:#edf2e9;--show-accent:#66764f;--show-accent2:#a6b693}
.industry-childcare{--show-bg:#faf3ec;--show-hero:#f7ede4;--show-accent:#a46f49;--show-accent2:#d1af8d}
.industry-landscaping{--show-bg:#eff5f0;--show-hero:#eaf2eb;--show-accent:#4c7051;--show-accent2:#91b195}
.industry-plumbing,.industry-hvac{--show-bg:#eff6f8;--show-hero:#eaf3f6;--show-accent:#477589;--show-accent2:#91b7c6}
.industry-electrician{--show-bg:#f7f4eb;--show-hero:#f2eedf;--show-accent:#7a6938;--show-accent2:#bcae78}
.industry-moving{--show-bg:#f0f2f6;--show-hero:#eceff4;--show-accent:#536487;--show-accent2:#97a5be}
.industry-eventplanner{--show-bg:#f8f2f5;--show-hero:#f4ebf0;--show-accent:#8a6578;--show-accent2:#c2a5b3}
.industry-hotel{--show-bg:#f4f1ec;--show-hero:#efebe5;--show-accent:#6f604b;--show-accent2:#b0a38f}
.industry-nonprofit{--show-bg:#eef5f2;--show-hero:#e9f1ee;--show-accent:#4a715f;--show-accent2:#8fb4a5}
.industry-consulting{--show-bg:#f0f2f5;--show-hero:#eceff3;--show-accent:#505c73;--show-accent2:#97a0b2}

@media(max-width:850px){
 .showroom-head{display:grid;align-items:start}.showroom-search{width:100%}
 .showroom-card{flex-basis:92%}.showroom-site-preview{height:300px}.ss-page{height:255px}.ss-hero{height:112px}
 .showroom-arrow{display:none}.showroom-card-bottom{grid-template-columns:1fr}.showroom-card-actions{justify-content:flex-start}
}
@media(max-width:560px){
 .showroom-card{flex-basis:96%}.showroom-site-preview{height:250px;padding:13px 13px 0}.ss-page{height:215px;padding:10px}.ss-hero{height:90px;padding:12px;gap:10px}.ss-photo{height:70px}.ss-grid i{height:40px}
 .showroom-card-actions{display:grid;grid-template-columns:1fr 1fr}.showroom-selection-bar{display:grid}
}


/* TRUE-KEE 7.19.202 — true thumbnail gallery */
.template-thumbnail-gallery{background:#fff}
.thumb-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}
.thumb-gallery-head>div>span{font-size:.62rem;letter-spacing:.14em;font-weight:950;color:#98a2b3}.thumb-gallery-head h2{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.045em;line-height:1.05;margin:6px 0 7px;color:#101828}.thumb-gallery-head p{margin:0;color:#7d8794}
.thumb-gallery-search{width:250px;height:42px;border:1px solid #dde2e8;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 11px}.thumb-gallery-search svg{width:17px;height:17px;fill:#7b8490}.thumb-gallery-search input{border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;padding:0!important;width:100%!important;font-size:.8rem!important}
.thumb-gallery-filters{display:flex;gap:6px;overflow:auto;padding:0 0 16px;scrollbar-width:none}.thumb-gallery-filters::-webkit-scrollbar{display:none}.thumb-gallery-filters button{white-space:nowrap;padding:7px 11px;border:1px solid #e0e4e8;border-radius:999px;background:#fff;color:#667085;font-size:.7rem;font-weight:800;cursor:pointer}.thumb-gallery-filters button.active{background:#111827;border-color:#111827;color:#fff}

.thumb-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.template-thumb-card{border:1px solid #e2e6eb;border-radius:13px;background:#fff;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.template-thumb-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,24,39,.08);border-color:#cdd4dc}.template-thumb-card.active{border-color:#111827;box-shadow:0 0 0 1px #111827}
.template-thumb-radio{position:absolute;opacity:0;pointer-events:none}
.template-thumb-preview{position:relative;display:block;width:100%;height:190px;border:0;padding:12px;background:var(--thumb-bg,#f2f4f6);cursor:pointer;overflow:hidden}
.thumb-browser{display:block;width:100%;height:100%;border-radius:8px 8px 5px 5px;background:#fff;overflow:hidden;box-shadow:0 10px 22px rgba(17,24,39,.09)}
.thumb-browser-top{height:16px;display:flex;align-items:center;gap:4px;padding:0 6px;background:#edf0f2}.thumb-browser-top i{width:4px;height:4px;border-radius:50%;background:#c5cad1}.thumb-browser-top b{margin-left:5px;width:36%;height:4px;border-radius:2px;background:#d7dce1}
.thumb-page{display:block;padding:8px}.thumb-nav{height:14px;display:flex;align-items:center;gap:5px}.thumb-nav b{width:24px;height:6px;border-radius:2px;background:var(--thumb-accent,#1f2937)}.thumb-nav i{width:22px;height:3px;border-radius:2px;background:#d5dae0}.thumb-nav i:first-of-type{margin-left:auto}
.thumb-hero{display:grid;grid-template-columns:1fr 43%;gap:7px;align-items:center;height:72px;margin-top:6px;padding:8px;border-radius:5px;background:var(--thumb-hero,#eef1f4)}
.thumb-hero-copy{display:grid;gap:4px}.thumb-hero-copy b{width:78%;height:7px;border-radius:2px;background:var(--thumb-accent,#1f2937)}.thumb-hero-copy i{width:94%;height:3px;border-radius:2px;background:#b9c0c8}.thumb-hero-copy i:nth-of-type(2){width:62%}.thumb-hero-copy em{width:35px;height:10px;border-radius:3px;background:var(--thumb-accent,#1f2937);margin-top:2px}
.thumb-hero-image{height:54px;border-radius:5px;background:linear-gradient(145deg,var(--thumb-accent,#1f2937),var(--thumb-accent2,#9ca3af))}
.thumb-content{display:block;margin-top:8px}.thumb-section-heading{display:flex;justify-content:space-between;align-items:center}.thumb-section-heading b{width:50px;height:4px;border-radius:2px;background:#afb6bf}.thumb-section-heading i{width:22px;height:3px;border-radius:2px;background:#d3d8de}.thumb-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:5px}.thumb-content-grid em{height:28px;border-radius:3px;background:#f0f2f4;border:1px solid #e5e8eb}
.thumb-hover-action{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;background:rgba(17,24,39,.80);color:#fff;opacity:0;transition:opacity .16s}.thumb-hover-action strong{font-size:.74rem}.thumb-hover-action i{font-style:normal}.template-thumb-preview:hover .thumb-hover-action{opacity:1}
.thumb-selected-mark{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:950;opacity:0;transform:scale(.8);transition:.16s}.template-thumb-card.active .thumb-selected-mark{opacity:1;transform:scale(1)}
.template-thumb-info{padding:12px 13px 13px}.template-thumb-category{font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9aa2ad}.template-thumb-info h3{font-size:.88rem;line-height:1.2;margin:4px 0 4px;color:#101828}.template-thumb-info p{font-size:.65rem;line-height:1.42;color:#7d8793;margin:0;min-height:37px}.template-thumb-select{margin-top:10px;width:100%;height:32px;border:1px solid #dce1e6;border-radius:7px;background:#fff;color:#344054;font-size:.66rem;font-weight:850;cursor:pointer}.template-thumb-select:hover{border-color:#111827}.template-thumb-card.active .template-thumb-select{background:#111827;border-color:#111827;color:#fff}

.thumb-selected-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:12px 14px;border:1px solid #e1e5e9;border-radius:10px;background:#fafbfc}.thumb-selected-bar>div{display:grid;gap:2px}.thumb-selected-bar span{font-size:.55rem;letter-spacing:.1em;font-weight:900;color:#98a2b3}.thumb-selected-bar strong{font-size:.8rem;color:#344054}.thumb-selected-bar a{font-size:.68rem;font-weight:850;color:#344054;text-decoration:none}
.thumb-gallery-empty{padding:28px;text-align:center;border:1px dashed #d9dee4;border-radius:11px;color:#7b8490}.thumb-gallery-empty strong{display:block;color:#344054}.thumb-gallery-empty span{font-size:.72rem}

/* enlarged preview modal */
.template-modal-open{overflow:hidden}
.template-preview-modal[hidden]{display:none!important}.template-preview-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px}.template-preview-backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.66);backdrop-filter:blur(5px);cursor:pointer}.template-preview-dialog{position:relative;width:min(1040px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.template-preview-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e7eaee}.template-preview-modal-head>div{display:grid;gap:3px}.template-preview-modal-head span{font-size:.58rem;letter-spacing:.11em;font-weight:950;color:#98a2b3;text-transform:uppercase}.template-preview-modal-head h3{margin:0;font-size:1.1rem;color:#101828}.template-preview-close{width:34px;height:34px;border-radius:50%;border:1px solid #e1e5e9;background:#fff;color:#667085;font-size:22px;cursor:pointer}
.template-preview-stage{padding:24px;background:#f3f5f7}
.template-preview-browser{--thumb-bg:#f2f4f6;--thumb-hero:#eef1f4;--thumb-accent:#1f2937;--thumb-accent2:#9ca3af;max-width:900px;margin:auto;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 20px 50px rgba(17,24,39,.14)}
.tp-browser-top{height:32px;display:flex;align-items:center;gap:6px;padding:0 11px;background:#edf0f2}.tp-browser-top i{width:7px;height:7px;border-radius:50%;background:#c6cbd1}.tp-browser-top b{margin-left:8px;padding:5px 18px;border-radius:6px;background:#fff;color:#a0a7b1;font-size:.58rem;font-weight:700}
.tp-page{padding:18px}.tp-nav{height:28px;display:flex;align-items:center;gap:12px}.tp-nav b{width:62px;height:14px;border-radius:4px;background:var(--thumb-accent)}.tp-nav span{width:58px;height:5px;border-radius:3px;background:#d6dbe0}.tp-nav span:first-of-type{margin-left:auto}
.tp-hero{height:230px;margin-top:13px;padding:28px;border-radius:9px;background:var(--thumb-hero);display:grid;grid-template-columns:1fr 43%;gap:28px;align-items:center}.tp-hero>div{display:grid;gap:11px}.tp-hero>div b{width:76%;height:20px;border-radius:5px;background:var(--thumb-accent)}.tp-hero>div i{height:7px;width:94%;border-radius:4px;background:#b8c0c8}.tp-hero>div i:nth-of-type(2){width:67%}.tp-hero>div em{width:100px;height:32px;border-radius:7px;background:var(--thumb-accent);margin-top:5px}.tp-hero aside{height:180px;border-radius:10px;background:linear-gradient(145deg,var(--thumb-accent),var(--thumb-accent2))}
.tp-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.tp-heading b{width:140px;height:10px;border-radius:5px;background:#9fa8b2}.tp-heading span{width:70px;height:5px;border-radius:3px;background:#d5dae0}.tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tp-grid article{height:120px;border-radius:8px;background:#f0f2f4;border:1px solid #e5e8eb}.tp-lower{display:grid;grid-template-columns:1fr 35%;gap:14px;margin-top:14px}.tp-lower div,.tp-lower aside{height:90px;border-radius:8px;background:#f3f4f6;border:1px solid #e7e9ec}
.template-preview-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-top:1px solid #e6e9ed}.template-preview-modal-foot p{margin:0;color:#6f7986;font-size:.76rem}.template-preview-modal-foot>div{display:flex;gap:8px;flex:0 0 auto}.template-preview-modal-foot a,.template-preview-modal-foot button{height:38px;padding:0 13px;border-radius:8px;font-size:.7rem;font-weight:850;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.template-preview-modal-foot a{border:1px solid #dce1e6;background:#fff;color:#344054}.template-preview-modal-foot button{border:1px solid #111827;background:#111827;color:#fff}

/* thumbnail identities */
.industry-restaurant{--thumb-bg:#f5eee9;--thumb-hero:#f0e2d7;--thumb-accent:#7f3d28;--thumb-accent2:#c99572}
.industry-retail{--thumb-bg:#eef3f7;--thumb-hero:#edf2f7;--thumb-accent:#2d4f78;--thumb-accent2:#88a7c8}
.industry-instructor{--thumb-bg:#f3eff6;--thumb-hero:#f0eaf5;--thumb-accent:#684a85;--thumb-accent2:#ad9ac2}
.industry-laundry{--thumb-bg:#edf7fa;--thumb-hero:#e8f5f9;--thumb-accent:#2f7894;--thumb-accent2:#86bdd0}
.industry-contractor{--thumb-bg:#f2efe9;--thumb-hero:#eee9e2;--thumb-accent:#353230;--thumb-accent2:#b1804d}
.industry-beauty{--thumb-bg:#f9f1f5;--thumb-hero:#f7edf2;--thumb-accent:#8e5874;--thumb-accent2:#cda5b7}
.industry-medical,.industry-dental{--thumb-bg:#eef7f5;--thumb-hero:#e9f4f2;--thumb-accent:#37766f;--thumb-accent2:#8abdb7}
.industry-legal{--thumb-bg:#f3f0ec;--thumb-hero:#eee9e4;--thumb-accent:#403b37;--thumb-accent2:#a99373}
.industry-accounting{--thumb-bg:#eff6f2;--thumb-hero:#eaf2ee;--thumb-accent:#476f5c;--thumb-accent2:#91b4a5}
.industry-realestate{--thumb-bg:#eff3f6;--thumb-hero:#eaf0f5;--thumb-accent:#44617e;--thumb-accent2:#9aafc1}
.industry-automotive{--thumb-bg:#f4efed;--thumb-hero:#eee8e5;--thumb-accent:#70483f;--thumb-accent2:#a18179}
.industry-fitness{--thumb-bg:#efefef;--thumb-hero:#e9e9e9;--thumb-accent:#292929;--thumb-accent2:#747474}
.industry-photography{--thumb-bg:#f3f0f4;--thumb-hero:#eee9f0;--thumb-accent:#5b4b63;--thumb-accent2:#aa9caf}
.industry-technology{--thumb-bg:#eef2f6;--thumb-hero:#e9eef4;--thumb-accent:#3a5680;--thumb-accent2:#8299ba}
.industry-petcare{--thumb-bg:#f1f4ee;--thumb-hero:#edf2e9;--thumb-accent:#66764f;--thumb-accent2:#a6b693}
.industry-childcare{--thumb-bg:#faf3ec;--thumb-hero:#f7ede4;--thumb-accent:#a46f49;--thumb-accent2:#d1af8d}
.industry-landscaping{--thumb-bg:#eff5f0;--thumb-hero:#eaf2eb;--thumb-accent:#4c7051;--thumb-accent2:#91b195}
.industry-plumbing,.industry-hvac{--thumb-bg:#eff6f8;--thumb-hero:#eaf3f6;--thumb-accent:#477589;--thumb-accent2:#91b7c6}
.industry-electrician{--thumb-bg:#f7f4eb;--thumb-hero:#f2eedf;--thumb-accent:#7a6938;--thumb-accent2:#bcae78}
.industry-moving{--thumb-bg:#f0f2f6;--thumb-hero:#eceff4;--thumb-accent:#536487;--thumb-accent2:#97a5be}
.industry-eventplanner{--thumb-bg:#f8f2f5;--thumb-hero:#f4ebf0;--thumb-accent:#8a6578;--thumb-accent2:#c2a5b3}
.industry-hotel{--thumb-bg:#f4f1ec;--thumb-hero:#efebe5;--thumb-accent:#6f604b;--thumb-accent2:#b0a38f}
.industry-nonprofit{--thumb-bg:#eef5f2;--thumb-hero:#e9f1ee;--thumb-accent:#4a715f;--thumb-accent2:#8fb4a5}
.industry-consulting{--thumb-bg:#f0f2f5;--thumb-hero:#eceff3;--thumb-accent:#505c73;--thumb-accent2:#97a0b2}

@media(max-width:1180px){.thumb-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.thumb-gallery-head{display:grid}.thumb-gallery-search{width:100%}.thumb-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-preview-modal-foot{display:grid}.template-preview-modal-foot>div{justify-content:flex-start}}
@media(max-width:560px){.thumb-gallery-grid{grid-template-columns:1fr}.template-thumb-preview{height:220px}.thumb-selected-bar{display:grid}.template-preview-modal{padding:10px}.template-preview-stage{padding:12px}.tp-hero{height:170px;padding:16px;gap:12px}.tp-hero aside{height:125px}.tp-grid{grid-template-columns:1fr}.tp-grid article{height:75px}.template-preview-modal-foot>div{display:grid;grid-template-columns:1fr 1fr}}

/* TRUE-KEE 7.19.249 — Admin mobile header polish
   Mobile-only refinement for Control Center page headers and navigation.
   Keeps desktop layout and all admin functionality unchanged. */
@media (max-width:760px){
  .control-shell{
    padding-top:8px !important;
  }

  .control-page-head,
  .control-hero-copy{
    padding:16px 16px 17px !important;
    border-radius:18px !important;
    min-height:0 !important;
    margin-bottom:10px !important;
  }

  .control-page-head{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:12px !important;
  }

  .control-page-head > div,
  .control-hero-copy{
    min-width:0 !important;
    width:100% !important;
  }

  .control-kicker{
    font-size:10px !important;
    letter-spacing:.11em !important;
    line-height:1.25 !important;
  }

  .control-page-head h1,
  .control-hero h1{
    font-size:27px !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
    margin:6px 0 7px !important;
    overflow-wrap:anywhere !important;
  }

  .control-page-head p,
  .control-hero p{
    font-size:13px !important;
    line-height:1.45 !important;
    margin:0 !important;
    max-width:none !important;
  }

  .head-action{
    display:flex !important;
    width:100% !important;
    box-sizing:border-box !important;
    justify-content:center !important;
    align-items:center !important;
    margin:0 !important;
    padding:10px 13px !important;
    min-height:42px !important;
    font-size:13px !important;
    text-align:center !important;
  }

  /* Admin navigation becomes one clean horizontal rail on phones. */
  .control-nav{
    display:flex !important;
    grid-template-columns:none !important;
    gap:7px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    position:static !important;
    padding:5px 2px 11px !important;
    margin:0 0 7px !important;
    border-radius:0 !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }
  .control-nav::-webkit-scrollbar{display:none !important;}
  .control-nav a{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:38px !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    padding:8px 11px !important;
    border-radius:999px !important;
    font-size:12px !important;
    line-height:1 !important;
    scroll-snap-align:start !important;
  }
  .control-nav a span{
    flex:0 0 auto !important;
  }

  /* Overview header: keep signed-in card compact instead of a tall second header. */
  .control-hero{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-bottom:8px !important;
  }
  .control-access-card{
    padding:12px 14px !important;
    border-radius:16px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:2px 10px !important;
    align-items:center !important;
  }
  .control-access-card small{grid-column:1/-1 !important;font-size:10px !important;}
  .control-access-card strong{
    font-size:17px !important;
    margin:1px 0 !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .control-access-card span{
    grid-column:2 !important;
    grid-row:2 !important;
    margin:0 !important;
    padding:5px 8px !important;
    font-size:10px !important;
  }
  .control-access-card em{
    grid-column:1/-1 !important;
    font-size:11px !important;
    overflow-wrap:anywhere !important;
  }

  .control-quick-actions{
    gap:7px !important;
    margin-top:13px !important;
  }
  .control-quick-actions a{
    padding:8px 10px !important;
    font-size:11px !important;
  }
}

@media (max-width:390px){
  .control-page-head,
  .control-hero-copy{padding:14px !important;}
  .control-page-head h1,
  .control-hero h1{font-size:25px !important;}
  .control-nav a{font-size:11px !important;padding:8px 10px !important;}
}


/* TRUE-KEE 7.19.251 — Memberships mobile containment fix
   Keep Memberships cards inside the phone viewport. Wide table content scrolls
   inside its own card instead of making the whole page scroll horizontally. */
@media (max-width:760px){
  .memberships-admin-page,
  .memberships-admin-page .control-layout,
  .memberships-admin-page .control-layout > *,
  .memberships-admin-page .control-panel,
  .memberships-admin-page .control-panel-head,
  .memberships-admin-page .control-form,
  .memberships-admin-page .control-toolbar,
  .memberships-admin-page .control-item,
  .memberships-admin-page .control-item-main,
  .memberships-admin-page .control-item-side{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .memberships-admin-page .control-layout{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px !important;
    width:100% !important;
  }

  .memberships-admin-page .control-panel{
    width:100% !important;
    padding:11px !important;
    margin:0 0 8px !important;
    border-radius:15px !important;
    overflow:hidden !important;
  }

  .memberships-admin-page .control-panel[style*="grid-column"]{
    grid-column:auto !important;
  }

  .memberships-admin-page .control-panel-head{
    margin-bottom:8px !important;
    gap:8px !important;
    flex-wrap:wrap !important;
  }
  .memberships-admin-page .control-panel-head > *{
    min-width:0 !important;
    max-width:100% !important;
  }
  .memberships-admin-page .control-panel-head span{
    font-size:9px !important;
    letter-spacing:.07em !important;
  }
  .memberships-admin-page .control-panel-head h2{
    font-size:18px !important;
    line-height:1.15 !important;
    margin-top:2px !important;
    overflow-wrap:anywhere !important;
  }

  .memberships-admin-page .control-item{
    padding:9px 0 !important;
    gap:9px !important;
    width:100% !important;
  }
  .memberships-admin-page .control-icon{
    width:36px !important;
    height:36px !important;
    border-radius:11px !important;
    font-size:15px !important;
  }
  .memberships-admin-page .control-item-main strong{
    font-size:13px !important;
    line-height:1.3 !important;
    overflow-wrap:anywhere !important;
  }
  .memberships-admin-page .control-item-main small,
  .memberships-admin-page .control-item-side small{
    font-size:10px !important;
    line-height:1.35 !important;
    overflow-wrap:anywhere !important;
  }
  .memberships-admin-page .control-item-side{
    gap:4px !important;
  }
  .memberships-admin-page .control-item-side a{font-size:11px !important;}

  .memberships-admin-page .control-form{
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
    width:100% !important;
  }
  .memberships-admin-page .control-form label{
    min-width:0 !important;
    width:100% !important;
    gap:5px !important;
    font-size:12px !important;
  }
  .memberships-admin-page .control-form input,
  .memberships-admin-page .control-form select,
  .memberships-admin-page .control-form textarea{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    min-height:42px !important;
    padding:9px 11px !important;
    border-radius:10px !important;
    font-size:13px !important;
  }
  .memberships-admin-page .control-form textarea{min-height:84px !important;}
  .memberships-admin-page .control-form>button,
  .memberships-admin-page .btn{
    max-width:100% !important;
    box-sizing:border-box !important;
    min-height:40px !important;
    padding:9px 12px !important;
    font-size:12px !important;
  }

  .memberships-admin-page .control-toolbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    margin-bottom:10px !important;
  }
  .memberships-admin-page .control-toolbar input,
  .memberships-admin-page .control-toolbar select,
  .memberships-admin-page .control-toolbar button{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    min-height:40px !important;
    padding:9px 11px !important;
    font-size:12px !important;
  }

  /* Only the table area may scroll horizontally. */
  .memberships-admin-page .responsive-table{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
  }
  .memberships-admin-page .responsive-table .control-table{
    width:max-content !important;
    min-width:760px !important;
    max-width:none !important;
  }
}

/* TRUE-KEE 7.19.254 — Brand Studio mobile scroll fix
   On phones/tablets the preview must participate in normal document flow so
   users can continue scrolling to every Brand Studio control. Desktop keeps
   the sticky editing workspace. */
@media (max-width: 760px){
  .brand-preview-column{
    position:static !important;
    top:auto !important;
    z-index:auto !important;
  }
  .brand-preview-card{
    position:relative !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .logo-pro-stage-wrap{
    position:static !important;
    top:auto !important;
    z-index:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .logo-pro-stage{
    position:relative !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .brand-controls-column,
  .brand-panel,
  .brand-panel.active,
  .brand-panel.logo-studio-pro-panel.active,
  .logo-studio-pro,
  .logo-pro-sidebar{
    max-height:none !important;
    overflow:visible !important;
  }
  .brand-studio-grid{
    align-items:stretch !important;
  }
}