:root{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:#24222b;background:#f7f7fb;font-synthesis:none;
  --ink:#1c1a22;--muted:#777381;--line:#e9e7ef;--card:#fff;--brand:#6758f5;--brand2:#9d4edd;--good:#1b8b5a;--warn:#b77512;--danger:#c54242;
}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}
.shell{min-height:100vh;padding-bottom:86px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:rgba(247,247,251,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(233,231,239,.75)}
.brand{display:flex;gap:10px;align-items:center}.brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:white;font-weight:800}.brandtext strong{display:block;font-size:15px}.brandtext span{font-size:12px;color:var(--muted)}
.avatar{width:36px;height:36px;border-radius:50%;background:#ece9ff;display:grid;place-items:center;color:var(--brand);font-weight:800}.content{padding:20px;max-width:1160px;margin:0 auto}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--brand);font-weight:800}.title{font-size:28px;line-height:1.1;margin:6px 0}.subtitle{color:var(--muted);font-size:14px;line-height:1.5;margin:0}
.grid{display:grid;gap:14px}.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 7px 24px rgba(43,37,73,.04)}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:24px;font-weight:800;margin-top:6px}.stat-note{font-size:11px;color:var(--good);margin-top:4px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 10px}.section-head h2{font-size:18px;margin:0}.btn{border:0;border-radius:13px;padding:11px 14px;font-weight:750;background:#efedf7;color:var(--ink)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:white}.btn.ghost{background:white;border:1px solid var(--line)}.btn.danger{background:#fff0f0;color:var(--danger)}.btn.small{padding:8px 10px;font-size:12px}.btn.wide{width:100%}
.list{display:grid;gap:10px}.item{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:16px;padding:13px}.item-main{flex:1;min-width:0}.item strong{display:block;font-size:14px}.meta{font-size:12px;color:var(--muted);margin-top:4px}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#f0eef8;color:#5f5675}.pill.good{background:#e9f8f1;color:var(--good)}.pill.warn{background:#fff5e2;color:var(--warn)}.pill.danger{background:#fff0f0;color:var(--danger)}
.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick .btn{min-height:72px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:9px;font-size:12px}.quick .icon{font-size:20px}.notice{border-left:4px solid var(--brand);background:#f1efff;border-radius:14px;padding:13px 14px;margin-top:14px;font-size:13px;line-height:1.45}
.nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.95);border-top:1px solid var(--line);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));backdrop-filter:blur(16px)}.nav button{background:none;border:0;color:var(--muted);padding:6px 2px;font-size:10px}.nav button span{display:block;font-size:19px;margin-bottom:2px}.nav button.active{color:var(--brand);font-weight:800}
.form{display:grid;gap:13px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:750;color:#56515f}.field input,.field select,.field textarea{width:100%;border:1px solid #dedbe8;background:white;border-radius:13px;padding:12px 13px;outline:none;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9186f8;box-shadow:0 0 0 3px rgba(103,88,245,.09)}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.helper{font-size:11px;color:var(--muted)}
.fab{position:fixed;right:18px;bottom:93px;width:54px;height:54px;border-radius:18px;border:0;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;font-size:28px;box-shadow:0 10px 28px rgba(103,88,245,.32);z-index:25}.modal-backdrop{position:fixed;z-index:60;inset:0;background:rgba(24,21,32,.45);display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-width:650px;max-height:88vh;overflow:auto;background:#fbfbfd;border-radius:26px 26px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -20px 70px rgba(0,0,0,.15)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal-head h3{margin:0;font-size:19px}.x{border:0;background:#eeedf3;border-radius:11px;width:36px;height:36px;font-size:19px}
.onboard{min-height:100vh;background:radial-gradient(circle at 15% -10%,#e6e0ff 0,transparent 36%),#f8f8fb;padding:28px 18px 50px}.onboard-inner{max-width:820px;margin:0 auto}.hero-logo{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;display:grid;place-items:center;font-size:24px;font-weight:900}.onboard h1{font-size:34px;margin:20px 0 8px}.segments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:24px 0}.segment{background:white;border:2px solid transparent;border-radius:18px;padding:16px;text-align:left;min-height:106px;box-shadow:0 6px 24px rgba(38,32,70,.05)}.segment.selected{border-color:var(--brand);background:#f6f4ff}.segment-icon{font-size:28px}.segment strong{display:block;margin-top:8px}.segment small{display:block;color:var(--muted);margin-top:4px;line-height:1.3}.step{font-size:12px;color:var(--brand);font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{border:1px solid var(--line);border-radius:999px;background:white;padding:8px 11px;font-size:12px}.chip.on{background:#eeeaff;color:var(--brand);border-color:#b7afff;font-weight:750}.empty{text-align:center;padding:34px 20px;background:white;border:1px dashed #d9d5e5;border-radius:18px;color:var(--muted)}.empty b{display:block;color:var(--ink);margin-bottom:6px}
.toolbar{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.toolbar .btn{white-space:nowrap}.two-col{display:grid;gap:14px}.stockbar{height:7px;background:#eeeaf2;border-radius:99px;overflow:hidden;margin-top:8px}.stockbar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px}.money{font-variant-numeric:tabular-nums}.service-dot{width:9px;height:9px;border-radius:50%;background:var(--brand);flex:0 0 auto}.tag{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.warning-box{background:#fff9eb;border:1px solid #f4dfaf;border-radius:16px;padding:13px;font-size:13px;color:#6d4c14}.success-box{background:#edf9f3;border:1px solid #cbead9;border-radius:16px;padding:13px;font-size:13px;color:#236a49}
@media(min-width:760px){.content{padding:28px 30px 110px}.grid.stats{grid-template-columns:repeat(4,1fr)}.two-col{grid-template-columns:1.2fr .8fr}.segments{grid-template-columns:repeat(4,1fr)}.nav{left:50%;right:auto;transform:translateX(-50%);width:580px;bottom:16px;border:1px solid var(--line);border-radius:22px;padding:7px;box-shadow:0 15px 40px rgba(35,30,60,.12)}.shell{padding-bottom:110px}.fab{right:calc((100vw - min(1160px,100vw))/2 + 30px);bottom:30px}.modal-backdrop{align-items:center;padding:20px}.modal{border-radius:26px;max-height:90vh}}
.item-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.material-summary{color:#6e63a8}.materials-box{border:1px solid var(--line);border-radius:18px;padding:14px;background:#fff}.materials-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.material-list{display:grid;gap:8px}.material-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f0eef5}.material-row:last-child{border-bottom:0}.material-info{min-width:0}.material-info strong{display:block;font-size:13px}.material-info span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.material-qty{display:flex;align-items:center;gap:6px;flex:0 0 auto}.material-qty input{width:86px;border:1px solid #dedbe8;border-radius:11px;padding:9px 10px;text-align:right}.material-qty small{min-width:24px;color:var(--muted)}.material-total{display:flex;justify-content:space-between;align-items:center;background:#f3f0ff;border-radius:13px;padding:12px 13px;font-size:13px}.material-notice{margin:0}.empty.compact{padding:20px 14px}.modal-tall{max-height:92vh}
@media(max-width:560px){.appointment-item{align-items:flex-start}.appointment-item .item-actions{width:100%;justify-content:flex-end;margin-left:57px}.material-row{align-items:flex-end}.material-info span{max-width:190px}.materials-head{align-items:center}}


/* Professionals & availability */
.pro-list{gap:12px}
.pro-card{align-items:flex-start;padding:16px}
.pro-avatar{width:46px;height:46px;flex:0 0 46px}
.pro-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pro-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.service-config-list{display:grid;gap:10px}
.service-config-row{border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--card)}
.service-check{display:flex;align-items:flex-start;gap:10px}
.service-check input{margin-top:5px}
.service-check span{display:grid;gap:3px;flex:1}
.service-check small,.toggle-row small{color:var(--muted);font-size:12px}
.service-overrides{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.service-overrides input{min-width:0}
.toggle-row{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--soft)}
.toggle-row input{width:20px;height:20px;margin-top:1px}
.toggle-row span{display:grid;gap:4px}
.schedule-grid{display:grid;gap:9px}
.day-row{display:grid;grid-template-columns:minmax(92px,.8fr) minmax(0,1.5fr);gap:10px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:10px 12px;background:var(--card)}
.day-toggle{display:flex;gap:8px;align-items:center}
.day-toggle input{width:18px;height:18px}
.day-times{display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center}
.day-times span{font-size:12px;color:var(--muted)}
.day-times input{min-width:0;padding:10px}
.slots{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.slot-chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:9px 13px;font:inherit;font-weight:800;cursor:pointer}
.slot-chip.on{background:var(--ink);color:white;border-color:var(--ink)}
.compact-notice{margin-top:10px;padding:12px}
.block-list{display:grid;gap:8px}
.compact-item{padding:12px}
@media(max-width:560px){
  .service-overrides{grid-template-columns:1fr}
  .day-row{grid-template-columns:1fr}
  .day-times{grid-template-columns:1fr auto 1fr}
  .pro-actions .btn{flex:1 1 calc(50% - 8px)}
}


/* Starter catalog */
.pill.estimate{background:var(--soft);border:1px dashed var(--line);font-weight:800}
.starter-notice{display:grid;gap:4px;margin-top:14px}
.starter-notice span{color:var(--muted);font-size:13px}
.product-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.inventory-item{align-items:flex-start}
.product-actions{margin-top:10px}
.inventory-list .item-actions{justify-content:flex-start}
@media(max-width:560px){
  .inventory-item{gap:10px}
  .inventory-item>.pill{align-self:flex-start}
}


/* Incremental material learning */
.learning-notice{display:grid;gap:4px;margin-top:14px}
.learning-notice span{font-size:13px;color:var(--muted)}
.learning-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.learning-card>div{display:grid;gap:4px}
.learning-card span:not(.pill){font-size:13px;color:var(--muted)}
.learning-card.learned{border-style:dashed}
@media(max-width:560px){
  .learning-card{display:grid}
  .learning-card .pill{justify-self:start}
}


/* Service duration & agenda blocks */
.duration-notice{display:grid;gap:4px;margin-top:14px}
.duration-notice span{font-size:13px;color:var(--muted)}
.duration-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.duration-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.duration-presets button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.appointment-time{width:68px;display:grid;gap:2px;flex:0 0 68px}
.appointment-time strong{font-size:15px}
.appointment-time span{font-size:11px;color:var(--muted);white-space:nowrap}
.slot-caption{margin-top:10px}
.slot-chip{display:grid;gap:2px;text-align:left}
.slot-chip small{font-size:10px;font-weight:700;opacity:.7}
#appointmentDurationHint{display:grid;gap:3px;margin-top:4px}
#appointmentDurationHint span{font-size:12px;color:var(--muted)}
@media(max-width:560px){
  .duration-picker{grid-template-columns:1fr 1fr}
  .appointment-time{width:60px;flex-basis:60px}
}


/* =========================================================
   ZAIA — Premium responsive design system
   ========================================================= */
:root{
  --ink:#251b22;
  --ink-2:#3d2a34;
  --muted:#88787e;
  --muted-2:#a5979b;
  --line:#eadfd9;
  --line-strong:#dfd0c7;
  --card:#fffdfb;
  --soft:#f8f1ec;
  --soft-2:#f3e9e2;
  --brand:#3b172b;
  --brand-2:#6b3149;
  --brand-3:#8d5a70;
  --champagne:#c89a61;
  --champagne-soft:#f2e1ca;
  --gold:#d7ae77;
  --good:#367c59;
  --good-soft:#e7f3eb;
  --warn:#b87631;
  --warn-soft:#f8ead7;
  --danger:#b74747;
  --danger-soft:#f8e5e5;
  --shadow:0 12px 34px rgba(62,38,44,.08);
  --shadow-soft:0 6px 20px rgba(62,38,44,.055);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:#f7f1ed;
}
html{background:#f7f1ed}
body{
  background:
    radial-gradient(circle at 92% 0%,rgba(215,174,119,.12),transparent 28rem),
    linear-gradient(180deg,#faf6f3 0%,#f7f1ed 100%);
  color:var(--ink);
  min-height:100vh;
}
button,input,select,textarea{font:inherit}
button{color:inherit}
::selection{background:var(--champagne-soft);color:var(--brand)}
.ui-icon{display:block;flex:0 0 auto}
.zaia-wordmark{width:128px;height:auto;display:block}
.zaia-mark{width:38px;height:38px;display:block;border-radius:13px;box-shadow:0 5px 18px rgba(44,16,33,.18)}
.shell{min-height:100vh;padding-bottom:92px}
.content{padding:22px 18px 120px;max-width:1240px;margin:0 auto;width:100%}
.topbar{
  position:sticky;top:0;z-index:30;
  min-height:68px;padding:12px 18px;
  background:rgba(250,246,243,.88);
  backdrop-filter:blur(22px) saturate(1.2);
  border-bottom:1px solid rgba(223,208,199,.66);
  display:flex;align-items:center;justify-content:space-between;gap:18px
}
.mobile-brand{display:flex;align-items:center;gap:11px;min-width:0}
.mobile-brand .brandtext{min-width:0}
.mobile-brand .brandtext strong{display:block;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.mobile-brand .brandtext span{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;margin-top:3px}
.desktop-search{display:none}
.top-actions{display:flex;align-items:center;gap:9px}
.icon-button{
  width:40px;height:40px;border-radius:13px;border:1px solid var(--line);
  background:rgba(255,253,251,.88);display:grid;place-items:center;position:relative
}
.icon-button i{position:absolute;width:7px;height:7px;border-radius:50%;background:#b85a5a;right:8px;top:7px;border:2px solid #fff}
.account-chip{display:none}
.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#f5dfbd;display:grid;place-items:center;font-weight:800;border:2px solid rgba(255,255,255,.75);box-shadow:var(--shadow-soft)}
.eyebrow{font-size:10.5px;letter-spacing:.14em;color:var(--brand-2);font-weight:900;text-transform:uppercase}
.title{font-size:30px;letter-spacing:-.045em;line-height:1.04;margin:7px 0 8px;font-weight:750}
.subtitle{color:var(--muted);font-size:14px;line-height:1.55;margin:0}
.page-heading{margin-bottom:22px}
.card{
  background:rgba(255,253,251,.92);
  border:1px solid rgba(223,208,199,.82);
  border-radius:21px;
  box-shadow:var(--shadow-soft);
}
.grid{display:grid;gap:12px}
.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.stat-card{padding:15px;display:flex;align-items:flex-start;gap:12px;min-height:116px}
.stat-icon,.feature-icon,.settings-icon{
  width:38px;height:38px;border-radius:12px;background:#f2e8e8;color:var(--brand);
  display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(107,49,73,.08)
}
.stat-icon.champagne,.feature-icon.champagne{background:var(--champagne-soft);color:#8c5b24}
.stat-icon.soft{background:#efe8f0;color:#60415d}
.stat-icon.warning{background:var(--warn-soft);color:var(--warn)}
.stat-label{font-size:12px;color:var(--muted);font-weight:700}
.stat-value{font-size:25px;font-weight:800;letter-spacing:-.045em;margin-top:4px;line-height:1.05}
.stat-value.money{font-size:19px}
.stat-note{font-size:11px;color:var(--muted);margin-top:6px}
.dashboard-hero{
  display:flex;justify-content:space-between;align-items:flex-end;gap:18px;
  padding:6px 1px 2px
}
.hero-brand{
  display:none;align-items:center;gap:10px;background:linear-gradient(135deg,var(--brand),#552239);
  color:#ead1a7;border-radius:18px;padding:10px 14px;box-shadow:var(--shadow)
}
.hero-brand span{font-size:12px;font-weight:700}
.dashboard-grid{display:grid;gap:14px;margin-top:14px}
.dashboard-panel{padding:17px}
.dashboard-panel .section-head{margin-top:0}
.dashboard-side{display:grid;gap:14px}
.section-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:27px 1px 12px
}
.section-head h2{font-size:17px;margin:2px 0 0;letter-spacing:-.025em}
.link-button{
  border:0;background:transparent;color:var(--brand-2);font-size:12px;font-weight:800;
  display:flex;align-items:center;gap:5px;padding:8px
}
.list{display:grid;gap:9px}
.item{
  background:rgba(255,253,251,.94);border:1px solid var(--line);border-radius:17px;
  padding:14px;box-shadow:none;display:flex;align-items:center;gap:11px
}
.item:hover{border-color:var(--line-strong)}
.item-main{min-width:0;flex:1}
.item-main strong{font-size:14px;line-height:1.3}
.meta{font-size:11.5px;color:var(--muted);line-height:1.45;margin-top:3px}
.clean-list .item{background:#fffaf7}
.appointment-item{position:relative;overflow:hidden}
.appointment-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--brand-2),var(--champagne))}
.appointment-time{width:62px;flex:0 0 62px;padding-left:3px}
.appointment-time strong{font-size:14px}
.appointment-time span{font-size:10.5px;color:var(--muted)}
.service-dot{width:7px;height:7px;border-radius:50%;background:var(--champagne);box-shadow:0 0 0 4px rgba(200,154,97,.13)}
.item-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.pill,.tag{
  display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;
  background:#f2ebe7;color:#6f5d62;font-size:10px;font-weight:800;line-height:1.1;border:1px solid rgba(223,208,199,.75)
}
.pill.good{background:var(--good-soft);color:var(--good);border-color:#d7eadf}
.pill.warn{background:var(--warn-soft);color:#9b6428;border-color:#efd8bb}
.pill.estimate{background:#f4ecdf;color:#865d30;border-color:#e6d2b5}
.btn{
  border:1px solid var(--line-strong);background:#fffdfb;color:var(--ink);
  min-height:43px;border-radius:13px;padding:10px 14px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:none
}
.btn:hover{background:#fbf5f1}
.btn.primary{
  color:#fff;background:linear-gradient(135deg,#341427 0%,#59233c 100%);
  border-color:#341427;box-shadow:0 8px 20px rgba(59,23,43,.18)
}
.btn.primary:hover{filter:brightness(1.07)}
.btn.ghost{background:transparent}
.btn.small{min-height:34px;padding:7px 10px;border-radius:10px;font-size:11px}
.btn.danger{color:var(--danger);background:var(--danger-soft);border-color:#efcaca}
.wide{width:100%}
.quick.zaia-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.quick-action{
  border:1px solid var(--line);background:#fffaf7;border-radius:15px;padding:14px 8px;
  min-height:76px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--brand)
}
.quick-action span{font-size:11px;font-weight:800;color:var(--ink)}
.dashboard-new{margin-top:13px;width:100%}
.pro-highlight{
  position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(145deg,#301121 0%,#4d1d33 62%,#73445a 100%);
  border-color:rgba(200,154,97,.34)
}
.pro-highlight .eyebrow{color:#dfbd8c}.pro-highlight h2{font-size:20px;margin:7px 0}.pro-highlight p{font-size:12px;line-height:1.5;color:#e9dce0;margin:0 0 14px}
.pro-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(211,171,111,.17);filter:blur(4px);right:-40px;top:-50px}
.pro-button{position:relative;background:rgba(255,255,255,.1);color:#f3d7ab;border-color:rgba(236,211,171,.28)}
.client-initial{width:37px;height:37px;border-radius:50%;background:linear-gradient(145deg,#efe2df,#f5eee8);display:grid;place-items:center;color:var(--brand);font-weight:900}
.return-head{margin-top:26px}
.feature-card{border:1px solid var(--line)!important;text-align:left!important;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;width:100%}
.feature-card h2{font-size:16px;margin:0 0 5px}
.feature-card b{font-size:23px;color:var(--muted-2)}
.catalog-cards{gap:12px;margin-top:20px}
.settings-list{margin-top:18px}
.settings-list .item{width:100%;text-align:left}
.settings-list .item b{color:var(--muted-2);font-size:20px}
.pro-settings-card{
  margin-top:18px;padding:20px;background:linear-gradient(145deg,#311222,#53223a);color:#fff;
  display:grid;gap:16px;border-color:rgba(200,154,97,.28)
}
.pro-settings-card .eyebrow{color:#deb783}
.pro-settings-card h2{margin:6px 0;font-size:20px}
.pro-settings-card p{margin:0;color:#e8dadf;font-size:13px;line-height:1.5}
.zaia-about{display:grid;place-items:center;gap:5px;padding:28px 0 22px;color:var(--muted)}
.zaia-about .zaia-wordmark{width:94px;filter:brightness(.55)}
.zaia-about span{font-size:11px}.zaia-about small{font-size:9px;opacity:.7}
.toolbar{display:flex;gap:9px;flex-wrap:wrap}
.two-col{display:grid;grid-template-columns:1fr;gap:12px}
.empty{
  padding:28px 18px;text-align:center;background:rgba(255,253,251,.72);
  border:1px dashed var(--line-strong);border-radius:18px;color:var(--muted);font-size:12px;line-height:1.5
}
.empty b{display:block;color:var(--ink);font-size:14px;margin-bottom:5px}
.notice,.warning-box{
  border:1px solid var(--line);background:#fff9f5;border-radius:16px;padding:13px 14px;
  color:var(--ink);font-size:12px;line-height:1.5
}
.notice{display:grid;gap:3px}
.notice span{color:var(--muted)}
.warning-box{background:var(--warn-soft);border-color:#efd3af}
.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:800;color:#4d3d42}
input,select,textarea{
  width:100%;border:1px solid var(--line-strong);border-radius:13px;background:#fffdfb;
  color:var(--ink);padding:12px 13px;outline:none;min-height:46px;transition:.18s border,.18s box-shadow
}
input:focus,select:focus,textarea:focus{border-color:#a97a8f;box-shadow:0 0 0 4px rgba(107,49,73,.08)}
.form{display:grid;gap:14px}
.modal-backdrop{background:rgba(31,15,24,.47);backdrop-filter:blur(7px);z-index:90}
.modal{
  background:#fffaf7;border:1px solid rgba(255,255,255,.55);border-radius:25px 25px 0 0;
  box-shadow:0 -20px 60px rgba(35,17,26,.18)
}
.modal-head{padding-bottom:13px;border-bottom:1px solid #efe3dc}
.modal-head h3{letter-spacing:-.025em}
.x{background:#f1e7e2;border:1px solid var(--line);color:var(--ink);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:22px}
.fab{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 12px 28px rgba(59,23,43,.25)}
.stockbar{height:5px;background:#eee3dc}.stockbar i{background:linear-gradient(90deg,var(--champagne),var(--brand-2))}
.pro-card{background:#fffaf7}.pro-avatar{background:linear-gradient(145deg,#eaded9,#f7efe9);color:var(--brand);border:1px solid var(--line)}
.pro-actions .btn{background:#fffdfb}
.duration-presets button,.slot-chip{background:#fffaf7;border-color:var(--line-strong)}
.slot-chip.on{background:var(--brand);color:white;border-color:var(--brand)}
.learning-card.learned{background:#fbf3e7;border-color:#e5c99e}
.pill.estimate{border-style:solid}
.nav{
  position:fixed;left:0;right:0;bottom:0;z-index:55;
  min-height:74px;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  display:flex;align-items:center;justify-content:space-around;gap:2px;
  background:rgba(255,252,249,.94);backdrop-filter:blur(22px) saturate(1.25);
  border-top:1px solid rgba(223,208,199,.82);box-shadow:0 -10px 30px rgba(58,35,43,.05)
}
.nav-brand,.zaia-pro-card,.nav-powered{display:none}
.nav-items{display:contents}
.nav button[data-page]{
  border:0;background:transparent;border-radius:13px;min-width:58px;padding:8px 7px 6px;
  display:grid;place-items:center;gap:4px;color:#8d7d82;font-size:9.5px;font-weight:700
}
.nav button[data-page].active{color:var(--brand);background:#f3e9e5}
.nav button[data-page].active .ui-icon{stroke-width:2.25}
.nav button[data-page="professionals"],.nav button[data-page="inventory"]{display:none}

/* Authentication */
.zaia-auth{padding:0;min-height:100vh;background:#f7f0eb}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr}
.auth-visual{display:none}
.auth-panel{padding:44px 22px;max-width:520px;width:100%;margin:auto}
.mobile-auth-brand{margin-bottom:34px}.mobile-auth-brand .zaia-wordmark{width:142px}
.auth-panel h1{font-size:34px;letter-spacing:-.045em;margin:8px 0}
.auth-card{margin-top:26px;padding:20px;background:rgba(255,253,251,.9);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.auth-helper{text-align:center;margin-top:14px}.mobile-powered{text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#ad9b9f;margin-top:26px}
.loading-inner{text-align:center;display:grid;place-items:center;align-content:center;min-height:100vh}
.loading-inner .zaia-wordmark{width:150px}
.loading-ring{width:28px;height:28px;border-radius:50%;border:2px solid #e1cec2;border-top-color:var(--brand);animation:zaiaSpin .8s linear infinite;margin:24px auto 4px}
@keyframes zaiaSpin{to{transform:rotate(360deg)}}
.onboard:not(.zaia-auth){background:linear-gradient(180deg,#fbf7f4,#f5eee9)}
.onboard-inner{max-width:820px}
.zaia-hero{width:auto;height:auto;background:none!important;box-shadow:none!important;border-radius:0!important}
.zaia-hero .zaia-wordmark{width:135px}
.segment{background:#fffaf7;border-color:var(--line);border-radius:18px}
.segment:hover,.segment.selected{border-color:#a97c8f;background:#fbf1ee;box-shadow:0 0 0 3px rgba(107,49,73,.055)}
.segment-icon{background:#f3e8e3;color:var(--brand);border-radius:13px}

/* ZAIA Pro preview */
.pro-modal{max-width:590px}
.pro-preview{
  background:linear-gradient(140deg,#301221,#4f2037);border:1px solid rgba(210,168,111,.3);
  border-radius:19px;padding:17px;display:flex;gap:13px;align-items:center;color:#fff;margin-bottom:15px
}
.pro-preview-icon{width:50px;height:50px;border-radius:15px;background:#fff1dc;padding:5px;display:grid;place-items:center}
.pro-preview-icon .zaia-mark{width:40px;height:40px}
.pro-preview strong{display:block}.pro-preview span{display:block;font-size:11px;color:#dbcbd0;margin-top:3px}
.pro-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px}
.pro-feature-grid>div{border:1px solid var(--line);background:#fffdfb;border-radius:15px;padding:14px;display:grid;gap:5px}
.pro-feature-grid>div>span{width:33px;height:33px;border-radius:10px;background:#f3e7e0;color:var(--brand);display:grid;place-items:center}
.pro-feature-grid strong{font-size:12px}.pro-feature-grid small{font-size:10px;color:var(--muted);line-height:1.4}

/* desktop */
@media(min-width:960px){
  body{background:#f6f0eb}
  .shell{padding:0 0 0 252px;min-height:100vh}
  .content{max-width:1440px;padding:30px 32px 60px}
  .topbar{
    margin-left:0;min-height:74px;padding:12px 31px;
    background:rgba(250,246,243,.82)
  }
  .mobile-brand{display:none}
  .desktop-search{
    display:flex;align-items:center;gap:10px;width:min(440px,42vw);height:42px;padding:0 14px;
    border-radius:14px;background:#fffaf7;border:1px solid var(--line);color:var(--muted);font-size:12px
  }
  .account-chip{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:14px}
  .account-chip strong{display:block;font-size:12px;text-transform:capitalize}
  .account-chip span{display:block;font-size:10px;color:var(--muted);margin-top:2px}
  .nav{
    top:0;bottom:0;right:auto;width:252px;min-height:100vh;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    padding:27px 17px 22px;
    background:linear-gradient(180deg,#2a101f 0%,#351525 48%,#27101d 100%);
    border:0;box-shadow:10px 0 35px rgba(40,15,29,.08);color:#fff
  }
  .nav-brand{display:block;padding:4px 13px 30px}
  .nav-brand .zaia-wordmark{width:122px;filter:none}
  .nav-items{display:grid;gap:5px}
  .nav button[data-page]{
    display:flex!important;justify-content:flex-start;grid-template-columns:none;
    min-width:0;width:100%;padding:11px 13px;border-radius:12px;gap:12px;
    color:#d8c9cf;font-size:12px;font-weight:650;text-align:left
  }
  .nav button[data-page]:hover{background:rgba(255,255,255,.055);color:#fff}
  .nav button[data-page].active{
    color:#fff;background:linear-gradient(90deg,rgba(211,171,111,.28),rgba(255,255,255,.075));
    box-shadow:inset 3px 0 0 #d2a36b
  }
  .nav button[data-page].active .ui-icon{color:#f0cf9d}
  .zaia-pro-card{
    display:flex;margin-top:auto;width:100%;align-items:center;gap:10px;border:1px solid rgba(217,177,121,.3);
    background:linear-gradient(145deg,rgba(207,161,101,.15),rgba(255,255,255,.05));color:#f3ddba;
    border-radius:15px;padding:13px;text-align:left
  }
  .zaia-pro-card .pro-icon{width:34px;height:34px;border-radius:10px;background:rgba(215,174,119,.14);display:grid;place-items:center}
  .zaia-pro-card span:nth-child(2){display:grid;gap:2px;flex:1}.zaia-pro-card strong{font-size:12px}.zaia-pro-card small{font-size:9px;color:#cdbac1}
  .nav-powered{display:block;text-align:center;margin-top:19px;color:#bfaeb4;font-size:11px;letter-spacing:.1em}.nav-powered small{font-size:8px;display:block;margin-top:2px;letter-spacing:.16em;text-transform:uppercase}
  .grid.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:22px}
  .stat-card{min-height:126px;padding:18px}
  .dashboard-hero{padding:8px 2px 3px}.dashboard-hero .title{font-size:39px}.hero-brand{display:flex}
  .dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:15px}
  .dashboard-panel{padding:20px}
  .quick.zaia-quick{grid-template-columns:repeat(2,1fr)}
  .two-col{grid-template-columns:1fr 1fr}
  .modal{border-radius:26px;max-height:min(88vh,900px);bottom:auto;top:50%;transform:translateY(-50%)}
  .modal-backdrop{align-items:center}
  .fab{display:none}
  .auth-shell{grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);background:#f7f1ed}
  .auth-visual{
    display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;padding:52px 56px;
    color:#fff;position:relative;overflow:hidden;
    background:
      radial-gradient(circle at 20% 12%,rgba(217,177,121,.25),transparent 20rem),
      radial-gradient(circle at 92% 80%,rgba(174,101,123,.28),transparent 24rem),
      linear-gradient(145deg,#260e1b 0%,#3c172a 58%,#5b2940 100%)
  }
  .auth-visual:after{
    content:"";position:absolute;width:490px;height:160px;border:1px solid rgba(223,184,128,.35);
    border-radius:50%;transform:rotate(-28deg);right:-130px;top:170px;box-shadow:0 0 0 26px rgba(223,184,128,.04),0 0 0 54px rgba(223,184,128,.025)
  }
  .auth-brand{position:relative;z-index:1}.auth-brand .zaia-wordmark{width:170px}
  .auth-copy{position:relative;z-index:1;max-width:540px}.auth-copy .step{color:#d7b783}.auth-copy h1{font-size:55px;line-height:1.02;letter-spacing:-.05em;margin:12px 0 18px}.auth-copy p{font-size:15px;line-height:1.7;color:#d9c9cf;max-width:470px}
  .auth-powered{position:relative;z-index:1;font-size:9px;text-transform:uppercase;letter-spacing:.22em;color:#bbaab0}
  .auth-panel{padding:70px 72px}.mobile-auth-brand,.mobile-powered{display:none}.auth-panel h1{font-size:40px}.auth-card{padding:24px}
}
@media(min-width:1280px){
  .shell{padding-left:270px}.nav{width:270px;padding-left:20px;padding-right:20px}
  .content{padding-left:38px;padding-right:38px}
}

/* small mobile refinement */
@media(max-width:520px){
  .content{padding-left:14px;padding-right:14px}
  .grid.stats{gap:9px}
  .stat-card{padding:13px;gap:9px;min-height:108px}
  .stat-icon{width:34px;height:34px;border-radius:11px}
  .stat-value{font-size:22px}.stat-value.money{font-size:16px}
  .dashboard-panel{padding:14px}
  .quick.zaia-quick{gap:7px}
  .quick-action{padding:12px 6px;min-height:70px}
  .item{padding:12px;border-radius:15px}
  .item-actions{width:100%;justify-content:flex-end}
  .appointment-item{flex-wrap:wrap}
  .appointment-item .item-main{min-width:calc(100% - 96px)}
  .appointment-item .item-actions{padding-left:78px}
  .modal{padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .pro-feature-grid{grid-template-columns:1fr}
}

/* Mobile bottom navigation typography refinement */
@media(max-width:959px){
  .nav button[data-page] > span{
    display:block;
    margin:0;
    font-size:9px;
    line-height:1.05;
    font-weight:700;
    letter-spacing:-.01em;
    white-space:nowrap;
  }
  .nav button[data-page].active > span{font-weight:850}
  .nav button[data-page] .ui-icon{
    width:20px;
    height:20px;
    margin:0 0 3px;
  }
}
@media(max-width:380px){
  .nav button[data-page] > span{font-size:8.3px}
  .nav button[data-page]{min-width:54px;padding-left:4px;padding-right:4px}
}


/* =========================================================
   ZAIA Client — discovery, map and public booking
   ========================================================= */
.client-app{min-height:100vh;background:linear-gradient(180deg,#fbf7f4 0%,#f6efe9 100%);color:var(--ink)}
.client-top{
  min-height:68px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  position:sticky;top:0;z-index:70;background:rgba(251,247,244,.9);backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(223,208,199,.7)
}
.client-logo{width:102px;display:block}.client-mark{width:42px;height:42px;border-radius:13px;display:block}
.client-business-link,.client-secondary-link{color:var(--brand-2);font-size:11px;font-weight:800;text-decoration:none}
.client-main{max-width:1260px;margin:0 auto;padding:24px 16px 70px}
.client-hero{max-width:790px;margin:8px auto 0;text-align:center}
.client-kicker{font-size:9.5px;letter-spacing:.15em;font-weight:900;color:var(--brand-2)}
.client-hero h1{font-size:36px;letter-spacing:-.05em;line-height:1.02;margin:9px 0 10px}
.client-hero>p{font-size:14px;color:var(--muted);line-height:1.55;margin:0 auto;max-width:610px}
.client-searchbar{
  margin:23px auto 0;background:#fffdfb;border:1px solid var(--line-strong);border-radius:18px;padding:6px 6px 6px 14px;
  display:flex;align-items:center;gap:9px;box-shadow:var(--shadow);max-width:720px
}
.client-searchbar .client-icon{width:20px;color:var(--muted)}
.client-searchbar input{border:0!important;box-shadow:none!important;background:transparent;padding:10px 0;min-width:0;flex:1}
.client-searchbar button,.client-primary{
  border:0;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-radius:13px;
  padding:12px 17px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none
}
.client-near-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.client-near,.client-clear-near{
  border:1px solid var(--line);background:#fffaf7;border-radius:999px;padding:8px 12px;color:var(--brand);
  font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px
}
.client-near .client-icon{width:15px}.client-near.active{background:#f1e4dd;border-color:#d7b8a7}
.client-clear-near{border:0;background:transparent;color:var(--muted);text-decoration:underline}
.client-filters{margin:28px auto 22px;max-width:1000px}
.client-filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 9px}
.client-filter-head strong{font-size:12px}.client-filter-head span{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:4px}
.client-filter-head .client-icon{width:13px}.service-filter-head{margin-top:16px}
.client-chips{display:flex;gap:7px;overflow:auto;padding:1px 2px 6px;scrollbar-width:none}.client-chips::-webkit-scrollbar{display:none}
.client-chips button{
  flex:0 0 auto;border:1px solid var(--line);background:#fffaf7;border-radius:999px;padding:8px 12px;
  font-size:10.5px;font-weight:800;color:#705e64
}
.client-chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.service-chips button.on{background:#8a633e;border-color:#8a633e}
.client-alert{max-width:1000px;margin:12px auto;background:var(--warn-soft);border:1px solid #ead0ab;border-radius:14px;padding:12px 14px;font-size:12px;color:#795127}
.client-loading{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:12px;padding:25px}
.client-loading>span{width:17px;height:17px;border:2px solid #e0d4cd;border-top-color:var(--brand);border-radius:50%;animation:zaiaSpin .8s linear infinite}
.client-results-wrap{display:grid;gap:15px;max-width:1180px;margin:0 auto}
.client-results{min-width:0}
.client-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 1px 12px}
.client-section-title h2{font-size:21px;margin:4px 0 0;letter-spacing:-.035em}.client-section-title>b{font-size:12px;color:var(--muted);background:#eee4de;border-radius:999px;padding:5px 9px}
.client-store-card{
  width:100%;text-align:left;border:1px solid var(--line);background:#fffdfb;border-radius:19px;padding:15px;
  display:flex;gap:13px;margin-bottom:10px;box-shadow:var(--shadow-soft)
}
.client-store-card:active{transform:scale(.995)}
.client-store-mark{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#f3e4dc;display:grid;place-items:center}.client-store-mark .client-mark{width:43px;height:43px}
.client-store-main{min-width:0;flex:1}.client-store-name{display:flex;align-items:center;justify-content:space-between;gap:8px}
.client-store-name strong{font-size:15px}.client-store-name span{font-size:10px;font-weight:850;color:#8b602f;background:#f2e2cc;border-radius:999px;padding:5px 8px;white-space:nowrap}
.client-store-main>p{margin:3px 0 7px;color:var(--muted);font-size:11px}
.client-address{display:flex;align-items:flex-start;gap:6px;color:#76686c;font-size:10.5px;line-height:1.4}.client-address .client-icon{width:14px;height:14px;flex:0 0 14px;color:var(--champagne)}
.client-address.big{font-size:12px;margin-top:10px}.client-address.big .client-icon{width:16px;height:16px}
.client-service-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.client-service-tags span{font-size:9.5px;background:#f5eeea;border:1px solid #eaded7;border-radius:999px;padding:4px 7px;color:#716166}
.client-store-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eee3dc;margin-top:11px;padding-top:10px;font-size:10.5px;color:var(--muted)}
.client-store-footer b{color:var(--brand);font-size:10.5px}.client-store-footer strong{color:var(--ink)}
.client-map-panel{background:#fffdfb;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:330px;box-shadow:var(--shadow-soft)}
.client-map-title{padding:13px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}
.client-map-title strong{font-size:13px}.client-map-title span{font-size:9.5px;color:var(--muted)}
.client-map{height:330px;background:#efe7e2}.map-empty{height:100%;min-height:330px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px;padding:30px}
.client-empty{background:#fffaf7;border:1px dashed var(--line-strong);border-radius:20px;padding:32px 20px;text-align:center;display:grid;justify-items:center;gap:7px}
.client-empty .client-mark{margin-bottom:6px}.client-empty strong{font-size:14px}.client-empty p{font-size:11px;color:var(--muted);max-width:300px;margin:0 0 8px}
.client-empty.compact{padding:19px;margin-top:12px}

/* public storefront */
.store-top{display:grid;grid-template-columns:1fr auto 1fr}.client-back{border:0;background:transparent;justify-self:start;display:flex;align-items:center;gap:5px;color:var(--brand);font-size:11px;font-weight:850}.client-back .client-icon{width:17px}
.client-store-page{max-width:1180px;margin:0 auto;padding:24px 16px 70px}
.client-store-hero{background:linear-gradient(145deg,#2c1020,#54243b);color:#fff;border-radius:24px;padding:21px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow)}
.client-store-logo{width:66px;height:66px;border-radius:20px;background:#f7e5cc;padding:6px;display:grid;place-items:center;flex:0 0 66px}.client-store-logo .client-mark{width:55px;height:55px}
.client-store-hero .client-kicker{color:#dfbd8c}.client-store-hero h1{font-size:27px;letter-spacing:-.04em;margin:5px 0}.client-store-hero p{font-size:11.5px;line-height:1.5;color:#ddced3;margin:0}
.client-store-hero .client-address{color:#e6d8dc}.client-booking-grid{display:grid;gap:16px;margin-top:20px}
.client-services-grid{display:grid;gap:8px}
.client-service-card{
  border:1px solid var(--line);background:#fffdfb;border-radius:16px;padding:14px;text-align:left;
  display:flex;align-items:center;justify-content:space-between;gap:12px
}
.client-service-card>div{display:grid;gap:3px}.client-service-card strong{font-size:13px}.client-service-card span{font-size:10px;color:var(--muted)}.client-service-card>b{font-size:12px;color:var(--brand)}
.client-service-card.selected{border-color:#a77c8e;background:#fbf0ec;box-shadow:0 0 0 3px rgba(83,34,58,.05)}
.client-book-step{margin-top:26px}.client-pros{display:grid;gap:8px}
.client-pros>button{
  border:1px solid var(--line);background:#fffdfb;border-radius:16px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left
}
.client-pros>button.selected{border-color:#a77c8e;background:#fbf0ec}.client-pro-avatar{width:39px;height:39px;border-radius:50%;background:#eee0dc;color:var(--brand);display:grid;place-items:center;font-weight:900}
.client-pros>button>span:nth-child(2){display:grid;gap:2px}.client-pros strong{font-size:12px}.client-pros small{font-size:10px;color:var(--muted)}.client-pros b{font-size:11px;color:var(--brand)}
.client-date-strip{display:flex;gap:7px;overflow:auto;padding:2px 1px 8px;scrollbar-width:none}.client-date-strip::-webkit-scrollbar{display:none}
.client-date-strip button{min-width:55px;border:1px solid var(--line);background:#fffdfb;border-radius:14px;padding:8px;display:grid;place-items:center;gap:3px}.client-date-strip button span{font-size:9px;color:var(--muted);text-transform:capitalize}.client-date-strip button strong{font-size:16px}
.client-date-strip button.selected{background:var(--brand);color:#fff;border-color:var(--brand)}.client-date-strip button.selected span{color:#ddcdd3}
.client-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.client-slots button{border:1px solid var(--line);background:#fffdfb;border-radius:13px;padding:9px 6px;display:grid;gap:2px}.client-slots strong{font-size:12px}.client-slots small{font-size:9px;color:var(--muted)}
.client-slots button.selected{background:#f0dfd2;border-color:#c89a61;color:var(--brand)}.client-summary{background:#fffdfb;border:1px solid var(--line);border-radius:21px;padding:18px;height:max-content;box-shadow:var(--shadow-soft)}
.client-summary h2{font-size:20px;letter-spacing:-.035em;margin:5px 0 14px}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-top:1px solid #eee3dc;padding:10px 0;font-size:11px}.summary-row span{color:var(--muted)}.summary-row strong{text-align:right}
.client-summary-empty{border-top:1px solid #eee3dc;padding-top:15px;color:var(--muted);font-size:11px;line-height:1.5}
.client-book-form{display:grid;gap:11px;margin-top:12px;padding-top:12px;border-top:1px solid #eee3dc}.client-book-form .field label{font-size:10.5px}.client-book-form input,.client-book-form textarea{min-height:42px;padding:10px 11px}.client-book-form label small{font-weight:500;color:var(--muted)}
.client-privacy{text-align:center;font-size:8.5px;line-height:1.45;color:var(--muted);margin:1px 10px}

/* confirmation */
.success-bg{display:grid;place-items:center;padding:28px 16px}.client-success{max-width:470px;width:100%;text-align:center;display:grid;justify-items:center}
.success-icon{width:68px;height:68px;border-radius:50%;background:var(--good-soft);color:var(--good);display:grid;place-items:center;margin-bottom:16px}.success-icon .client-icon{width:33px}
.client-success h1{font-size:34px;letter-spacing:-.05em;margin:8px 0}.client-success>p{font-size:12px;color:var(--muted);margin:0 0 19px}
.success-card{width:100%;background:#fffdfb;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);text-align:left;margin-bottom:16px}
.success-card>div:first-child{display:flex;align-items:center;gap:10px;padding-bottom:13px}.success-card>div:first-child>span{display:grid;gap:2px}.success-card small{color:var(--muted)}
.client-secondary-link{margin-top:14px}
.client-icon{width:18px;height:18px}

/* establishment public settings */
.discovery-settings-card{margin-top:18px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.discovery-settings-card h2{font-size:16px;margin:4px 0}.discovery-settings-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.45}
.discovery-status-icon{width:40px;height:40px;border-radius:13px;background:#f3e6dd;color:var(--brand);display:grid;place-items:center}
.business-modal .form-section-head{margin:9px 0 0}.business-modal .form-section-head h2{font-size:15px}
.location-actions{display:flex;gap:8px;flex-wrap:wrap}.location-actions .btn{flex:1 1 180px}.location-status.location-ready{background:var(--good-soft);border-color:#cfe4d8}.location-status.location-ready strong{color:var(--good)}
.auth-client-entry{border-top:1px solid var(--line);margin-top:18px;padding-top:15px;display:grid;gap:9px;text-align:center}.auth-client-entry span{font-size:10px;color:var(--muted)}

@media(min-width:760px){
  .client-main,.client-store-page{padding-left:24px;padding-right:24px}
  .client-hero h1{font-size:48px}
  .client-results-wrap{grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr);align-items:start}
  .client-map-panel{position:sticky;top:85px}.client-map{height:570px}.map-empty{min-height:570px}
  .client-booking-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);align-items:start}
  .client-summary{position:sticky;top:92px}
  .client-services-grid{grid-template-columns:1fr 1fr}
  .client-slots{grid-template-columns:repeat(4,1fr)}
  .client-store-hero{padding:27px}.client-store-hero h1{font-size:34px}
}
@media(max-width:520px){
  .client-top{min-height:62px;padding:10px 14px}.client-logo{width:90px}
  .client-main,.client-store-page{padding-left:13px;padding-right:13px}
  .client-hero{padding-top:4px}.client-hero h1{font-size:32px}.client-hero>p{font-size:12px}
  .client-searchbar{border-radius:16px;padding-left:12px}.client-searchbar button{padding:11px 13px;font-size:11px}
  .client-store-card{padding:13px}.client-store-mark{width:43px;height:43px;flex-basis:43px}.client-store-mark .client-mark{width:38px;height:38px}
  .client-map-panel{min-height:285px}.client-map{height:285px}.map-empty{min-height:285px}
  .client-store-hero{align-items:flex-start}.client-store-logo{width:53px;height:53px;flex-basis:53px;border-radius:16px}.client-store-logo .client-mark{width:45px;height:45px}
  .client-store-hero h1{font-size:23px}.client-slots{grid-template-columns:repeat(3,1fr)}
  .discovery-settings-card{grid-template-columns:auto 1fr}.discovery-settings-card .btn{grid-column:1/-1;width:100%}
}


/* =========================================================
   ZAIA — Mobile fluidity audit
   No page-level horizontal dragging on phones
   ========================================================= */
html,body,#app,.shell,.content,.client-app,.client-main,.client-store-page{
  max-width:100%;
  overflow-x:clip;
}
body{overscroll-behavior-x:none}
*,*::before,*::after{min-width:0}
img,svg{max-width:100%}
.item-main,.meta,.subtitle,.notice,.helper,.brandtext,.client-store-main{
  overflow-wrap:anywhere;
  word-break:normal;
}
.toolbar{
  overflow:visible!important;
  flex-wrap:wrap!important;
}
.toolbar .btn{
  white-space:normal!important;
}
.appointment-item{
  display:grid;
  grid-template-columns:62px minmax(0,1fr);
  align-items:start;
  gap:12px;
  padding:15px 14px 14px 17px;
}
.appointment-item>.service-dot{display:none}
.appointment-body{min-width:0;display:grid;gap:7px}
.appointment-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap
}
.appointment-head>strong{
  font-size:15px;line-height:1.25;overflow-wrap:anywhere
}
.online-badge{background:#f3e1ca;color:#7c5226;border-color:#e4c59d}
.appointment-service-line{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  color:var(--muted);font-size:11.5px;line-height:1.35
}
.appointment-service-line strong{color:var(--ink);font-size:12px}
.appointment-detail-line{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;
  font-size:11px;line-height:1.4;align-items:start
}
.appointment-detail-line>span:first-child{color:var(--muted)}
.appointment-detail-line>strong{text-align:left;overflow-wrap:anywhere}
.appointment-detail-line.compact{
  display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--muted)
}
.appointment-actions{
  margin-top:3px;
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  justify-content:stretch;
}
.appointment-actions .btn{width:100%}
.agenda-list>div>.tag{
  display:inline-flex!important;
  margin:15px 2px 7px!important;
  padding:6px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#f5eee9;
  color:var(--ink-2);
  letter-spacing:.04em
}

/* Consistent card actions */
.service-card,.inventory-item,.pro-card,.client-card{
  max-width:100%;
}
.service-card .item-actions{
  flex:0 0 auto;
}
.product-actions,.pro-actions{
  max-width:100%;
}
.client-card>.btn{flex:0 0 auto}

/* Forms and modals */
.modal{max-width:min(650px,100vw)}
.modal .row,.form .row{min-width:0}
.modal-head>div{min-width:0}
.modal-head h3{overflow-wrap:anywhere}
.material-row,.materials-head,.toggle-row,.day-row{max-width:100%}
.material-info{overflow-wrap:anywhere}
.material-qty{max-width:46%}
.material-qty input{max-width:86px;width:100%}
.service-overrides{min-width:0}

/* Dashboard mobile density */
@media(max-width:700px){
  .content{padding-left:14px!important;padding-right:14px!important}
  .dashboard-hero{align-items:flex-start}
  .dashboard-hero .title{font-size:29px}
  .grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stat-card{min-width:0}
  .stat-card>div:last-child{min-width:0}
  .stat-label,.stat-note{overflow-wrap:anywhere}
  .quick.zaia-quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quick-action{min-height:72px}
}

/* Phone layouts */
@media(max-width:560px){
  .title{font-size:27px}
  .subtitle{font-size:13px}
  .section-head{align-items:flex-start}
  .section-head h2{font-size:16px}

  .appointment-item{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:10px!important;
  }
  .appointment-time{
    width:auto!important;
    flex:unset!important;
    padding-left:1px;
  }
  .appointment-time strong{font-size:15px}
  .appointment-time span{
    font-size:10px;
    white-space:normal!important;
    line-height:1.25
  }
  .appointment-item .item-main{min-width:0!important}
  .appointment-item .item-actions{
    width:100%!important;
    padding-left:0!important;
    margin-left:0!important;
  }

  .client-card{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px
  }
  .client-card>.btn{
    width:100%;
    justify-self:stretch
  }

  .service-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start
  }
  .service-card>.item-actions{
    grid-column:1/-1;
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px
  }
  .service-card>.item-actions .pill{
    grid-column:1/-1;
    justify-self:start
  }
  .service-card>.item-actions .btn{width:100%}

  .inventory-item{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start
  }
  .inventory-item .item-main{grid-column:1/-1}
  .inventory-item>.pill{
    grid-row:1;
    grid-column:2;
    justify-self:end;
    max-width:100%
  }
  .product-tags{padding-right:92px}
  .product-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .product-actions .btn{width:100%}

  .pro-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start
  }
  .pro-card .pro-actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pro-card .pro-actions .btn{
    width:100%;
    white-space:normal;
    line-height:1.2
  }

  .discovery-settings-card{
    grid-template-columns:auto minmax(0,1fr)!important
  }
  .discovery-settings-card>.btn{
    grid-column:1/-1!important;
    width:100%
  }

  .feature-card{
    grid-template-columns:auto minmax(0,1fr) auto!important
  }

  .form>.row:not(.keep-row),
  .modal .form>.row:not(.keep-row){
    grid-template-columns:1fr;
    gap:12px
  }
  .day-times{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important
  }
  .duration-picker{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }

  .material-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(105px,42%);
    align-items:end!important
  }
  .material-info span{max-width:none!important}
  .material-qty{
    width:100%;
    max-width:none;
    justify-content:flex-end
  }

  .toolbar>.btn{
    flex:1 1 160px
  }

  .client-searchbar{max-width:100%}
  .client-store-card{max-width:100%}
  .client-store-name{align-items:flex-start;flex-wrap:wrap}
  .client-store-footer{align-items:flex-start;flex-wrap:wrap}
}

/* Very narrow devices */
@media(max-width:380px){
  .content{padding-left:11px!important;padding-right:11px!important}
  .grid.stats{grid-template-columns:1fr}
  .stat-card{min-height:auto}
  .appointment-item{grid-template-columns:52px minmax(0,1fr)!important;padding-left:13px;padding-right:11px}
  .appointment-actions{grid-template-columns:1fr}
  .service-card>.item-actions,.product-actions,.pro-card .pro-actions{grid-template-columns:1fr}
  .client-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pro-feature-grid{grid-template-columns:1fr}
}

/* Desktop keeps compact horizontal actions */
@media(min-width:561px){
  .appointment-item{
    grid-template-columns:68px minmax(0,1fr) auto;
    align-items:center
  }
  .appointment-actions{
    width:auto;
    display:flex;
    grid-column:auto;
    margin-top:0
  }
  .appointment-body{
    grid-template-columns:minmax(0,1fr);
  }
  .appointment-body .appointment-actions{
    justify-self:end;
  }
}


/* Public client mobile: avoid lateral carousels on narrow screens */
@media(max-width:560px){
  .client-chips{
    display:flex;
    flex-wrap:wrap;
    overflow:visible;
    padding-bottom:0
  }
  .client-chips button{flex:0 0 auto}
  .client-date-strip{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    overflow:visible;
    gap:6px
  }
  .client-date-strip button{
    min-width:0;
    width:100%;
    padding:8px 4px
  }
  .client-date-strip button span{font-size:8px}
  .client-store-hero{max-width:100%}
  .client-searchbar input{width:100%}
}
/* responsive-audit-release-v6 */


/* =========================================================
   ZAIA Customer Account, history, promotions & push
   ========================================================= */
.client-head-actions{display:flex;align-items:center;gap:8px}
.client-login-link{border:1px solid var(--line);background:#fffaf7;color:var(--brand);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:850}
.client-account-chip{border:0;background:transparent;display:flex;align-items:center;gap:7px;padding:4px}
.client-account-chip>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#efd3a4;font-size:12px;font-weight:900}
.client-account-chip>b{font-size:10px;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-bottom-nav{
  position:fixed;left:0;right:0;bottom:0;z-index:75;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  background:rgba(255,252,249,.96);backdrop-filter:blur(20px);border-top:1px solid var(--line);
  padding:7px 6px calc(7px + env(safe-area-inset-bottom))
}
.client-bottom-nav button{border:0;background:transparent;color:#8c7c80;padding:6px 2px;display:grid;place-items:center;gap:3px;font-size:8.5px;font-weight:750}
.client-bottom-nav button .client-icon{width:19px;height:19px}
.client-bottom-nav button.active{color:var(--brand);background:#f3e9e5;border-radius:12px}
.client-main,.client-store-page,.client-account-main{padding-bottom:100px}
.client-account-main{max-width:860px;margin:0 auto;padding:28px 15px 110px;width:100%}
.client-account-head{margin-bottom:20px}.client-account-head h1{font-size:30px;letter-spacing:-.045em;margin:7px 0 5px}.client-account-head p{font-size:12px;color:var(--muted);margin:0}
.client-account-list,.client-notice-stack,.client-promotions-grid{display:grid;gap:10px}
.client-account-card{background:#fffdfb;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.client-account-card:before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:3px;background:linear-gradient(var(--brand-2),var(--champagne));border-radius:0 3px 3px 0}
.client-account-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-left:3px}
.client-account-card-top>div{min-width:0}.client-account-card-top strong{display:block;font-size:14px}.client-account-card-top span{display:block;font-size:10.5px;color:var(--muted);margin-top:2px}
.client-status{font-size:8.5px!important;color:var(--brand)!important;background:#f1e6e2;border-radius:999px;padding:5px 7px;white-space:nowrap}
.client-account-meta{display:flex;align-items:flex-start;gap:7px;margin-top:9px;font-size:11px;color:#675b5f}.client-account-meta .client-icon{width:14px;height:14px;color:var(--champagne);flex:0 0 14px}
.client-account-price{text-align:right;margin-top:9px;font-size:12px;font-weight:900;color:var(--brand)}
.client-notification{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;background:#f6eee8;border:1px solid #e9d8cc;border-radius:15px}
.client-notification>.client-icon{width:17px;color:var(--brand);flex:0 0 17px}.client-notification div{display:grid;gap:3px}.client-notification strong{font-size:11px}.client-notification span{font-size:10px;color:var(--muted);line-height:1.4}
.client-promotions-grid{grid-template-columns:1fr}
.client-promotion-card{border:1px solid var(--line);background:#fffdfb;border-radius:19px;padding:15px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:12px;box-shadow:var(--shadow-soft)}
.promotion-badge{width:42px;height:42px;border-radius:13px;background:var(--champagne-soft);color:#8b5d2a;display:grid;place-items:center}
.client-promotion-card>div:last-child{display:grid;gap:3px}.client-promotion-card strong{font-size:14px}.client-promotion-card b{font-size:16px;color:var(--brand)}.client-promotion-card p{font-size:10.5px;color:var(--muted);margin:2px 0;line-height:1.4}.client-promotion-card small{font-size:9px;color:#8c6c48}
.client-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;background:#fffdfb;border:1px solid var(--line);border-radius:19px;padding:15px}
.client-profile-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#eed2a5;display:grid;place-items:center;font-weight:900}
.client-profile-card>div:nth-child(2){display:grid;gap:2px}.client-profile-card strong{font-size:13px}.client-profile-card span{font-size:10px;color:var(--muted)}
.client-secondary{border:1px solid var(--line);background:#fffaf7;border-radius:11px;padding:8px 10px;font-size:10px;font-weight:800}
.client-profile-actions{display:grid;gap:9px;margin-top:13px}.client-profile-action{width:100%;border:1px solid var(--line);background:#fffdfb;border-radius:17px;padding:14px;text-align:left;display:flex;align-items:center;gap:11px}.client-profile-action>.client-icon{width:20px;color:var(--brand)}.client-profile-action span{display:grid;gap:2px}.client-profile-action strong{font-size:12px}.client-profile-action small{font-size:9.5px;color:var(--muted)}
.client-account-required{border-top:1px solid var(--line);margin-top:12px;padding-top:15px;text-align:center;display:grid;justify-items:center;gap:7px}.client-account-required>.client-icon{width:28px;color:var(--brand)}.client-account-required strong{font-size:13px}.client-account-required p{font-size:10.5px;color:var(--muted);line-height:1.45;margin:0 0 4px}
.client-auth-backdrop{position:fixed;inset:0;z-index:120;background:rgba(31,15,24,.5);backdrop-filter:blur(7px);display:flex;align-items:flex-end;justify-content:center}
.client-auth-modal{width:100%;max-width:490px;background:#fffaf7;border-radius:25px 25px 0 0;padding:24px 18px calc(25px + env(safe-area-inset-bottom));position:relative;box-shadow:0 -20px 60px rgba(35,17,26,.18)}
.client-auth-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#f1e7e2;font-size:20px}
.client-auth-logo{width:50px;height:50px;border-radius:16px;background:#f0dfcf;padding:4px;margin-bottom:13px}.client-auth-logo .client-mark{width:42px;height:42px}
.client-auth-modal h2{font-size:25px;letter-spacing:-.04em;margin:7px 0}.client-auth-modal>p{font-size:11px;color:var(--muted);line-height:1.45;margin:0 0 14px}
.client-auth-form{display:grid;gap:11px;margin-top:13px}.client-auth-switch{width:100%;border:0;background:transparent;color:var(--brand);font-size:10.5px;font-weight:850;padding:13px}
.client-check{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:var(--muted)}.client-check input{width:17px;height:17px;min-height:auto}
.promotion-admin-card{align-items:flex-start}.promotion-admin-icon{width:38px;height:38px;border-radius:12px;background:var(--champagne-soft);color:#8c5c27;display:grid;place-items:center;flex:0 0 auto}
.promotion-offer{font-size:15px;font-weight:900;color:var(--brand);margin-top:4px}.promotion-actions{align-self:center}
@media(min-width:760px){
  .client-bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:600px;bottom:16px;border:1px solid var(--line);border-radius:20px;padding:7px;box-shadow:var(--shadow)}
  .client-account-main{padding-top:36px}.client-promotions-grid{grid-template-columns:1fr 1fr}
  .client-auth-backdrop{align-items:center;padding:20px}.client-auth-modal{border-radius:25px}
}
@media(max-width:520px){
  .client-business-link{display:none}
  .client-account-chip>b{display:none}
  .client-profile-card{grid-template-columns:auto minmax(0,1fr)}.client-profile-card .client-secondary{grid-column:1/-1;width:100%}
  .promotion-admin-card{display:grid;grid-template-columns:auto minmax(0,1fr)}.promotion-admin-card .promotion-actions{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr 1fr}.promotion-admin-card .promotion-actions .btn{width:100%}
}


/* Customer auth password visibility */
.client-password-field{
  position:relative;
  display:flex;
  align-items:center;
}
.client-password-field input{
  width:100%;
  padding-right:78px!important;
}
.client-password-toggle{
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:transparent;
  color:var(--brand);
  font-size:10.5px;
  font-weight:850;
  padding:7px 8px;
  border-radius:9px;
}
.client-password-toggle:focus-visible{
  outline:2px solid rgba(83,34,58,.22);
  outline-offset:1px;
}


/* Google OAuth buttons */
.google-auth-btn,.client-google-btn{
  width:100%;
  min-height:46px;
  border:1px solid var(--line-strong);
  background:#fff;
  color:#2f272a;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-weight:800;
  font-size:12px;
  cursor:pointer;
}
.google-auth-btn:hover,.client-google-btn:hover{background:#fbf8f6}
.google-g{
  width:22px;height:22px;border-radius:50%;
  display:grid;place-items:center;
  background:#fff;
  border:1px solid #ddd;
  color:#4285f4;
  font-size:13px;
  font-weight:900;
  font-family:Arial,sans-serif;
}
.auth-divider,.client-auth-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:13px 0;
  color:var(--muted);
  font-size:10px;
}
.auth-divider:before,.auth-divider:after,
.client-auth-divider:before,.client-auth-divider:after{
  content:"";
  height:1px;
  background:var(--line);
  flex:1;
}
.auth-divider span,.client-auth-divider span{flex:0 0 auto}


/* =========================================================
   ZAIA — Merchant branding / white-label experience
   ========================================================= */
.merchant-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.merchant-brand>div{
  display:grid;
  gap:1px;
  min-width:0;
}
.merchant-brand strong{
  font-size:14px;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.merchant-brand small{
  font-size:8px;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:.64;
  font-weight:800;
}
.merchant-logo{
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius:12px;
  background:rgba(255,255,255,.92);
  padding:4px;
  flex:0 0 44px;
}
.merchant-logo.compact{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:11px;
}
.merchant-nav-brand{
  min-height:74px;
  display:flex;
  align-items:center;
}
.nav .merchant-brand strong{color:#fff}
.nav .merchant-brand small{color:#e4ccd5}
.nav-powered strong{font-weight:900;letter-spacing:.08em}
.mobile-brand>.merchant-logo{
  width:36px;
  height:36px;
  flex-basis:36px;
}
.login-merchant-brand .merchant-logo{
  width:70px;
  height:70px;
  flex-basis:70px;
  border-radius:20px;
  padding:7px;
}
.login-merchant-brand strong{
  font-size:20px;
  color:inherit;
}
.login-merchant-brand small{
  font-size:9px;
}
.merchant-auth .auth-visual .merchant-brand strong{color:#fff}
.merchant-auth .auth-visual .merchant-brand small{color:#ead7de}
.merchant-auth .auth-panel .merchant-brand strong{color:var(--ink)}
.merchant-auth .auth-panel .merchant-brand small{color:var(--brand)}

/* Functional personalization modal */
.brand-config-modal{
  max-width:680px!important;
}
.brand-form{
  gap:16px!important;
}
.brand-toggle{
  background:#f7f0ec;
  border:1px solid var(--line);
  border-radius:16px;
  padding:13px!important;
}
.brand-live-preview{
  --preview-primary:#3b172b;
  --preview-secondary:#6b3149;
  --preview-accent:#c89a61;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  min-height:156px;
  background:#fffdfb;
  transition:.2s ease;
}
.brand-live-preview.disabled-preview{
  opacity:.5;
  filter:saturate(.55);
}
.brand-preview-sidebar{
  background:linear-gradient(155deg,var(--preview-primary),var(--preview-secondary));
  color:#fff;
  padding:18px 14px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
}
.brand-preview-sidebar>div:last-child{
  display:grid;
  gap:2px;
}
.brand-preview-sidebar strong{
  font-size:12px;
  line-height:1.2;
}
.brand-preview-sidebar small{
  font-size:8px;
  letter-spacing:.15em;
  opacity:.72;
}
.brand-preview-logo{
  width:54px;
  height:54px;
  border-radius:15px;
  background:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:var(--preview-primary);
  font-weight:900;
  font-size:20px;
}
.brand-preview-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:4px;
}
.brand-preview-content{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  justify-content:center;
}
.brand-preview-content>span{
  display:block;
  height:12px;
  border-radius:999px;
  background:#eee4df;
}
.brand-preview-content>span:first-child{width:76%}
.brand-preview-content>span:nth-child(2){width:54%}
.brand-preview-content button{
  width:max-content;
  border:0;
  background:var(--preview-primary);
  color:#fff;
  border-radius:10px;
  padding:9px 14px;
  font-size:10px;
  font-weight:800;
  box-shadow:0 4px 14px color-mix(in srgb,var(--preview-accent) 32%,transparent);
}
.brand-upload-row{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:13px;
  align-items:center;
}
.brand-current-logo{
  width:82px;
  height:82px;
  border-radius:18px;
  border:1px solid var(--line);
  background:#fff;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.brand-current-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:5px;
}
.brand-current-logo .zaia-mark,
.brand-current-logo img[src="/icon.svg"]{
  width:58px;
  height:58px;
}
.brand-upload-copy{
  display:grid;
  gap:7px;
}
.brand-upload-copy input[type="file"]{
  width:100%;
  min-height:auto;
  padding:8px;
  font-size:10px;
  background:#fff;
}
.brand-color-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.brand-color-field{
  display:grid;
  gap:6px;
  font-size:10.5px;
  font-weight:800;
}
.brand-color-field>div{
  display:grid;
  grid-template-columns:43px minmax(0,1fr);
  gap:7px;
  align-items:center;
}
.brand-color-field input[type="color"]{
  width:43px;
  height:43px;
  min-height:43px;
  border:1px solid var(--line);
  border-radius:11px;
  padding:3px;
  background:#fff;
}
.brand-hex{
  min-height:43px!important;
  padding:9px!important;
  text-transform:uppercase;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:10px!important;
}
.brand-login-link{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}
.brand-login-link input{
  font-size:10px!important;
  color:var(--muted);
}
.brand-info{margin:0!important}
.brand-form-actions{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:9px;
}
.brand-form-actions .btn{width:100%}

/* Merchant logos in client marketplace */
.merchant-client-logo{
  object-fit:contain!important;
  background:#fff;
  padding:3px;
}
.client-store-mark .merchant-client-logo{
  width:43px;
  height:43px;
  border-radius:12px;
}
.client-store-logo .merchant-client-logo{
  width:56px;
  height:56px;
  border-radius:15px;
}
.merchant-store-hero .client-store-logo{
  background:#fff;
  padding:5px;
}
.merchant-store-hero{
  background:linear-gradient(145deg,var(--brand),var(--brand-2))!important;
}
.merchant-store-hero .client-kicker{color:var(--champagne)!important}

@media(max-width:560px){
  .brand-color-grid{grid-template-columns:1fr}
  .brand-form-actions{grid-template-columns:1fr}
  .brand-live-preview{grid-template-columns:112px minmax(0,1fr)}
  .brand-preview-sidebar{padding:14px 11px}
  .brand-upload-row{grid-template-columns:68px minmax(0,1fr)}
  .brand-current-logo{width:68px;height:68px}
  .merchant-nav-brand .merchant-brand strong{font-size:12px}
}

.merchant-powered-client{
  display:inline-flex;
  width:max-content;
  margin:2px 0 5px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
  color:var(--champagne);
  opacity:.82;
}


/* =========================================================
   ZAIA PRO — Financeiro
   ========================================================= */
.mini-pro-badge{
  display:inline-flex;
  margin-left:5px;
  padding:2px 5px;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-size:7px;
  letter-spacing:.12em;
  vertical-align:middle;
}
.pro-settings-mini{color:var(--brand)}
.finance-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.finance-heading-actions,.finance-inline-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.finance-period-bar{
  margin-top:18px;
  border:1px solid var(--line);
  background:#fffdfb;
  border-radius:17px;
  padding:11px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.finance-period-bar>div:first-child{display:grid;gap:2px}
.finance-period-bar strong{font-size:11px;text-transform:capitalize}
.finance-period-bar span{font-size:9px;color:var(--muted)}
.finance-period-actions{
  display:flex;
  background:#f4ece8;
  border-radius:12px;
  padding:3px;
  gap:2px;
}
.finance-period-actions button{
  border:0;
  background:transparent;
  color:var(--muted);
  border-radius:9px;
  padding:7px 9px;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
}
.finance-period-actions button.on{
  background:#fff;
  color:var(--brand);
  box-shadow:0 2px 7px rgba(45,24,34,.08);
}
.finance-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.finance-kpi{
  border:1px solid var(--line);
  background:#fffdfb;
  border-radius:18px;
  padding:15px;
  min-height:112px;
  display:grid;
  align-content:space-between;
  gap:5px;
  box-shadow:var(--shadow-soft);
}
.finance-kpi.featured{
  background:linear-gradient(145deg,var(--brand),var(--brand-2));
  color:#fff;
  border-color:transparent;
}
.finance-kpi>span{font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.finance-kpi.featured>span,.finance-kpi.featured small{color:#eadde2}
.finance-kpi strong{font-size:21px;letter-spacing:-.04em}
.finance-kpi small{font-size:9px;color:var(--muted);line-height:1.35}
.finance-kpi.negative strong,.negative{color:#ad3d46!important}
.finance-health-grid,.finance-chart-grid,.finance-performance-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.finance-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.finance-card-head h2{margin:4px 0 0;font-size:17px}
.finance-margin{
  font-size:9px;
  font-weight:850;
  color:#35704d;
  background:#eaf5ee;
  border-radius:999px;
  padding:6px 8px;
  white-space:nowrap;
}
.finance-profit-value{
  display:block;
  margin:15px 0 13px;
  font-size:31px;
  line-height:1;
  letter-spacing:-.05em;
  color:#246b48;
}
.finance-cost-stack{display:grid;gap:7px}
.finance-cost-stack>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px dashed var(--line);
  padding-top:7px;
}
.finance-cost-stack span{font-size:10px;color:var(--muted)}
.finance-cost-stack b{font-size:10px}
.finance-dual-total{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:16px 0 12px;
}
.finance-dual-total>div{
  border-radius:14px;
  padding:13px;
  display:grid;
  gap:4px;
}
.finance-dual-total .income{background:#edf7f0}
.finance-dual-total .expense{background:#fbefef}
.finance-dual-total span{font-size:9px;color:var(--muted)}
.finance-dual-total strong{font-size:18px}
.finance-dual-total .income strong{color:#247148}
.finance-dual-total .expense strong{color:#a13b43}
.finance-goal-card{
  margin-top:12px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);
  gap:18px;
  align-items:center;
}
.finance-goal-card h2{font-size:17px;margin:4px 0}
.finance-goal-card p{font-size:10px;color:var(--muted);margin:0}
.finance-goal-track{height:12px;border-radius:999px;background:#eee6e2;overflow:hidden}
.finance-goal-track i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--brand),var(--champagne));
}
.finance-pending-card,.finance-transactions-card{margin-top:12px}
.finance-pending-list,.finance-transactions-list{display:grid;gap:8px}
.finance-pending-item{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto auto;
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid var(--line);
}
.finance-pending-item:first-child{border-top:0}
.finance-pending-date{
  width:43px;height:43px;border-radius:12px;
  display:grid;place-items:center;align-content:center;
  background:#f5ece8;
}
.finance-pending-date strong{font-size:14px;line-height:1}
.finance-pending-date span{font-size:8px;text-transform:uppercase;color:var(--muted)}
.finance-pending-value{font-size:11px;white-space:nowrap}
.finance-pending-item.income .finance-pending-value{color:#247148}
.finance-pending-item.expense .finance-pending-value{color:#a13b43}
.finance-flow-chart{display:grid;gap:8px;margin-top:8px}
.finance-flow-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 74px;
  gap:8px;
  align-items:center;
}
.finance-flow-row>span{font-size:8.5px;color:var(--muted)}
.finance-flow-row>b{font-size:9px;text-align:right}
.flow-bars{display:grid;gap:3px}
.flow-bars i{display:block;height:5px;border-radius:999px;min-width:2px}
.flow-bars i.income,.finance-chart-legend i.income{background:#4e9b6c}
.flow-bars i.expense,.finance-chart-legend i.expense{background:#c96770}
.finance-chart-legend{display:flex;gap:14px;margin-top:12px;font-size:8.5px;color:var(--muted)}
.finance-chart-legend span{display:flex;align-items:center;gap:5px}
.finance-chart-legend i{width:8px;height:8px;border-radius:50%}
.finance-accounts{display:grid;gap:8px}
.finance-accounts>div{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
  padding:10px 0;border-top:1px solid var(--line)
}
.finance-accounts>div:first-child{border-top:0}
.finance-accounts span{display:grid;font-size:11px;font-weight:800}
.finance-accounts small{font-size:8px;color:var(--muted);font-weight:500}
.finance-accounts strong{font-size:13px}
.finance-ranking{display:grid}
.finance-ranking>div{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid var(--line);
}
.finance-ranking>div:first-child{border-top:0}
.finance-ranking .rank{
  width:25px;height:25px;border-radius:9px;
  display:grid;place-items:center;
  background:#f4ebe7;color:var(--brand);
  font-size:9px;font-weight:900;
}
.finance-ranking .item-main{display:grid;gap:2px}
.finance-ranking .item-main strong{font-size:11px}
.finance-ranking small{font-size:8.5px;color:var(--muted);display:block;margin-top:2px}
.finance-ranking>div>div:last-child{text-align:right}
.finance-ranking>div>div:last-child strong{font-size:10.5px}
.finance-transaction-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto auto auto;
  gap:9px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid var(--line);
}
.finance-transaction-row:first-child{border-top:0}
.finance-type-icon{
  width:31px;height:31px;border-radius:10px;
  display:grid;place-items:center;font-size:15px;font-weight:900;
}
.finance-type-icon.income{background:#eaf5ee;color:#247148}
.finance-type-icon.expense{background:#fbefef;color:#a13b43}
.finance-tx-right{display:flex;align-items:center;gap:7px}
.finance-tx-right>strong{font-size:10px;white-space:nowrap}
.finance-tx-right>strong.income{color:#247148}
.finance-tx-right>strong.expense{color:#a13b43}
.finance-icon-action{
  width:29px;height:29px;border-radius:9px;border:1px solid var(--line);
  background:#fff;color:var(--muted);font-size:16px;
}
.finance-empty-card{
  margin-top:20px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;align-items:center;
}
.finance-hero-icon{
  width:48px;height:48px;border-radius:15px;
  display:grid;place-items:center;
  color:#fff;background:linear-gradient(145deg,var(--brand),var(--brand-2));
}
.finance-empty-card h2{font-size:17px;margin:0 0 3px}
.finance-empty-card p{font-size:10px;color:var(--muted);margin:0;line-height:1.45}
.finance-loading{min-height:260px;display:grid;place-items:center}
.finance-modal{max-width:560px!important}
.compact-finance-modal{max-width:440px!important}
.finance-paid-fields.is-hidden{display:none}
.finance-pay-total{
  border:1px solid var(--line);
  background:#f8f1ed;
  border-radius:16px;
  padding:14px;
  margin-bottom:14px;
  display:grid;gap:3px;
}
.finance-pay-total span,.finance-pay-total small{font-size:9px;color:var(--muted)}
.finance-pay-total strong{font-size:24px;letter-spacing:-.04em}

@media(max-width:959px){
  .nav button[data-page="finance"]{display:none}
}
@media(min-width:960px){
  .nav button[data-page="finance"]{display:flex}
}
@media(max-width:760px){
  .finance-heading{display:block}
  .finance-heading-actions{margin-top:12px}
  .finance-heading-actions .btn{flex:1 1 140px}
  .finance-period-bar{display:grid}
  .finance-period-actions{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}
  .finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finance-health-grid,.finance-chart-grid,.finance-performance-grid{grid-template-columns:1fr}
  .finance-goal-card{grid-template-columns:1fr}
  .finance-pending-item{grid-template-columns:43px minmax(0,1fr) auto}
  .finance-pending-item>.btn{grid-column:2/-1;width:100%}
  .finance-transaction-row{grid-template-columns:31px minmax(0,1fr) auto}
  .finance-tx-right{grid-column:3;grid-row:1/3;display:grid;justify-items:end}
  .finance-transaction-row>.btn{grid-column:2/-1;width:100%}
  .finance-transaction-row>.finance-icon-action{grid-column:1;grid-row:2}
  .finance-empty-card{grid-template-columns:auto minmax(0,1fr)}
  .finance-empty-card>.btn{grid-column:1/-1;width:100%}
}
@media(max-width:430px){
  .finance-kpis{grid-template-columns:1fr 1fr}
  .finance-kpi{padding:12px;min-height:104px}
  .finance-kpi strong{font-size:17px}
  .finance-dual-total{grid-template-columns:1fr}
  .finance-flow-row{grid-template-columns:43px minmax(0,1fr) 62px}
  .finance-inline-actions{width:100%}
  .finance-inline-actions .btn{flex:1}
}


/* =========================================================
   ZAIA PRO — Store notifications / free client alerts
   ========================================================= */
.notification-count{
  min-width:22px;height:22px;border-radius:999px;padding:0 6px;
  display:inline-grid;place-items:center;
  background:var(--brand);color:#fff;
  font-size:8px;font-weight:900;
}
.icon-button .notification-dot{
  position:absolute!important;
  width:8px!important;height:8px!important;
  min-width:8px!important;border-radius:50%!important;
  right:7px!important;top:7px!important;
  background:#d75d66!important;
  border:2px solid #fff!important;
}
.notification-modal{max-width:620px!important}
.notification-pro-lock{
  display:grid;justify-items:center;text-align:center;gap:10px;
  padding:10px 4px 2px;
}
.notification-lock-icon{
  width:58px;height:58px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,var(--brand),var(--brand-2));
  color:#fff;
}
.notification-pro-lock h2{font-size:21px;letter-spacing:-.035em;margin:2px 0 0}
.notification-pro-lock p{font-size:11px;line-height:1.5;color:var(--muted);max-width:430px;margin:0}
.notification-feature-list{
  width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin:6px 0 9px;text-align:left;
}
.notification-feature-list>div{
  border:1px solid var(--line);background:#fffdfb;border-radius:13px;
  padding:10px;font-size:10px;font-weight:750;
}
.push-status-card{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;align-items:center;
  border:1px solid var(--line);background:#f8f1ed;
  border-radius:17px;padding:13px;
}
.push-status-card.active{background:#edf6f0;border-color:#d2e7d9}
.push-status-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  background:#fff;color:var(--brand);
}
.push-status-card .item-main{display:grid;gap:3px}
.push-status-card .item-main strong{font-size:12px}
.push-status-card .item-main span{font-size:9.5px;line-height:1.35;color:var(--muted)}
.notification-rules{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;
}
.notification-rules>div{
  display:flex;gap:9px;align-items:flex-start;
  border:1px solid var(--line);border-radius:15px;padding:11px;
}
.notification-rules>div>span:last-child{display:grid;gap:2px}
.notification-rules strong{font-size:10.5px}
.notification-rules small{font-size:8.8px;color:var(--muted);line-height:1.35}
.notification-rule-icon{
  width:31px;height:31px;border-radius:10px;
  display:grid;place-items:center;flex:0 0 31px;
}
.notification-rule-icon.new{background:#eaf5ee;color:#247148}
.notification-rule-icon.cancel{background:#fbefef;color:#a13b43;font-size:18px;font-weight:700}
.notification-history-head{margin-top:18px}
.business-notification-list{display:grid;gap:7px;max-height:330px;overflow:auto}
.business-notification-item{
  display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;
  padding:10px 0;border-top:1px solid var(--line);
}
.business-notification-item:first-child{border-top:0}
.business-notification-icon{
  width:31px;height:31px;border-radius:10px;
  display:grid;place-items:center;background:#f3e9e5;color:var(--brand);
}
.business-notification-item.cancel .business-notification-icon{background:#fbefef;color:#a13b43;font-size:18px}
.business-notification-item>div{display:grid;gap:2px}
.business-notification-item strong{font-size:10.5px}
.business-notification-item p{font-size:9.5px;color:var(--muted);line-height:1.35;margin:0}
.business-notification-item small{font-size:8px;color:#a09296}
.appointment-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.cancel-badge{background:#fbefef!important;color:#a13b43!important}
.appointment-cancelled{opacity:.72}
.danger-soft{background:#fbefef!important;color:#9f3942!important;border-color:#efd2d5!important}
.client-account-footer{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;
}
.client-account-footer .client-account-price{margin-top:0}
.client-cancel-booking{
  border:1px solid #ecd3d5;background:#fff7f7;color:#9d3e46;
  border-radius:10px;padding:7px 9px;font-size:9px;font-weight:800;
}
.client-free-badge{
  margin-left:auto;
  border-radius:999px;padding:4px 6px;
  background:#e9f5ed;color:#2c714a;
  font-size:7px;letter-spacing:.08em;
}
@media(max-width:520px){
  .notification-feature-list{grid-template-columns:1fr}
  .push-status-card{grid-template-columns:auto minmax(0,1fr)}
  .push-status-card>.btn{grid-column:1/-1;width:100%}
  .notification-rules{grid-template-columns:1fr}
  .client-account-footer{align-items:flex-end;flex-direction:column}
  .client-cancel-booking{width:100%}
}


/* =========================================================
   ZAIA Plans
   ========================================================= */
.plans-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.current-plan-chip{min-width:150px;border:1px solid var(--line);background:#fffdfb;border-radius:16px;padding:12px 14px;display:grid;gap:2px;text-align:right}
.current-plan-chip span,.current-plan-chip small{font-size:8.5px;color:var(--muted)}
.current-plan-chip strong{font-size:18px;color:var(--brand)}
.plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.plan-card{position:relative;border:1px solid var(--line);background:#fffdfb;border-radius:23px;padding:21px;box-shadow:var(--shadow-soft);overflow:hidden}
.plan-card.highlighted{border-color:color-mix(in srgb,var(--brand) 36%,var(--line));box-shadow:0 18px 40px rgba(57,24,42,.12)}
.plan-card.current{outline:2px solid color-mix(in srgb,var(--champagne) 65%,transparent)}
.plan-ribbon{position:absolute;right:14px;top:14px;border-radius:999px;background:var(--brand);color:#fff;padding:5px 8px;font-size:7px;font-weight:900;letter-spacing:.12em}
.plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.plan-head h2{font-size:22px;margin:4px 0 5px}
.plan-head p{font-size:10.5px;color:var(--muted);line-height:1.45;margin:0;max-width:360px}
.plan-price{display:flex;align-items:flex-end;gap:6px;margin:19px 0 3px}
.plan-price strong{font-size:30px;letter-spacing:-.05em}
.plan-price span{font-size:10px;color:var(--muted);padding-bottom:5px}
.plan-annual,.plan-trial{font-size:9px;color:var(--muted);margin-top:4px}
.plan-trial{color:#6e4b22;font-weight:800}
.plan-features{display:grid;gap:8px;margin:18px 0}
.plan-features>div{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;align-items:start}
.plan-features span{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#edf6f0;color:#2c714a;font-size:9px;font-weight:900}
.plan-features b{font-size:10.5px;line-height:1.4}
.plan-payment-note{margin-top:14px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.plan-payment-note .pro-icon{width:42px;height:42px;border-radius:13px;background:#f3e8de;color:var(--brand);display:grid;place-items:center}
.plan-payment-note strong{font-size:12px}
.plan-payment-note p{font-size:9.5px;color:var(--muted);margin:3px 0 0;line-height:1.4}

/* =========================================================
   ZAIA Management
   ========================================================= */
.mgmt-shell{min-height:100vh;background:#f6f1ee;display:grid;grid-template-columns:230px minmax(0,1fr)}
.mgmt-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#2c1020,#42182b);color:#fff;padding:22px 15px;display:flex;flex-direction:column}
.mgmt-brand{display:flex;align-items:center;gap:9px;padding:0 7px 22px}
.mgmt-logo{width:116px;max-height:42px;object-fit:contain;object-position:left center}
.mgmt-brand .mgmt-logo{filter:brightness(0) invert(1);width:92px}
.mgmt-brand span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#dac6cf;font-weight:850}
.mgmt-sidebar nav{display:grid;gap:5px}
.mgmt-sidebar nav button{border:0;background:transparent;color:#d8c6ce;text-align:left;border-radius:12px;padding:11px 12px;font-size:11px;font-weight:750}
.mgmt-sidebar nav button.active,.mgmt-sidebar nav button:hover{background:rgba(255,255,255,.11);color:#fff}
.mgmt-sidebar-foot{margin-top:auto;display:grid;gap:7px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}
.mgmt-sidebar-foot a,.mgmt-sidebar-foot button{border:0;background:transparent;color:#d6c1ca;text-align:left;font-size:9.5px;padding:7px}
.mgmt-workspace{min-width:0}
.mgmt-topbar{height:72px;background:rgba(255,252,249,.91);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}
.mgmt-topbar>div:first-child{display:grid;gap:2px}.mgmt-topbar strong{font-size:13px}
.mgmt-admin-chip{display:flex;align-items:center;gap:8px}.mgmt-admin-chip span{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.mgmt-admin-chip b{font-size:10px}
.mgmt-content{padding:26px;max-width:1380px;width:100%;margin:0 auto}
.mgmt-page-head{margin-bottom:18px}.mgmt-page-head h1{font-size:31px;letter-spacing:-.045em;margin:5px 0}.mgmt-page-head p{font-size:10.5px;color:var(--muted);margin:0}
.mgmt-page-head.row-head{display:flex;justify-content:space-between;align-items:end;gap:16px}
.mgmt-search input{width:260px;background:#fff}
.mgmt-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mgmt-kpis article{border:1px solid var(--line);background:#fffdfb;border-radius:17px;padding:15px;display:grid;gap:5px;box-shadow:var(--shadow-soft)}
.mgmt-kpis span{font-size:8.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:850}
.mgmt-kpis strong{font-size:24px;letter-spacing:-.04em}
.mgmt-kpis small{font-size:8.5px;color:var(--muted)}
.mgmt-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.mgmt-card h2{font-size:16px}
.mgmt-plan-split,.mgmt-money-list{display:grid;gap:0}
.mgmt-plan-split>div,.mgmt-money-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.mgmt-plan-split>div:first-child,.mgmt-money-list>div:first-child{border-top:0}
.mgmt-plan-split span{display:grid;gap:2px}.mgmt-plan-split b{font-size:11px}.mgmt-plan-split small,.mgmt-money-list span{font-size:9px;color:var(--muted)}.mgmt-plan-split strong,.mgmt-money-list strong{font-size:11px}
.mgmt-note{font-size:8.8px;color:var(--muted);line-height:1.4;margin:10px 0 0}
.mgmt-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px;background:#fffdfb;box-shadow:var(--shadow-soft)}
.mgmt-table{width:100%;border-collapse:collapse;min-width:820px}
.mgmt-table th{font-size:7.8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;padding:10px 11px;background:#f6efeb}
.mgmt-table td{font-size:9.5px;padding:11px;border-top:1px solid var(--line);vertical-align:middle}.mgmt-table td:first-child{display:grid;gap:2px}.mgmt-table td small{font-size:7.8px;color:var(--muted)}
.mgmt-plan-tag{display:inline-flex;border-radius:999px;padding:4px 7px;background:#eee5e1;color:#6e5f63;font-size:8px;font-weight:900}.mgmt-plan-tag.pro{background:#3a1629;color:#fff}
.mgmt-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mgmt-plan-card{border:1px solid var(--line);background:#fffdfb;border-radius:20px;padding:18px;box-shadow:var(--shadow-soft)}
.mgmt-plan-card.highlighted{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
.mgmt-plan-top{display:flex;justify-content:space-between;gap:12px}.mgmt-plan-top h2{font-size:19px;margin:4px 0}.mgmt-plan-top p{font-size:9.5px;color:var(--muted);line-height:1.4;margin:0}
.mgmt-plan-price{display:flex;align-items:flex-end;gap:5px;margin-top:17px}.mgmt-plan-price strong{font-size:27px}.mgmt-plan-price span{font-size:9px;color:var(--muted);padding-bottom:4px}.mgmt-plan-annual{font-size:9px;color:var(--muted);margin-top:2px}
.mgmt-plan-stats{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.mgmt-plan-stats span{font-size:8px;border-radius:999px;background:#f2eae6;padding:5px 7px}
.mgmt-modal{max-width:560px!important}
.mgmt-merchant-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.mgmt-merchant-summary>div{background:#f6efeb;border-radius:12px;padding:10px;display:grid;gap:2px}.mgmt-merchant-summary span{font-size:8px;color:var(--muted)}.mgmt-merchant-summary strong{font-size:12px}
.mgmt-auth,.mgmt-denied,.mgmt-loading{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#f7f1ed,#efe5e1);padding:20px}
.mgmt-auth-card,.mgmt-denied{width:min(440px,100%);background:#fffdfb;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow);text-align:left}
.mgmt-auth-card>.mgmt-logo,.mgmt-denied>.mgmt-logo{width:128px;margin-bottom:20px}
.mgmt-auth-card h1,.mgmt-denied h1{font-size:28px;letter-spacing:-.04em;margin:6px 0}.mgmt-auth-card>p,.mgmt-denied>p{font-size:10.5px;color:var(--muted);line-height:1.45}
.mgmt-back-link{display:block;text-align:center;margin-top:14px;font-size:9.5px;color:var(--brand)}
.mgmt-loading{text-align:center;align-content:center;gap:13px}.mgmt-loading .mgmt-logo{width:130px}.mgmt-loading p{font-size:10px;color:var(--muted)}

@media(max-width:900px){
  .plans-grid,.mgmt-plan-grid,.mgmt-grid-two{grid-template-columns:1fr}
  .plans-heading,.mgmt-page-head.row-head{display:block}
  .current-plan-chip{margin-top:13px;text-align:left}
  .mgmt-shell{grid-template-columns:1fr}
  .mgmt-sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:auto;z-index:50;padding:6px 7px calc(6px + env(safe-area-inset-bottom));background:rgba(45,16,32,.97)}
  .mgmt-brand,.mgmt-sidebar-foot{display:none}.mgmt-sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.mgmt-sidebar nav button{text-align:center;padding:8px 3px;font-size:8.5px}
  .mgmt-content{padding:18px 12px 90px}.mgmt-topbar{height:62px;padding:0 13px}.mgmt-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mgmt-search{margin-top:12px}.mgmt-search input{width:100%}
}
@media(max-width:480px){
  .mgmt-kpis{grid-template-columns:1fr 1fr}.mgmt-kpis article{padding:12px}.mgmt-kpis strong{font-size:19px}
  .plan-card{padding:17px}.plan-price strong{font-size:25px}
}

.mgmt-entry-link{color:inherit;text-decoration:none}


/* =========================================================
   ZAIA Billing
   ========================================================= */
.billing-message{
  margin:14px 0 0;
  border:1px solid #ead9b8;
  background:#fff8e9;
  color:#79591e;
  border-radius:14px;
  padding:11px 13px;
  font-size:10px;
  font-weight:750;
}
.billing-message.success{
  border-color:#cfe4d6;
  background:#edf7f0;
  color:#2f6e49;
}
.subscription-status-card{
  margin-top:15px;
  border:1px solid var(--line);
  background:#fffdfb;
  border-radius:18px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.subscription-status-card.pro{
  background:linear-gradient(135deg,#fffaf6,#f4eae4);
  border-color:color-mix(in srgb,var(--champagne) 55%,var(--line));
}
.subscription-status-card h2{font-size:17px;margin:4px 0 2px}
.subscription-status-card p{font-size:9.5px;color:var(--muted);margin:0}
.subscription-status-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.billing-cycle-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
  padding:3px;
  border-radius:12px;
  background:#f2e9e5;
  margin:0 0 9px;
}
.billing-cycle-switch button{
  border:0;
  background:transparent;
  border-radius:9px;
  padding:8px 9px;
  font-size:9px;
  font-weight:850;
  color:var(--muted);
}
.billing-cycle-switch button.on{
  background:#fff;
  color:var(--brand);
  box-shadow:0 2px 8px rgba(48,25,35,.08);
}
.plan-actions{display:grid;gap:8px}
.plan-payment-note.ready{border-color:#cfe4d6;background:#f5fbf7}
.plan-payment-note.pending{border-color:#ead9b8;background:#fffaf0}
.billing-provider-card{
  margin:0 0 14px;
  border:1px solid var(--line);
  background:#fffdfb;
  border-radius:17px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.billing-provider-card.ready{background:#edf7f0;border-color:#cfe4d6}
.billing-provider-card.pending{background:#fff8e9;border-color:#ead9b8}
.billing-provider-card h2{font-size:15px;margin:4px 0 2px}
.billing-provider-card p{font-size:9px;color:var(--muted);margin:0;line-height:1.4}

@media(max-width:560px){
  .subscription-status-card{align-items:flex-start;flex-direction:column}
  .subscription-status-actions,.subscription-status-actions .btn{width:100%}
  .billing-provider-card{align-items:flex-start}
}