/* BarberPro 1.2.0 — Premium mobile design system
   Visual layer isolated from business logic and shared component behavior. */
:root{
  --bp-ink:#211a16;
  --bp-ink-soft:#4d443d;
  --bp-muted:#7f756b;
  --bp-canvas:#f5f1eb;
  --bp-canvas-2:#eee7dd;
  --bp-surface:#fffdf9;
  --bp-surface-raised:#ffffff;
  --bp-line:#e5dbce;
  --bp-line-strong:#d8c7b3;
  --bp-espresso:#2b1d16;
  --bp-espresso-2:#49301f;
  --bp-bronze:#8e6738;
  --bp-gold:#c3a36e;
  --bp-gold-soft:#f4ead9;
  --bp-success:#285e46;
  --bp-success-soft:#eaf4ee;
  --bp-warning:#96651c;
  --bp-warning-soft:#fff4df;
  --bp-danger:#a53b46;
  --bp-danger-soft:#fcedef;
  --bp-info:#315f7b;
  --bp-info-soft:#eaf2f7;
  --bp-shadow-xs:0 1px 2px rgba(43,29,22,.04),0 5px 14px rgba(43,29,22,.045);
  --bp-shadow-sm:0 8px 24px rgba(43,29,22,.075);
  --bp-shadow-md:0 18px 46px rgba(43,29,22,.13);
  --bp-radius-sm:13px;
  --bp-radius-md:18px;
  --bp-radius-lg:24px;
  --bp-radius-xl:30px;
  --bp-transition:180ms cubic-bezier(.2,.75,.25,1);
}

body.barberpro-theme{
  --cp-primary:var(--bp-bronze);
  --cp-primary-strong:var(--bp-espresso);
  --cp-primary-deep:#17110e;
  --cp-primary-soft:var(--bp-gold-soft);
  --cp-primary-soft-2:#faf5ed;
  --cp-accent:var(--bp-gold);
  --cp-text:var(--bp-ink);
  --cp-muted:var(--bp-muted);
  --cp-line:var(--bp-line);
  --cp-line-strong:var(--bp-line-strong);
  --cp-bg:var(--bp-canvas);
  --cp-surface:var(--bp-surface);
  --cp-surface-alt:#faf7f2;
  --cp-success:var(--bp-success);
  --cp-warning:var(--bp-warning);
  --cp-danger:var(--bp-danger);
  --cp-info:var(--bp-info);
  --cp-radius-sm:var(--bp-radius-sm);
  --cp-radius-md:var(--bp-radius-md);
  --cp-radius-lg:var(--bp-radius-lg);
  --cp-radius-xl:var(--bp-radius-xl);
  --cp-shadow-1:var(--bp-shadow-xs);
  --cp-shadow-2:var(--bp-shadow-sm);
  --cp-shadow-3:var(--bp-shadow-md);
  background:
    radial-gradient(circle at 12% -5%,rgba(195,163,110,.16),transparent 28%),
    linear-gradient(180deg,#f8f5ef 0,#f4efe7 100%);
}

body.barberpro-theme::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(43,29,22,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(43,29,22,.018) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 45%);
  z-index:-1;
}

/* Shell and navigation */
.barberpro-theme .sidebar{
  width:264px;
  padding:18px 13px;
  border-right-color:rgba(229,219,206,.9);
  background:rgba(255,253,249,.97);
  box-shadow:12px 0 34px rgba(43,29,22,.055);
}
.barberpro-theme .app-main{margin-left:264px}
.barberpro-theme .brand{padding:7px 9px 19px}
.barberpro-theme .brand-mark,.barberpro-theme .avatar{
  background:linear-gradient(145deg,#211611,#704c2d);
  box-shadow:0 10px 22px rgba(43,29,22,.18);
}
.barberpro-theme .side-nav{gap:3px}
.barberpro-theme .side-nav a{
  min-height:48px;
  border-radius:14px;
  color:#6a6058;
  font-size:.75rem;
  letter-spacing:-.005em;
}
.barberpro-theme .side-nav a:hover{background:#faf5ed;border-color:#efe2d2}
.barberpro-theme .side-nav a.active{
  background:linear-gradient(90deg,#f3e7d5,#f9f3ea);
  border-color:#e5d3bb;
  color:var(--bp-espresso);
  box-shadow:inset 3px 0 0 var(--bp-bronze),0 5px 16px rgba(43,29,22,.04);
}
.barberpro-theme .topbar{
  min-height:68px;
  padding:9px 24px;
  border-bottom:1px solid rgba(229,219,206,.82);
  background:rgba(248,245,239,.88);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
}
.barberpro-theme .topbar-title strong{font-size:.91rem;letter-spacing:-.02em}
.barberpro-theme .topbar-title small{font-size:.61rem}
.barberpro-theme .topbar-primary{
  border-color:rgba(195,163,110,.25);
  background:linear-gradient(145deg,var(--bp-espresso),#6d492a);
  box-shadow:0 9px 22px rgba(43,29,22,.18);
}
.barberpro-theme .content{width:min(1160px,100%);padding:24px 26px 70px}

/* Headings */
.barberpro-theme .page-head{
  position:relative;
  margin-bottom:16px;
  padding:0 2px;
  align-items:center;
}
.barberpro-theme .page-head h1{
  margin-bottom:5px;
  font-size:clamp(1.66rem,3.8vw,2.34rem);
  letter-spacing:-.052em;
  line-height:1.02;
}
.barberpro-theme .page-head p{max-width:690px;font-size:.76rem;line-height:1.48}
.barberpro-theme .eyebrow,.barberpro-theme .panel-kicker{
  color:var(--bp-bronze);
  letter-spacing:.135em;
}
.barberpro-theme .page-actions,.barberpro-theme .page-head .page-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.barberpro-theme .page-actions .btn{min-width:148px}

/* Buttons */
.barberpro-theme .btn{
  min-height:46px;
  border-radius:14px;
  font-size:.69rem;
  letter-spacing:-.005em;
  transition:transform var(--bp-transition),box-shadow var(--bp-transition),background var(--bp-transition),border-color var(--bp-transition),color var(--bp-transition);
}
.barberpro-theme .btn-primary{
  background:linear-gradient(145deg,var(--bp-espresso),#704c2c);
  box-shadow:0 10px 22px rgba(43,29,22,.17);
}
.barberpro-theme .btn-primary:hover{background:linear-gradient(145deg,#1e1511,#5d3d24);box-shadow:0 13px 28px rgba(43,29,22,.21)}
.barberpro-theme .btn-secondary{background:rgba(255,255,255,.9);border-color:var(--bp-line-strong);color:var(--bp-espresso)}
.barberpro-theme .btn-secondary:hover{background:#fff9f0;border-color:#c9ad88}
.barberpro-theme .btn-soft{background:#f5ead9;border-color:#e6d2b7;color:#5d3e24}
.barberpro-theme .btn-ghost{background:transparent;border-color:transparent;color:#62574e}
.barberpro-theme .btn-large{min-height:52px;border-radius:16px}
.barberpro-theme .icon-action{
  border-radius:12px;
  border-color:var(--bp-line);
  color:#594940;
  box-shadow:0 3px 10px rgba(43,29,22,.035);
}
.barberpro-theme .icon-action:hover{background:#fbf4e9;border-color:#d8bd99}

/* Inputs */
.barberpro-theme label{color:#453b34}
.barberpro-theme input,.barberpro-theme select,.barberpro-theme textarea{
  min-height:48px;
  border-color:#dcd1c4;
  border-radius:14px;
  background:#fcfaf7;
  color:var(--bp-ink);
}
.barberpro-theme input:hover,.barberpro-theme select:hover,.barberpro-theme textarea:hover{border-color:#cdbba5;background:#fff}
.barberpro-theme input:focus,.barberpro-theme select:focus,.barberpro-theme textarea:focus{
  border-color:#9b7444;
  box-shadow:0 0 0 4px rgba(142,103,56,.12);
}
.barberpro-theme .field-hint{font-size:.54rem;line-height:1.35}

/* Surfaces */
.barberpro-theme .panel,.barberpro-theme .step-card,.barberpro-theme .kpi-card,
.barberpro-theme .client-card,.barberpro-theme .user-card,.barberpro-theme .session-card{
  border-color:rgba(229,219,206,.95);
  background:rgba(255,253,249,.96);
  box-shadow:var(--bp-shadow-xs);
}
.barberpro-theme .panel{padding:18px;border-radius:22px}
.barberpro-theme .panel-head{margin-bottom:13px}
.barberpro-theme .panel-head h2{font-size:.96rem;letter-spacing:-.025em}
.barberpro-theme .panel-head p{font-size:.65rem}
.barberpro-theme .panel-head>a{color:#78552f}

/* Dashboard */
.barberpro-theme .barber-hero{
  min-height:190px;
  padding:26px 28px;
  border:0;
  border-radius:28px;
  overflow:hidden;
  align-items:center;
  background:
    radial-gradient(circle at 82% 15%,rgba(195,163,110,.34),transparent 23%),
    linear-gradient(135deg,#18110e 0,#302018 58%,#704b2b 100%);
  box-shadow:0 22px 52px rgba(43,29,22,.18);
}
.barberpro-theme .barber-hero::after{
  content:"";
  position:absolute;
  right:-34px;
  bottom:-82px;
  width:220px;
  height:220px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(255,255,255,.028),0 0 0 56px rgba(255,255,255,.022);
}
.barberpro-theme .barber-hero>div,.barberpro-theme .barber-hero>a{position:relative;z-index:1}
.barberpro-theme .barber-hero h1{max-width:650px;color:#fff;font-size:clamp(1.9rem,4vw,2.7rem)}
.barberpro-theme .barber-hero p{max-width:610px;color:#e8ddd1;font-size:.78rem}
.barberpro-theme .barber-hero .eyebrow{color:#dfc08d}
.barberpro-theme .barber-hero .btn-primary{background:#fff;color:#38251a;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.barberpro-theme .quick-actions{gap:11px;margin:15px 0}
.barberpro-theme .quick-actions>a{
  min-height:78px;
  padding:12px 13px;
  border-radius:19px;
  border-color:var(--bp-line);
  background:linear-gradient(145deg,#fff,#fcf8f2);
}
.barberpro-theme .quick-actions>a:hover{border-color:#d7b98f;background:#fff9ef}
.barberpro-theme .quick-actions>a>span{background:#f2e4d1;color:#684724}
.barberpro-theme .kpi-grid{gap:11px}
.barberpro-theme .kpi-card{position:relative;padding:16px 17px;border-radius:20px;overflow:hidden}
.barberpro-theme .kpi-card::after{content:"";position:absolute;right:-18px;bottom:-24px;width:72px;height:72px;border-radius:50%;background:rgba(195,163,110,.10)}
.barberpro-theme .kpi-card>span{font-size:.58rem;letter-spacing:.09em}
.barberpro-theme .kpi-card>strong{font-size:1.45rem;color:#2d211b}
.barberpro-theme .next-reservation-card{
  border-color:#e2d1ba;
  background:linear-gradient(135deg,#fffaf1,#f6ead9);
  box-shadow:var(--bp-shadow-xs);
}
.barberpro-theme .next-reservation-card__icon{background:linear-gradient(145deg,#2b1d16,#76502d)}

/* Booking flow */
.barberpro-theme .attention-page-head{margin-bottom:12px}
.barberpro-theme .flow-progress{
  position:sticky;
  top:78px;
  z-index:35;
  margin:0 0 13px;
  padding:7px;
  border:1px solid rgba(218,203,184,.92);
  border-radius:18px;
  background:rgba(255,253,249,.91);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
  box-shadow:0 8px 22px rgba(43,29,22,.07);
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
}
.barberpro-theme .flow-progress a{
  min-height:39px;
  padding:0 7px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#74685e;
  font-size:.56rem;
  font-weight:850;
  white-space:nowrap;
}
.barberpro-theme .flow-progress a span{width:20px;height:20px;border-radius:7px;background:#f1e7d9;color:#6a4a2b;display:grid;place-items:center;font-size:.52rem}
.barberpro-theme .flow-progress a:first-child{background:#f5ead9;color:#4a3120}
.barberpro-theme .booking-form{gap:11px}
.barberpro-theme .step-card{
  position:relative;
  padding:17px 18px 18px;
  border-radius:22px;
  transition:border-color var(--bp-transition),box-shadow var(--bp-transition),transform var(--bp-transition);
}
.barberpro-theme .step-card:focus-within{border-color:#d2b287;box-shadow:0 13px 32px rgba(43,29,22,.09)}
.barberpro-theme .step-title{margin-bottom:13px;align-items:flex-start}
.barberpro-theme .step-title>span{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:13px;
  background:linear-gradient(145deg,#251914,#79532f);
  box-shadow:0 8px 17px rgba(43,29,22,.16);
  font-size:.76rem;
}
.barberpro-theme .step-title h2{font-size:.96rem;letter-spacing:-.025em}
.barberpro-theme .step-title p{font-size:.63rem;line-height:1.4}
.barberpro-theme .payment-mode-grid label{
  min-height:68px;
  border-color:var(--bp-line);
  border-radius:16px;
  background:#fcfaf7;
}
.barberpro-theme .payment-mode-grid label:has(input:checked){border-color:#c39a64;background:#faf0df;box-shadow:inset 0 0 0 1px rgba(195,154,100,.22)}
.barberpro-theme .quick-chips button{min-height:36px;border-color:#dfd3c5;background:#fffdf9;color:#625850}
.barberpro-theme .quick-chips button.active{background:#f0e2ce;border-color:#c9aa80;color:#4d321f}
.barberpro-theme .extra-card{
  min-height:74px;
  border-color:#e3d9cd;
  border-radius:17px;
  background:#fff;
  transition:transform var(--bp-transition),border-color var(--bp-transition),box-shadow var(--bp-transition),background var(--bp-transition);
}
.barberpro-theme .extra-card:hover{transform:translateY(-1px);border-color:#d2b58f;box-shadow:var(--bp-shadow-xs)}
.barberpro-theme .extra-card:has(input:not([value="0"])){background:#fffaf2}
.barberpro-theme .extra-card>span{background:#f1e3d0;color:#644421}
.barberpro-theme .service-selection-summary{border-color:#d9bf9c;background:#fbf4e9}
.barberpro-theme .court-choice{
  min-height:132px;
  border-color:#e2d6c8;
  background:#fff;
  border-radius:20px;
}
.barberpro-theme .court-choice:hover{border-color:#cfb38d;background:#fffaf2}
.barberpro-theme .court-choice:has(input:checked){border-color:#9d7343;background:#f7ecdc;box-shadow:0 11px 24px rgba(43,29,22,.09)}
.barberpro-theme .barber-choice-grid .court-choice img{width:58px;height:58px;border-radius:18px;box-shadow:0 7px 18px rgba(43,29,22,.12)}
.barberpro-theme .slot-panel{padding:12px;border:1px solid #e3d8cb;border-radius:18px;background:#fbf8f3}
.barberpro-theme .slot-grid button,.barberpro-theme .slot-grid label{border-color:#ddd0c0;background:#fff;border-radius:13px}
.barberpro-theme .advanced-fields{border-color:#e3d8cb;background:#fcfaf7;border-radius:15px}
.barberpro-theme .availability-box{border-color:#e2d7ca;background:#faf7f2}
.barberpro-theme .client-context{border-color:#dfd1c0;background:#faf4ea}
.barberpro-theme .smart-payment-method{border-color:#e2d7ca;border-radius:16px;background:#fffdf9}
.barberpro-theme .smart-payment-method.is-selected{border-color:#b98a50;background:#fff7e9;box-shadow:0 8px 20px rgba(43,29,22,.08)}
.barberpro-theme .smart-payment-method.is-selected>span{background:linear-gradient(145deg,#2a1c16,#795330)}
.barberpro-theme .receipt-dropzone{border-color:#cdb28e;background:#fff9ef}
.barberpro-theme .booking-submit{
  bottom:16px;
  border-color:#ddcdb8;
  border-radius:20px;
  background:rgba(255,253,249,.96);
  box-shadow:0 18px 42px rgba(43,29,22,.16);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.barberpro-theme .booking-submit strong{color:#2a1d17}

/* Team and catalog */
.barberpro-theme .team-page-head{
  padding:22px 24px;
  border:1px solid #e3d5c4;
  border-radius:25px;
  background:linear-gradient(135deg,#fffdf9,#f7ecdd);
  box-shadow:var(--bp-shadow-xs);
}
.barberpro-theme .team-page-head::after{content:"";position:absolute;right:24px;top:19px;width:52px;height:52px;border-radius:18px;background:rgba(195,163,110,.15);transform:rotate(8deg);z-index:0}
.barberpro-theme .team-page-head>div,.barberpro-theme .team-page-head>.page-actions{position:relative;z-index:1}
.barberpro-theme .diagnostic-strip{margin:16px 0}
.barberpro-theme .diagnostic-grid{gap:9px}
.barberpro-theme .diagnostic-card{
  min-height:74px;
  border-radius:18px;
  border-color:#ead7b8;
  background:#fff9ed;
  box-shadow:none;
}
.barberpro-theme .diagnostic-card>span{background:#f2dfbd;color:#7b521a}
.barberpro-theme .court-manage-grid{gap:12px}
.barberpro-theme .court-manage-card{
  overflow:hidden;
  border:1px solid var(--bp-line);
  border-radius:22px;
  background:#fffdf9;
  box-shadow:var(--bp-shadow-xs);
  transition:transform var(--bp-transition),box-shadow var(--bp-transition),border-color var(--bp-transition);
}
.barberpro-theme .court-manage-card:hover{transform:translateY(-2px);border-color:#d6bd99;box-shadow:var(--bp-shadow-sm)}
.barberpro-theme .court-manage-card__media{background:linear-gradient(145deg,#2b1d16,#76522f)}
.barberpro-theme .court-manage-card__media::after{content:"";position:absolute;inset:auto -24px -34px auto;width:100px;height:100px;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.barberpro-theme .court-manage-card__body h3{letter-spacing:-.025em}
.barberpro-theme .mini-metrics span{background:#faf5ee;border-color:#eadfd2}
.barberpro-theme .court-tags span{background:#f4eadb;color:#674727}
.barberpro-theme .court-manage-card__actions{border-top-color:#eee3d7;background:#fcfaf7}
.barberpro-theme .rate-card,.barberpro-theme .extra-manage-card{border-color:#e4d9cc;background:#fffdf9;border-radius:17px}
.barberpro-theme .extra-manage-card__icon{background:#f1e3d0;color:#654421}
.barberpro-theme .status-pill.status-active{background:#e8f3ec;color:#285e46}

/* Agenda */
.barberpro-theme .agenda-page-head{padding-bottom:3px}
.barberpro-theme .view-switch{
  padding:5px;
  border:1px solid var(--bp-line);
  border-radius:16px;
  background:#fffdf9;
  box-shadow:var(--bp-shadow-xs);
}
.barberpro-theme .view-switch a{border-radius:12px}
.barberpro-theme .view-switch a.active{background:#f1e4d2;color:#51351f}
.barberpro-theme .agenda-date-nav a{border-color:#e1d6c9;background:#fffdf9;border-radius:13px}
.barberpro-theme .agenda-date-nav__today{background:#f2e6d5!important;border-color:#d1b38c!important;color:#553921!important}
.barberpro-theme .filter-bar{border-color:#e2d6c8;background:rgba(255,253,249,.96);box-shadow:var(--bp-shadow-xs)}
.barberpro-theme .agenda-day{overflow:hidden}
.barberpro-theme .agenda-card{border-color:#e5dbcf;border-radius:17px;background:#fff;box-shadow:0 3px 12px rgba(43,29,22,.025)}
.barberpro-theme .agenda-card:hover{border-color:#d2b894;background:#fffaf2}
.barberpro-theme .agenda-time{border-right-color:#e8ddcf}
.barberpro-theme .agenda-time strong{color:#5d3d25}
.barberpro-theme .status{letter-spacing:.02em}

/* Settings */
.barberpro-theme .settings-layout{display:grid;gap:12px}
.barberpro-theme .settings-section{border-radius:22px}
.barberpro-theme .settings-health-chip{border-color:#ded1c1;background:#fffaf2;color:#65584d}
.barberpro-theme .method-toggle{border-color:#e3d8ca;background:#fcfaf7}
.barberpro-theme .method-toggle:has(input:checked){border-color:#c8a77a;background:#fff8ec;box-shadow:0 8px 20px rgba(43,29,22,.055)}
.barberpro-theme .switch-control{background:#d5cdc3}
.barberpro-theme .method-toggle:has(input:checked) .switch-control{background:#7b5631}
.barberpro-theme .optimizer-note{border-color:#d6e1d9;background:#f5faf7}
.barberpro-theme .media-setting{border-color:#e3d8cb!important;background:#fffdf9!important;border-radius:20px!important}
.barberpro-theme .media-preview{border-color:#d5c2a9;background:#fbf7f1}
.barberpro-theme .settings-save{border-color:#dccbb5;background:rgba(255,253,249,.97)}

/* Alerts and feedback */
.barberpro-theme .alert{border-radius:17px;box-shadow:var(--bp-shadow-xs)}
.barberpro-theme .alert-success{background:var(--bp-success-soft);border-color:#cbe0d3;color:#22543e}
.barberpro-theme .alert-danger{background:var(--bp-danger-soft);border-color:#e8cbd0;color:#8d303a}
.barberpro-theme .empty-inline{border-color:#d9c8b2;background:#fbf7f0}

/* Bottom navigation */
@media(max-width:1100px){
  .barberpro-theme .app-main{margin-left:0}
  .barberpro-theme .bottom-nav{
    left:50%;
    right:auto;
    bottom:max(7px,var(--cp-safe-bottom));
    width:min(620px,calc(100% - 18px));
    height:76px;
    padding:7px 8px;
    border:1px solid rgba(219,205,187,.95);
    border-radius:23px;
    background:rgba(255,253,249,.96);
    box-shadow:0 18px 46px rgba(43,29,22,.17);
    transform:translateX(-50%);
    backdrop-filter:blur(18px) saturate(1.1);
    -webkit-backdrop-filter:blur(18px) saturate(1.1);
  }
  .barberpro-theme .bottom-nav a,.barberpro-theme .bottom-nav button{
    min-height:60px;
    padding:6px 2px;
    border-radius:15px;
    color:#80766d;
    gap:4px;
    transition:background var(--bp-transition),color var(--bp-transition),transform var(--bp-transition);
  }
  .barberpro-theme .bottom-nav a:active,.barberpro-theme .bottom-nav button:active{transform:scale(.96)}
  .barberpro-theme .bottom-nav small{font-size:.51rem;font-weight:800}
  .barberpro-theme .bottom-nav a.active,.barberpro-theme .bottom-nav button.active{
    border-color:transparent;
    background:#f3e7d5;
    color:#51341f;
  }
  .barberpro-theme .bottom-nav a.active::after{display:none}
  .barberpro-theme .bottom-nav .nav-primary{
    margin:-13px 2px 0;
    min-height:70px;
    border:0;
    background:transparent;
    color:#4d3422;
  }
  .barberpro-theme .bottom-nav .nav-primary>span{
    width:46px;
    height:46px;
    border-radius:16px;
    background:linear-gradient(145deg,#211611,#79532f);
    box-shadow:0 11px 24px rgba(43,29,22,.24),inset 0 1px 0 rgba(255,255,255,.12);
  }
  .barberpro-theme .bottom-nav .nav-primary small{font-weight:900;color:#4d3422}
  .barberpro-theme .content{padding-bottom:calc(76px + var(--cp-safe-bottom) + 30px)}
  .barberpro-theme .booking-submit{bottom:calc(76px + var(--cp-safe-bottom) + 14px)}
}

/* Mobile refinement */
@media(max-width:820px){
  .barberpro-theme .topbar{min-height:63px;padding:7px 12px}
  .barberpro-theme .content{padding:16px 13px calc(76px + var(--cp-safe-bottom) + 26px)}
  .barberpro-theme .flow-progress{top:70px;overflow-x:auto;grid-template-columns:repeat(6,minmax(92px,1fr));scrollbar-width:none}
  .barberpro-theme .flow-progress::-webkit-scrollbar{display:none}
  .barberpro-theme .page-head{align-items:flex-start}
  .barberpro-theme .page-head .page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .barberpro-theme .page-head .page-actions .btn{width:100%;min-width:0}
  .barberpro-theme .barber-hero{min-height:0;padding:22px 20px;align-items:flex-start}
  .barberpro-theme .barber-hero .btn{width:100%;margin-top:3px}
  .barberpro-theme .team-page-head{padding:19px 18px}
  .barberpro-theme .team-page-head::after{display:none}
}

@media(max-width:600px){
  .barberpro-theme .content{padding:13px 10px calc(74px + var(--cp-safe-bottom) + 25px)}
  .barberpro-theme .page-head{gap:10px;margin-bottom:13px}
  .barberpro-theme .page-head h1{font-size:1.55rem;line-height:1.04}
  .barberpro-theme .page-head p{font-size:.68rem;line-height:1.43}
  .barberpro-theme .eyebrow{font-size:.56rem}
  .barberpro-theme .panel,.barberpro-theme .step-card{padding:14px;border-radius:19px}
  .barberpro-theme .barber-hero{padding:20px 17px;border-radius:22px}
  .barberpro-theme .barber-hero h1{font-size:1.82rem;max-width:310px}
  .barberpro-theme .barber-hero p{font-size:.68rem}
  .barberpro-theme .quick-actions{grid-template-columns:1fr 1fr;gap:8px}
  .barberpro-theme .quick-actions>a{min-height:70px;padding:10px;grid-template-columns:36px minmax(0,1fr) 16px;gap:8px;border-radius:17px}
  .barberpro-theme .quick-actions>a>span{width:36px;height:36px;border-radius:12px}
  .barberpro-theme .quick-actions strong{font-size:.65rem}
  .barberpro-theme .quick-actions small{font-size:.51rem}
  .barberpro-theme .kpi-grid--dashboard{grid-template-columns:1fr 1fr}
  .barberpro-theme .kpi-card{padding:13px 12px;border-radius:17px}
  .barberpro-theme .kpi-card>strong{font-size:1.22rem}
  .barberpro-theme .next-reservation-card{grid-template-columns:40px minmax(0,1fr);padding:12px;border-radius:18px}
  .barberpro-theme .next-reservation-card__icon{width:40px;height:40px;border-radius:13px}
  .barberpro-theme .next-reservation-card .btn{grid-column:1/-1;width:100%}
  .barberpro-theme .flow-progress{margin-inline:-2px;padding:5px;border-radius:15px;grid-template-columns:repeat(6,minmax(86px,1fr))}
  .barberpro-theme .flow-progress a{min-height:36px;font-size:.52rem}
  .barberpro-theme .step-card{padding:14px 13px}
  .barberpro-theme .step-title{gap:9px;margin-bottom:11px}
  .barberpro-theme .step-title>span{width:34px;height:34px;min-width:34px;border-radius:11px}
  .barberpro-theme .step-title h2{font-size:.88rem}
  .barberpro-theme .step-title p{font-size:.57rem}
  .barberpro-theme .payment-mode-grid{gap:7px}
  .barberpro-theme .payment-mode-grid label{min-height:62px;padding:9px;border-radius:14px}
  .barberpro-theme .quick-control-group{margin:9px 0}
  .barberpro-theme .quick-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
  .barberpro-theme .quick-chips button{width:100%;padding:0 7px;font-size:.56rem}
  .barberpro-theme .extras-grid{gap:7px}
  .barberpro-theme .extra-card{min-height:67px;padding:9px;grid-template-columns:34px minmax(0,1fr) 58px;gap:7px;border-radius:15px}
  .barberpro-theme .extra-card>span{width:34px;height:34px;border-radius:11px}
  .barberpro-theme .extra-card strong{font-size:.66rem}
  .barberpro-theme .extra-card small{font-size:.52rem}
  .barberpro-theme .court-choice-grid--visual{grid-template-columns:1fr 1fr;gap:7px}
  .barberpro-theme .court-choice{min-height:118px;padding:10px;border-radius:17px}
  .barberpro-theme .barber-choice-grid .court-choice img{width:52px;height:52px;border-radius:16px}
  .barberpro-theme .court-choice strong{font-size:.7rem}
  .barberpro-theme .court-choice small,.barberpro-theme .court-choice b{font-size:.52rem}
  .barberpro-theme .booking-submit{
    left:10px;
    right:10px;
    width:auto;
    padding:8px;
    border-radius:17px;
    grid-template-columns:112px minmax(0,1fr);
    gap:8px;
  }
  .barberpro-theme .booking-submit>div{text-align:left;padding-left:3px}
  .barberpro-theme .booking-submit small{font-size:.48rem}
  .barberpro-theme .booking-submit strong{font-size:1.15rem}
  .barberpro-theme .booking-submit span{font-size:.49rem;line-height:1.25}
  .barberpro-theme .booking-submit .btn{min-height:48px;width:100%;font-size:.64rem;padding-inline:10px}
  .barberpro-theme .team-page-head{padding:17px 14px;border-radius:20px}
  .barberpro-theme .diagnostic-strip .section-heading h2{font-size:1.14rem}
  .barberpro-theme .diagnostic-grid{grid-template-columns:1fr}
  .barberpro-theme .diagnostic-card{min-height:66px;padding:10px;border-radius:16px}
  .barberpro-theme .court-manage-card{
    display:grid;
    grid-template-columns:86px minmax(0,1fr);
    border-radius:19px;
  }
  .barberpro-theme .court-manage-card__media{min-height:142px;border-radius:0;position:relative}
  .barberpro-theme .court-manage-card__media img{width:100%;height:100%;object-fit:cover}
  .barberpro-theme .court-manage-card__media>span{width:54px;height:54px}
  .barberpro-theme .court-manage-card__media .status-pill{position:absolute;left:7px;right:7px;bottom:8px;justify-content:center;padding-inline:5px;font-size:.46rem}
  .barberpro-theme .court-manage-card__body{padding:12px 11px 8px}
  .barberpro-theme .court-manage-card__body h3{font-size:.9rem;margin:2px 0}
  .barberpro-theme .court-manage-card__body p{font-size:.58rem}
  .barberpro-theme .mini-metrics{grid-template-columns:repeat(3,1fr);gap:5px;margin:9px 0}
  .barberpro-theme .mini-metrics span{padding:6px 4px;border-radius:10px}
  .barberpro-theme .mini-metrics b{font-size:.65rem}
  .barberpro-theme .mini-metrics small{font-size:.45rem}
  .barberpro-theme .court-tags{gap:4px}
  .barberpro-theme .court-tags span{padding:5px 6px;font-size:.48rem}
  .barberpro-theme .court-manage-card__actions{grid-column:1/-1;padding:8px;display:grid;grid-template-columns:1fr 1fr 40px;gap:6px}
  .barberpro-theme .court-manage-card__actions .btn{min-height:42px;width:100%;font-size:.58rem;padding-inline:7px}
  .barberpro-theme .court-manage-card__actions form{display:grid}
  .barberpro-theme .agenda-card{padding:10px;border-radius:15px;grid-template-columns:52px minmax(0,1fr)}
  .barberpro-theme .agenda-copy h3{font-size:.75rem}
  .barberpro-theme .agenda-money{grid-column:2;display:flex;align-items:center;justify-content:space-between;text-align:left}
  .barberpro-theme .bottom-nav{width:calc(100% - 12px);height:72px;padding:6px;border-radius:21px}
  .barberpro-theme .bottom-nav a,.barberpro-theme .bottom-nav button{min-height:56px;border-radius:14px}
  .barberpro-theme .bottom-nav .nav-primary{min-height:66px;margin-top:-12px}
  .barberpro-theme .bottom-nav .nav-primary>span{width:43px;height:43px;border-radius:15px}
  .barberpro-theme .bottom-nav small{font-size:.47rem}
}

@media(max-width:390px){
  .barberpro-theme .content{padding-inline:8px}
  .barberpro-theme .page-head h1{font-size:1.46rem}
  .barberpro-theme .quick-actions{grid-template-columns:1fr}
  .barberpro-theme .quick-actions>a{min-height:64px}
  .barberpro-theme .booking-submit{grid-template-columns:98px minmax(0,1fr);left:8px;right:8px}
  .barberpro-theme .court-manage-card{grid-template-columns:80px minmax(0,1fr)}
  .barberpro-theme .court-manage-card__media{min-height:137px}
  .barberpro-theme .court-manage-card__actions .btn span{display:none}
}

@media(max-width:340px){
  .barberpro-theme .kpi-grid--dashboard{grid-template-columns:1fr}
  .barberpro-theme .court-choice-grid--visual{grid-template-columns:1fr}
  .barberpro-theme .booking-submit{grid-template-columns:1fr}
  .barberpro-theme .booking-submit>div{text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .barberpro-theme .court-manage-card,.barberpro-theme .step-card,.barberpro-theme .btn,.barberpro-theme .bottom-nav a,.barberpro-theme .bottom-nav button{transition:none!important}
}

/* Complete premium structures for team management */
.barberpro-theme .section-heading{margin-bottom:13px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.barberpro-theme .section-heading>div{min-width:0}
.barberpro-theme .section-heading h2{margin:0 0 3px;font-size:1.12rem;line-height:1.1;letter-spacing:-.035em}
.barberpro-theme .section-heading p{margin:0;color:var(--bp-muted);font-size:.65rem;line-height:1.4}
.barberpro-theme .section-heading--actions{align-items:center}
.barberpro-theme .diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.barberpro-theme .diagnostic-card{padding:11px 12px;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px}
.barberpro-theme .diagnostic-card>span{width:40px;height:40px;border-radius:13px;display:grid;place-items:center}
.barberpro-theme .diagnostic-card>span .ui-icon{width:19px;height:19px}
.barberpro-theme .diagnostic-card strong,.barberpro-theme .diagnostic-card p{display:block;margin:0}
.barberpro-theme .diagnostic-card strong{font-size:.68rem}
.barberpro-theme .diagnostic-card p{margin-top:2px;color:#75675a;font-size:.58rem;line-height:1.4}
.barberpro-theme .court-manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.barberpro-theme .court-manage-card{min-width:0;display:grid;grid-template-columns:116px minmax(0,1fr);grid-template-rows:auto auto}
.barberpro-theme .court-manage-card__media{position:relative;min-height:176px;grid-row:1;display:grid;place-items:center;color:#f8ead8;overflow:hidden}
.barberpro-theme .court-manage-card__media>span{width:62px;height:62px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.barberpro-theme .court-manage-card__media>span .ui-icon{width:29px;height:29px}
.barberpro-theme .court-manage-card__media img{width:100%;height:100%;object-fit:cover}
.barberpro-theme .status-pill{min-height:25px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;font-size:.49rem;font-weight:900;white-space:nowrap}
.barberpro-theme .court-manage-card__media .status-pill{position:absolute;left:8px;top:8px}
.barberpro-theme .court-manage-card__body{min-width:0;padding:14px 13px 10px}
.barberpro-theme .court-manage-card__body>div:first-child>small{display:block;color:#9a7445;font-size:.5rem;font-weight:950;letter-spacing:.08em}
.barberpro-theme .court-manage-card__body h3{margin:3px 0 2px;font-size:.94rem}
.barberpro-theme .court-manage-card__body p{margin:0;color:var(--bp-muted);font-size:.59rem}
.barberpro-theme .mini-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:11px 0}
.barberpro-theme .mini-metrics span{min-width:0;padding:7px 5px;border:1px solid #eadfd2;border-radius:11px;background:#faf5ee;text-align:center}
.barberpro-theme .mini-metrics b,.barberpro-theme .mini-metrics small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barberpro-theme .mini-metrics b{font-size:.7rem}
.barberpro-theme .mini-metrics small{font-size:.45rem;color:var(--bp-muted)}
.barberpro-theme .court-tags{display:flex;flex-wrap:wrap;gap:5px}
.barberpro-theme .court-tags span{min-height:25px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;font-size:.49rem;font-weight:800}
.barberpro-theme .court-tags .ui-icon{width:13px;height:13px}
.barberpro-theme .court-manage-card__actions{grid-column:1/-1;padding:8px;border-top:1px solid #eee3d7;background:#fcfaf7;display:grid;grid-template-columns:1fr 1fr 40px;gap:6px}
.barberpro-theme .court-manage-card__actions form{display:grid}
.barberpro-theme .court-manage-card__actions .btn{min-height:42px;width:100%;padding-inline:8px;font-size:.59rem}
.barberpro-theme .rate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.barberpro-theme .status-pill.status-inactive{background:#fcedef;color:#9a3641}

@media(max-width:820px){
  .barberpro-theme .court-manage-grid{grid-template-columns:1fr}
  .barberpro-theme .rate-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .barberpro-theme .section-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .barberpro-theme .section-heading--actions .page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .barberpro-theme .section-heading--actions .page-actions .btn{width:100%}
  .barberpro-theme .diagnostic-grid{grid-template-columns:1fr}
  .barberpro-theme .court-manage-card{grid-template-columns:88px minmax(0,1fr)}
  .barberpro-theme .court-manage-card__media{min-height:150px}
  .barberpro-theme .court-manage-card__media .status-pill{left:7px;right:7px;top:7px;justify-content:center}
  .barberpro-theme .court-manage-card__body{padding:12px 10px 8px}
}