/* ===== SOURCE: site.css ===== */
:root {
  --bg: #f6f7fb;
  --card: #fff;
  --text: #1d2433;
  --muted: #687083;
  --primary: #111827;
  --accent: #0f766e;
  --danger: #b42318;
  --border: #e4e7ec;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: Tahoma, Arial, sans-serif; background: var(--bg); color: var(--text); }
a { color: inherit; text-decoration: none; }
.shell { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.side { background: #111827; color: #fff; padding: 22px 16px; }
.brand { font-size: 23px; font-weight: 800; margin-bottom: 25px; }
.nav a { display: block; padding: 11px 12px; margin: 4px 0; border-radius: 9px; color: #d1d5db; }
.nav a:hover { background: #1f2937; color: #fff; }
.main { padding: 24px; }
.top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.card { background: var(--card); border: 1px solid var(--border); border-radius: 14px; padding: 18px; box-shadow: 0 2px 10px #1018280a; margin-bottom: 16px; }
.grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.metric b { font-size: 27px; display: block; margin-top: 8px; }
.muted { color: var(--muted); }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 11px; border-bottom: 1px solid var(--border); text-align: right; }
input, select, textarea, button { font: inherit; }
input, select, textarea { width: 100%; padding: 10px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff; }
.form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.btn { display: inline-block; padding: 9px 14px; border: 0; border-radius: 8px; background: var(--primary); color: #fff; cursor: pointer; }
.btn.alt { background: var(--accent); }
.btn.danger { background: var(--danger); }
.btn.light { background: #eef2f6; color: #111827; }
.validation-summary-errors { color: var(--danger); background: #fff1f0; padding: 10px; border-radius: 8px; margin-bottom: 10px; }
.badge { padding: 5px 8px; border-radius: 20px; background: #eef2f6; font-size: 12px; }

@media (max-width: 850px) {
  .shell { display: block; }
  .side { position: relative; }
  .grid, .form-grid { grid-template-columns: 1fr 1fr; }
  .main { padding: 14px; }
}

@media (max-width: 520px) {
  .grid, .form-grid { grid-template-columns: 1fr; }
}

.page-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.page-heading h2 { margin: 0 0 5px; }
.booking-link-card { border-inline-start: 4px solid var(--accent); }
.booking-link-card h3 { margin: 10px 0 6px; }
.booking-link-card p { margin: 0 0 14px; }
.booking-link-actions { display: grid; grid-template-columns: minmax(240px, 1fr) auto auto; gap: 8px; align-items: center; }
.booking-link-actions input { direction: ltr; text-align: left; }

@media (max-width: 700px) {
  .booking-link-actions { grid-template-columns: 1fr; }
}

/* V4 branch-aware booking and admin */
.app-topbar { gap: 14px; flex-wrap: wrap; }
.topbar-user { margin-inline-end: auto; }
.branch-switcher { display: flex; align-items: center; gap: 8px; min-width: 260px; }
.branch-switcher select { min-width: 170px; padding: 8px; }
.alert { padding: 12px 14px; border-radius: 10px; margin-bottom: 14px; }
.alert.success { background: #ecfdf3; color: #067647; border: 1px solid #abefc6; }
.alert.error { background: #fef3f2; color: #b42318; border: 1px solid #fecdca; }
.table-wrap { overflow-x: auto; }
.actions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.actions form { margin: 0; }
.inline-filter { display: flex; gap: 8px; max-width: 420px; }
.form-grid .full { grid-column: 1 / -1; }
.appointment-editor { max-width: 1050px; }
.slot-panel-message { padding: 10px 12px; background: #f8fafc; border: 1px dashed #d0d5dd; border-radius: 9px; color: var(--muted); margin-bottom: 10px; }
.internal-slots { display: grid; grid-template-columns: repeat(8, minmax(70px,1fr)); gap: 8px; }
.slot-chip { padding: 10px 7px; border: 1px solid #d0d5dd; border-radius: 9px; background: #fff; cursor: pointer; }
.slot-chip:hover { border-color: var(--accent); color: var(--accent); }
.slot-chip.selected { background: var(--accent); color: white; border-color: var(--accent); }
.editor-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--border); }
.chosen-time { font-weight: 700; }
code { direction: ltr; display: inline-block; }
small a { color: var(--accent); text-decoration: none; }

@media (max-width: 900px) {
  .internal-slots { grid-template-columns: repeat(5, minmax(65px,1fr)); }
  .branch-switcher { min-width: 100%; order: 3; }
}
@media (max-width: 560px) {
  .internal-slots { grid-template-columns: repeat(3, minmax(65px,1fr)); }
  .editor-footer { align-items: stretch; flex-direction: column; }
  .inline-filter { max-width: none; }
}

/* V5 operations, reports and lifecycle */
.brand small { font-size: 10px; background: #0f766e; padding: 3px 6px; border-radius: 10px; vertical-align: middle; }
.nav-label { color: #7f8aa0; font-size: 11px; font-weight: 700; margin: 18px 10px 6px; letter-spacing: .3px; }
.section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.section-head h3 { margin:0 0 4px; }
.dashboard-grid { grid-template-columns: repeat(5,1fr); }
.metric small { display:block; color:var(--muted); margin-top:4px; }
.status-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-bottom:16px; }
.status-strip > div { background:#fff; border:1px solid var(--border); border-radius:12px; padding:12px; display:flex; align-items:center; justify-content:space-between; }
.status-strip b { font-size:20px; }
.badge.status-1 { background:#fff4e5; color:#9a6700; }
.badge.status-2 { background:#eff8ff; color:#175cd3; }
.badge.status-3 { background:#ecfdf3; color:#067647; }
.badge.status-4 { background:#fef3f2; color:#b42318; }
.badge.status-5 { background:#f2f4f7; color:#475467; }
.badge.status-6 { background:#f4f3ff; color:#5925dc; }
.badge.status-7 { background:#ecfdff; color:#0e7090; }
.status-row-4, .status-row-5 { opacity:.78; }
.compact-actions { min-width:340px; }
.action-menu { position:relative; }
.action-menu > summary { list-style:none; }
.action-menu > summary::-webkit-details-marker { display:none; }
.action-pop { position:absolute; z-index:20; top:40px; inset-inline-end:0; min-width:220px; background:#fff; border:1px solid var(--border); border-radius:12px; padding:12px; box-shadow:0 14px 35px #10182822; display:grid; gap:8px; }
.action-pop form { display:grid; gap:8px; }
.week-grid { display:grid; grid-template-columns:repeat(7,minmax(170px,1fr)); gap:10px; overflow-x:auto; padding-bottom:8px; }
.week-day { min-height:420px; background:#fff; border:1px solid var(--border); border-radius:14px; padding:10px; }
.week-day.today { border-color:var(--accent); box-shadow:0 0 0 2px #0f766e12; }
.week-day-head { display:grid; gap:2px; padding-bottom:10px; border-bottom:1px solid var(--border); margin-bottom:8px; }
.week-day-head b { font-size:16px; }.week-day-head span,.week-day-head em { font-size:12px; color:var(--muted); font-style:normal; }
.week-appt { display:block; border:1px solid var(--border); border-inline-start:4px solid #98a2b3; border-radius:10px; padding:9px; margin:7px 0; background:#fcfcfd; }
.week-appt strong,.week-appt span,.week-appt small { display:block; }.week-appt span,.week-appt small { color:var(--muted); margin-top:3px; }
.week-appt.status-row-2 { border-inline-start-color:#175cd3; }.week-appt.status-row-3{border-inline-start-color:#067647}.week-appt.status-row-4{border-inline-start-color:#b42318}.week-appt.status-row-6{border-inline-start-color:#5925dc}.week-appt.status-row-7{border-inline-start-color:#0e7090}
.week-empty { color:var(--muted); padding:24px 6px; text-align:center; }
.detail-grid { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(360px,1.2fr); gap:16px; }
.detail-list { display:grid; grid-template-columns:120px 1fr; gap:12px 10px; }.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;font-weight:600}
.timeline { position:relative; }.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:10px;padding-bottom:18px}.timeline-item>span{width:12px;height:12px;background:var(--accent);border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #0f766e18}.timeline-item>div{border-bottom:1px solid var(--border);padding-bottom:12px}.timeline-item small{display:block;color:var(--muted);margin-top:2px}.timeline-item p{margin:6px 0 0}
.report-filter .filter-actions { align-self:end; }
.report-kpis { grid-template-columns:repeat(4,1fr); }
.report-two-col { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.mini-chart { display:grid;gap:7px;max-height:420px;overflow:auto;padding-inline-end:4px}.chart-row{display:grid;grid-template-columns:54px 1fr 80px;gap:8px;align-items:center;font-size:12px}.bar-track{height:10px;background:#eef2f6;border-radius:20px;overflow:hidden}.bar-track i{display:block;height:100%;background:var(--accent);border-radius:20px}.chart-row b{text-align:left;direction:ltr}
.status-report { display:grid;grid-template-columns:1fr 1fr;gap:8px }.status-report>div{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);padding:10px;border-radius:10px}
.peak-grid { display:grid;grid-template-columns:repeat(6,1fr);gap:8px }.peak-grid>div{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fcfcfd}.peak-grid b,.peak-grid span{display:block}.peak-grid span{color:var(--muted);font-size:12px;margin-top:4px}
.settings-form { max-width:1100px }.settings-section{padding:6px 0 22px;margin-bottom:14px;border-bottom:1px solid var(--border)}.settings-section h3{margin:0 0 14px}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle-grid label{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:10px;padding:12px}.toggle-grid input{width:auto}.one-third{grid-template-columns:1fr 1fr 1fr}.form-stack{display:grid;gap:10px}
.schedule-days{display:grid;gap:8px}.schedule-day{display:grid;grid-template-columns:90px 150px 120px 30px 120px auto;gap:8px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:10px}.schedule-day input[type=checkbox]{width:auto}.switch-line{display:flex;gap:6px;align-items:center}
.wide-filter{max-width:620px}
hr { border:0; border-top:1px solid var(--border); margin:18px 0; }

@media (max-width: 1150px){.dashboard-grid,.report-kpis{grid-template-columns:repeat(3,1fr)}.peak-grid{grid-template-columns:repeat(4,1fr)}.week-grid{grid-template-columns:repeat(7,190px)}}
@media (max-width: 850px){.report-two-col,.detail-grid{grid-template-columns:1fr}.status-strip{grid-template-columns:repeat(2,1fr)}.schedule-day{grid-template-columns:1fr 1fr}.schedule-day b{grid-column:1/-1}.peak-grid{grid-template-columns:repeat(3,1fr)}.compact-actions{min-width:280px}}
@media (max-width: 560px){.dashboard-grid,.report-kpis,.status-strip,.toggle-grid,.peak-grid{grid-template-columns:1fr}.chart-row{grid-template-columns:48px 1fr 65px}.action-pop{position:fixed;left:12px;right:12px;top:auto;bottom:12px}.detail-list{grid-template-columns:95px 1fr}}

@media print {
 .side,.app-topbar,.report-filter,.page-heading .btn,.page-heading button,.section-head .btn { display:none !important; }
 .shell { display:block; }.main{padding:0}.card{box-shadow:none;break-inside:avoid}.report-two-col{grid-template-columns:1fr 1fr}.main{background:#fff}
}
.text-button{border:0;background:transparent;color:var(--accent);padding:6px 0;cursor:pointer}.quick-customer-box{background:#f8fafc;border:1px dashed #98a2b3;border-radius:10px;padding:12px}

/* V5 master-data improvements */
.alert{padding:12px 14px;border-radius:12px;margin:10px 0}.alert.danger{background:#fff1f0;color:#b42318}.alert.success{background:#ecfdf3;color:#027a48}.badge.alt{background:#ecfdf3;color:#027a48}.narrow-card{max-width:720px;margin-inline:auto}.field{display:grid;gap:7px;margin-bottom:16px}.field input,.field textarea{width:100%}.validation{color:#b42318;margin-bottom:12px}.inline-search{display:flex;gap:8px;flex-wrap:wrap}.inline-search input{min-width:280px;flex:1}.service-capabilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.service-capability{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff}.service-capability.active{border-color:#b7e4cf;background:#f6fffb}.service-capability small{display:block;color:#667085;margin-top:4px}
.compact-kpis{margin-top:12px}.compact-kpis .metric{box-shadow:none;border:1px solid #eef0f3}.insight-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.insight-strip span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px}
.staff-pop{min-width:320px}.staff-pop form{display:grid;gap:7px}.staff-pop hr{border:0;border-top:1px solid #e5e7eb;width:100%}

/* =========================================================
   SalonFlow V5.2 - commercial UI/UX refresh
   ========================================================= */
:root{
  --sf-navy:#0b1220;
  --sf-navy-2:#121b2e;
  --sf-teal:#0f9f8f;
  --sf-teal-dark:#0b7f73;
  --sf-soft:#f4f7fb;
  --sf-border:#e6eaf0;
  --sf-shadow:0 14px 34px rgba(16,24,40,.07);
  --sf-radius:18px;
}
body{font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--sf-soft);line-height:1.45}
.app-shell{grid-template-columns:268px minmax(0,1fr);background:var(--sf-soft)}
.app-sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--sf-navy) 0%,#101a2d 100%);padding:18px 14px;display:flex;flex-direction:column;z-index:50;box-shadow:14px 0 40px rgba(10,17,31,.05)}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 15px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-modern{display:flex;align-items:center;gap:11px;margin:0;color:#fff}
.brand-modern:hover{color:#fff}
.brand-modern .brand-mark{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(135deg,#19b9a8,#0c7f75);border-radius:12px;font-size:14px;letter-spacing:.5px;box-shadow:0 8px 22px rgba(15,159,143,.28)}
.brand-modern>span:last-child{display:grid;line-height:1.05;gap:5px}
.brand-modern strong{font-size:20px;letter-spacing:-.4px}.brand-modern small{font-size:9px!important;background:transparent!important;padding:0!important;color:#7dd9cf!important;letter-spacing:1px}
.sidebar-close{display:none;background:transparent;border:0;color:#fff;font-size:28px;line-height:1;width:auto;padding:4px;cursor:pointer}
.app-nav{padding-top:10px;overflow:auto;scrollbar-width:thin;flex:1}
.app-nav .nav-label{margin:18px 11px 7px;color:#71809b;font-size:10px;text-transform:uppercase;letter-spacing:.7px}
.app-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;margin:3px 0;border-radius:11px;color:#c7cfdd;transition:.18s ease;font-size:14px}
.app-nav a:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(-1px)}
html[dir="ltr"] .app-nav a:hover{transform:translateX(1px)}
.app-nav a.active{background:linear-gradient(90deg,rgba(15,159,143,.23),rgba(15,159,143,.08));color:#fff;box-shadow:inset 3px 0 0 var(--sf-teal)}
html[dir="rtl"] .app-nav a.active{box-shadow:inset -3px 0 0 var(--sf-teal)}
.nav-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.055);font-size:14px;flex:0 0 auto}
.sidebar-foot{padding:12px 6px 2px;border-top:1px solid rgba(255,255,255,.08)}
.sidebar-version{font-size:10px;color:#78869f;display:flex;gap:7px;align-items:center}.status-dot{width:7px;height:7px;border-radius:50%;background:#2dd4bf;box-shadow:0 0 0 3px rgba(45,212,191,.12)}
.app-main{padding:0;min-width:0}
.app-topbar{position:sticky;top:0;z-index:35;min-height:72px;padding:11px 24px;margin:0;background:rgba(255,255,255,.92);border-bottom:1px solid var(--sf-border);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center}
.topbar-start,.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-actions{margin-inline-start:auto}.topbar-user{display:grid;margin:0}.topbar-user small{font-size:10px;color:#98a2b3}.topbar-user b{font-size:14px;color:#182230}
.mobile-menu{display:none;width:38px;height:38px;border:1px solid var(--sf-border);border-radius:10px;background:#fff;color:#344054;cursor:pointer}
.language-button{background:#fff;color:#344054;border:1px solid #d8dee8;min-width:82px}.language-button:hover{background:#f8fafc}.logout-button{white-space:nowrap}
.page-content{padding:26px 28px 42px;max-width:1680px;width:100%;margin:0 auto}
.page-heading{margin-bottom:18px;gap:16px}.page-heading h2{font-size:25px;letter-spacing:-.5px;color:#101828}.page-heading .muted{font-size:13px}
.card{border:1px solid var(--sf-border);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow);padding:20px;background:#fff}
.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;background:rgba(15,159,143,.055);inset-inline-end:-18px;top:-19px}.metric b{font-size:29px;color:#101828;letter-spacing:-.7px}.metric small{font-size:11px}
.btn{border-radius:10px;padding:9px 14px;font-weight:650;transition:.15s ease;box-shadow:none}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn.alt{background:var(--sf-teal)}.btn.alt:hover{background:var(--sf-teal-dark)}
input,select,textarea{border:1px solid #d9dfe8;border-radius:10px;padding:10px 12px;min-height:42px;transition:.15s;background:#fff;color:#101828}
input:focus,select:focus,textarea:focus{outline:0;border-color:#5ac6ba;box-shadow:0 0 0 3px rgba(15,159,143,.11)}
label{font-size:12px;font-weight:650;color:#344054;margin-bottom:5px;display:inline-block}
table{font-size:13px}th{background:#fafbfc;color:#667085;font-size:11px;font-weight:700;text-transform:none;white-space:nowrap}th,td{padding:12px 13px}tbody tr:hover{background:#fbfdfd}
.badge{font-weight:700;border:1px solid transparent}
.booking-link-card{background:linear-gradient(135deg,#fff 0%,#f3fffc 100%);border-inline-start:0!important;position:relative;overflow:hidden}.booking-link-card:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--sf-teal)}
.status-strip>div{border-radius:14px;box-shadow:0 5px 15px rgba(16,24,40,.035)}
.branch-switcher{background:#f8fafc;border:1px solid var(--sf-border);border-radius:11px;padding:3px 7px}.branch-switcher select{border:0;background:transparent;min-height:34px}
.alert{box-shadow:0 5px 18px rgba(16,24,40,.04)}

/* Public/auth shell */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);background:#fff}
.auth-brand-panel{background:radial-gradient(circle at 20% 15%,rgba(20,184,166,.22),transparent 34%),linear-gradient(145deg,#091221,#14243b);color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.auth-brand-panel:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.06);border-radius:50%;bottom:-210px;right:-130px;box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}
.auth-logo{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:800;position:relative;z-index:2}.auth-logo .brand-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#20c7b5,#0f8f82);font-size:15px}
.auth-copy{position:relative;z-index:2;max-width:510px}.auth-copy h1{font-size:42px;line-height:1.15;margin:0 0 16px;letter-spacing:-1.2px}.auth-copy p{color:#b8c3d4;font-size:16px;line-height:1.8}.auth-points{display:grid;gap:12px;margin-top:28px}.auth-points span{display:flex;gap:9px;align-items:center;color:#d8e2ef;font-size:13px}.auth-points i{font-style:normal;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(45,212,191,.13);color:#65e3d4}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:44px;background:#f8fafc;position:relative}.auth-card{width:min(100%,470px);background:#fff;border:1px solid var(--sf-border);border-radius:22px;padding:31px;box-shadow:0 22px 54px rgba(16,24,40,.09)}.auth-card h2{font-size:28px;margin:0 0 7px}.auth-card .auth-subtitle{margin:0 0 24px;color:#667085}.auth-card .field{margin-bottom:15px}.auth-card .btn-primary{width:100%;background:linear-gradient(135deg,#0f9f8f,#0b7f73);padding:12px;font-size:14px}.auth-link{text-align:center;margin:18px 0 0;color:#667085}.auth-link a{color:#0b8d80;font-weight:700}.auth-lang{position:absolute;top:20px;inset-inline-end:24px;background:#fff;color:#344054;border:1px solid #d8dee8}

/* Registration wizard */
.registration-page{min-height:100vh;background:linear-gradient(180deg,#f7fafc 0%,#eef5f5 100%);padding:26px 20px 60px}.registration-wrap{max-width:1180px;margin:0 auto}.registration-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.registration-top .auth-logo{color:#101828}.registration-top .auth-logo .brand-mark{color:#fff}.registration-actions{display:flex;gap:8px;align-items:center}.registration-shell{background:#fff;border:1px solid var(--sf-border);border-radius:24px;box-shadow:0 24px 70px rgba(16,24,40,.08);overflow:hidden}.reg-header{padding:27px 31px 20px;border-bottom:1px solid var(--sf-border);background:linear-gradient(135deg,#ffffff,#f8fffd)}.reg-header h1{margin:0 0 7px;font-size:30px;letter-spacing:-.7px}.reg-header p{margin:0;color:#667085}.reg-progress{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--sf-border);background:#fbfcfd}.reg-progress .reg-progress-item{padding:14px 16px;display:flex;gap:10px;align-items:center;color:#98a2b3;font-size:12px;border-bottom:3px solid transparent}.reg-progress .reg-progress-item b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef2f6;color:#667085}.reg-progress .reg-progress-item.active{color:#0b7f73;border-bottom-color:#0f9f8f;background:#f6fffd}.reg-progress .reg-progress-item.active b{background:#0f9f8f;color:#fff}.reg-body{padding:28px 31px}.reg-step{display:none}.reg-step.active{display:block;animation:sfFade .2s ease}.reg-step-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.reg-step-title h2{margin:0 0 4px;font-size:21px}.reg-step-title p{margin:0;color:#667085;font-size:13px}.reg-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.reg-fields .full{grid-column:1/-1}.field-help{font-size:10px;color:#98a2b3;margin-top:5px;display:block}.reg-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:23px;margin-top:22px;border-top:1px solid var(--sf-border)}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan-card{position:relative;border:1.5px solid #dfe4ec;border-radius:17px;padding:20px;cursor:pointer;background:#fff;transition:.18s;min-height:315px;display:flex;flex-direction:column}.plan-card:hover{border-color:#79cfc6;transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,159,143,.08)}.plan-card.selected{border-color:#0f9f8f;box-shadow:0 0 0 3px rgba(15,159,143,.09),0 16px 32px rgba(16,24,40,.06)}.plan-card.popular:before{content:"الأكثر اختياراً";position:absolute;top:-11px;inset-inline-start:18px;background:#0f9f8f;color:#fff;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800}.lang-en .plan-card.popular:before{content:"MOST POPULAR"}.plan-radio{position:absolute;opacity:0;pointer-events:none}.plan-name{font-size:18px;font-weight:800}.plan-tag{font-size:12px;color:#667085;min-height:36px;margin:6px 0 13px}.plan-price{display:flex;align-items:baseline;gap:5px;margin-bottom:12px}.plan-price strong{font-size:31px;letter-spacing:-1px}.plan-price span{font-size:11px;color:#667085}.plan-limits{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.plan-limits span{background:#f2f4f7;border-radius:20px;padding:5px 8px;font-size:10px;color:#475467}.plan-features{display:grid;gap:8px;margin-top:auto}.plan-features span{font-size:11px;color:#344054;display:flex;gap:7px}.plan-features span:before{content:"✓";color:#0f9f8f;font-weight:900}.plan-select-label{margin-top:16px;text-align:center;border:1px solid #dfe4ec;border-radius:9px;padding:8px;font-size:11px;font-weight:700}.plan-card.selected .plan-select-label{background:#0f9f8f;color:#fff;border-color:#0f9f8f}.plan-compare{margin-top:24px;border:1px solid var(--sf-border);border-radius:15px;overflow:hidden}.plan-compare summary{cursor:pointer;padding:14px 17px;font-weight:750;background:#fafbfc}.plan-compare table{margin:0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-item{border:1px solid var(--sf-border);border-radius:13px;padding:13px}.review-item small{color:#98a2b3;display:block;margin-bottom:4px}.review-item strong{font-size:14px}.trial-note{background:#ecfdf8;border:1px solid #b7eadf;color:#12675d;border-radius:13px;padding:13px;margin-top:15px;font-size:12px}.lang-ar,.lang-en{display:none}html[lang="ar"] .lang-ar{display:inline}html[lang="en"] .lang-en{display:inline}.block.lang-ar,.block.lang-en{display:none}html[lang="ar"] .block.lang-ar{display:block}html[lang="en"] .block.lang-en{display:block}
@keyframes sfFade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Language aware details */
html[dir="ltr"] th,html[dir="ltr"] td{text-align:left}html[dir="ltr"] .chart-row b{text-align:right}html[dir="ltr"] .app-sidebar{box-shadow:-14px 0 40px rgba(10,17,31,.05)}
.language-float{position:fixed;top:17px;inset-inline-end:18px;z-index:100;background:#fff;border:1px solid #d8dee8;color:#344054;border-radius:10px;padding:8px 11px;font-weight:700;cursor:pointer;box-shadow:0 8px 22px rgba(16,24,40,.09)}

@media(max-width:1050px){.auth-shell{grid-template-columns:1fr}.auth-brand-panel{display:none}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:auto}.reg-progress .reg-progress-item span{display:none}.reg-fields{grid-template-columns:1fr}.reg-fields .full{grid-column:auto}}
@media(max-width:900px){.app-shell{display:block}.app-sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:278px;transform:translateX(110%);transition:.2s ease}.lang-en .app-sidebar{transform:translateX(-110%)}body.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-close,.mobile-menu{display:block}.page-content{padding:20px 14px 35px}.app-topbar{padding:10px 14px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.branch-switcher{min-width:auto;order:initial}.dashboard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.registration-page{padding:12px 8px 30px}.registration-top{padding:6px 4px}.registration-top .auth-logo>span:last-child{display:none}.registration-shell{border-radius:18px}.reg-header,.reg-body{padding:21px 17px}.reg-header h1{font-size:24px}.reg-progress .reg-progress-item{justify-content:center;padding:10px}.reg-step-title{display:block}.review-grid{grid-template-columns:1fr}.auth-panel{padding:18px}.auth-card{padding:23px 18px}.dashboard-grid{grid-template-columns:1fr}.topbar-user{display:none}.language-button{min-width:74px}.page-heading{align-items:flex-start;flex-direction:column}}
.slug-field{display:flex;align-items:center;border:1px solid #d9dfe8;border-radius:10px;overflow:hidden;background:#f8fafc}.slug-field span{padding:0 11px;color:#98a2b3;font-size:11px;white-space:nowrap;direction:ltr}.slug-field input{border:0;border-radius:0;box-shadow:none!important;direction:ltr}.review-item.full{grid-column:1/-1}

/* =========================================================
   V6 Market Ready - sales, retention and commercial modules
   ========================================================= */
.validation-summary-errors:empty,.validation-summary-errors ul:empty{display:none!important}.reg-step-title>.badge{direction:ltr;unicode-bidi:isolate}.validation-summary-errors:not(:has(li)){display:none}
.eyebrow{display:inline-block;font-size:10px;font-weight:900;letter-spacing:1.4px;color:#0f8f82;margin-bottom:7px}.market-page-heading h2{font-size:28px}.market-kpis{grid-template-columns:repeat(4,1fr)}.market-metric{position:relative;overflow:hidden}.market-metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#0f9f8f0a;inset-inline-end:-28px;top:-32px}.metric-icon{width:34px;height:34px;border-radius:10px;background:#ecfdf8;color:#087b70;display:grid;place-items:center;margin-bottom:12px;font-size:17px}.danger-text{color:#b42318!important}.success-text{color:#067647!important}.block{display:block}.success-soft{background:#ecfdf3;color:#067647;border:1px solid #abefc6}
.market-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.market-module{background:#fff;border:1px solid var(--sf-border,#e4e7ec);border-radius:16px;padding:16px;display:grid;grid-template-columns:43px 1fr 20px;gap:12px;align-items:center;box-shadow:0 4px 16px rgba(16,24,40,.035);transition:.18s}.market-module:hover{transform:translateY(-2px);border-color:#8cd8cf;box-shadow:0 14px 30px rgba(15,159,143,.09)}.market-module i{font-style:normal;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#effcf9,#d9f7f1);color:#087b70;display:grid;place-items:center;font-size:18px}.market-module b{display:block;margin-bottom:4px}.market-module span{font-size:11px;color:#667085;line-height:1.5}.market-module em{font-style:normal;color:#98a2b3;font-size:18px}.stock-alert-list{display:grid;gap:8px}.stock-alert-list>div{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--sf-border,#e4e7ec);border-radius:10px;padding:10px 12px}.plan-access{display:flex;gap:20px;align-items:center;justify-content:space-between}.plan-access h3{margin:0 0 5px}.feature-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.feature-chip{font-size:10px;border-radius:20px;padding:5px 8px;border:1px solid}.feature-chip.on{background:#ecfdf8;color:#087b70;border-color:#b7eadf}.feature-chip.off{background:#f8fafc;color:#98a2b3;border-color:#e4e7ec}

/* Inventory */
.toggle-inline{display:flex;align-items:end}.toggle-inline label{border:1px solid var(--sf-border,#e4e7ec);border-radius:10px;padding:10px 12px;display:flex;gap:8px;align-items:center;margin:0;width:100%}.toggle-inline input{width:auto}.form-actions{display:flex;gap:8px;align-items:end}.stock-pill{display:inline-flex;min-width:58px;justify-content:center;border-radius:18px;padding:5px 8px;font-weight:800;font-size:12px}.stock-pill.ok{background:#ecfdf3;color:#067647}.stock-pill.low{background:#fef3f2;color:#b42318}.low-stock-row{background:#fffafa}.stock-adjust-card{border-inline-start:4px solid #0f9f8f}.stock-adjust-card[hidden]{display:none!important}

/* POS */
.pos-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:16px;align-items:start}.pos-catalog,.pos-cart{margin-bottom:16px}.pos-cart{position:sticky;top:84px}.pos-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}.segmented{display:inline-flex;background:#f2f4f7;border-radius:11px;padding:3px}.segmented button{border:0;background:transparent;border-radius:8px;padding:8px 12px;cursor:pointer;color:#667085}.segmented button.active{background:#fff;color:#101828;box-shadow:0 2px 8px #10182812;font-weight:800}.pos-search{max-width:250px}.pos-items{display:none;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}.pos-items.active{display:grid}.pos-item{border:1px solid var(--sf-border,#e4e7ec);border-radius:14px;background:#fff;text-align:start;padding:13px;cursor:pointer;min-height:130px;display:flex;flex-direction:column;align-items:flex-start;transition:.15s;color:#101828}.pos-item:hover{border-color:#5fc7bb;box-shadow:0 10px 24px rgba(15,159,143,.08);transform:translateY(-1px)}.pos-item-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#ecfdf8;color:#087b70;margin-bottom:9px}.pos-item b{font-size:13px}.pos-item small{color:#98a2b3;margin:4px 0 10px}.pos-item strong{font-size:15px;margin-top:auto}.pos-customer{padding-bottom:12px;border-bottom:1px solid var(--sf-border,#e4e7ec)}.pos-customer small{display:block;margin-top:5px;color:#0b8d80}.cart-rows{min-height:150px;max-height:360px;overflow:auto;padding:8px 0}.cart-row{display:grid;grid-template-columns:1fr auto 72px 28px;gap:8px;align-items:center;border-bottom:1px solid #eef1f4;padding:9px 0}.cart-row small{display:block;color:#98a2b3;font-size:9px}.cart-row>strong{text-align:end}.cart-qty{display:flex;align-items:center;gap:4px;border:1px solid #e4e7ec;border-radius:8px;padding:2px}.cart-qty button,.cart-remove{width:25px;height:25px;border:0;background:#f8fafc;border-radius:6px;cursor:pointer}.cart-remove{color:#b42318}.pos-checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid #eef1f4}.pos-checkout-fields .full{grid-column:1/-1}.pos-total-box{display:grid;gap:7px;background:#f8fafc;border-radius:12px;padding:12px;margin-top:8px}.pos-total-box>div{display:flex;justify-content:space-between}.pos-total-box .grand{font-size:18px;padding-top:8px;border-top:1px dashed #d0d5dd}.pos-pay{width:100%;margin-top:12px;padding:13px}.pos-pay:disabled{opacity:.45;cursor:not-allowed}.pos-loyalty-note{margin-top:10px;font-size:10px;color:#7a5d00;background:#fffaeb;border:1px solid #fedf89;border-radius:9px;padding:8px}.empty-state{padding:28px;text-align:center;color:#98a2b3}.empty-state span,.empty-state b{display:block}.empty-state>span{font-size:24px;margin-bottom:5px}

/* Receipt */
.receipt{max-width:760px;margin:0 auto;padding:30px}.receipt-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:2px solid #101828;padding-bottom:18px}.receipt-head>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.receipt-head .brand-mark{grid-row:1/3}.receipt-head h2,.receipt-head p{margin:0}.receipt-head p{color:#667085;font-size:11px}.receipt-head>div:last-child{text-align:end;display:grid}.receipt-head>div:last-child b{font-size:22px}.receipt-head small{color:#667085}.receipt-customer{display:flex;justify-content:space-between;gap:20px;padding:15px 0;font-size:12px}.receipt-table th{background:#f8fafc}.receipt-totals{margin-inline-start:auto;width:min(100%,320px);display:grid;gap:8px;padding-top:14px}.receipt-totals>div{display:flex;justify-content:space-between}.receipt-totals .grand{font-size:18px;border-top:2px solid #101828;padding-top:9px}.receipt-footer{text-align:center;color:#667085;font-size:11px;border-top:1px dashed #d0d5dd;margin-top:25px;padding-top:15px}

/* Membership / loyalty / waitlist */
.membership-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.membership-plan{position:relative;overflow:hidden}.membership-plan:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:#0f9f8f0a;inset-inline-end:-60px;top:-60px}.membership-plan h3{font-size:18px;margin:12px 0 3px}.membership-price{display:flex;align-items:baseline;gap:5px;margin:13px 0}.membership-price b{font-size:30px}.membership-price span{font-size:11px;color:#667085}.membership-plan ul{padding-inline-start:18px;color:#475467;font-size:11px;display:grid;gap:7px}.membership-status-active{background:#ecfdf3;color:#067647}.membership-status-expired{background:#f2f4f7;color:#475467}.loyalty-points{display:inline-flex;gap:4px;align-items:center;background:#fffaeb;color:#7a5d00;border:1px solid #fedf89;padding:4px 8px;border-radius:16px;font-weight:800}.loyalty-history{display:grid}.loyalty-history>div{display:grid;grid-template-columns:60px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f4}.loyalty-history small{display:block;color:#98a2b3;margin-top:3px}.waitlist-waiting{background:#fffaeb;color:#7a5d00}.waitlist-contacted{background:#eff8ff;color:#175cd3}.waitlist-booked{background:#ecfdf3;color:#067647}

/* Marketing / integrations */
.integration-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#fff8eb,#fffdf7);border:1px solid #fedf89;border-radius:14px;padding:14px 16px;margin-bottom:16px}.integration-banner>div{display:grid;gap:4px}.integration-banner span{font-size:11px;color:#7a5d00}.message-cell{max-width:520px;white-space:normal}.integration-status{border:1px solid var(--sf-border,#e4e7ec);border-radius:11px;padding:11px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.integration-status small{grid-column:2;color:#667085;margin-top:3px}.status-dot.online{background:#12b76a}.status-dot.offline{background:#f79009}


@media(max-width:1100px){.market-module-grid{grid-template-columns:repeat(2,1fr)}.pos-shell{grid-template-columns:1fr}.pos-cart{position:relative;top:auto}.pos-items{grid-template-columns:repeat(4,minmax(130px,1fr))}}
@media(max-width:850px){.market-kpis{grid-template-columns:repeat(2,1fr)}.membership-plan-grid{grid-template-columns:1fr 1fr}.plan-access{align-items:flex-start;flex-direction:column}.feature-chips{justify-content:flex-start}.pos-items{grid-template-columns:repeat(2,minmax(130px,1fr))}}
@media(max-width:620px){.market-module-grid,.membership-plan-grid,.market-kpis{grid-template-columns:1fr}.pos-toolbar{align-items:stretch;flex-direction:column}.pos-search{max-width:none}.cart-row{grid-template-columns:1fr auto 62px 26px}.receipt{padding:18px}.receipt-customer{flex-direction:column;gap:6px}.integration-banner{align-items:flex-start;flex-direction:column}}
@media print{.app-sidebar,.app-topbar,.no-print,.alert{display:none!important}.app-shell{display:block}.app-main,.page-content{padding:0!important}.receipt{border:0;box-shadow:none;max-width:none}.card{box-shadow:none}}

/* V6 plan entitlements */
.market-module.locked{opacity:.62;filter:saturate(.55);position:relative}
.market-module.locked:after{content:"PRO";position:absolute;top:12px;left:12px;background:#111827;color:#fff;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;letter-spacing:.08em}
html[dir="ltr"] .market-module.locked:after{left:auto;right:12px}
.market-upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 18px;border:1px solid #f3d9a8;background:#fff9ed;border-radius:18px}.market-upgrade-banner>div{display:flex;flex-direction:column;gap:4px}.market-upgrade-banner b{font-size:16px}.market-upgrade-banner span{color:#66552e}
.subscription-current{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.subscription-current h3{font-size:28px;margin:5px 0}.market-pricing{margin-bottom:18px}.pricing-card{position:relative}.pricing-current{position:absolute;top:14px;left:14px;background:#e6faf6;color:#087c68;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.pricing-price{display:flex;align-items:baseline;gap:7px;margin:14px 0}.pricing-price b{font-size:34px}.feature-dot{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;font-weight:900}.feature-dot.on{background:#e4f8f3;color:#0a806d}.feature-dot.off{background:#f1f3f6;color:#9aa3b2}.plan-note{margin-top:18px}.plan-note p{margin-bottom:0;color:var(--muted)}

/* =========================================================
   SalonFlow V6.2 Premium UI + unified appointment checkout
   ========================================================= */
:root{
  --premium-ink:#172033;
  --premium-muted:#728097;
  --premium-line:#e8edf3;
  --premium-surface:#ffffff;
  --premium-soft:#f7f9fc;
  --premium-primary:#0f9f8f;
  --premium-primary-dark:#087a70;
  --premium-blue:#3157d5;
  --premium-violet:#7257d8;
  --premium-amber:#d97706;
  --premium-green:#12805c;
  --premium-red:#b42318;
  --premium-shadow:0 14px 36px rgba(25,39,65,.07);
  --premium-shadow-lg:0 24px 70px rgba(25,39,65,.10);
}
.page-content{max-width:1760px;padding:28px 32px 48px}
.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 22px}.workspace-heading h1{margin:5px 0 5px;font-size:30px;line-height:1.15;letter-spacing:-.8px;color:#111827}.workspace-heading p{margin:0;color:var(--premium-muted);font-size:13px}.workspace-kicker{display:flex;align-items:center;gap:7px;color:#0c8175;font-size:10px;font-weight:900;letter-spacing:.9px;text-transform:uppercase}.workspace-dot{width:8px;height:8px;border-radius:50%;background:#19b9a8;box-shadow:0 0 0 4px #19b9a81a}.workspace-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn.premium-primary,.premium-primary{background:linear-gradient(135deg,#11a594,#087d73);color:#fff;border:1px solid #0a8c80;box-shadow:0 8px 18px rgba(15,159,143,.16)}.btn.premium-primary:hover{color:#fff}.btn.premium-ghost,.premium-ghost{background:#fff;color:#344054;border:1px solid #dfe5ec}.premium-card{background:#fff;border:1px solid var(--premium-line);border-radius:20px;box-shadow:var(--premium-shadow);padding:20px}.premium-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.premium-card-title h3{margin:3px 0 0;font-size:18px}.panel-eyebrow{display:block;color:#8290a4;font-size:9px;font-weight:900;letter-spacing:1.15px;text-transform:uppercase}.premium-validation:empty,.validation-summary-valid{display:none!important}.premium-validation.validation-summary-errors{border-radius:14px;padding:12px 15px;background:#fff3f1;border:1px solid #ffd3cc;color:#b42318;margin:0 0 16px}.premium-validation ul{margin:0;padding-inline-start:18px}

/* Pricing / plan page fix */
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.pricing-card{background:#fff;border:1px solid var(--premium-line);border-radius:20px;padding:22px;min-height:245px;box-shadow:var(--premium-shadow);display:flex;flex-direction:column;align-items:flex-start}.pricing-card.featured{border-color:#54cabb;box-shadow:0 0 0 3px #0f9f8f10,var(--premium-shadow-lg)}.pricing-card .btn{margin-top:auto}.subscription-current{background:linear-gradient(135deg,#fff,#f7fffd);border:1px solid #dcebe8}.market-pricing .pricing-card h3{margin-top:20px}.pricing-current{inset-inline-start:14px;left:auto}.plan-note{border-inline-start:4px solid #0f9f8f}

/* Appointment daily workspace */
.date-command-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:#fff;border:1px solid var(--premium-line);border-radius:18px;padding:12px 14px;margin-bottom:14px;box-shadow:0 6px 20px rgba(25,39,65,.035)}.date-nav-group{display:flex;align-items:center;gap:8px}.date-nav-button{width:38px;height:38px;border:1px solid var(--premium-line);border-radius:11px;background:#fff;display:grid;place-items:center;font-size:24px;color:#475467}.date-focus{min-width:180px;padding:0 4px}.date-focus small,.date-focus b{display:block}.date-focus small{font-size:10px;color:#98a2b3}.date-focus b{font-size:14px;color:#1d2939}.today-button{font-size:11px;font-weight:800;color:#0c8175;background:#ecfdf9;border:1px solid #c5eee7;padding:8px 11px;border-radius:10px}.date-picker-form input{min-height:38px;height:38px;padding:6px 10px}.view-switcher{justify-self:end;display:inline-flex;background:#f2f4f7;border-radius:11px;padding:3px}.view-switcher button{border:0;background:transparent;color:#667085;border-radius:8px;padding:8px 11px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:11px}.view-switcher button.active{background:#fff;color:#182230;font-weight:800;box-shadow:0 2px 7px #10182812}.appointment-kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.appointment-kpi{background:#fff;border:1px solid var(--premium-line);border-radius:16px;padding:13px 14px;display:flex;align-items:center;gap:11px;box-shadow:0 5px 16px rgba(25,39,65,.03)}.appointment-kpi small,.appointment-kpi b,.appointment-kpi em{display:block}.appointment-kpi small{color:#7c899d;font-size:10px}.appointment-kpi b{font-size:21px;color:#172033;line-height:1.2}.appointment-kpi em{font-size:9px;color:#98a2b3;font-style:normal}.kpi-symbol{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900}.kpi-symbol.teal{background:#e9fbf7;color:#0b8175}.kpi-symbol.blue{background:#edf3ff;color:#3157d5}.kpi-symbol.green{background:#edf9f3;color:#12805c}.kpi-symbol.amber{background:#fff7e8;color:#b76300}.kpi-symbol.violet{background:#f3f0ff;color:#7257d8}
.barber-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px;align-items:start}.barber-lane{background:#f6f8fb;border:1px solid #e5eaf1;border-radius:19px;overflow:hidden;min-width:0}.barber-lane>header{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:13px 14px;background:#fff;border-bottom:1px solid #e7ebf0}.barber-lane-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#172033,#35435b);color:#fff;display:grid;place-items:center;font-weight:900}.barber-lane header b,.barber-lane header small{display:block}.barber-lane header b{font-size:13px}.barber-lane header small{font-size:9px;color:#98a2b3;margin-top:2px}.lane-load{min-width:30px;height:30px;padding:0 7px;border-radius:10px;background:#eefaf7;color:#0d8175;display:grid;place-items:center;font-size:11px;font-weight:900}.barber-lane-body{padding:10px;display:grid;gap:9px}.appointment-card{background:#fff;border:1px solid #e5e9ef;border-inline-start:4px solid #9ea8b7;border-radius:15px;padding:12px;box-shadow:0 4px 13px rgba(25,39,65,.035);transition:.16s}.appointment-card:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(25,39,65,.07)}.status-card-1{border-inline-start-color:#f59e0b}.status-card-2{border-inline-start-color:#3b82f6}.status-card-6{border-inline-start-color:#8b5cf6}.status-card-7{border-inline-start-color:#0f9f8f}.status-card-3{border-inline-start-color:#22a06b}.status-card-4,.status-card-5{opacity:.72;border-inline-start-color:#ef4444}.appointment-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.appointment-time b,.appointment-time span{display:block}.appointment-time b{font-size:20px;letter-spacing:-.4px;color:#111827}.appointment-time span{font-size:9px;color:#98a2b3}.booking-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;white-space:nowrap}.booking-status i{font-style:normal}.status-1{background:#fff7e8;color:#a75600}.status-2{background:#eef5ff;color:#2254b9}.status-3{background:#eaf8f1;color:#08754f}.status-4{background:#fff0ef;color:#b42318}.status-5{background:#fff5e9;color:#b54708}.status-6{background:#f4f0ff;color:#6941c6}.status-7{background:#e9fbf7;color:#087b70}.appointment-card-customer{display:flex;align-items:center;gap:9px;margin:12px 0 7px}.customer-mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#475467;font-weight:900}.appointment-card-customer b,.appointment-card-customer small{display:block}.appointment-card-customer b{font-size:13px}.appointment-card-customer small{font-size:9px;color:#7e8a9d;margin-top:2px}.appointment-note{background:#f8fafc;border-radius:9px;padding:7px 9px;font-size:9px;color:#667085;margin:7px 0}.appointment-card-actions{display:flex;gap:6px;padding-top:9px;border-top:1px solid #f0f2f5}.mini-action{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid #e2e7ed;border-radius:8px;background:#fff;color:#475467;font-size:9px;font-weight:800}.mini-action.primary{background:#eefaf7;color:#0a7b70;border-color:#cbeee7}.appointment-flow-actions{display:flex;align-items:center;gap:5px;margin-top:7px}.appointment-flow-actions form{margin:0}.appointment-flow-actions button,.flow-edit{border:0;background:#172033;color:#fff;border-radius:8px;padding:6px 8px;font-size:9px;cursor:pointer}.flow-edit{margin-inline-start:auto;background:#f2f4f7;color:#475467}.premium-empty-state{background:#fff;border:1px dashed #d5dce5;border-radius:20px;padding:48px 20px;text-align:center}.premium-empty-state>span{width:54px;height:54px;border-radius:18px;background:#eefaf7;color:#0f8f82;display:grid;place-items:center;margin:0 auto 12px;font-size:24px}.premium-empty-state h3{margin:0 0 6px}.premium-empty-state p{color:#7b8799;margin:0 0 15px}.premium-table-card{background:#fff;border:1px solid var(--premium-line);border-radius:18px;overflow:auto;box-shadow:var(--premium-shadow)}.premium-table{width:100%;border-collapse:collapse}.premium-table th{background:#f8fafc;border-bottom:1px solid #e8edf2}.premium-table td{border-bottom:1px solid #f0f2f5}.table-sub{display:block;font-size:9px;color:#98a2b3;margin-top:2px}.table-actions{display:flex;gap:5px}

/* Booking editor */
.booking-editor-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.booking-editor-main{display:grid;gap:13px}.booking-step-card{background:#fff;border:1px solid var(--premium-line);border-radius:20px;padding:20px;box-shadow:0 7px 22px rgba(25,39,65,.035);transition:.2s}.booking-step-card.disabled{opacity:.48;pointer-events:none}.booking-step-head{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:start;margin-bottom:15px}.booking-step-number{width:36px;height:36px;border-radius:12px;background:#172033;color:#fff;display:grid;place-items:center;font-weight:900}.booking-step-head h3{margin:2px 0 4px;font-size:17px}.booking-step-head p{margin:0;color:#7c899d;font-size:10px}.customer-booking-row{display:flex;gap:10px;align-items:end}.booking-field{display:grid;gap:5px}.booking-field.grow{flex:1}.quick-customer-trigger{height:42px;border:1px dashed #8fd8cf;border-radius:11px;background:#f4fffc;color:#087b70;font-weight:800;padding:0 13px;cursor:pointer;display:flex;gap:5px;align-items:center}.premium-quick-customer{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;background:#f7fafc;border:1px dashed #d5dce5;border-radius:13px;padding:12px;margin-top:11px}.premium-quick-customer small{grid-column:1/-1;color:#b42318}.booking-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.booking-service-card{position:relative;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:start;border:1px solid #e2e7ed;background:#fff;border-radius:14px;padding:11px;cursor:pointer;color:#172033;transition:.16s}.booking-service-card:hover{border-color:#91d8cf;box-shadow:0 7px 18px #0f9f8f0d}.booking-service-card.selected{border-color:#0f9f8f;background:#f3fffc;box-shadow:0 0 0 2px #0f9f8f12}.booking-service-icon{width:36px;height:36px;border-radius:10px;background:#eefaf7;color:#0b8175;display:grid;place-items:center}.booking-service-content b,.booking-service-content small{display:block}.booking-service-content b{font-size:11px}.booking-service-content small{color:#98a2b3;font-size:9px;margin-top:2px}.booking-service-card>strong{font-size:11px;white-space:nowrap}.booking-service-card>strong small{font-size:8px;color:#98a2b3}.booking-select-dot{position:absolute;top:6px;inset-inline-end:6px;width:17px;height:17px;border-radius:50%;background:#e5e9ef;color:transparent;display:grid;place-items:center;font-size:9px}.booking-service-card.selected .booking-select-dot{background:#0f9f8f;color:#fff}.booking-barber-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.booking-barber-card{display:grid;grid-template-columns:34px 1fr 20px;gap:8px;align-items:center;border:1px solid #e2e7ed;background:#fff;border-radius:13px;padding:10px;text-align:start;cursor:pointer}.booking-barber-card.selected{border-color:#0f9f8f;background:#f3fffc}.barber-booking-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#475467;font-weight:900}.booking-barber-card b,.booking-barber-card small{display:block}.booking-barber-card b{font-size:10px}.booking-barber-card small{font-size:8px;color:#98a2b3}.booking-barber-card i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#e8ecf1;color:transparent;display:grid;place-items:center;font-size:9px}.booking-barber-card.selected i{background:#0f9f8f;color:#fff}.booking-inline-message{background:#f8fafc;border:1px dashed #d8dee8;color:#7b8799;border-radius:10px;padding:9px 11px;font-size:10px}.booking-date-row{display:grid;grid-template-columns:minmax(220px,340px) auto;gap:12px;align-items:end;margin-bottom:12px}.selected-duration{height:42px;display:grid;place-items:center;background:#f4f7fa;border:1px solid #e2e7ed;border-radius:11px;color:#667085;font-size:10px;padding:0 14px}.premium-slot-grid{display:grid;grid-template-columns:repeat(8,minmax(64px,1fr));gap:7px;margin-top:10px}.premium-slot-button{border:1px solid #dfe5ec;background:#fff;border-radius:10px;padding:8px 5px;cursor:pointer;color:#344054}.premium-slot-button strong,.premium-slot-button small{display:block}.premium-slot-button strong{font-size:11px}.premium-slot-button small{font-size:8px;color:#98a2b3}.premium-slot-button:hover{border-color:#7fd4c9;color:#0b8175}.premium-slot-button.selected{background:#0f9f8f;border-color:#0f9f8f;color:#fff}.premium-slot-button.selected small{color:#d8fff8}.notes-card{padding-top:15px;padding-bottom:15px}.booking-summary-panel{position:sticky;top:92px}.summary-sticky{background:linear-gradient(180deg,#172033,#101827);color:#fff;border-radius:22px;padding:20px;box-shadow:0 22px 50px rgba(17,24,39,.18)}.summary-sticky .panel-eyebrow{color:#78d7cc}.summary-sticky h3{margin:4px 0 16px;font-size:19px}.booking-summary-customer{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff0d;border:1px solid #ffffff12;border-radius:14px;margin-bottom:14px}.booking-summary-customer>span{width:38px;height:38px;border-radius:50%;background:#17a898;color:#fff;display:grid;place-items:center;font-weight:900}.booking-summary-customer small,.booking-summary-customer b{display:block}.booking-summary-customer small{color:#96a3b6;font-size:8px}.booking-summary-customer b{font-size:11px;margin-top:2px}.booking-summary-lines{display:grid;gap:0;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13}.booking-summary-lines>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff0c}.booking-summary-lines>div:last-child{border:0}.booking-summary-lines span{color:#9eabbc;font-size:9px}.booking-summary-lines b{text-align:end;font-size:10px}.booking-safety-note{display:flex;gap:9px;align-items:flex-start;background:#0f9f8f19;border:1px solid #54cab829;border-radius:12px;padding:10px;margin:14px 0}.booking-safety-note>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0f9f8f;color:#fff;font-size:9px}.booking-safety-note p{margin:0}.booking-safety-note b,.booking-safety-note small{display:block}.booking-safety-note b{font-size:9px}.booking-safety-note small{font-size:8px;color:#9fb4b1;margin-top:2px}.premium-booking-save{width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#17b3a2,#0e8b7f);color:#fff;padding:13px;display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;text-align:start;cursor:pointer}.premium-booking-save>span{width:30px;height:30px;border-radius:10px;background:#ffffff17;display:grid;place-items:center}.premium-booking-save b,.premium-booking-save small{display:block}.premium-booking-save b{font-size:10px}.premium-booking-save small{font-size:8px;color:#d5fff9;margin-top:2px}.premium-booking-save:disabled{opacity:.42;cursor:not-allowed}

/* Appointment details */
.appointment-detail-hero{display:grid;grid-template-columns:150px 1px minmax(0,1fr) auto;gap:20px;align-items:center;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid var(--premium-line);border-radius:21px;padding:18px 20px;margin-bottom:16px;box-shadow:var(--premium-shadow)}.detail-hero-time small,.detail-hero-time strong,.detail-hero-time span{display:block}.detail-hero-time small{font-size:9px;color:#98a2b3}.detail-hero-time strong{font-size:34px;line-height:1.1;color:#172033}.detail-hero-time span{font-size:10px;color:#667085;margin-top:4px}.detail-hero-divider{width:1px;height:62px;background:#e3e8ef}.detail-hero-main h2{margin:8px 0 7px;font-size:20px}.detail-hero-meta{display:flex;gap:13px;flex-wrap:wrap;color:#667085;font-size:10px}.detail-invoice-summary{text-align:end;padding:12px 15px;border-radius:15px;background:#eafaf6;color:#08765f}.detail-invoice-summary small,.detail-invoice-summary strong,.detail-invoice-summary span{display:block}.detail-invoice-summary small{font-size:8px}.detail-invoice-summary strong{font-size:19px;margin:2px 0}.detail-invoice-summary strong em{font-size:8px;font-style:normal}.detail-invoice-summary span{font-size:8px}.appointment-detail-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:14px}.detail-customer-profile{display:flex;align-items:center;gap:10px;padding:11px;background:#f8fafc;border-radius:13px}.detail-customer-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#172033;color:#fff;font-weight:900}.detail-customer-profile b,.detail-customer-profile span{display:block}.detail-customer-profile span{font-size:10px;color:#667085;margin-top:2px}.detail-info-list{display:grid;margin-top:11px}.detail-info-list>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eef1f4;padding:9px 2px}.detail-info-list span{font-size:9px;color:#8995a7}.detail-info-list b{font-size:10px;text-align:end}.detail-inline-actions{margin-top:14px}.premium-timeline{position:relative;padding-inline-start:6px}.premium-timeline:before{content:"";position:absolute;inset-inline-start:11px;top:8px;bottom:8px;width:1px;background:#dbe2e9}.premium-timeline-item{position:relative;display:grid;grid-template-columns:23px 1fr;gap:8px;padding-bottom:14px}.timeline-node{width:12px;height:12px;border-radius:50%;background:#0f9f8f;border:3px solid #dff8f3;z-index:1;margin-top:2px}.timeline-title{display:flex;justify-content:space-between;gap:10px}.timeline-title b{font-size:10px}.timeline-title time{font-size:8px;color:#98a2b3}.premium-timeline-item p{margin:4px 0 0;color:#667085;font-size:9px}.premium-empty-inline{color:#98a2b3;font-size:10px}

/* Premium POS + unified checkout */
.appointment-checkout-banner,.direct-sale-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:19px;padding:15px 18px;margin-bottom:14px}.appointment-checkout-banner{background:linear-gradient(135deg,#f0fffb,#f7fffd);border:1px solid #c9eee7}.direct-sale-banner{background:linear-gradient(135deg,#f8faff,#fff);border:1px solid #e0e7f4}.appointment-checkout-main,.direct-sale-banner>div{display:flex;align-items:center;gap:12px}.appointment-checkout-icon,.direct-sale-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#0f9f8f;color:#fff;font-weight:900;box-shadow:0 8px 18px #0f9f8f26}.direct-sale-icon{background:#3157d5;box-shadow:0 8px 18px #3157d520}.appointment-checkout-label{color:#0b8175;font-size:9px;font-weight:900;letter-spacing:.6px}.appointment-checkout-main h3{margin:2px 0 5px;font-size:17px}.appointment-checkout-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:9px;color:#667085}.appointment-checkout-price{text-align:end}.appointment-checkout-price small,.appointment-checkout-price strong,.appointment-checkout-price span{display:block}.appointment-checkout-price small{font-size:8px;color:#7b8799}.appointment-checkout-price strong{font-size:23px}.appointment-checkout-price span{font-size:8px;color:#98a2b3}.direct-sale-banner small,.direct-sale-banner b{display:block}.direct-sale-banner small{font-size:9px;color:#667085;margin-top:2px}.direct-sale-badge{background:#eef3ff;color:#3157d5;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}.premium-pos-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);gap:16px;align-items:start}.premium-pos-catalog,.premium-checkout-panel{background:#fff;border:1px solid var(--premium-line);border-radius:21px;box-shadow:var(--premium-shadow)}.premium-pos-catalog{padding:18px}.premium-checkout-panel{position:sticky;top:90px;padding:18px}.premium-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.premium-panel-head.compact{margin-top:20px}.premium-panel-head h3{margin:3px 0 0;font-size:17px}.catalog-search-wrap{display:flex;align-items:center;gap:7px;border:1px solid #dfe5ec;border-radius:11px;padding:0 10px;min-width:230px}.catalog-search-wrap input{border:0;box-shadow:none!important;min-height:38px;padding:7px 0}.catalog-search-wrap span{color:#98a2b3}.catalog-tabs{display:inline-flex;background:#f2f4f7;border-radius:11px;padding:3px;margin-bottom:13px}.catalog-tabs button{border:0;background:transparent;border-radius:8px;padding:8px 11px;color:#667085;display:flex;align-items:center;gap:6px;cursor:pointer;font-size:10px}.catalog-tabs button b{background:#e4e7ec;border-radius:999px;padding:2px 6px;font-size:8px}.catalog-tabs button.active{background:#fff;color:#182230;box-shadow:0 2px 7px #10182812;font-weight:900}.premium-catalog-grid{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.premium-catalog-grid.active{display:grid}.premium-catalog-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:82px;text-align:start;background:#fff;border:1px solid #e2e7ed;border-radius:14px;padding:10px;color:#172033;cursor:pointer;transition:.15s}.premium-catalog-item:hover{border-color:#80d3c9;transform:translateY(-1px);box-shadow:0 8px 20px #0f9f8f0d}.catalog-item-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.catalog-item-icon.service{background:#eafaf6;color:#0b8175}.catalog-item-icon.product{background:#edf3ff;color:#3157d5}.catalog-item-body b,.catalog-item-body small{display:block}.catalog-item-body b{font-size:10px}.catalog-item-body small{font-size:8px;color:#98a2b3;margin-top:2px}.catalog-item-price{font-size:10px;font-weight:900;white-space:nowrap}.catalog-item-price small{font-size:7px;color:#98a2b3}.catalog-item-add{position:absolute;inset-inline-end:6px;bottom:5px;width:17px;height:17px;border-radius:50%;background:#f2f4f7;color:#667085;display:grid;place-items:center;font-size:11px}.premium-empty{grid-column:1/-1;padding:35px;text-align:center;color:#98a2b3}.premium-empty>span{font-size:25px}.premium-empty b,.premium-empty a{display:block;margin-top:5px}.recent-sales-premium{border-top:1px solid #eef1f4;margin-top:18px;padding-top:2px}.recent-sale-list{display:grid;gap:6px}.recent-sale-card{display:grid;grid-template-columns:64px 1fr auto 15px;align-items:center;gap:9px;border:1px solid #edf0f4;border-radius:11px;padding:8px 10px}.recent-sale-card:hover{background:#fafcfd}.sale-no{font-size:9px;font-weight:900;color:#475467}.sale-customer{font-size:10px;font-weight:800}.sale-customer small{display:block;font-size:8px;color:#98a2b3;font-weight:400;margin-top:2px}.recent-sale-card>strong{font-size:10px}.recent-sale-card>strong small{font-size:7px;color:#98a2b3}.checkout-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1f4;padding-bottom:12px}.checkout-panel-head h3{margin:3px 0 0;font-size:17px}.icon-button{width:34px;height:34px;border:1px solid #e1e6ec;background:#fff;border-radius:10px;color:#667085;cursor:pointer}.checkout-customer{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;background:#f8fafc;border:1px solid #e9edf2;border-radius:13px;padding:10px;margin:12px 0}.customer-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#172033;color:#fff;font-weight:900}.checkout-customer small,.checkout-customer b,.checkout-customer span{display:block}.checkout-customer small{font-size:8px;color:#98a2b3}.checkout-customer b{font-size:10px}.checkout-customer span{font-size:8px;color:#667085}.locked-chip{font-size:10px!important;background:#fff;border:1px solid #e4e7ec;border-radius:8px;padding:5px}.checkout-customer-select{display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:end;margin:12px 0}.checkout-customer-select label{grid-column:1/-1}.checkout-customer-select a{font-size:9px;color:#0b8175;font-weight:800;padding-bottom:10px}.cart-title-row{display:flex;justify-content:space-between;align-items:center;margin:12px 0 5px}.cart-title-row b{font-size:10px}.cart-title-row span{font-size:8px;color:#98a2b3}.premium-cart-rows{max-height:330px;overflow:auto;min-height:95px}.premium-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto 65px 25px;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid #eef1f4}.cart-row-main{display:grid;grid-template-columns:31px 1fr;gap:7px;align-items:start}.cart-type-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.cart-type-icon.service{background:#eafaf6;color:#0b8175}.cart-type-icon.product{background:#edf3ff;color:#3157d5}.cart-row-main b,.cart-row-main small{display:block}.cart-row-main b{font-size:9px}.cart-row-main small{font-size:7px;color:#98a2b3;margin-top:1px}.line-barber{min-height:25px;height:25px;padding:2px 5px;border-radius:7px;font-size:7px;margin-top:4px;max-width:150px}.premium-qty{display:flex;align-items:center;border:1px solid #e2e7ed;border-radius:8px;overflow:hidden}.premium-qty button{width:23px;height:25px;border:0;background:#f8fafc;cursor:pointer}.premium-qty button:disabled{opacity:.25}.premium-qty span{min-width:22px;text-align:center;font-size:9px}.cart-line-total{text-align:end}.cart-line-total b,.cart-line-total small{display:block}.cart-line-total b{font-size:9px}.cart-line-total small{font-size:7px;color:#98a2b3}.cart-delete{width:24px;height:24px;border:0;background:#fff1ef;color:#b42318;border-radius:7px;cursor:pointer}.cart-delete:disabled{opacity:.25;cursor:not-allowed}.premium-cart-empty{text-align:center;padding:23px;color:#98a2b3}.premium-cart-empty span{width:38px;height:38px;margin:0 auto 6px;border-radius:12px;background:#f2f4f7;display:grid;place-items:center;font-size:18px}.premium-cart-empty b,.premium-cart-empty small{display:block}.premium-cart-empty b{font-size:10px;color:#667085}.premium-cart-empty small{font-size:8px;margin-top:3px}.checkout-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #eef1f4;padding-top:11px}.checkout-field{display:grid;gap:4px}.checkout-field label{font-size:8px}.money-input{display:flex;border:1px solid #dfe5ec;border-radius:10px;overflow:hidden}.money-input input{border:0;border-radius:0;box-shadow:none!important;min-width:0}.money-input span{display:grid;place-items:center;padding:0 8px;background:#f8fafc;color:#98a2b3;font-size:8px}.payment-section{margin-top:11px}.payment-section>label{font-size:8px}.payment-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.payment-methods button{border:1px solid #e1e6ec;background:#fff;border-radius:9px;padding:7px 3px;font-size:8px;color:#667085;cursor:pointer}.payment-methods button span{display:block;font-size:13px;margin-bottom:2px}.payment-methods button.active{border-color:#0f9f8f;background:#f0fffb;color:#087b70;font-weight:900}.premium-totals{background:#f8fafc;border-radius:13px;padding:11px;margin-top:11px;display:grid;gap:6px}.premium-totals>div{display:flex;justify-content:space-between;align-items:center;font-size:9px}.premium-totals span{color:#667085}.premium-grand-total{border-top:1px dashed #cfd6df;padding-top:9px;margin-top:2px}.premium-grand-total>span{font-weight:800;color:#344054}.premium-grand-total div{text-align:end}.premium-grand-total b,.premium-grand-total small{display:block}.premium-grand-total b{font-size:22px;color:#111827;line-height:1}.premium-grand-total small{font-size:7px;color:#98a2b3;margin-top:2px}.loyalty-checkout-note{display:flex;gap:8px;align-items:flex-start;border:1px solid #f4df9d;background:#fffaf0;color:#8b6112;border-radius:11px;padding:8px;margin-top:9px}.loyalty-checkout-note>span{font-size:15px}.loyalty-checkout-note b,.loyalty-checkout-note small{display:block}.loyalty-checkout-note b{font-size:8px}.loyalty-checkout-note small{font-size:7px;margin-top:2px}.premium-pay-button{width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#172033,#0d1627);color:#fff;padding:11px;margin-top:10px;display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;text-align:start;cursor:pointer;box-shadow:0 10px 24px rgba(17,24,39,.16)}.premium-pay-button:disabled{opacity:.42;cursor:not-allowed}.pay-icon{width:30px;height:30px;border-radius:10px;background:#0f9f8f;display:grid;place-items:center}.premium-pay-button b,.premium-pay-button small{display:block}.premium-pay-button b{font-size:9px}.premium-pay-button small{font-size:7px;color:#aab4c2;margin-top:2px}.premium-pay-button>strong{font-size:13px;white-space:nowrap}

/* Receipt refresh */
.receipt.card{border-radius:22px;box-shadow:var(--premium-shadow-lg);border:1px solid var(--premium-line)}.receipt-head{border-bottom:1px solid #dde4ec}.receipt-totals .grand{border-top:1px solid #172033}.receipt-footer{border-top:1px dashed #cfd6df}

@media(max-width:1250px){.appointment-kpi-row{grid-template-columns:repeat(3,1fr)}.premium-pos-shell{grid-template-columns:1fr}.premium-checkout-panel{position:relative;top:auto}.premium-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.booking-editor-shell{grid-template-columns:1fr}.booking-summary-panel{position:relative;top:auto}.summary-sticky{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-sticky>h3,.summary-sticky>.panel-eyebrow{grid-column:1/-1}.booking-summary-lines{border:0}.premium-booking-save{align-self:end}}
@media(max-width:950px){.pricing-grid{grid-template-columns:1fr}.date-command-bar{grid-template-columns:1fr auto}.view-switcher{grid-column:1/-1;justify-self:start}.appointment-kpi-row{grid-template-columns:repeat(2,1fr)}.booking-service-grid{grid-template-columns:repeat(2,1fr)}.booking-barber-grid{grid-template-columns:repeat(3,1fr)}.premium-slot-grid{grid-template-columns:repeat(6,1fr)}.appointment-detail-hero{grid-template-columns:120px 1px 1fr}.detail-invoice-summary{grid-column:1/-1;text-align:start}.appointment-detail-grid{grid-template-columns:1fr}.premium-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.page-content{padding:18px 12px 35px}.workspace-heading{align-items:flex-start;flex-direction:column}.workspace-heading-actions{width:100%}.workspace-heading-actions .btn{flex:1;text-align:center}.date-command-bar{display:flex;flex-direction:column;align-items:stretch}.date-nav-group{justify-content:center}.date-picker-form input{width:100%}.view-switcher{justify-self:auto}.appointment-kpi-row{grid-template-columns:1fr 1fr}.barber-board{grid-template-columns:1fr}.booking-service-grid,.booking-barber-grid{grid-template-columns:1fr 1fr}.premium-slot-grid{grid-template-columns:repeat(4,1fr)}.customer-booking-row{align-items:stretch;flex-direction:column}.premium-quick-customer{grid-template-columns:1fr}.premium-quick-customer small{grid-column:auto}.booking-date-row{grid-template-columns:1fr}.summary-sticky{display:block}.booking-summary-lines{margin:12px 0}.premium-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-panel-head{align-items:stretch;flex-direction:column}.catalog-search-wrap{min-width:0}.checkout-options{grid-template-columns:1fr}.appointment-detail-hero{grid-template-columns:1fr}.detail-hero-divider{display:none}.detail-invoice-summary{text-align:start}}
@media(max-width:480px){.appointment-kpi-row{grid-template-columns:1fr}.booking-service-grid,.booking-barber-grid{grid-template-columns:1fr}.premium-slot-grid{grid-template-columns:repeat(3,1fr)}.premium-catalog-grid{grid-template-columns:1fr}.payment-methods{grid-template-columns:1fr 1fr}.premium-cart-row{grid-template-columns:1fr auto 55px 24px}.appointment-checkout-banner,.direct-sale-banner{align-items:flex-start;flex-direction:column}.appointment-checkout-price{text-align:start}}
.topbar-quick-actions{display:flex;gap:5px;padding-inline-end:7px;border-inline-end:1px solid #e5e9ef}.top-quick-link{height:36px;display:flex;align-items:center;gap:5px;border-radius:10px;background:#f4f7fa;color:#475467;border:1px solid #e2e7ed;padding:0 9px;font-size:9px;font-weight:850}.top-quick-link.sale{background:#eefaf7;color:#087b70;border-color:#cdece6}.top-quick-link:hover{transform:translateY(-1px)}@media(max-width:760px){.topbar-quick-actions{display:none}}
.premium-subscription-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#172033,#0d1728 60%,#0a766e 150%);color:#fff;border-radius:22px;padding:20px 22px;margin-bottom:17px;box-shadow:0 18px 44px rgba(17,24,39,.14)}.subscription-chip{display:inline-flex;background:#ffffff12;border:1px solid #ffffff18;border-radius:999px;padding:5px 9px;color:#8de2d8;font-size:8px;font-weight:900}.premium-subscription-hero h2{font-size:30px;margin:7px 0 2px}.premium-subscription-hero p{margin:0;color:#aeb9c8;font-size:10px}.subscription-hero-meta{display:flex;gap:8px}.subscription-hero-meta>div{min-width:130px;background:#ffffff0d;border:1px solid #ffffff13;border-radius:13px;padding:10px}.subscription-hero-meta small,.subscription-hero-meta b{display:block}.subscription-hero-meta small{font-size:7px;color:#8f9bad}.subscription-hero-meta b{font-size:9px;margin-top:3px}.active-plan-text{color:#62d9bc}.premium-pricing-card{min-height:360px}.pricing-card-top{min-height:25px;display:flex;align-items:center;justify-content:space-between;width:100%}.plan-code{font-size:8px;color:#98a2b3;font-weight:900;letter-spacing:.8px}.pricing-limits{display:flex;gap:6px;flex-wrap:wrap}.pricing-limits span{background:#f3f5f8;color:#667085;border-radius:999px;padding:5px 8px;font-size:8px}.pricing-feature-list{display:grid;gap:7px;margin:17px 0}.pricing-feature-list span{font-size:9px;color:#475467}.pricing-feature-list i{font-style:normal;width:18px;height:18px;border-radius:50%;background:#eafaf6;color:#087b70;display:inline-grid;place-items:center;margin-inline-end:6px;font-size:7px}.plan-card-action{width:100%;text-align:center;margin-top:auto}.server-enforced-badge{display:flex;align-items:center;gap:5px;background:#eafaf6;color:#087b70;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800}@media(max-width:700px){.premium-subscription-hero{align-items:flex-start;flex-direction:column}.subscription-hero-meta{width:100%}.subscription-hero-meta>div{flex:1;min-width:0}}

/* V6.2 premium dashboard */
.dashboard-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px 32px;margin-bottom:16px;background:radial-gradient(circle at 15% 20%,rgba(24,185,164,.16),transparent 35%),linear-gradient(135deg,#0d172a 0%,#12233b 62%,#103d43 100%);color:#fff;border:0;overflow:hidden;position:relative}
.dashboard-hero:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.09);border-radius:50%;inset-inline-end:-60px;top:-110px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}
.dashboard-hero>div{position:relative;z-index:2}.dashboard-hero .eyebrow{color:#71e0d1}.dashboard-hero h1{font-size:30px;line-height:1.25;margin:5px 0 9px;max-width:760px}.dashboard-hero p{color:#c7d3e4;margin:0;max-width:720px;line-height:1.8}.dashboard-hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.dashboard-primary-action,.dashboard-secondary-action{padding:12px 16px;border-radius:12px;white-space:nowrap}.dashboard-secondary-action{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.dashboard-command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.command-tile{background:#fff;border:1px solid var(--sf-border,#e4e7ec);border-radius:16px;padding:15px;display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;box-shadow:0 5px 18px rgba(16,24,40,.035);transition:.18s}.command-tile:hover{transform:translateY(-2px);border-color:#88d9cf;box-shadow:0 14px 30px rgba(15,159,143,.08)}.command-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edfdf9;color:#087b70;font-size:18px}.command-tile b{display:block;font-size:20px;line-height:1.1}.command-tile div>span{font-size:10px;color:#667085}.command-tile em{font-style:normal;color:#98a2b3;font-size:18px}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:16px;align-items:start}.dashboard-agenda-card{padding:0;overflow:hidden}.dashboard-agenda-card .premium-panel-head{padding:20px 21px;border-bottom:1px solid #eef1f4}.dashboard-agenda-card .premium-panel-head h2{margin:4px 0 4px;font-size:20px}.dashboard-agenda-card .premium-panel-head p{margin:0;color:#667085;font-size:11px}.dashboard-appointment-list{display:grid}.dashboard-appointment-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 20px;border-bottom:1px solid #eef1f4}.dashboard-appointment-row:last-child{border-bottom:0}.dashboard-appointment-row:hover{background:#fbfdfd}.appointment-time-block{border-inline-end:1px solid #e9edf2;padding-inline-end:12px}.appointment-time-block b{display:block;font-size:18px}.appointment-time-block small{display:block;color:#98a2b3;font-size:9px}.appointment-main-info{min-width:0}.appointment-main-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-main-info span{display:block;color:#667085;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-row-actions{display:flex;gap:5px}.mini-action{padding:6px 9px;border-radius:8px;background:#f2f4f7;font-size:10px;font-weight:800}.mini-action.accent{background:#e8faf6;color:#087b70}.premium-empty-state{text-align:center;padding:45px 20px;color:#667085}.premium-empty-state>span{font-size:28px}.premium-empty-state b,.premium-empty-state small{display:block;margin-top:6px}
.dashboard-side-stack{display:grid;gap:16px}.finance-snapshot{margin:0;padding:21px}.finance-big-number{padding:14px 0 17px;border-bottom:1px solid #eef1f4}.finance-big-number small{display:block;color:#667085}.finance-big-number b{display:block;font-size:32px;margin-top:5px}.finance-big-number i{font-style:normal;font-size:11px;color:#667085;font-weight:600}.finance-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0}.finance-mini-grid>div{border:1px solid #eef1f4;border-radius:11px;padding:10px}.finance-mini-grid span{display:block;color:#667085;font-size:9px}.finance-mini-grid b{display:block;margin-top:3px;font-size:14px}.text-action{color:#087b70;font-size:11px;font-weight:800}.booking-share-card{margin:0;display:grid;grid-template-columns:44px 1fr;gap:10px;padding:20px}.booking-share-icon{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#0f9f8f,#087b70);color:#fff;display:grid;place-items:center;font-size:20px}.booking-share-card h3{margin:4px 0 5px}.booking-share-card p{margin:0;color:#667085;font-size:10px;line-height:1.6}.booking-share-card input,.booking-share-actions,.booking-share-card>#copyStatus{grid-column:1/-1}.booking-share-card input{direction:ltr;text-align:left;background:#f8fafc;font-size:10px}.booking-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.booking-share-actions .btn{text-align:center}
.dashboard-status-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:16px}.dashboard-status-flow>div{background:#fff;border:1px solid var(--sf-border,#e4e7ec);border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.dashboard-status-flow span{font-size:10px;color:#667085}.dashboard-status-flow b{font-size:17px}.status-flow-dot{width:8px;height:8px;border-radius:50%}.status-flow-dot.pending{background:#f79009}.status-flow-dot.confirmed{background:#2e90fa}.status-flow-dot.checked{background:#7f56d9}.status-flow-dot.service{background:#06aed4}.status-flow-dot.noshow{background:#98a2b3}
@media(max-width:1150px){.dashboard-command-grid{grid-template-columns:1fr 1fr}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-side-stack{grid-template-columns:1fr 1fr}.dashboard-status-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.dashboard-hero{align-items:flex-start;flex-direction:column;padding:24px 20px}.dashboard-hero h1{font-size:24px}.dashboard-hero-actions{width:100%}.dashboard-hero-actions .btn{flex:1;text-align:center}.dashboard-command-grid{grid-template-columns:1fr 1fr}.dashboard-appointment-row{grid-template-columns:56px minmax(0,1fr) auto}.dashboard-appointment-row>.badge{display:none}.appointment-row-actions{grid-column:2/4}.dashboard-side-stack{grid-template-columns:1fr}.dashboard-status-flow{grid-template-columns:1fr 1fr}.finance-mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.dashboard-command-grid,.dashboard-status-flow{grid-template-columns:1fr}.booking-share-actions{grid-template-columns:1fr}.appointment-row-actions{grid-column:1/-1}}

/* ===== V6.3 POS customer lookup ===== */
.pos-customer-picker{position:relative;margin:12px 0;padding:12px;border:1px solid #e6ebf0;border-radius:15px;background:linear-gradient(180deg,#fbfcfe 0%,#fff 100%)}
.customer-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.customer-picker-head>div>b{display:block;font-size:10px;margin-top:2px}.walkin-button{border:1px solid #dce3ea;background:#fff;border-radius:10px;padding:7px 9px;color:#475467;font-size:8px;font-weight:800;display:flex;align-items:center;gap:5px;cursor:pointer}.walkin-button:hover{border-color:#a6d9d2;color:#087b70;background:#f3fffc}
.customer-lookup-shell{position:relative;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;border:1px solid #dce3ea;background:#fff;border-radius:12px;transition:.15s;box-shadow:0 1px 2px rgba(16,24,40,.02)}.customer-lookup-shell:focus-within{border-color:#66c9bd;box-shadow:0 0 0 3px rgba(15,159,143,.08)}.customer-lookup-shell.has-selection{border-color:#77cbbf;background:#f4fffc}.customer-lookup-icon{display:grid;place-items:center;color:#98a2b3;font-size:15px}.customer-lookup-shell input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:40px;padding:8px 0;font-size:10px}.customer-lookup-clear{border:0;background:transparent;color:#98a2b3;cursor:pointer;font-size:17px}.customer-lookup-hint{font-size:7px;color:#98a2b3;margin-top:5px;padding-inline:3px}
.customer-search-results{position:absolute;z-index:25;inset-inline:12px;top:112px;background:#fff;border:1px solid #e1e6ec;border-radius:13px;box-shadow:0 18px 45px rgba(16,24,40,.16);max-height:300px;overflow:auto;padding:5px}.customer-search-result{width:100%;border:0;background:#fff;border-radius:10px;padding:8px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;text-align:start;cursor:pointer;color:#172033}.customer-search-result:hover{background:#f5fbfa}.customer-result-avatar,.selected-customer-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#172033,#2b3b55);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.customer-result-main b,.customer-result-main small{display:block}.customer-result-main b{font-size:9px}.customer-result-main small{font-size:8px;color:#667085;margin-top:1px}.customer-result-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.customer-result-meta em{font-style:normal;font-size:6.5px;background:#f2f4f7;color:#667085;border-radius:999px;padding:2px 5px}.customer-result-side{text-align:end;min-width:66px}.customer-result-side strong{display:block;font-size:9px;margin-top:4px}.customer-result-side strong small{font-size:6px;color:#98a2b3}.customer-membership-chip{display:inline-block;background:#fff8e8;color:#8b6112;border:1px solid #f3dc9a;border-radius:999px;padding:2px 5px;font-size:6.5px;font-weight:900}.customer-search-loading,.customer-search-empty{padding:16px;text-align:center;color:#667085}.customer-search-loading span{width:18px;height:18px;border:2px solid #dbe5e3;border-top-color:#0f9f8f;border-radius:50%;display:block;margin:0 auto 6px;animation:sfSpin .7s linear infinite}.customer-search-loading b,.customer-search-loading small,.customer-search-empty b,.customer-search-empty small{display:block}.customer-search-loading b,.customer-search-empty b{font-size:9px}.customer-search-loading small,.customer-search-empty small{font-size:7px;color:#98a2b3;margin-top:2px}.customer-search-empty>span{font-size:18px;color:#98a2b3}.customer-search-empty button{border:0;background:#ecfaf7;color:#087b70;border-radius:9px;padding:7px 9px;margin-top:8px;font-size:8px;font-weight:900;cursor:pointer}.customer-search-empty.error{color:#b42318}@keyframes sfSpin{to{transform:rotate(360deg)}}
.selected-pos-customer{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #b9e4dd;background:linear-gradient(135deg,#f4fffc,#fbfffe);border-radius:12px;padding:9px;margin-top:8px}.selected-customer-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#0f9f8f,#087b70)}.selected-customer-main>small,.selected-customer-main>b,.selected-customer-main>span{display:block}.selected-customer-main>small{font-size:7px;color:#0b8175;font-weight:900}.selected-customer-main>b{font-size:10px;margin-top:1px}.selected-customer-main>span{font-size:8px;color:#667085;margin-top:1px}.selected-customer-stats{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.selected-customer-stats>span{display:inline-flex;align-items:center;gap:2px;background:#fff;border:1px solid #e6eeec;border-radius:999px;padding:2px 5px;font-size:6.5px;color:#667085}.selected-customer-stats b{font-size:7px;color:#172033}.change-customer-button{border:0;background:#fff;color:#087b70;border-radius:8px;padding:6px 8px;font-size:7px;font-weight:900;cursor:pointer;box-shadow:0 1px 4px rgba(16,24,40,.07)}
.quick-customer-box{margin-top:8px;border:1px dashed #a8dcd5;background:#f8fffd;border-radius:12px;padding:9px}.quick-customer-title{display:flex;gap:7px;align-items:flex-start}.quick-customer-title>span{width:26px;height:26px;border-radius:8px;background:#e5f8f4;color:#087b70;display:grid;place-items:center;font-weight:900}.quick-customer-title b,.quick-customer-title small{display:block}.quick-customer-title b{font-size:8px}.quick-customer-title small{font-size:7px;color:#667085;margin-top:1px}.quick-customer-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:5px;margin-top:7px}.quick-customer-fields input{min-height:34px;font-size:8px}.quick-customer-save{border:0;background:#0f9f8f;color:#fff;border-radius:9px;padding:6px 9px;font-size:7.5px;font-weight:900;cursor:pointer}.quick-customer-save:disabled{opacity:.5}.quick-customer-error{margin-top:5px;background:#fff1ef;color:#b42318;border-radius:8px;padding:6px 8px;font-size:7px}
@media(max-width:800px){.customer-search-results{position:static;margin-top:6px}.quick-customer-fields{grid-template-columns:1fr}.customer-result-meta em:nth-child(3){display:none}}

/* =========================================================
   SalonFlow V6.4 - Growth commerce, premium POS & CRM
   ========================================================= */
/* POS customer benefits & authoritative quote */
.appointment-customer-card{align-items:flex-start}.checkout-customer-benefits{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.checkout-customer-benefits>span{display:inline-flex;align-items:center;gap:3px;border:1px solid #e8ecef;background:#fff;border-radius:999px;padding:3px 6px;font-size:7px;color:#667085;font-weight:800}
.pos-benefits-panel{margin:12px 0;border:1px solid #dfe8e6;background:linear-gradient(180deg,#fbfffe,#f8fbfb);border-radius:15px;padding:12px}.pos-benefits-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.pos-benefits-head b{display:block;font-size:10px;margin-top:2px}.benefits-live-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #cfebe6;background:#edfbf8;color:#087b70;border-radius:999px;padding:5px 7px;font-size:6.5px;font-weight:900;white-space:nowrap}.benefits-live-badge i{width:6px;height:6px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px #12b76a1a}.benefit-toggle{display:grid;grid-template-columns:18px 28px 1fr;gap:8px;align-items:center;border:1px solid #e4ebe9;background:#fff;border-radius:11px;padding:8px;cursor:pointer}.benefit-toggle input{width:15px;height:15px;accent-color:#0f9f8f}.benefit-toggle-icon{width:28px;height:28px;border-radius:8px;background:#eafaf6;color:#087b70;display:grid;place-items:center}.benefit-toggle b,.benefit-toggle small{display:block}.benefit-toggle b{font-size:8px}.benefit-toggle small{font-size:6.5px;color:#8b96a7;margin-top:2px}.benefit-toggle:has(input:disabled){opacity:.5;cursor:not-allowed}
.benefit-entry-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:8px}.benefit-entry>label{display:flex;align-items:center;gap:4px;font-size:7px;font-weight:900;color:#475467;margin-bottom:4px}.benefit-entry>label>span:first-child{color:#0c897c}.benefit-input{position:relative;display:flex;align-items:center;border:1px solid #dfe5ea;background:#fff;border-radius:10px;min-height:35px;overflow:hidden}.benefit-input:focus-within{border-color:#70cbc0;box-shadow:0 0 0 3px #0f9f8f0d}.benefit-input input{width:100%;border:0!important;box-shadow:none!important;background:transparent!important;min-height:34px;font-size:8px;padding:7px 9px}.benefit-state{font-size:6.5px;font-weight:900;color:#087b70;padding-inline-end:7px;white-space:nowrap}.benefit-state.applied{color:#067647}.points-input button{align-self:stretch;border:0;border-inline-start:1px solid #e5e9ee;background:#f7faf9;color:#087b70;padding:0 8px;font-size:7px;font-weight:900;cursor:pointer}.points-input button:disabled,.benefit-input input:disabled{opacity:.45;cursor:not-allowed}.benefit-entry>small{display:block;color:#98a2b3;font-size:6.5px;margin-top:3px}.quote-status{display:flex;align-items:center;gap:7px;margin-top:8px;border-radius:9px;padding:7px 8px;background:#f3f5f7;color:#667085;font-size:7px;font-weight:700}.quote-status.success{background:#ecfdf3;color:#067647}.quote-status.error{background:#fef3f2;color:#b42318}.quote-status.loading{background:#f0f9ff;color:#175cd3}.quote-spinner{width:12px;height:12px;border:2px solid #d5e1ef;border-top-color:#2e90fa;border-radius:50%;animation:sfSpin .7s linear infinite;flex:0 0 auto}
.premium-totals-detailed .benefit-total-row b,.premium-totals-detailed .gift-total-row b{color:#067647}.premium-totals-detailed .is-zero{opacity:.46}.premium-totals-detailed .total-icon{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:5px;background:#eef8f6;color:#087b70;margin-inline-end:4px;font-size:7px}.premium-totals-detailed .invoice-total-line{margin-top:3px;padding-top:7px;border-top:1px dashed #dce2e8}.premium-totals-detailed .invoice-total-line b{font-size:11px}.premium-totals-detailed .gift-total-row{background:#fff9e9;margin-inline:-5px;padding-inline:5px;border-radius:7px}.premium-totals-detailed .premium-grand-total{margin-top:6px}

/* Growth commerce management views */
.packages-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:14px;margin-bottom:14px}.commerce-form-card,.commerce-list-card{background:#fff;border:1px solid var(--sf-border,#e4e7ec);border-radius:18px;padding:17px;box-shadow:0 8px 24px rgba(16,24,40,.035)}.commerce-form{display:grid;gap:10px}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.commerce-form label{display:block;font-size:8px;font-weight:800;color:#475467;margin-bottom:4px}.commerce-form input,.commerce-form select,.inline-commerce-form select{width:100%;min-height:38px;border:1px solid #dce2e8;border-radius:10px;padding:8px 9px}.package-builder{border:1px solid #e4e8ed;background:#fafcfd;border-radius:12px;padding:9px}.package-builder-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.package-builder-head b{font-size:8px}.package-builder-row{display:grid;grid-template-columns:1fr 74px 31px;gap:5px;margin-top:5px}.package-builder-row select,.package-builder-row input{min-height:34px;font-size:8px}.package-builder-row button{border:0;border-radius:8px;background:#fff1ef;color:#b42318;font-weight:900;cursor:pointer}.switch-line{display:flex!important;gap:8px;align-items:center;border:1px solid #eef1f4;border-radius:10px;padding:9px;background:#fbfcfd}.switch-line input{width:16px!important;min-height:auto!important}.wide{width:100%;justify-content:center}.package-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.service-package-card{position:relative;border:1px solid #e4e8ed;border-radius:14px;padding:14px;background:linear-gradient(180deg,#fff,#fbfcfd)}.service-package-card h3{font-size:12px;margin:9px 0 3px}.service-package-card>strong{font-size:19px}.service-package-card>strong small{font-size:7px;color:#98a2b3}.service-package-card p{min-height:28px;color:#667085;font-size:7.5px;line-height:1.55}.service-package-card>div{display:flex;justify-content:space-between;color:#98a2b3;font-size:7px;border-top:1px solid #eef1f4;padding-top:7px}.inline-commerce-form{display:grid;grid-template-columns:1.4fr 1.4fr .7fr auto;gap:7px;margin-top:10px}.customer-package-list{display:grid;gap:6px;margin-top:12px}.customer-package-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:8px;align-items:center;border:1px solid #e9edf1;border-radius:11px;padding:8px}.customer-package-row>div b,.customer-package-row>div small,.customer-package-row>div span{display:block}.customer-package-row>div b{font-size:9px}.customer-package-row>div small,.customer-package-row>div span{font-size:7px;color:#7e8999}.customer-package-row>strong{font-size:10px}.customer-package-row>strong small{display:block;font-size:6px;color:#98a2b3}

.commerce-page-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:14px}.commerce-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.commerce-stat{border:1px solid #e7ebef;background:#fff;border-radius:13px;padding:12px}.commerce-stat span{display:block;color:#98a2b3;font-size:7px}.commerce-stat b{display:block;font-size:20px;margin-top:2px}.commerce-table{width:100%;border-collapse:separate;border-spacing:0 6px}.commerce-table th{font-size:7px;color:#98a2b3;text-align:start;padding:0 8px}.commerce-table td{font-size:8px;padding:9px 8px;background:#fafbfc;border-top:1px solid #eceff2;border-bottom:1px solid #eceff2}.commerce-table td:first-child{border-inline-start:1px solid #eceff2;border-radius:0 9px 9px 0}.commerce-table td:last-child{border-inline-end:1px solid #eceff2;border-radius:9px 0 0 9px}html[dir="ltr"] .commerce-table td:first-child{border-radius:9px 0 0 9px}html[dir="ltr"] .commerce-table td:last-child{border-radius:0 9px 9px 0}

/* Premium receipt */
.receipt-page-heading{max-width:920px;margin-inline:auto}.premium-receipt-wrap{max-width:920px;margin:0 auto 30px}.premium-receipt{background:#fff;border:1px solid #e5e9ee;border-radius:22px;padding:26px;box-shadow:0 22px 60px rgba(16,24,40,.08);position:relative;overflow:hidden}.premium-receipt:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--receipt-primary,#0f766e),var(--receipt-accent,#14b8a6))}.premium-receipt-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #edf0f3}.receipt-brand-block{display:flex;gap:11px;align-items:center}.receipt-logo-img,.receipt-logo-fallback{width:52px;height:52px;border-radius:15px;object-fit:cover}.receipt-logo-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--receipt-primary),var(--receipt-accent));color:#fff;font-weight:900}.receipt-brand-block h2{margin:0;font-size:19px}.receipt-brand-block p{margin:3px 0 0;color:#7d8999;font-size:9px}.receipt-number-block{text-align:end}.receipt-number-block small,.receipt-number-block strong,.receipt-number-block span{display:block}.receipt-number-block small{font-size:7px;color:#98a2b3}.receipt-number-block strong{font-size:22px;margin:2px 0}.receipt-number-block span{font-size:8px;color:#667085}.receipt-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 0}.receipt-meta-grid>div{border:1px solid #edf0f3;background:#fbfcfd;border-radius:11px;padding:10px}.receipt-meta-grid span,.receipt-meta-grid b,.receipt-meta-grid small{display:block}.receipt-meta-grid>div>span{font-size:7px;color:#98a2b3}.receipt-meta-grid b{font-size:10px;margin-top:2px}.receipt-meta-grid small{font-size:7px;color:#7d8999;margin-top:2px}.premium-receipt-table-wrap{overflow:auto}.premium-receipt-table{width:100%;border-collapse:collapse}.premium-receipt-table th{font-size:7px;color:#98a2b3;text-align:start;padding:8px;border-bottom:1px solid #e8ecf0}.premium-receipt-table td{font-size:8px;padding:11px 8px;border-bottom:1px solid #f0f2f4}.premium-receipt-table td b,.premium-receipt-table td small{display:block}.premium-receipt-table td small{font-size:6.5px;color:#98a2b3;margin-top:2px}.receipt-benefit-chip{display:inline-block;background:#edf9f6;color:#087b70;border-radius:999px;padding:2px 5px;font-size:6.5px;margin:1px}.receipt-settlement-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;margin-top:18px}.receipt-payment-story{border:1px solid #ebeff2;background:#fbfcfd;border-radius:13px;padding:12px}.receipt-payment-story>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed #e4e8ec;font-size:8px}.receipt-payment-story>div:last-child{border:0}.premium-receipt-totals{display:grid;gap:7px}.premium-receipt-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:8px}.premium-receipt-totals .benefit b,.premium-receipt-totals .gift b{color:#067647}.receipt-invoice-total{border-top:1px solid #e4e8ed;padding-top:8px;margin-top:2px}.receipt-invoice-total b{font-size:12px}.receipt-amount-due{background:linear-gradient(135deg,#172033,#25334b);color:#fff;border-radius:11px;padding:11px;margin-top:3px}.receipt-amount-due b{font-size:13px}.receipt-note{margin-top:15px;border:1px solid #f3dfae;background:#fffbeb;border-radius:10px;padding:9px;font-size:8px}.receipt-note b{margin-inline-end:6px}.premium-receipt-footer{text-align:center;border-top:1px dashed #dce2e8;margin-top:20px;padding-top:16px}.premium-receipt-footer p{font-size:9px;margin:0 0 6px}.premium-receipt-footer small{font-size:7px;color:#98a2b3}

/* Customer profile + portal launcher */
.customer-profile-hero{padding:18px;display:grid;grid-template-columns:1fr 1.3fr;gap:18px;align-items:center}.customer-profile-identity{display:flex;align-items:center;gap:12px}.customer-profile-avatar{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#172033,#0f9f8f);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.customer-profile-identity small,.customer-profile-identity h2,.customer-profile-identity p{display:block;margin:0}.customer-profile-identity small{font-size:7px;color:#0b8175;font-weight:900}.customer-profile-identity h2{font-size:20px;margin-top:2px}.customer-profile-identity p{font-size:9px;color:#667085;margin-top:3px}.customer-note{display:inline-block;margin-top:6px;background:#f4f6f8;border-radius:7px;padding:4px 6px;color:#667085;font-size:7px}.customer-profile-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.customer-profile-kpis>div{border:1px solid #e8ecf0;background:#fbfcfd;border-radius:12px;padding:10px}.customer-profile-kpis>div>span{font-size:8px;color:#0f8f82;font-weight:900}.customer-profile-kpis b{display:block;font-size:17px;margin-top:3px}.customer-profile-kpis small{display:block;font-size:6.5px;color:#8b96a6;margin-top:2px}.customer-profile-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:14px;margin-top:14px}.customer-profile-main,.customer-benefits-card,.portal-share-card{padding:17px;margin:0}.customer-profile-side{display:grid;gap:14px;align-content:start}.customer-visit-list{display:grid;gap:6px}.customer-visit-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto 16px;gap:8px;align-items:center;text-decoration:none;color:inherit;border:1px solid #e9edf1;border-radius:11px;padding:8px;background:#fff}.customer-visit-row:hover{border-color:#b6ded8;background:#fbfffe}.visit-date{width:44px;text-align:center;border-radius:9px;background:#f4f7f9;padding:5px}.visit-date b,.visit-date span,.visit-date small{display:block}.visit-date b{font-size:14px}.visit-date span,.visit-date small{font-size:6px;color:#8b96a6}.visit-main b,.visit-main span,.visit-main small{display:block}.visit-main b{font-size:9px}.visit-main span,.visit-main small{font-size:7px;color:#7d8999;margin-top:2px}.customer-visit-row>strong{font-size:9px}.customer-visit-row>strong small{font-size:6px;color:#98a2b3}.customer-visit-row>i{font-style:normal;color:#98a2b3}.customer-benefit-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.customer-benefit-summary>div{display:flex;gap:8px;align-items:center;border:1px solid #e8ecef;border-radius:11px;padding:9px}.customer-benefit-summary>div>span{width:29px;height:29px;border-radius:9px;background:#ecfaf7;color:#087b70;display:grid;place-items:center}.customer-benefit-summary b,.customer-benefit-summary small{display:block}.customer-benefit-summary b{font-size:13px}.customer-benefit-summary small{font-size:6px;color:#98a2b3}.customer-package-mini-list{display:grid;gap:5px;margin-top:9px}.customer-package-mini-list>div{display:grid;grid-template-columns:25px 1fr auto;gap:6px;align-items:center;border-top:1px solid #f0f2f4;padding-top:7px}.customer-package-mini-list>div>span{width:25px;height:25px;border-radius:7px;background:#f1f5f9;display:grid;place-items:center}.customer-package-mini-list b,.customer-package-mini-list small{display:block}.customer-package-mini-list b{font-size:8px}.customer-package-mini-list small,.customer-package-mini-list em{font-size:6.5px;color:#8b96a7;font-style:normal}.customer-benefit-actions{display:flex;gap:6px;margin-top:10px}.portal-share-card{display:grid;grid-template-columns:38px 1fr;gap:9px;background:linear-gradient(145deg,#172033,#101827);color:#fff;border:0}.portal-share-icon{width:38px;height:38px;border-radius:11px;background:#0f9f8f;display:grid;place-items:center}.portal-share-card h3{font-size:12px;margin:2px 0 3px}.portal-share-card p{font-size:7px;color:#abb7c8;line-height:1.55;margin:0}.portal-share-card input,.portal-share-actions{grid-column:1/-1}.portal-share-card input{background:#ffffff0e;border:1px solid #ffffff17;color:#d9e1eb;direction:ltr;text-align:left;font-size:7px}.portal-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.portal-share-actions .premium-ghost{color:#dce4ef;border-color:#ffffff24;background:#ffffff0c}

/* Customer public portal */
.customer-portal-body{margin:0;background:radial-gradient(circle at top right,#e9faf6,#f4f7fa 32%,#f7f8fb);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;color:#172033}.portal-header{max-width:1120px;margin:0 auto;padding:18px 18px 6px;display:flex;justify-content:space-between;align-items:center}.portal-brand{display:flex;gap:8px;align-items:center}.portal-brand>img,.portal-brand>span{width:40px;height:40px;border-radius:12px;object-fit:cover}.portal-brand>span{display:grid;place-items:center;background:linear-gradient(135deg,var(--portal-primary),var(--portal-accent));color:#fff;font-weight:900}.portal-brand b,.portal-brand small{display:block}.portal-brand b{font-size:12px}.portal-brand small{font-size:7px;color:#8490a2}.customer-portal-page{max-width:1120px;margin:0 auto;padding:10px 18px 40px}.portal-hero{background:linear-gradient(135deg,#172033 0,#0f2531 60%,var(--portal-primary) 160%);border-radius:22px;color:#fff;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 22px 55px #10182818}.portal-hero h1{font-size:28px;margin:8px 0 5px}.portal-hero p{margin:0;color:#b7c3d2;font-size:9px}.portal-hero-actions{display:grid;grid-template-columns:auto auto;gap:7px;align-items:stretch}.portal-points{grid-row:1/3;background:#ffffff0e;border:1px solid #ffffff15;border-radius:15px;padding:12px 18px;text-align:center;min-width:115px}.portal-points>span,.portal-points>strong,.portal-points>small{display:block}.portal-points>span{color:#fde68a}.portal-points>strong{font-size:24px;margin:2px 0}.portal-points>small{font-size:7px;color:#aebacc}.portal-primary-action,.portal-secondary-action{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:11px;padding:8px 12px;font-size:8px;font-weight:900}.portal-primary-action{background:var(--portal-accent);color:#fff}.portal-secondary-action{background:#ffffff0d;border:1px solid #ffffff1c;color:#e9eef5}.portal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.portal-kpis>div{background:#fff;border:1px solid #e7ebef;border-radius:13px;padding:12px}.portal-kpis b,.portal-kpis span{display:block}.portal-kpis b{font-size:19px}.portal-kpis span{font-size:7px;color:#8490a2;margin-top:2px}.portal-section{background:#fff;border:1px solid #e7ebef;border-radius:17px;padding:16px;margin-top:12px}.portal-section-head small{display:block;font-size:7px;color:var(--portal-primary);font-weight:900}.portal-section-head h2{font-size:15px;margin:2px 0 10px}.portal-card-list{display:grid;gap:6px}.portal-appointment-card{display:grid;grid-template-columns:43px 1fr auto auto;gap:8px;align-items:center;border:1px solid #ecf0f2;border-radius:11px;padding:8px}.portal-date{text-align:center;background:#f3f6f8;border-radius:9px;padding:5px}.portal-date b,.portal-date span{display:block}.portal-date b{font-size:14px}.portal-date span{font-size:6px;color:#8b96a7}.portal-appointment-card>div:nth-child(2)>b,.portal-appointment-card>div:nth-child(2)>small{display:block}.portal-appointment-card>div:nth-child(2)>b{font-size:9px}.portal-appointment-card>div:nth-child(2)>small{font-size:7px;color:#8490a2;margin:2px 0}.portal-appointment-card>strong{font-size:9px}.portal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-benefit,.portal-sale{display:flex;align-items:center;gap:8px;border-top:1px solid #f0f2f4;padding:8px 0}.portal-benefit>span{width:28px;height:28px;border-radius:8px;background:#edfaf7;color:#087b70;display:grid;place-items:center}.portal-benefit>div{flex:1}.portal-benefit b,.portal-benefit small,.portal-sale span,.portal-sale small{display:block}.portal-benefit b{font-size:8px}.portal-benefit small,.portal-benefit em{font-size:6.5px;color:#8b96a7;font-style:normal}.portal-sale{justify-content:space-between}.portal-sale>span{font-size:8px}.portal-sale>span small{font-size:6px;color:#98a2b3}.portal-sale>b{font-size:9px}.portal-sale>small{font-size:6.5px;color:#8b96a7}.portal-gift-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.portal-gift-card{display:grid;grid-template-columns:30px 1fr auto;gap:7px;align-items:center;background:linear-gradient(135deg,#fff9e8,#fff);border:1px solid #f2e2af;border-radius:11px;padding:9px}.portal-gift-card>span{width:30px;height:30px;border-radius:9px;background:#fff0bd;display:grid;place-items:center}.portal-gift-card b,.portal-gift-card small{display:block}.portal-gift-card b{font-size:8px}.portal-gift-card small{font-size:6px;color:#9c7a20}.portal-gift-card>strong{font-size:10px}.portal-gift-card>strong small{font-size:6px;color:#9c7a20}.portal-footer{text-align:center;color:#98a2b3;font-size:7px;padding:20px 0}

@media(max-width:1000px){.benefit-entry-grid{grid-template-columns:1fr}.packages-layout,.commerce-page-grid,.customer-profile-grid{grid-template-columns:1fr}.receipt-settlement-grid{grid-template-columns:1fr}.customer-profile-hero{grid-template-columns:1fr}.inline-commerce-form{grid-template-columns:1fr 1fr}.portal-two-col{grid-template-columns:1fr}.portal-gift-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.pos-benefits-head{flex-direction:column}.benefits-live-badge{align-self:flex-start}.package-card-grid{grid-template-columns:1fr}.inline-commerce-form{grid-template-columns:1fr}.premium-receipt{padding:18px 13px;border-radius:16px}.premium-receipt-head{flex-direction:column}.receipt-number-block{text-align:start}.receipt-meta-grid{grid-template-columns:1fr}.customer-profile-kpis{grid-template-columns:1fr 1fr}.customer-visit-row{grid-template-columns:42px 1fr auto}.customer-visit-row>.status-pill,.customer-visit-row>i{display:none}.portal-share-actions{grid-template-columns:1fr}.portal-hero{flex-direction:column;align-items:flex-start}.portal-hero-actions{width:100%;grid-template-columns:1fr 1fr}.portal-points{grid-row:auto;grid-column:1/-1}.portal-kpis{grid-template-columns:1fr 1fr}.portal-appointment-card{grid-template-columns:40px 1fr auto}.portal-appointment-card>a{grid-column:2/4}.portal-gift-grid{grid-template-columns:1fr}}
@media(max-width:460px){.customer-profile-kpis{grid-template-columns:1fr}.customer-benefit-summary{grid-template-columns:1fr}.portal-kpis{grid-template-columns:1fr 1fr}.portal-hero-actions{grid-template-columns:1fr}.portal-points{grid-column:auto}}

@media print{
  .app-sidebar,.app-topbar,.no-print,.alert{display:none!important}.app-shell,.app-main,.page-content{display:block!important;margin:0!important;padding:0!important;width:auto!important}.premium-receipt-wrap{max-width:none;margin:0}.premium-receipt{box-shadow:none;border:0;border-radius:0;padding:8mm}.premium-receipt:before{height:3px}.premium-receipt-table{page-break-inside:auto}.premium-receipt-table tr{page-break-inside:avoid}.premium-receipt-footer{page-break-inside:avoid}
}

/* V6.4 promotions, gift cards and branding */
.growth-commerce-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:14px}.form-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.commerce-form select{width:100%;min-height:38px;border:1px solid #dce2e8;border-radius:10px;padding:8px 9px;background:#fff}.coupon-card-list{display:grid;gap:7px}.coupon-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;border:1px solid #e7ebef;border-radius:12px;padding:10px;background:#fff}.coupon-card.live{border-color:#bde6df;background:linear-gradient(135deg,#f8fffd,#fff)}.coupon-card.muted-card{opacity:.68}.coupon-code{font-family:Consolas,monospace;background:#172033;color:#fff;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:900;letter-spacing:.6px}.coupon-copy b,.coupon-copy small,.coupon-copy span{display:block}.coupon-copy b{font-size:9px}.coupon-copy small,.coupon-copy span{font-size:6.5px;color:#8490a2;margin-top:2px}.coupon-usage{text-align:center}.coupon-usage b,.coupon-usage small{display:block}.coupon-usage b{font-size:14px}.coupon-usage small{font-size:6px;color:#98a2b3}.gift-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gift-card-visual{min-height:150px;border-radius:17px;padding:14px;color:#fff;background:radial-gradient(circle at top right,#4f7f93 0,#1d3441 26%,#101827 75%);box-shadow:0 12px 26px rgba(16,24,40,.14);position:relative;overflow:hidden}.gift-card-visual:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:#14b8a61c;right:-55px;top:-60px}.gift-card-visual.disabled{filter:grayscale(.75);opacity:.65}.gift-card-top{display:flex;justify-content:space-between;position:relative;z-index:1;font-size:8px}.gift-card-visual>strong{display:block;font-size:24px;margin-top:22px;position:relative;z-index:1}.gift-card-visual>strong small{font-size:7px}.gift-card-visual>code{display:block;margin-top:7px;letter-spacing:1px;color:#c9d5df;font-size:8px;position:relative;z-index:1}.gift-card-visual>div:nth-of-type(2){display:flex;justify-content:space-between;margin-top:17px;font-size:7px;color:#b5c1ce;position:relative;z-index:1}.gift-card-visual>small{display:block;font-size:6px;color:#8190a2;margin-top:5px;position:relative;z-index:1}.branding-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.color-input{display:grid;grid-template-columns:1fr 42px;gap:5px}.color-input input[type=color]{padding:2px;min-height:38px}.brand-preview-card{position:sticky;top:85px;border-radius:22px;background:#fff;border:1px solid #e4e8ed;overflow:hidden;box-shadow:0 20px 45px #1018280c}.brand-preview-cover{height:110px;background:linear-gradient(135deg,var(--preview-primary),var(--preview-accent));background-size:cover;background-position:center;padding:12px}.brand-preview-cover>span{display:inline-block;background:#ffffffdd;color:#172033;border-radius:999px;padding:4px 7px;font-size:6px;font-weight:900}.brand-preview-content{padding:0 20px 20px;text-align:center}.brand-preview-logo{width:62px;height:62px;border-radius:18px;background:#fff;margin:-31px auto 8px;box-shadow:0 8px 20px #10182818;padding:5px;position:relative}.brand-preview-logo img,.brand-preview-logo span{width:100%;height:100%;border-radius:14px;object-fit:cover}.brand-preview-logo span{display:grid;place-items:center;background:linear-gradient(135deg,var(--preview-primary),var(--preview-accent));color:#fff;font-weight:900}.brand-preview-content h2{font-size:18px;margin:3px 0}.brand-preview-content p{font-size:8px;color:#8490a2;min-height:28px}.brand-preview-content>button{border:0;border-radius:11px;background:linear-gradient(135deg,var(--preview-accent),var(--preview-primary));color:#fff;padding:9px 16px;font-size:8px;font-weight:900}.brand-preview-slots{display:flex;justify-content:center;gap:5px;margin:12px 0}.brand-preview-slots span{border:1px solid #dfe5ea;border-radius:7px;padding:5px 7px;font-size:7px}.brand-preview-content>small{font-size:6px;color:#a0a9b6}
@media(max-width:1000px){.growth-commerce-grid,.branding-layout{grid-template-columns:1fr}.brand-preview-card{position:static}.form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.form-grid.two,.form-grid.three{grid-template-columns:1fr}.gift-card-grid{grid-template-columns:1fr}.coupon-card{grid-template-columns:1fr auto}.coupon-code,.coupon-copy{grid-column:1}.coupon-usage,.coupon-card>.status-pill{grid-column:2}.branding-layout{display:block}.brand-preview-card{margin-top:14px}}

/* =========================================================
   SalonFlow V7 — Admin UX, Smart POS, CRM, Reports & Printing
   ========================================================= */
:root{
  --v7-navy:#0e1728;--v7-ink:#162033;--v7-muted:#7b8798;--v7-line:#e5eaf0;--v7-soft:#f5f7fa;
  --v7-teal:#0e9f8f;--v7-teal-dark:#087a70;--v7-blue:#3157d5;--v7-green:#12805c;--v7-red:#b42318;--v7-amber:#d97706;--v7-violet:#7257d8;
}

/* Collapsible desktop navigation */
.sidebar-head-actions{display:flex;align-items:center;gap:4px}.sidebar-collapse-toggle,.desktop-sidebar-toggle{border:0;background:transparent;color:#91a0b8;cursor:pointer;border-radius:9px;display:grid;place-items:center}.sidebar-collapse-toggle{width:30px;height:30px}.sidebar-collapse-toggle:hover,.desktop-sidebar-toggle:hover{background:#ffffff0d;color:#fff}.desktop-sidebar-toggle{width:36px;height:36px;border:1px solid #dfe5ec;background:#fff;color:#516079;font-size:16px}.topbar-start{gap:10px}
body.sidebar-collapsed .app-shell{grid-template-columns:82px minmax(0,1fr)}
body.sidebar-collapsed .app-sidebar{padding-inline:9px}
body.sidebar-collapsed .brand-modern>span:last-child,body.sidebar-collapsed .app-nav a .lang-ar,body.sidebar-collapsed .app-nav a .lang-en,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .sidebar-version,body.sidebar-collapsed .sidebar-close{display:none!important}
body.sidebar-collapsed .brand-modern{justify-content:center}body.sidebar-collapsed .sidebar-head{justify-content:center;flex-direction:column;gap:8px}
body.sidebar-collapsed .app-nav a{display:grid;place-items:center;padding:11px 8px;margin:5px 0;position:relative}body.sidebar-collapsed .app-nav .nav-icon{margin:0;font-size:17px}
body.sidebar-collapsed .app-nav a:hover:after{content:attr(data-nav-label);position:absolute;inset-inline-start:64px;z-index:90;background:#0b1220;color:#fff;padding:7px 9px;border-radius:8px;font-size:9px;white-space:nowrap;box-shadow:0 10px 24px #0003}
body.sidebar-collapsed .sidebar-foot{border:0}.app-shell,.app-sidebar{transition:grid-template-columns .2s ease,width .2s ease,padding .2s ease}

/* POS V7: denser visual hierarchy, more cashier-like */
.pos-workspace-heading{margin-bottom:14px}.pos-workspace-heading h1{font-size:28px}.premium-pos-shell{grid-template-columns:minmax(0,1.5fr) minmax(420px,.7fr);gap:14px}.premium-pos-catalog{background:linear-gradient(180deg,#fff,#fbfcfe);padding:16px}.premium-checkout-panel{top:76px;border-color:#dde4eb;box-shadow:0 20px 60px rgba(16,24,40,.09)}
.premium-panel-head{padding-bottom:11px;border-bottom:1px solid #eef1f4}.catalog-search-wrap{min-width:280px;background:#f9fafb}.catalog-tabs{margin-bottom:10px}.premium-catalog-grid{grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px}.premium-catalog-item{min-height:74px;border-radius:12px;padding:9px}.premium-catalog-item:hover{border-color:#62cdbf;box-shadow:0 9px 24px rgba(15,159,143,.09)}
.premium-cart-rows{max-height:360px}.checkout-customer{border-color:#dbe7e4;background:linear-gradient(135deg,#f7fffd,#fbfdfd)}.selected-pos-customer{border:1px solid #bde8e1;background:#f4fffc}.premium-totals{background:#f6f8fb;border:1px solid #e8edf2}.premium-grand-total b{font-size:25px}.premium-pay-button{min-height:60px;background:linear-gradient(135deg,#0d826f,#0a635b);box-shadow:0 14px 28px rgba(13,130,111,.2)}.pay-icon{background:#fff;color:#0b8175}
.recent-sales-premium{margin-top:14px}.recent-sale-list{grid-template-columns:repeat(2,minmax(0,1fr))}.recent-sale-card{grid-template-columns:58px 1fr auto 13px}.direct-sale-banner{padding:12px 15px}.appointment-checkout-banner{padding:12px 15px}

/* Weekly planner V7 */
.weekly-command-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--v7-line);border-radius:18px;padding:11px 12px;margin-bottom:10px;box-shadow:0 7px 22px rgba(16,24,40,.035)}.weekly-nav{display:flex;gap:5px;align-items:center}.weekly-nav a{height:34px;min-width:34px;border:1px solid #e1e6ec;border-radius:10px;background:#fff;display:grid;place-items:center;text-decoration:none;color:#344054;font-size:20px}.weekly-nav a.today{padding:0 11px;font-size:9px;font-weight:800;color:#087a70;background:#effbf8}.weekly-summary{display:flex;justify-content:center;gap:8px}.weekly-summary>span{min-width:86px;padding:7px 10px;border-radius:11px;background:#f7f9fb;text-align:center}.weekly-summary b,.weekly-summary small{display:block}.weekly-summary b{font-size:16px}.weekly-summary small{font-size:7px;color:#8a95a6}.weekly-summary .blue{background:#eef3ff;color:#3157d5}.weekly-summary .green{background:#edf9f3;color:#12805c}.weekly-summary .red{background:#fff1ef;color:#b42318}.weekly-view-switch{display:inline-flex;padding:3px;background:#f1f3f6;border-radius:10px}.weekly-view-switch button{border:0;background:transparent;border-radius:8px;padding:7px 10px;font-size:8px;color:#667085;cursor:pointer}.weekly-view-switch button.active{background:#fff;color:#182230;font-weight:900;box-shadow:0 2px 7px #10182812}.weekly-filter-row{display:flex;gap:8px;justify-content:flex-end;margin-bottom:10px}.weekly-filter-search{display:flex;align-items:center;gap:7px;border:1px solid #dfe5eb;background:#fff;border-radius:11px;padding:0 10px;min-width:320px}.weekly-filter-search input{border:0;box-shadow:none!important;min-height:36px;padding:5px 0}.weekly-filter-row select{width:auto;min-width:140px;min-height:36px}.weekly-board-pro{display:grid;grid-template-columns:repeat(7,minmax(180px,1fr));gap:8px;overflow-x:auto;padding-bottom:8px}.weekly-day-pro{min-width:180px;background:#f7f9fb;border:1px solid #e3e8ee;border-radius:16px;overflow:hidden}.weekly-day-pro.today{border-color:#50c7b9;box-shadow:0 0 0 2px #0f9f8f0c}.weekly-day-pro>header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:11px;border-bottom:1px solid #e9edf2}.weekly-day-pro>header>div{display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:center}.weekly-day-pro>header small{grid-column:1/-1;color:#7d899a;font-size:8px}.weekly-day-pro>header b{font-size:20px}.weekly-day-pro>header span{font-size:8px;color:#98a2b3}.weekly-day-pro>header em{font-style:normal;background:#eef3f7;color:#667085;border-radius:999px;padding:4px 7px;font-size:8px}.weekly-day-body{padding:7px;display:grid;gap:6px;min-height:430px;align-content:start}.week-event-pro{display:grid;grid-template-columns:42px 1fr;gap:7px;background:#fff;border:1px solid #e5eaf0;border-inline-start:4px solid #98a2b3;border-radius:11px;padding:8px;text-decoration:none;color:#1d2939;box-shadow:0 3px 9px rgba(16,24,40,.025)}.week-event-pro:hover{box-shadow:0 7px 18px rgba(16,24,40,.07);transform:translateY(-1px)}.week-event-pro.status-1{border-inline-start-color:#f59e0b}.week-event-pro.status-2{border-inline-start-color:#3b82f6}.week-event-pro.status-3{border-inline-start-color:#12b76a}.week-event-pro.status-4,.week-event-pro.status-5{border-inline-start-color:#f04438}.week-event-pro.status-6{border-inline-start-color:#8b5cf6}.week-event-pro.status-7{border-inline-start-color:#0f9f8f}.event-time{text-align:center;border-inline-end:1px solid #eef1f4;padding-inline-end:6px}.event-time b,.event-time small{display:block}.event-time b{font-size:11px}.event-time small{font-size:7px;color:#98a2b3}.event-copy{min-width:0}.event-copy b,.event-copy span,.event-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-copy b{font-size:9px}.event-copy span{font-size:8px;color:#536174;margin-top:2px}.event-copy small{font-size:7px;color:#98a2b3;margin-top:2px}.event-status{grid-column:2;justify-self:start;font-size:6px;background:#f2f4f7;border-radius:999px;padding:2px 5px;color:#667085}.weekly-empty-pro{min-height:120px;display:grid;place-items:center;align-content:center;gap:3px;text-decoration:none;color:#98a2b3;border:1px dashed #d9e0e8;border-radius:11px}.weekly-empty-pro span{font-size:17px}.weekly-empty-pro b{font-size:8px}.weekly-empty-pro small{font-size:6px}.weekly-staff-board{display:grid;gap:9px}.staff-week-lane{background:#fff;border:1px solid #e2e7ed;border-radius:16px;overflow:hidden}.staff-week-lane>header{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf0f3;background:#fbfcfd}.staff-week-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#172033,#34435d);color:#fff;display:grid;place-items:center;font-weight:900}.staff-week-lane header b,.staff-week-lane header small{display:block}.staff-week-lane header b{font-size:10px}.staff-week-lane header small{font-size:7px;color:#98a2b3}.staff-week-lane header em{font-style:normal;color:#087a70;font-size:8px;background:#eafaf6;padding:5px 7px;border-radius:8px}.staff-week-days{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));overflow-x:auto}.staff-day-cell{min-height:120px;padding:7px;border-inline-end:1px solid #eef1f4;background:#fff}.staff-day-cell.today{background:#f5fffc}.staff-day-label{display:flex;justify-content:space-between;margin-bottom:5px}.staff-day-label b{font-size:7px}.staff-day-label small{font-size:6px;color:#98a2b3}.staff-event{display:grid;gap:1px;border-radius:8px;background:#f6f8fb;border-inline-start:3px solid #98a2b3;padding:6px;margin-bottom:4px;text-decoration:none;color:#344054}.staff-event b{font-size:8px}.staff-event span{font-size:7px}.staff-event small{font-size:6px;color:#98a2b3}.staff-event.status-2{border-inline-start-color:#3b82f6}.staff-event.status-3{border-inline-start-color:#12b76a}.staff-event.status-4,.staff-event.status-5{border-inline-start-color:#f04438}.staff-event.status-6{border-inline-start-color:#8b5cf6}.staff-event.status-7{border-inline-start-color:#0f9f8f}.staff-free{display:grid;place-items:center;min-height:60px;color:#d0d5dd}

/* Customer CRM V7 */
.customer-command-center{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:10px}.customer-search-pro{display:flex;align-items:center;gap:8px;flex:1}.customer-search-pro>span{font-size:18px;color:#98a2b3}.customer-search-pro input{max-width:520px;flex:1}.customer-count-pro{text-align:center;min-width:80px}.customer-count-pro b,.customer-count-pro span{display:block}.customer-count-pro b{font-size:20px}.customer-count-pro span{font-size:7px;color:#98a2b3}.customer-add-drawer{padding:0;margin-bottom:10px}.customer-add-drawer summary{cursor:pointer;padding:13px 15px;font-size:9px;font-weight:900;color:#087a70}.customer-add-drawer form{padding:0 15px 15px}.customer-card-grid-pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}.customer-card-pro{background:#fff;border:1px solid #e5eaf0;border-radius:16px;padding:13px;box-shadow:0 7px 22px rgba(16,24,40,.035);display:flex;flex-direction:column;gap:9px}.customer-card-top{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}.customer-avatar-pro{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0f9f8f,#087a70);color:#fff;display:grid;place-items:center;font-weight:900}.customer-card-top h3{font-size:11px;margin:0}.customer-card-top a{font-size:8px;color:#667085;text-decoration:none}.customer-since{font-size:7px;color:#98a2b3;background:#f5f7fa;padding:4px 6px;border-radius:7px}.customer-card-pro>p{font-size:8px;color:#7d899a;margin:0;min-height:20px}.customer-card-actions{display:grid;grid-template-columns:1fr auto auto;gap:5px;margin-top:auto}.customer-card-actions a{border:1px solid #e1e6ec;border-radius:9px;padding:7px 8px;text-decoration:none;color:#536174;font-size:8px;display:grid;place-items:center}.customer-card-actions a.primary{background:#eefaf7;color:#087a70;border-color:#ccece6}.full-grid{grid-column:1/-1}.customer-profile-tabs{display:flex;gap:5px;background:#f0f3f6;padding:4px;border-radius:12px;margin-bottom:12px;width:max-content;max-width:100%;overflow-x:auto}.customer-profile-tabs button{border:0;background:transparent;padding:8px 12px;border-radius:9px;font-size:8px;color:#667085;cursor:pointer;white-space:nowrap}.customer-profile-tabs button.active{background:#fff;color:#172033;font-weight:900;box-shadow:0 2px 8px #10182812}.customer-sales-history,.customer-visits-panel,.customer-benefits-panel{margin-top:12px}.invoice-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:7px}.invoice-history-grid>a{display:grid;grid-template-columns:55px 1fr auto;gap:8px;align-items:center;border:1px solid #e6eaf0;border-radius:11px;padding:9px;text-decoration:none;color:#344054}.invoice-history-grid>a>span{font-size:8px;font-weight:900;background:#f3f5f7;border-radius:7px;padding:5px;text-align:center}.invoice-history-grid b,.invoice-history-grid small{display:block}.invoice-history-grid b{font-size:8px}.invoice-history-grid small{font-size:6px;color:#98a2b3}.invoice-history-grid strong{font-size:9px}

/* Reports center V7 */
.report-control-center{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px;padding:12px}.report-control-center form{display:flex;gap:8px;align-items:end}.report-control-center form>div{display:grid;gap:3px}.report-control-center label{font-size:7px;color:#667085}.report-control-center input{min-height:35px}.report-period-chips{display:flex;gap:5px}.report-period-chips a{border:1px solid #e1e6ec;background:#fff;color:#667085;border-radius:8px;padding:6px 8px;text-decoration:none;font-size:7px}.executive-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:11px}.executive-kpi{background:#fff;border:1px solid #e4e9ef;border-radius:15px;padding:12px;display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;box-shadow:0 6px 18px #10182808}.executive-kpi>span{width:36px;height:36px;border-radius:11px;background:#f0f3f6;color:#667085;display:grid;place-items:center;font-size:8px;font-weight:900}.executive-kpi small,.executive-kpi b,.executive-kpi em{display:block}.executive-kpi small{font-size:7px;color:#7f8b9d}.executive-kpi b{font-size:20px;line-height:1.15;margin:2px 0}.executive-kpi em{font-size:6px;color:#98a2b3;font-style:normal}.executive-kpi.primary>span{background:#eafaf6;color:#087a70}.executive-kpi.blue>span{background:#edf3ff;color:#3157d5}.executive-kpi.violet>span{background:#f2efff;color:#7257d8}.executive-kpi.amber>span{background:#fff6e7;color:#d97706}.executive-kpi.red>span{background:#fff1ef;color:#b42318}.executive-kpi.green>span{background:#edf9f3;color:#12805c}.reports-main-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:10px;margin-bottom:10px}.revenue-trend-card,.payment-analysis{padding:15px}.revenue-bars{height:220px;display:flex;gap:6px;align-items:end;overflow-x:auto;border-top:1px solid #eef1f4;padding-top:16px}.revenue-bar-item{height:100%;min-width:35px;display:grid;grid-template-rows:1fr auto auto;gap:3px;align-items:end;text-align:center}.revenue-bar-item>div{height:100%;display:flex;align-items:end;justify-content:center;background:linear-gradient(180deg,#f8fafc,#fff);border-radius:7px;padding:0 6px}.revenue-bar-item i{display:block;width:100%;min-height:3px;max-height:100%;background:linear-gradient(180deg,#38c5b5,#0e8f82);border-radius:6px 6px 2px 2px}.revenue-bar-item small{font-size:6px;color:#98a2b3}.revenue-bar-item span{font-size:6px;color:#667085}.payment-bars{display:grid;gap:11px}.payment-bars>div{display:grid;grid-template-columns:1fr auto;gap:3px}.payment-bars>div>div:first-child{display:flex;justify-content:space-between;gap:8px}.payment-bars b,.payment-bars span{font-size:7px}.payment-bars strong{font-size:8px}.payment-track{grid-column:1/-1;height:5px;background:#eef1f4;border-radius:999px;overflow:hidden}.payment-track i{display:block;height:100%;background:#3157d5;border-radius:999px}.payment-bars small{font-size:6px;color:#98a2b3}.report-triple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.report-ranking{padding:14px}.ranking-row{display:grid;grid-template-columns:30px 1fr auto;gap:7px;align-items:center;border-top:1px solid #f0f2f4;padding:8px 0}.ranking-row>span{width:30px;height:30px;border-radius:9px;background:#f3f5f7;display:grid;place-items:center}.ranking-row b,.ranking-row small{display:block}.ranking-row b{font-size:8px}.ranking-row small{font-size:6px;color:#98a2b3}.ranking-row strong{font-size:8px}.report-health-panel{margin-bottom:10px}.health-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.health-metrics>div{background:#f8fafb;border:1px solid #edf0f3;border-radius:11px;padding:10px}.health-metrics span,.health-metrics b{display:block}.health-metrics span{font-size:7px;color:#7d899a}.health-metrics b{font-size:18px;margin-top:3px}.utilization-list{display:grid;gap:9px}.utilization-list>div{display:grid;grid-template-columns:150px 1fr 45px;gap:8px;align-items:center}.utilization-list b,.utilization-list span{display:block}.utilization-list b{font-size:8px}.utilization-list span{font-size:6px;color:#98a2b3}.util-track{height:6px;background:#eef1f4;border-radius:999px;overflow:hidden}.util-track i{display:block;height:100%;background:linear-gradient(90deg,#14b8a6,#3157d5)}.utilization-list strong{font-size:8px;text-align:end}.table-sub{display:block;color:#98a2b3;font-size:6px;margin-top:2px}

/* Print settings + invoice formats */
.print-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;align-items:start}.print-settings-form{padding:17px}.print-settings-side{position:sticky;top:80px;padding:17px}.print-format-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.print-format-card{position:relative;border:1px solid #e2e7ed;border-radius:14px;padding:11px;cursor:pointer;display:grid;grid-template-columns:58px 1fr;gap:2px 9px;align-items:center}.print-format-card input{position:absolute;opacity:0}.print-format-card:has(input:checked){border-color:#35b8a9;background:#f5fffc;box-shadow:0 0 0 2px #0f9f8f12}.print-format-card strong,.print-format-card small{display:block}.print-format-card strong{font-size:9px}.print-format-card small{font-size:7px;color:#98a2b3}.print-format-preview{grid-row:1/3;width:54px;height:68px;border:1px solid #d9e0e8;background:#fff;border-radius:6px;padding:6px;display:grid;gap:4px}.print-format-preview.receipt-mini{width:42px}.print-format-preview i{height:3px;background:#e3e7ec;border-radius:2px}.print-format-preview b{font-size:7px;text-align:center;margin-top:auto}.setting-toggle-row label,.print-option-grid label{display:flex;gap:8px;align-items:flex-start}.setting-toggle-row input,.print-option-grid input{margin-top:3px}.setting-toggle-row b,.setting-toggle-row small,.print-option-grid b,.print-option-grid small{display:block}.setting-toggle-row b,.print-option-grid b{font-size:8px}.setting-toggle-row small,.print-option-grid small{font-size:6px;color:#98a2b3;margin-top:2px}.print-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 14px}.print-option-grid label{background:#f8fafb;border:1px solid #edf0f3;border-radius:10px;padding:8px}.print-live-preview{max-width:210px;margin:14px auto;background:#fff;border:1px solid #dfe5eb;padding:16px 12px;box-shadow:0 12px 30px #10182812;text-align:center}.fake-logo{width:34px;height:34px;background:#0f9f8f;color:#fff;border-radius:9px;display:grid;place-items:center;margin:0 auto 5px;font-weight:900}.print-live-preview>strong,.print-live-preview>small{display:block}.print-live-preview>strong{font-size:10px}.print-live-preview>small{font-size:6px;color:#98a2b3}.print-live-preview>div:not(.fake-logo){display:flex;justify-content:space-between;font-size:7px;margin:4px 0}.print-live-preview .total{font-size:8px;font-weight:900}.print-settings-note{background:#f4fffc;border:1px solid #d3eee8;border-radius:10px;padding:9px;margin-top:12px}.print-settings-note b{font-size:8px}.print-settings-note p{font-size:7px;color:#667085;margin:3px 0 0}.print-mode-switch{display:inline-flex;background:#f0f2f5;border-radius:9px;padding:3px}.print-mode-switch a{padding:6px 9px;border-radius:7px;text-decoration:none;color:#667085;font-size:8px}.print-mode-switch a.active{background:#fff;color:#172033;font-weight:900;box-shadow:0 2px 7px #10182812}.invoice-paper-wrap{margin:0 auto}.invoice-paper-wrap.paper-a5{max-width:148mm}.invoice-paper-wrap.paper-receipt.receipt-80{max-width:80mm}.invoice-paper-wrap.paper-receipt.receipt-58{max-width:58mm}.invoice-paper{background:#fff;border:1px solid #e0e5eb;box-shadow:0 22px 55px #10182814;padding:13mm 11mm;color:#172033}.paper-receipt .invoice-paper{padding:7mm 5mm}.invoice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:2px solid var(--receipt-primary);padding-bottom:10px}.paper-receipt .invoice-head{display:block;text-align:center}.invoice-brand{display:flex;align-items:center;gap:8px}.paper-receipt .invoice-brand{justify-content:center}.invoice-brand img,.invoice-logo-fallback{width:42px;height:42px;border-radius:10px;object-fit:contain}.invoice-logo-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--receipt-primary),var(--receipt-accent));color:#fff;font-weight:900}.invoice-brand h2{font-size:16px;margin:0}.invoice-brand p{font-size:8px;color:#667085;margin:2px 0}.invoice-number{text-align:end}.paper-receipt .invoice-number{text-align:center;margin-top:7px}.invoice-number small,.invoice-number strong,.invoice-number span{display:block}.invoice-number small{font-size:7px;color:#98a2b3}.invoice-number strong{font-size:17px}.invoice-number span{font-size:7px;color:#667085}.invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.paper-receipt .invoice-meta{grid-template-columns:1fr}.invoice-meta>div{background:#f8fafb;border-radius:8px;padding:7px}.invoice-meta small,.invoice-meta b,.invoice-meta span{display:block}.invoice-meta small{font-size:6px;color:#98a2b3}.invoice-meta b{font-size:8px}.invoice-meta span{font-size:7px;color:#667085}.invoice-items{width:100%;border-collapse:collapse}.invoice-items th{font-size:7px;color:#667085;background:#f3f5f7;padding:6px}.invoice-items td{font-size:8px;padding:7px 6px;border-bottom:1px solid #edf0f3}.invoice-items td small{display:block;font-size:6px;color:#98a2b3}.paper-receipt .invoice-items th,.paper-receipt .invoice-items td{padding:5px 3px;font-size:7px}.invoice-bottom{display:grid;grid-template-columns:1fr 250px;gap:12px;margin-top:10px}.paper-receipt .invoice-bottom{grid-template-columns:1fr}.invoice-benefits{font-size:7px}.invoice-benefits>div{display:flex;gap:8px;margin-bottom:4px}.invoice-totals{display:grid;gap:5px}.invoice-totals>div{display:flex;justify-content:space-between;font-size:8px}.invoice-totals .discount{color:#087a70}.invoice-totals .grand{border-top:1px solid #dce2e8;padding-top:7px;font-size:11px}.invoice-totals .paid{background:#eefaf7;border-radius:8px;padding:7px;color:#087a70}.invoice-qr-placeholder{width:50px;height:50px;border:1px dashed #98a2b3;display:grid!important;place-items:center;align-content:center}.invoice-qr-placeholder span{font-size:11px;font-weight:900}.invoice-qr-placeholder small{font-size:5px}.invoice-note{margin-top:10px;background:#fff9ea;border:1px solid #f4df9d;border-radius:8px;padding:7px;font-size:7px}.invoice-note b,.invoice-note span{display:block}.invoice-footer{text-align:center;border-top:1px dashed #d7dde5;padding-top:9px;margin-top:12px}.invoice-footer p{font-size:7px;margin:0}.invoice-footer small{font-size:6px;color:#98a2b3}.paper-receipt .invoice-footer p{font-size:6px}

@media(max-width:1250px){.premium-pos-shell{grid-template-columns:1fr}.premium-checkout-panel{position:relative;top:auto}.executive-kpi-grid{grid-template-columns:repeat(2,1fr)}.report-triple-grid{grid-template-columns:1fr 1fr}.reports-main-grid{grid-template-columns:1fr}.print-settings-layout{grid-template-columns:1fr}.print-settings-side{position:static}.weekly-command-bar{grid-template-columns:1fr}.weekly-summary{justify-content:flex-start;overflow:auto}.weekly-view-switch{justify-self:start}}
@media(max-width:900px){.desktop-sidebar-toggle,.sidebar-collapse-toggle{display:none}.recent-sale-list{grid-template-columns:1fr}.customer-command-center{align-items:stretch;flex-direction:column}.customer-search-pro{flex-wrap:wrap}.customer-search-pro input{max-width:none}.report-triple-grid{grid-template-columns:1fr}.health-metrics{grid-template-columns:1fr 1fr}.report-control-center{align-items:stretch;flex-direction:column}.report-control-center form{flex-wrap:wrap}.print-option-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.premium-catalog-grid{grid-template-columns:1fr 1fr}.executive-kpi-grid{grid-template-columns:1fr}.health-metrics{grid-template-columns:1fr}.utilization-list>div{grid-template-columns:100px 1fr 40px}.weekly-filter-row{flex-direction:column}.weekly-filter-search{min-width:0}.print-format-picker,.print-option-grid{grid-template-columns:1fr}.invoice-meta{grid-template-columns:1fr}.invoice-bottom{grid-template-columns:1fr}.paper-a5 .invoice-paper{padding:7mm 5mm}}

@page sfReceipt{size:80mm auto;margin:2mm}@page sfA5{size:A5 portrait;margin:8mm}
@media print{
 .paper-receipt{page:sfReceipt}.paper-a5{page:sfA5}.invoice-paper-wrap{max-width:none!important}.invoice-paper{box-shadow:none!important;border:0!important;margin:0!important}.paper-receipt .invoice-paper{padding:0!important}.paper-a5 .invoice-paper{padding:0!important}.receipt-actions,.page-heading.no-print{display:none!important}
}

/* =========================================================
   SalonFlow V7.3 — navigation hit-area, POS readability,
   print settings polish & true thermal print layout
   ========================================================= */
/* Sidebar: every row is the click target; no child can steal the click. */
.app-sidebar{isolation:isolate}
.app-nav{padding:10px 4px 14px;scrollbar-gutter:stable;overscroll-behavior:contain}
.app-nav .nav-label{pointer-events:none;margin:20px 12px 8px;font-size:11px}
.app-nav a{
  width:100%;min-height:46px;padding:11px 12px;margin:4px 0;border:1px solid transparent;
  position:relative;z-index:2;cursor:pointer;user-select:none;touch-action:manipulation;
  font-size:14px;line-height:1.25
}
.app-nav a>*{pointer-events:none}
.app-nav a:hover{border-color:rgba(255,255,255,.05);transform:none}
.app-nav a.active{border-color:rgba(94,234,212,.14);background:linear-gradient(90deg,rgba(15,159,143,.24),rgba(15,159,143,.07))}
.app-nav a.active .nav-icon{background:rgba(45,212,191,.16);color:#d8fff9}
.app-nav .nav-icon{width:28px;height:28px;border-radius:9px;font-size:15px}
.sidebar-collapse-toggle,.desktop-sidebar-toggle{touch-action:manipulation}
body.sidebar-collapsed .app-nav{padding-inline:0}
body.sidebar-collapsed .app-nav a{min-height:48px;padding:10px;margin:5px 0}
body.sidebar-collapsed .app-nav a:hover:after{font-size:12px;padding:9px 11px;inset-inline-start:70px;pointer-events:none}

/* POS: customer-facing/cashier information must be readable without zoom. */
.pos-workspace-heading h1{font-size:31px}.pos-workspace-heading p{font-size:14px}
.premium-pos-shell{grid-template-columns:minmax(0,1.45fr) minmax(470px,.75fr);gap:18px}
.premium-pos-catalog,.premium-checkout-panel{border-radius:20px}
.premium-pos-catalog{padding:20px}.premium-checkout-panel{padding:20px}
.premium-panel-head h3,.checkout-panel-head h3{font-size:20px}
.premium-pos-shell .panel-eyebrow{font-size:11px;letter-spacing:.8px}
.catalog-search-wrap{min-width:300px}.catalog-search-wrap input{font-size:14px;min-height:44px}
.catalog-tabs button{font-size:13px;padding:9px 13px}.catalog-tabs button b{font-size:11px}
.premium-catalog-grid{gap:10px}.premium-catalog-item{min-height:92px;padding:13px;grid-template-columns:44px minmax(0,1fr) auto;gap:11px}
.catalog-item-icon{width:42px;height:42px;font-size:18px}.catalog-item-body b{font-size:15px}.catalog-item-body small{font-size:12px;margin-top:4px}.catalog-item-price{font-size:15px}.catalog-item-price small{font-size:10px}.catalog-item-add{width:24px;height:24px;font-size:15px;inset-inline-end:8px;bottom:7px}
.recent-sale-card{padding:11px 12px;min-height:58px}.sale-no{font-size:12px}.sale-customer{font-size:13px}.sale-customer small{font-size:11px}.recent-sale-card>strong{font-size:13px}.recent-sale-card>strong small{font-size:10px}
.checkout-customer,.selected-pos-customer{padding:12px}.checkout-customer small,.selected-customer-main>small{font-size:11px}.checkout-customer b,.selected-customer-main>b{font-size:14px}.checkout-customer span,.selected-customer-main>span{font-size:12px}.locked-chip{font-size:12px!important}
.customer-picker-head>div>b{font-size:14px}.walkin-button{font-size:12px;padding:9px 11px}.customer-lookup-shell input{font-size:14px;min-height:44px}.customer-lookup-hint{font-size:11px}.customer-result-main b{font-size:13px}.customer-result-main small{font-size:11px}.customer-result-meta em{font-size:10px}.customer-result-side strong{font-size:12px}.customer-membership-chip{font-size:10px}.change-customer-button{font-size:11px}
.cart-title-row b{font-size:14px}.cart-title-row span{font-size:11px}.premium-cart-row{grid-template-columns:minmax(0,1fr) auto 78px 30px;gap:9px;padding:11px 0}.cart-type-icon{width:36px;height:36px}.cart-row-main{grid-template-columns:36px 1fr;gap:9px}.cart-row-main b{font-size:13px}.cart-row-main small{font-size:11px}.line-barber{font-size:11px;min-height:31px;height:31px;max-width:180px}.premium-qty button{width:29px;height:31px;font-size:14px}.premium-qty span{min-width:28px;font-size:12px}.cart-line-total b{font-size:13px}.cart-line-total small{font-size:10px}.cart-delete{width:29px;height:29px}
.premium-cart-empty b{font-size:13px}.premium-cart-empty small{font-size:11px}.checkout-field label,.payment-section>label{font-size:12px}.checkout-field input,.checkout-field select{font-size:13px}.money-input span{font-size:11px}.payment-methods button{font-size:11px;padding:9px 4px;min-height:55px}.payment-methods button span{font-size:16px}.premium-totals{padding:14px;gap:8px}.premium-totals>div{font-size:13px}.premium-grand-total b{font-size:29px}.premium-grand-total small{font-size:11px}.premium-pay-button{min-height:64px;font-size:15px}
.pos-benefits-panel{padding:14px}.pos-benefits-head b{font-size:14px}.benefits-live-badge{font-size:10px}.benefit-toggle b{font-size:12px}.benefit-toggle small{font-size:10px}.benefit-entry>label{font-size:11px}.benefit-input input{font-size:12px;min-height:40px}.benefit-state,.points-input button,.benefit-entry>small,.quote-status{font-size:10px}
.appointment-checkout-label{font-size:11px}.appointment-checkout-main h3{font-size:19px}.appointment-checkout-meta{font-size:12px}.appointment-checkout-price small,.appointment-checkout-price span{font-size:11px}.direct-sale-banner b{font-size:14px}.direct-sale-banner small{font-size:11px}.direct-sale-badge{font-size:11px}

/* V7.3 Print center: larger, calmer and easier for salon admins. */
.print-settings-layout{grid-template-columns:minmax(0,1fr) 380px;gap:20px}
.print-settings-form,.print-settings-side{padding:24px;border-radius:20px}
.print-settings-form .section-title h3{font-size:21px}.print-settings-form .section-title p{font-size:13px;line-height:1.6}
.print-format-picker{gap:14px;margin:18px 0 20px}.print-format-card{grid-template-columns:76px 1fr;gap:5px 14px;padding:16px;border-radius:16px;min-height:108px}.print-format-card:hover{border-color:#9bded5;background:#fbfffe}.print-format-card:has(input:checked){border-color:#20ad9e;background:linear-gradient(135deg,#f3fffc,#fbfffe);box-shadow:0 0 0 3px #0f9f8f12}.print-format-card strong{font-size:15px}.print-format-card small{font-size:12px;line-height:1.55}.print-format-preview{width:70px;height:86px;border-radius:9px;padding:9px}.print-format-preview.receipt-mini{width:54px}.print-format-preview i{height:4px}.print-format-preview b{font-size:10px}
.print-width-picker{display:flex;gap:9px;margin-top:7px}.print-width-option{position:relative;flex:1;border:1px solid #dfe5ec;border-radius:12px;padding:11px 12px;background:#fff;cursor:pointer;text-align:center;font-size:13px;font-weight:800;color:#475467}.print-width-option input{position:absolute;opacity:0}.print-width-option:has(input:checked){border-color:#2ab3a4;background:#f1fffc;color:#087a70;box-shadow:0 0 0 2px #0f9f8f10}
.setting-toggle-row label,.print-option-grid label{gap:11px}.setting-toggle-row input,.print-option-grid input{width:19px;height:19px;accent-color:#0f9f8f}.setting-toggle-row b,.print-option-grid b{font-size:13px}.setting-toggle-row small,.print-option-grid small{font-size:11px;line-height:1.45}.print-option-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0 20px}.print-option-grid label{padding:13px;border-radius:12px;background:#fbfcfd}.print-option-grid label:hover{border-color:#cae9e4;background:#f8fffd}.print-settings-form textarea{font-size:13px;line-height:1.55}
.print-settings-side h3{font-size:21px}.print-settings-side .panel-eyebrow{font-size:10px}.print-live-preview{max-width:260px;margin:18px auto;padding:22px 16px}.fake-logo{width:44px;height:44px;font-size:13px}.print-live-preview>strong{font-size:14px}.print-live-preview>small{font-size:10px}.print-live-preview>div:not(.fake-logo){font-size:11px;margin:7px 0}.print-live-preview .total{font-size:12px}.print-settings-note{padding:12px;border-radius:12px}.print-settings-note b{font-size:12px}.print-settings-note p{font-size:11px;line-height:1.55}.print-test-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.print-test-actions a{justify-content:center}

/* Screen invoice preview readability. */
.print-mode-switch a{font-size:12px;padding:8px 12px}.invoice-brand h2{font-size:18px}.invoice-brand p{font-size:11px}.invoice-number small{font-size:10px}.invoice-number strong{font-size:20px}.invoice-number span{font-size:10px}.invoice-meta small{font-size:10px}.invoice-meta b{font-size:12px}.invoice-meta span{font-size:10px}.invoice-items th{font-size:11px}.invoice-items td{font-size:12px}.invoice-items td small{font-size:9px}.invoice-benefits{font-size:11px}.invoice-totals>div{font-size:12px}.invoice-totals .grand{font-size:15px}.invoice-note{font-size:11px}.invoice-footer p{font-size:11px}.invoice-footer small{font-size:9px}.paper-receipt .invoice-footer p{font-size:10px}

@media(max-width:1350px){.premium-pos-shell{grid-template-columns:1fr}.premium-checkout-panel{position:relative;top:auto}.print-settings-layout{grid-template-columns:1fr}.print-settings-side{position:static}}
@media(max-width:700px){.premium-catalog-grid{grid-template-columns:1fr}.premium-pos-catalog,.premium-checkout-panel{padding:14px}.print-option-grid{grid-template-columns:1fr}.print-settings-form,.print-settings-side{padding:16px}.print-format-picker{grid-template-columns:1fr}}

/* Browser print engine fallback: the receipt wrapper itself owns the physical width. */
@media print{
  html,body{background:#fff!important;margin:0!important;padding:0!important}
  .app-sidebar,.app-topbar,.no-print,.receipt-actions{display:none!important}
  .app-shell,.app-main,.page-content{display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important}
  .invoice-paper-wrap{margin:0!important;padding:0!important}
  .invoice-paper{box-shadow:none!important;border:0!important;border-radius:0!important}
  .paper-receipt.receipt-80{width:80mm!important;max-width:80mm!important}
  .paper-receipt.receipt-58{width:58mm!important;max-width:58mm!important}
  .paper-receipt .invoice-paper{width:100%!important;padding:3mm!important;font-family:Arial,Tahoma,sans-serif!important}
  .paper-a5{width:148mm!important;max-width:148mm!important}
  .paper-a5 .invoice-paper{width:100%!important;padding:0!important}
  .paper-receipt .invoice-brand h2{font-size:13px!important}.paper-receipt .invoice-brand p{font-size:8px!important}
  .paper-receipt .invoice-number strong{font-size:14px!important}.paper-receipt .invoice-number small,.paper-receipt .invoice-number span{font-size:7px!important}
  .paper-receipt .invoice-meta>div{padding:3px 0!important;background:transparent!important;border-radius:0!important;border-bottom:1px dashed #ddd!important}
  .paper-receipt .invoice-meta small{font-size:7px!important}.paper-receipt .invoice-meta b{font-size:9px!important}.paper-receipt .invoice-meta span{font-size:7px!important}
  .paper-receipt .invoice-items th{font-size:7px!important;padding:4px 2px!important}.paper-receipt .invoice-items td{font-size:8px!important;padding:4px 2px!important}.paper-receipt .invoice-items td small{font-size:6px!important}
  .paper-receipt .invoice-benefits,.paper-receipt .invoice-totals>div{font-size:8px!important}.paper-receipt .invoice-totals .grand{font-size:10px!important}.paper-receipt .invoice-footer p{font-size:8px!important}.paper-receipt .invoice-footer small{font-size:6px!important}
}

/* =========================================================
   SalonFlow V8 Commercial Launch
   Cashier shifts, split payments, drag/drop calendar, reports
   ========================================================= */
.v8-shift-open{padding:28px;display:grid;gap:24px}.v8-shift-hero{display:flex;align-items:center;gap:18px}.v8-shift-hero>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#e8fbf7;color:#0f766e;font-size:28px}.v8-shift-hero h2{margin:0 0 6px;font-size:26px}.v8-shift-hero p{margin:0;color:#64748b;font-size:16px}.v8-shift-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,2fr) auto;gap:14px;align-items:end}.v8-shift-form label{display:block;font-weight:800;margin-bottom:7px}.v8-shift-live{display:grid;gap:18px}.v8-shift-status{padding:20px 24px;display:flex;align-items:center;gap:14px}.v8-shift-status>div:nth-child(2){flex:1}.v8-shift-status h2{margin:2px 0;font-size:22px}.v8-live-dot{width:12px;height:12px;border-radius:50%;background:#10b981;box-shadow:0 0 0 7px rgba(16,185,129,.11);flex:0 0 auto}.v8-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v8-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:5px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.v8-kpi small{color:#64748b;font-weight:700}.v8-kpi b{font-size:28px;color:#0f172a}.v8-kpi>span{font-size:12px;color:#94a3b8}.v8-kpi.strong{background:linear-gradient(135deg,#0f766e,#0f4c5c);border-color:transparent}.v8-kpi.strong *{color:#fff}.v8-kpi.danger b,.v8-negative{color:#dc2626!important}.v8-variance{font-weight:900;color:#b45309}.v8-close-shift{padding:24px;display:grid;grid-template-columns:minmax(240px,.9fr) minmax(480px,1.6fr);gap:28px;align-items:end}.v8-close-shift h3{font-size:23px;margin:0 0 6px}.v8-close-shift p{margin:0;color:#64748b;line-height:1.7}.v8-shift-history{margin-top:18px;padding:22px}.v8-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.v8-two-col>.card{padding:22px}.v8-payment-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #eef2f7}.v8-payment-line:last-child{border-bottom:0}.v8-payment-line>div{display:flex;flex-direction:column;align-items:flex-end}.v8-payment-line small{color:#94a3b8;margin-top:3px}.v8-report-filter{padding:16px 18px;display:flex;gap:12px;align-items:end;margin-bottom:16px}.v8-report-filter>div{min-width:190px}.v8-report-filter label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.report-kpis{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.v8-two-col.reports{align-items:start}

.v8-pos-shift-alert,.v8-pos-shift-chip{margin:0 0 14px;padding:12px 14px;border-radius:14px;display:flex;align-items:center;gap:12px}.v8-pos-shift-alert{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.v8-pos-shift-alert>span{font-size:23px}.v8-pos-shift-alert>div,.v8-pos-shift-chip>div{flex:1;display:flex;flex-direction:column;gap:2px}.v8-pos-shift-alert small,.v8-pos-shift-chip small{font-size:11px}.v8-pos-shift-alert a{font-weight:900;color:#9a3412}.v8-pos-shift-chip{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.v8-pos-shift-chip a{color:#047857;font-weight:900}.v8-payment-section{border-top:1px solid #e2e8f0;padding-top:16px}.v8-payment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.v8-payment-mode{display:inline-flex;padding:3px;background:#f1f5f9;border-radius:12px}.v8-payment-mode button{border:0;background:transparent;border-radius:9px;padding:8px 11px;font-weight:800;color:#64748b;cursor:pointer}.v8-payment-mode button.active{background:#fff;color:#0f766e;box-shadow:0 2px 8px rgba(15,23,42,.08)}.v8-split-payment{margin-top:10px;display:grid;gap:8px}.v8-split-row{display:grid;grid-template-columns:34px 72px 110px minmax(120px,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid #e2e8f0;border-radius:12px;background:#fbfdff}.v8-split-row input{height:40px;min-width:0}.v8-pay-icon{width:32px;height:32px;border-radius:9px;background:#ecfeff;display:grid;place-items:center}.v8-fill-remaining{height:38px;border:1px solid #cbd5e1;background:#fff;border-radius:9px;font-weight:800;cursor:pointer;color:#334155}.v8-split-summary{display:flex;justify-content:space-between;gap:16px;background:#0f172a;color:#fff;padding:11px 13px;border-radius:11px}.v8-split-summary b{margin-inline-start:6px}.v8-payment-mismatch{color:#fbbf24!important}

.v8-refund-banner{display:flex;justify-content:space-between;gap:14px;align-items:center}.v8-refund-card{margin:20px auto;max-width:920px;padding:22px;display:grid;grid-template-columns:1fr minmax(350px,.8fr);gap:28px;align-items:end}.v8-refund-card h3{font-size:22px;margin:3px 0 7px}.v8-refund-card p{color:#64748b;line-height:1.65;margin:0}.v8-refund-card form{display:grid;grid-template-columns:1fr auto;gap:10px}.invoice-payment-breakdown{margin-top:12px;padding-top:10px;border-top:1px dashed #cbd5e1}.invoice-payment-breakdown>div:not(.invoice-section-title){display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:12px}.invoice-payment-breakdown.refund{color:#b91c1c}.invoice-section-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;color:#64748b}

.v8-calendar-command{position:sticky;top:0;z-index:4;background:rgba(248,250,252,.94);backdrop-filter:blur(9px);padding-block:8px}.v8-day-tabs{display:flex;gap:8px;overflow:auto;padding:2px 2px 12px}.v8-day-tabs button{min-width:95px;border:1px solid #dce5ee;background:#fff;border-radius:14px;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:#475569}.v8-day-tabs button small{font-size:11px}.v8-day-tabs button b{font-size:20px;color:#0f172a}.v8-day-tabs button.active{border-color:#14b8a6;background:#ecfdf5;color:#0f766e;box-shadow:0 5px 15px rgba(15,118,110,.08)}.v8-timeline-note{display:flex;gap:12px;align-items:center;background:#eefbf8;border:1px solid #b7eee4;border-radius:14px;padding:11px 14px;margin-bottom:12px}.v8-timeline-note>span{font-size:23px;color:#0f766e}.v8-timeline-note div{display:flex;flex-direction:column}.v8-timeline-note small{color:#64748b}.v8-timeline-scroll{overflow:auto;max-height:68vh;border:1px solid #dfe7ef;border-radius:18px;background:#fff}.v8-timeline-grid{display:grid;grid-template-columns:78px repeat(var(--staff-count),minmax(190px,1fr));min-width:max(800px,100%)}.v8-time-head,.v8-staff-head{position:sticky;top:0;z-index:3;background:#f8fafc;border-bottom:1px solid #dfe7ef;min-height:62px;display:flex;align-items:center;padding:9px 12px}.v8-time-head{justify-content:center;z-index:4}.v8-staff-head{gap:10px;border-inline-start:1px solid #e8eef5}.v8-staff-head>div{display:flex;flex-direction:column}.v8-staff-head small{color:#94a3b8;font-size:11px}.v8-time-label{height:70px;display:grid;place-items:start center;padding-top:8px;background:#f8fafc;border-bottom:1px solid #edf2f7;color:#64748b}.v8-drop-cell{height:70px;border-bottom:1px solid #edf2f7;border-inline-start:1px solid #edf2f7;padding:4px;position:relative;transition:.15s;background:linear-gradient(to bottom,transparent 49%,rgba(226,232,240,.45) 50%,transparent 51%)}.v8-drop-cell.drag-over{background:#ccfbf1;box-shadow:inset 0 0 0 2px #14b8a6}.v8-drop-cell.saving:after{content:'Saving…';position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.84);color:#0f766e;font-weight:900;z-index:5}.v8-drag-event{display:flex;flex-direction:column;text-decoration:none;border-radius:10px;padding:5px 7px;background:#eff6ff;border-inline-start:4px solid #3b82f6;color:#0f172a;min-height:58px;overflow:hidden;cursor:grab;box-shadow:0 2px 6px rgba(15,23,42,.07)}.v8-drag-event.dragging{opacity:.45}.v8-drag-event b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v8-drag-event span,.v8-drag-event small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v8-event-time{font-weight:900;color:#2563eb}.v8-drag-event.status-3{background:#ecfdf5;border-color:#10b981}.v8-drag-event.status-4,.v8-drag-event.status-5{background:#fff1f2;border-color:#ef4444}.v8-drag-event.status-6{background:#fffbeb;border-color:#f59e0b}.v8-drag-event.status-7{background:#f5f3ff;border-color:#8b5cf6}

@media(max-width:1200px){.report-kpis{grid-template-columns:repeat(3,1fr)}.v8-kpis{grid-template-columns:repeat(2,1fr)}.v8-close-shift,.v8-refund-card{grid-template-columns:1fr}.v8-shift-form{grid-template-columns:1fr 1fr}.v8-shift-form button{grid-column:1/-1}.v8-two-col{grid-template-columns:1fr}}
@media(max-width:720px){.v8-kpis,.report-kpis{grid-template-columns:1fr 1fr}.v8-shift-form{grid-template-columns:1fr}.v8-split-row{grid-template-columns:32px 62px 1fr auto}.v8-split-row .v8-split-ref{grid-column:2/-1}.v8-payment-head{align-items:flex-start;flex-direction:column}.v8-refund-card form{grid-template-columns:1fr}.v8-day-tabs button{min-width:78px}.v8-timeline-grid{grid-template-columns:64px repeat(var(--staff-count),minmax(165px,1fr))}}
@media print{.v8-refund-card,.v8-refund-banner{display:none!important}}

.v8-timeline-day:not(.active-day){display:none!important;}


/* ============================================================
   NALYVA V8.1 Production Candidate
   ============================================================ */
:root{--lyv-primary:#6d5dfc;--lyv-primary-2:#8a7cff;--lyv-ink:#0d172a;--lyv-soft:#f6f7fb;--lyv-green:#18a66a}
.brand-mark.nalyva-mark,.brand-mark{letter-spacing:-.04em}
.launch-page,.settings-pro-page,.diagnostics-page{display:grid;gap:22px}
.launch-hero,.page-hero.compact{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid #e7e9f2;border-radius:24px;background:linear-gradient(135deg,#fff,#f7f6ff);box-shadow:0 10px 35px rgba(30,35,70,.06)}
.launch-kicker,.eyebrow{display:block;font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--lyv-primary);margin-bottom:8px}.launch-hero h1,.page-hero h1{font-size:32px;margin:0 0 8px}.launch-hero p,.page-hero p{margin:0;color:#667085;font-size:16px}.launch-score{min-width:150px;text-align:center;padding:20px;border-radius:20px;background:#151a2d;color:#fff}.launch-score strong{display:block;font-size:34px}.launch-score span{font-size:13px;color:#cfd3e5}.launch-progress{height:10px;border-radius:999px;background:#eceef5;overflow:hidden}.launch-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--lyv-primary),#3cc4af);border-radius:inherit}.onboarding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.onboarding-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;border:1px solid #e4e7ec;border-radius:20px;background:#fff}.onboarding-card.done{border-color:#b9ead4;background:#f8fffb}.onboarding-no{width:48px;height:48px;border-radius:16px;background:#f0efff;color:var(--lyv-primary);display:grid;place-items:center;font-weight:900;font-size:18px}.onboarding-card.done .onboarding-no{background:#e5f8ef;color:#108956}.onboarding-copy h3{margin:0 0 5px;font-size:18px}.onboarding-copy p{margin:0;color:#667085;font-size:14px}.onboarding-actions{display:flex;align-items:center;gap:8px}.onboarding-actions form{margin:0}.launch-final{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;border-radius:20px;background:#111827;color:#fff}.launch-final h3{margin:0 0 7px}.launch-final code{color:#c7d2fe}.launch-final-actions{display:flex;gap:10px;align-items:center}.settings-pro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:18px}.premium-form-card,.security-note-card,.diagnostics-data,.production-callout{padding:24px;border:1px solid #e4e7ec;border-radius:22px;background:#fff}.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.form-grid .wide{grid-column:1/-1}.form-grid label>span{display:block;font-weight:800;margin-bottom:7px}.toggle-row{display:flex!important;align-items:flex-start;gap:12px;padding:14px;border-radius:14px;background:#f8f9fc}.toggle-row>span{margin:0!important}.toggle-row small{display:block;color:#667085;margin-top:3px}.security-note-card code{display:block;padding:12px 14px;border-radius:12px;background:#111827;color:#e9eaff;margin:14px 0}.integration-status,.health-pill{padding:9px 13px;border-radius:999px;font-size:12px;font-weight:900}.integration-status.ok,.health-pill{background:#e7f8f0;color:#0a8553}.integration-status.warn{background:#fff4df;color:#a86400}.diag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.diag-grid article{padding:20px;border:1px solid #e4e7ec;border-radius:18px;background:#fff}.diag-grid small{display:block;color:#98a2b3;font-weight:900;font-size:11px}.diag-grid strong{display:block;font-size:18px;margin:6px 0}.diag-grid span{color:#667085;font-size:13px}.diag-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}.diag-metrics span{text-align:center;padding:16px 8px;border-radius:16px;background:#f8f9fc}.diag-metrics b{display:block;font-size:25px}.diag-metrics small{color:#667085}.production-callout{display:flex;align-items:center;justify-content:space-between;gap:20px}.production-callout p{margin:5px 0 0;color:#667085}.sidebar-version .nalyva-version{font-weight:900}.brand-modern .brand-mark{background:linear-gradient(135deg,var(--lyv-primary),#3cc4af)}
@media(max-width:1000px){.onboarding-grid{grid-template-columns:1fr}.diag-grid{grid-template-columns:repeat(2,1fr)}.diag-metrics{grid-template-columns:repeat(3,1fr)}.settings-pro-grid{grid-template-columns:1fr}}
@media(max-width:650px){.launch-hero,.page-hero.compact,.launch-final,.production-callout{align-items:flex-start;flex-direction:column}.launch-score{width:100%}.onboarding-card{grid-template-columns:48px minmax(0,1fr)}.onboarding-actions{grid-column:1/-1;justify-content:flex-end}.form-grid.two{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.diag-grid{grid-template-columns:1fr}.diag-metrics{grid-template-columns:repeat(2,1fr)}.launch-final-actions{width:100%;flex-wrap:wrap}}


/* =========================================================
   NALYVA V8.3 — Collapsible sidebar modules
   ========================================================= */
.nav-module{
  margin:6px 0 9px;
  border:1px solid transparent;
  border-radius:14px;
}
.nav-module + .nav-module{margin-top:10px}
.nav-module-toggle{
  width:100%;
  min-height:42px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 24px;
  align-items:center;
  gap:9px;
  padding:7px 9px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#8290a8;
  cursor:pointer;
  text-align:inherit;
  font:inherit;
  user-select:none;
  touch-action:manipulation;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.nav-module-toggle:hover{
  background:rgba(255,255,255,.055);
  color:#e9eef7;
}
.nav-module-icon{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:9px;
  background:rgba(255,255,255,.055);
  color:#91a0b8;
  font-size:14px;
}
.nav-module-title{
  min-width:0;
  font-size:11px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.025em;
  color:inherit;
}
.nav-module-chevron{
  display:grid;
  place-items:center;
  width:22px;height:22px;
  border-radius:7px;
  font-size:16px;
  line-height:1;
  color:#70809b;
  transform:rotate(0deg);
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.nav-module-toggle:hover .nav-module-chevron{background:rgba(255,255,255,.05);color:#d7deea}
.nav-module-items{
  overflow:hidden;
  max-height:1100px;
  opacity:1;
  transform:translateY(0);
  transition:max-height .24s ease,opacity .16s ease,transform .2s ease;
}
.nav-module.module-collapsed .nav-module-items{
  max-height:0;
  opacity:0;
  transform:translateY(-5px);
  pointer-events:none;
}
.nav-module.module-collapsed .nav-module-chevron{transform:rotate(90deg)}
html[dir="ltr"] .nav-module.module-collapsed .nav-module-chevron{transform:rotate(-90deg)}
.nav-module:has(a.active)>.nav-module-toggle,
.nav-module:has(a.client-active)>.nav-module-toggle{
  color:#b9fff4;
  background:rgba(15,159,143,.08);
}
.nav-module:has(a.active)>.nav-module-toggle .nav-module-icon,
.nav-module:has(a.client-active)>.nav-module-toggle .nav-module-icon{
  color:#d9fff9;
  background:rgba(45,212,191,.11);
}
.nav-module-items>a{margin-inline-start:4px;margin-inline-end:1px}

/* In icon-only sidebar mode, the global collapse wins: keep every icon accessible. */
body.sidebar-collapsed .nav-module{margin:4px 0;border:0}
body.sidebar-collapsed .nav-module-toggle{display:none!important}
body.sidebar-collapsed .nav-module-items{
  max-height:none!important;
  opacity:1!important;
  transform:none!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
body.sidebar-collapsed .nav-module-items>a{margin-inline:0}

/* Drawer/mobile: module headers become clearer tap targets. */
@media(max-width:900px){
  .nav-module-toggle{min-height:48px;padding:9px 10px}
  .nav-module-title{font-size:12px}
  .nav-module-items>a{min-height:48px}
}

/* ===== NALYVA V8.4 Admin subscription billing ===== */
.admin-sub-heading{align-items:flex-end}
.sub-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.sub-kpi{background:#fff;border:1px solid #e5eaf1;border-radius:18px;padding:18px;box-shadow:0 8px 28px rgba(15,23,42,.04);display:flex;flex-direction:column;gap:6px;min-height:112px}
.sub-kpi span{font-size:12px;color:#78859a;font-weight:800}.sub-kpi b{font-size:19px;color:#111827}.sub-kpi small{color:#7b8798;font-size:12px}
.admin-sub-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.sub-panel{padding:20px;margin-bottom:16px}.sub-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #edf0f5}.sub-panel-head>div{display:flex;align-items:center;gap:10px}.sub-panel-head h3{margin:0;font-size:18px}.step-chip{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#0f9f8f;color:#fff;font-weight:900}
.compact-form{gap:14px}.compact-form label{font-weight:850;font-size:13px;margin-bottom:7px;display:block}.compact-form input,.compact-form select,.compact-form textarea{min-height:46px}.compact-form textarea{padding-top:12px}.full-row{grid-column:1/-1}.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.renew-panel{border-color:#d8e6ff}.renew-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}
.pay-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;white-space:nowrap}.pay-pill.paid,.pay-text.paid{background:#e8fbf3;color:#087a52}.pay-pill.partial,.pay-text.partial{background:#fff7d6;color:#946800}.pay-pill.unpaid,.pay-text.unpaid{background:#fff0f0;color:#c53a36}.pay-text{background:transparent!important}.danger-text{color:#c53a36!important}.tiny-btn{padding:7px 10px!important;min-height:auto!important;font-size:12px!important}
.admin-billing-table th{white-space:nowrap;font-size:12px}.admin-billing-table td{vertical-align:middle;min-width:92px}.admin-billing-table .current-cycle{background:#f1fbf8}.empty-state{padding:26px;border:1px dashed #cfd8e5;border-radius:14px;color:#7a8797;text-align:center;background:#fafbfd}
.notice.danger{background:#fff0f0;border:1px solid #f5c7c7;color:#a92121}.notice.success{background:#eafaf4;border:1px solid #bfead9;color:#087a52}
@media(max-width:1100px){.sub-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sub-grid{grid-template-columns:1fr}.renew-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sub-kpis{grid-template-columns:1fr}.renew-grid{grid-template-columns:1fr}.sub-panel{padding:14px}.sub-panel-head{align-items:flex-start}.admin-billing-table{min-width:860px}}

/* =========================================================
   NALYVA V8.5 — POS checkout UX re-organization
   Cleaner payment flow, readable sections, true hidden panels
   ========================================================= */
#splitPaymentPanel[hidden],#singlePaymentPanel[hidden],.v8-split-payment[hidden]{display:none!important}

@media(min-width:1351px){
  .premium-pos-shell{grid-template-columns:minmax(0,1.38fr) minmax(510px,.78fr);gap:18px}
  .premium-checkout-panel{max-height:calc(100vh - 90px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cad5df transparent}
  .premium-checkout-panel::-webkit-scrollbar{width:7px}.premium-checkout-panel::-webkit-scrollbar-thumb{background:#cad5df;border-radius:20px}
}

.premium-checkout-panel form{display:grid;gap:12px}
.checkout-panel-head{margin-bottom:0;padding-bottom:13px}
.v8-pos-shift-alert,.v8-pos-shift-chip{margin:0}
.pos-customer-picker,.checkout-customer{margin:0}

.pos-checkout-section{border:1px solid #e5eaf0;border-radius:16px;background:#fff;padding:14px;box-shadow:0 4px 16px rgba(15,23,42,.025)}
.pos-checkout-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.pos-step-title{display:flex;align-items:center;gap:10px;min-width:0}.pos-step-title>div,.pos-step-title>span:last-child{min-width:0;display:flex;flex-direction:column;gap:1px}
.pos-step-title small{font-size:10px;color:#8491a3;font-weight:800}.pos-step-title b{font-size:14px;color:#111827}.pos-step-no{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:#eefaf7;color:#087a70;font-size:12px;font-weight:950;border:1px solid #cfeee7}
.pos-section-count,.pos-total-currency{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:999px;background:#f3f6f9;color:#64748b;font-size:10px;font-weight:850}

.pos-cart-section{padding-bottom:10px}.pos-cart-section .premium-cart-rows{max-height:285px;min-height:72px}.pos-cart-section .premium-cart-row{padding:10px 2px}.pos-cart-section .cart-row-main b{font-size:12px}.pos-cart-section .cart-row-main small{font-size:9px}.pos-cart-section .cart-line-total b{font-size:12px}.pos-cart-section .premium-qty span{font-size:11px}

.pos-collapsible-section{padding:0;overflow:hidden}.pos-collapsible-section>summary{list-style:none}.pos-collapsible-section>summary::-webkit-details-marker{display:none}.pos-collapsible-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;cursor:pointer;user-select:none;background:#fbfcfe}.pos-collapsible-summary:hover{background:#f7fafc}.pos-summary-chevron{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eef2f6;color:#64748b;font-size:17px;transition:transform .18s ease}.pos-collapsible-section[open] .pos-summary-chevron{transform:rotate(180deg)}.pos-collapsible-body{padding:0 14px 14px}.pos-benefits-panel-flat{margin:0;padding:12px;border:0;background:#f7fbfa;box-shadow:none}.pos-extra-options{margin-top:10px;border-top:0;padding-top:0}.pos-extra-options .checkout-field label{font-size:11px;font-weight:850}.pos-extra-options input{min-height:42px;font-size:12px}

.pos-payment-section-card{padding:14px}.pos-payment-title-row{align-items:flex-start}.pos-payment-inner{margin:0;border:0;padding:0}.v8-payment-head{display:none}.v8-payment-mode{flex:0 0 auto}.v8-payment-mode button{min-height:36px;padding:7px 10px;font-size:11px}.pos-payment-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pos-payment-methods button{min-height:67px;padding:8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.pos-payment-methods button>span{font-size:18px;margin:0}.pos-payment-methods button>b{font-size:11px;color:#1f2937}.pos-payment-methods button>small{font-size:9px;color:#8a96a6}.pos-payment-methods button.active>b,.pos-payment-methods button.active>small{color:#087a70}

.pos-split-payment{margin-top:0;gap:9px}.pos-split-payment .v8-split-row{grid-template-columns:34px 74px minmax(120px,1fr) auto;grid-template-areas:"icon method amount fill" ". reference reference reference";gap:7px 9px;padding:10px 11px;background:#fbfcfd}.pos-split-payment .v8-pay-icon{grid-area:icon}.pos-split-payment .v8-split-method{grid-area:method;display:flex;flex-direction:column}.pos-split-payment .v8-split-method b{font-size:12px}.pos-split-payment .v8-split-method small{font-size:9px;color:#94a3b8}.v8-split-amount-wrap{grid-area:amount;display:grid;grid-template-columns:auto minmax(70px,1fr);align-items:center;gap:7px}.v8-split-amount-wrap>span,.v8-split-reference-wrap>span{font-size:9px;color:#7b8797;font-weight:800;white-space:nowrap}.v8-split-amount-wrap input{height:38px;text-align:end;font-weight:850}.pos-split-payment .v8-fill-remaining{grid-area:fill;height:38px;padding:0 10px;font-size:10px;white-space:nowrap}.v8-split-reference-wrap{grid-area:reference;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:8px}.v8-split-reference-wrap input{height:36px;font-size:11px}.pos-split-payment .v8-split-summary{margin-top:2px;padding:10px 12px}.pos-split-payment .v8-split-summary>span{display:flex;align-items:center;gap:7px}.pos-split-payment .v8-split-summary small{font-size:9px;color:#cbd5e1}.pos-split-payment .v8-split-summary b{font-size:14px;margin:0}

.pos-totals-section{padding:14px}.pos-totals-section .premium-totals{margin:0;border:0;background:#f7f9fb;padding:12px}.pos-totals-section .premium-totals>div{font-size:12px}.pos-totals-section .invoice-total-line{font-weight:850}.pos-totals-section .premium-grand-total{background:#0f172a;margin:7px -4px -4px;padding:13px 12px;border:0;border-radius:12px;color:#fff}.pos-totals-section .premium-grand-total>span,.pos-totals-section .premium-grand-total b,.pos-totals-section .premium-grand-total small{color:#fff}.pos-totals-section .premium-grand-total b{font-size:27px}

.loyalty-checkout-note{margin:0}.pos-checkout-actionbar{position:sticky;bottom:-20px;z-index:4;margin:0 -2px -20px;padding:10px 2px 20px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 30%,#fff)}.pos-checkout-actionbar .premium-pay-button{margin:0;min-height:66px;border-radius:14px}.pos-checkout-actionbar .premium-pay-button>span:nth-child(2) b{font-size:13px}.pos-checkout-actionbar .premium-pay-button>span:nth-child(2) small{font-size:9px}.pos-checkout-actionbar .premium-pay-button>strong{font-size:16px;white-space:nowrap}

@media(max-width:1350px){
  .premium-checkout-panel{max-height:none;overflow:visible}
  .pos-checkout-actionbar{position:static;margin:0;padding:0;background:none}
}
@media(max-width:700px){
  .pos-payment-title-row{flex-direction:column}.v8-payment-mode{width:100%;display:grid;grid-template-columns:1fr 1fr}.pos-payment-methods{grid-template-columns:repeat(2,1fr)}
  .pos-split-payment .v8-split-row{grid-template-columns:32px 1fr auto;grid-template-areas:"icon method fill" "amount amount amount" "reference reference reference"}.v8-split-amount-wrap{grid-template-columns:68px 1fr}.v8-split-reference-wrap{grid-template-columns:68px 1fr}
  .pos-checkout-section{padding:12px}.pos-collapsible-body{padding:0 12px 12px}
}

/* ===== NALYVA V8.5.2 brand identity ===== */
.nalyva-brand-tagline{font-size:9px!important;letter-spacing:.08em!important;white-space:nowrap}
.nalyva-brand-slogan{display:block;margin-top:3px;font-size:8px;font-weight:800;letter-spacing:.18em;color:#b99178;text-transform:uppercase}
.nalyva-brand-master{display:block;max-width:280px;width:100%;height:auto;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(4,18,38,.18)}
.auth-brand-art{position:relative;z-index:2;margin-bottom:26px;max-width:330px}
@media(max-width:1200px){.brand-modern .nalyva-brand-tagline{font-size:8px!important}.brand-modern .nalyva-brand-slogan{display:none}}


/* =========================================================
   NALYVA V8.5.3 — Calendar pointer drag + stable sidebar
   ========================================================= */
body:not(.sidebar-ui-ready) .nav-module-items,
body:not(.sidebar-ui-ready) .nav-module-chevron,
body:not(.sidebar-ui-ready) .app-sidebar,
body:not(.sidebar-ui-ready) .app-shell{transition:none!important}
.app-nav{overscroll-behavior:contain;scroll-behavior:auto}
.v8-drag-event[data-can-move="1"]{cursor:grab;touch-action:auto;position:relative;padding-inline-end:32px}
.v8-drag-event[data-can-move="1"]:active{cursor:grabbing}
.v853-drag-handle{position:absolute;inset-inline-end:5px;top:5px;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(15,23,42,.08);color:#334155;font-size:16px;line-height:1;cursor:grab;user-select:none;touch-action:none;z-index:2}
.v8-drag-event[data-can-move="0"] .v853-drag-handle{display:none}
.v853-drag-ghost{position:fixed;z-index:99999;pointer-events:none;width:220px;max-width:34vw;opacity:.94;transform:rotate(-1deg);box-shadow:0 18px 44px rgba(15,23,42,.24);border-radius:12px;background:#fff}
.v8-drag-event.v853-pointer-dragging{opacity:.32}
.v8-drop-cell.v853-drop-target{background:#ccfbf1!important;box-shadow:inset 0 0 0 2px #14b8a6,inset 0 0 0 5px rgba(20,184,166,.08)}
.v8-drop-cell.v853-drop-invalid{background:#fff1f2!important;box-shadow:inset 0 0 0 2px #ef4444}
.v853-calendar-toast{position:fixed;inset-inline-start:50%;bottom:26px;transform:translateX(-50%);z-index:100000;min-width:260px;max-width:min(520px,90vw);padding:13px 17px;border-radius:14px;background:#0f172a;color:#fff;box-shadow:0 18px 50px rgba(15,23,42,.25);font-weight:800;text-align:center;opacity:0;translate:0 12px;transition:.18s ease;pointer-events:none}
.v853-calendar-toast.show{opacity:1;translate:0 0}.v853-calendar-toast.error{background:#991b1b}.v853-calendar-toast.success{background:#065f46}
@media(max-width:720px){.v853-drag-handle{width:30px;height:30px;font-size:18px}.v8-drag-event[data-can-move="1"]{padding-inline-end:38px}}

/* V9.4 anonymous-form bot trap: visually absent and removed from normal keyboard flow. */
.bot-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}


/* ===== SOURCE: nalyva-v9.css ===== */
/* =========================================================
   NALYVA V9.0 Premium Design System
   Global visual upgrade for the entire back-office UI.
   ========================================================= */
:root{
  --n9-navy:#101a31;
  --n9-navy-2:#16233f;
  --n9-violet:#6d63ff;
  --n9-violet-dark:#5549ef;
  --n9-copper:#b98568;
  --n9-bg:#f5f7fb;
  --n9-card:#ffffff;
  --n9-line:#e3e8ef;
  --n9-text:#172033;
  --n9-muted:#667085;
  --n9-soft:#f8fafc;
  --n9-success:#0e9f6e;
  --n9-danger:#c9362b;
  --n9-shadow:0 10px 34px rgba(16,26,49,.07);
  --n9-shadow-lg:0 22px 60px rgba(16,26,49,.11);
  --n9-radius:18px;
}

@media screen{
  html{font-size:16px;scroll-behavior:smooth}
  body{background:linear-gradient(180deg,#f8f9fc 0,#f4f6fa 230px,#f5f7fb 100%);color:var(--n9-text);font-family:"Segoe UI Variable","Segoe UI",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.6}
  .app-shell{grid-template-columns:276px minmax(0,1fr);background:transparent}
  .app-sidebar{background:linear-gradient(180deg,#0d172b 0%,#111d35 58%,#0c1628 100%);padding:16px 13px;box-shadow:16px 0 46px rgba(7,16,31,.10);border-inline-end:1px solid rgba(255,255,255,.035)}
  .sidebar-head{padding:6px 5px 17px;margin-bottom:4px}
  .brand-modern{gap:12px}.brand-modern .brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--n9-violet),#4e67d9 52%,var(--n9-copper));box-shadow:0 10px 28px rgba(109,99,255,.28)}
  .brand-modern strong{font-size:22px;letter-spacing:.2px}.brand-modern .nalyva-brand-tagline{font-size:9.5px!important;color:#9caed0!important;letter-spacing:.08em!important}.brand-modern .nalyva-brand-slogan{font-size:8px;color:#d0a68d;letter-spacing:.16em}
  .app-nav{padding:8px 2px 12px}.nav-module{margin-bottom:6px}.nav-module-toggle{min-height:42px;border-radius:11px;padding:8px 10px!important;color:#8190aa!important}.nav-module-title{font-size:12px!important;font-weight:800!important}.nav-module-icon{font-size:14px!important}.nav-module-items{padding-top:3px!important}.app-nav a{min-height:44px;padding:10px 11px!important;margin:3px 0!important;border-radius:12px!important;color:#c5cede!important;font-size:13.5px!important;font-weight:650;gap:11px!important}.app-nav a:hover{background:rgba(255,255,255,.07)!important;color:#fff!important;transform:none!important}.app-nav a.active{background:linear-gradient(92deg,rgba(109,99,255,.30),rgba(109,99,255,.10))!important;box-shadow:inset -3px 0 0 #8c83ff,0 8px 22px rgba(0,0,0,.08)!important;color:#fff!important}html[dir="ltr"] .app-nav a.active{box-shadow:inset 3px 0 0 #8c83ff,0 8px 22px rgba(0,0,0,.08)!important}.nav-icon{width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(255,255,255,.065)!important;font-size:14px!important}.sidebar-version{font-size:11px!important}

  .app-topbar{min-height:74px;padding:12px 24px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(217,224,234,.9);box-shadow:0 5px 20px rgba(16,26,49,.025);backdrop-filter:blur(18px)}
  .topbar-user small{font-size:11px}.topbar-user b{font-size:14px}.branch-switcher{border-radius:13px;padding:4px 9px;background:#fff;box-shadow:0 3px 10px rgba(16,26,49,.025)}.branch-switcher select{font-size:13px;min-height:36px}.language-button,.logout-button,.top-quick-link{min-height:40px;border-radius:11px;font-size:13px!important}
  .page-content{padding:30px 34px 54px;max-width:1820px}
  .workspace-heading,.page-heading{margin-bottom:24px!important}.workspace-heading h1,.page-heading h2{font-size:31px!important;line-height:1.22!important;letter-spacing:-.45px!important;color:#111a2e!important}.workspace-heading p,.page-heading .muted{font-size:14px!important;line-height:1.65}.workspace-kicker,.panel-eyebrow,.eyebrow{font-size:11px!important;letter-spacing:.85px!important;color:#665be7!important}.workspace-dot{background:var(--n9-violet)!important;box-shadow:0 0 0 4px rgba(109,99,255,.12)!important}

  .card,.premium-card{border:1px solid var(--n9-line)!important;border-radius:20px!important;box-shadow:var(--n9-shadow)!important;background:#fff!important}.card{padding:22px}.premium-card{padding:22px}.premium-card-title h3,.section-head h3,.premium-panel-head h3{font-size:19px!important;line-height:1.35}.premium-panel-head p,.section-head .muted{font-size:13px!important;color:var(--n9-muted)!important}
  .btn,.premium-primary,.premium-ghost{min-height:42px;border-radius:11px!important;padding:9px 15px!important;font-size:13px!important;font-weight:750!important;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.premium-primary,.premium-primary,.btn.alt{background:linear-gradient(135deg,var(--n9-violet),var(--n9-violet-dark))!important;border-color:#5c51ec!important;color:#fff!important;box-shadow:0 8px 20px rgba(109,99,255,.18)!important}.btn.premium-ghost,.premium-ghost,.btn.light{background:#fff!important;border:1px solid #dbe1ea!important;color:#344054!important}.btn.danger{background:#c9362b!important}.btn:hover{transform:translateY(-1px)}
  input,select,textarea{min-height:45px!important;border-radius:11px!important;border:1px solid #d5dce7!important;padding:10px 12px!important;font-size:14px!important;color:#172033!important}textarea{min-height:88px!important}input:focus,select:focus,textarea:focus{border-color:#8a81ff!important;box-shadow:0 0 0 4px rgba(109,99,255,.10)!important}label{font-size:13px!important;font-weight:750!important;color:#344054!important;margin-bottom:6px!important}.field-help,.muted,small{line-height:1.5}.field-help{font-size:11.5px!important}

  .table-wrap{border-radius:16px}.table-wrap table,table{font-size:13.5px!important}th{padding:12px 14px!important;font-size:11.5px!important;letter-spacing:.1px;color:#697386!important;background:#f8fafc!important}td{padding:13px 14px!important;font-size:13.5px!important;color:#25324a!important}tbody tr{transition:background .14s}tbody tr:hover{background:#fafbff!important}.badge{font-size:11px!important;padding:5px 9px!important}

  .dashboard-hero{border-radius:24px!important;padding:32px 34px!important;background:radial-gradient(circle at 12% 5%,rgba(109,99,255,.28),transparent 34%),linear-gradient(135deg,#0f192e 0%,#182846 65%,#332f6f 130%)!important}.dashboard-hero h1{font-size:34px!important}.dashboard-hero p{font-size:14px!important}.dashboard-command-grid{gap:14px!important}.command-tile{border-radius:18px!important;padding:17px!important}.command-icon{width:44px!important;height:44px!important;border-radius:13px!important;background:#f0efff!important;color:#5d52e9!important}.command-tile b{font-size:22px!important}.command-tile div>span{font-size:12px!important}

  .metric b,.executive-kpi b,.v8-kpi b{font-size:27px!important}.metric small,.executive-kpi small,.executive-kpi em,.v8-kpi small,.v8-kpi>span{font-size:11px!important}.executive-kpi{padding:15px!important;border-radius:17px!important}.executive-kpi>span{width:40px!important;height:40px!important;border-radius:12px!important}.executive-kpi.primary>span{background:#f0efff!important;color:#5b50e7!important}

  .premium-pos-shell{gap:18px!important}.premium-pos-catalog,.premium-checkout-panel{border-radius:22px!important}.catalog-search-wrap input{font-size:14px!important}.catalog-tabs button{min-height:44px!important;font-size:13px!important}.premium-catalog-item{min-height:92px!important;border-radius:16px!important;padding:14px!important}.premium-catalog-item b,.catalog-item-body b{font-size:14px!important}.premium-catalog-item small,.catalog-item-body small{font-size:11.5px!important}.catalog-item-price{font-size:14px!important}.premium-cart-row{font-size:13px!important}.premium-cart-row b{font-size:13px!important}.premium-cart-row small{font-size:11px!important}.pos-checkout-section h3{font-size:17px!important}.pos-checkout-section label{font-size:12px!important}.payment-methods button{min-height:54px!important;font-size:12.5px!important}.split-row,.v8-split-row{min-height:52px!important;font-size:13px!important}.checkout-total-row span,.checkout-total-row b,.premium-totals-row span,.premium-totals-row b{font-size:13px!important}.premium-pay-button{min-height:62px!important;border-radius:15px!important}.premium-pay-button b{font-size:14px!important}.premium-pay-button small{font-size:11px!important}.premium-pay-button>strong{font-size:18px!important}

  .appointment-card,.week-appt,.v8-drag-event{border-radius:13px!important}.appointment-card b,.week-appt strong,.v8-drag-event b{font-size:13px!important}.appointment-card span,.appointment-card small,.week-appt span,.week-appt small,.v8-drag-event span,.v8-drag-event small{font-size:11px!important}.v8-calendar-staff-head b{font-size:13px!important}.v8-calendar-staff-head small{font-size:10.5px!important}.v8-time-label{font-size:12px!important}.v8-calendar-cell{min-height:58px!important}.v8-drag-event{padding:8px 10px!important;min-height:50px!important}

  .customer-profile-hero h1,.customer-profile-hero h2{font-size:28px!important}.customer-profile-hero p{font-size:13px!important}.customer-stat b{font-size:23px!important}.customer-stat small{font-size:11px!important}.customer-tabs a,.customer-tabs button{font-size:13px!important;min-height:42px!important}

  .pricing-card,.plan-card{border-radius:20px!important;box-shadow:0 8px 28px rgba(16,26,49,.05)!important}.pricing-card h3,.plan-name{font-size:20px!important}.plan-tag,.pricing-card p{font-size:13px!important}.plan-price strong{font-size:34px!important}.plan-features span,.pricing-feature-list span{font-size:12px!important}.plan-limits span,.pricing-limits span{font-size:11px!important}

  .report-control-center label,.report-period-chips a,.ranking-row small,.ranking-row b,.ranking-row strong,.payment-bars b,.payment-bars span,.payment-bars small,.utilization-list b,.utilization-list span,.utilization-list strong,.table-sub{font-size:11px!important}.ranking-row b{font-size:12.5px!important}.ranking-row strong{font-size:12px!important}.health-metrics span{font-size:11px!important}.health-metrics b{font-size:22px!important}.revenue-bar-item small,.revenue-bar-item span{font-size:10px!important}

  .settings-section h3{font-size:19px!important}.toggle-grid label{min-height:52px!important;font-size:13px!important}.print-option-card,.print-format-option{border-radius:17px!important}.print-preview{border-radius:18px!important}
  .alert{border-radius:13px!important;padding:13px 15px!important;font-size:13px!important}.validation-summary-errors,.premium-validation.validation-summary-errors{font-size:13px!important}

  .auth-brand-panel{background:radial-gradient(circle at 18% 12%,rgba(109,99,255,.30),transparent 34%),linear-gradient(145deg,#0d172b,#172743 70%,#3a2f54)!important}.auth-copy h1{font-size:44px!important}.auth-copy p{font-size:16px!important}.auth-card{border-radius:24px!important;box-shadow:var(--n9-shadow-lg)!important}.auth-card h2{font-size:29px!important}.auth-card .auth-subtitle{font-size:14px!important}.auth-card .btn-primary{background:linear-gradient(135deg,var(--n9-violet),var(--n9-violet-dark))!important;font-size:14px!important;min-height:46px!important}
  .registration-page{background:radial-gradient(circle at 10% 0,rgba(109,99,255,.07),transparent 28%),linear-gradient(180deg,#fafbfe,#f3f5fa)!important}.registration-shell{border-radius:25px!important;box-shadow:var(--n9-shadow-lg)!important}.reg-header h1{font-size:32px!important}.reg-header p,.reg-step-title p{font-size:14px!important}.reg-step-title h2{font-size:23px!important}.reg-progress .reg-progress-item{font-size:13px!important}.trial-note{font-size:13px!important}

  .market-module{border-radius:18px!important;padding:17px!important}.market-module b{font-size:14px!important}.market-module span{font-size:12px!important}.market-module i{background:#f0efff!important;color:#5c52e8!important}.stock-pill{font-size:12px!important}
  .action-pop{font-size:13px!important;border-radius:15px!important;box-shadow:var(--n9-shadow-lg)!important}

  @media(max-width:1100px){.app-shell{grid-template-columns:258px minmax(0,1fr)}.page-content{padding:24px 22px 42px}.workspace-heading h1,.page-heading h2{font-size:28px!important}}
  @media(max-width:900px){.app-sidebar{width:286px!important}.page-content{padding:20px 14px 38px}.app-topbar{padding:10px 14px}.workspace-heading h1,.page-heading h2{font-size:26px!important}.card,.premium-card{padding:17px}}
  @media(max-width:620px){body{font-size:14px}.workspace-heading h1,.page-heading h2{font-size:24px!important}.btn{font-size:12.5px!important}.premium-catalog-item{min-height:80px!important}.dashboard-hero{padding:24px 20px!important}.dashboard-hero h1{font-size:28px!important}}
}


/* ===== SOURCE: nalyva-v91.css ===== */
/* =========================================================
   NALYVA V9.1 Production Stabilized UI
   Readability, fast-shell navigation and calendar polish.
   ========================================================= */
:root{
  --v91-ink:#111a2f;
  --v91-muted:#667085;
  --v91-line:#e1e7f0;
  --v91-violet:#655cf6;
  --v91-violet-soft:#f0efff;
  --v91-copper:#ba8669;
  --v91-teal:#0e9f8d;
  --v91-surface:#fff;
  --v91-bg:#f4f6fa;
  --v91-shadow:0 14px 38px rgba(16,26,49,.07);
}
@media screen{
  body{font-size:15.5px;letter-spacing:0;color:var(--v91-ink)}
  .app-main{min-width:0;background:radial-gradient(circle at 8% 0,rgba(101,92,246,.035),transparent 26%),var(--v91-bg)}
  .app-topbar{position:sticky;top:0;z-index:35;box-shadow:0 7px 24px rgba(16,26,49,.045)}
  .page-content{width:100%;max-width:none;padding-inline:clamp(18px,2.1vw,38px)}
  #appPageContent{transition:opacity .14s ease,transform .14s ease;min-height:calc(100vh - 115px)}
  body.nalyva-pjax-loading #appPageContent{opacity:.56;transform:translateY(2px);pointer-events:none}
  .nalyva-nav-progress{position:fixed;z-index:999999;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#8d83ff,#645bf4,#c18b6c);opacity:0;transition:opacity .14s,width .35s;box-shadow:0 0 12px rgba(101,92,246,.45)}
  .nalyva-nav-progress.active{opacity:1;width:72%;animation:nalyvaProgress 1.2s ease-in-out infinite alternate}
  @keyframes nalyvaProgress{from{width:28%}to{width:92%}}

  /* Sidebar: clearer module grouping and larger hit areas. */
  .app-sidebar{padding:14px 12px!important}
  .app-nav{scrollbar-width:thin;scrollbar-color:#36425a transparent}
  .nav-module{border:1px solid transparent;border-radius:14px;padding:2px;margin-bottom:8px;transition:background .16s,border-color .16s}
  .nav-module:not(.module-collapsed){background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.045)}
  .nav-module-toggle{width:100%;min-height:45px!important;font-size:13px!important}
  .nav-module-toggle:hover{background:rgba(255,255,255,.05)!important;color:#fff!important}
  .nav-module-chevron{font-size:15px;transition:transform .18s ease}
  .nav-module.module-collapsed .nav-module-chevron{transform:rotate(-90deg)}
  html[dir="ltr"] .nav-module.module-collapsed .nav-module-chevron{transform:rotate(90deg)}
  .app-nav a{min-height:47px!important;font-size:14px!important;padding:10px 12px!important}
  .app-nav a.active{background:linear-gradient(90deg,rgba(101,92,246,.34),rgba(101,92,246,.13))!important}
  .nav-icon{flex:0 0 30px;width:30px!important;height:30px!important}
  .sidebar-version{font-size:11.5px!important}

  /* Page headers and common surfaces. */
  .workspace-heading,.page-heading{padding:4px 2px 2px}
  .workspace-heading h1,.page-heading h2{font-size:clamp(27px,2vw,34px)!important;font-weight:850!important}
  .workspace-heading p,.page-heading .muted{font-size:14.5px!important;color:#667085!important;max-width:850px}
  .card,.premium-card,.premium-panel,.market-module,.report-panel,.settings-card{border-color:var(--v91-line)!important;box-shadow:var(--v91-shadow)!important}
  .card:hover,.premium-card:hover{border-color:#d9dff0!important}
  .section-head h3,.premium-panel-head h3,.premium-card-title h3{font-size:19.5px!important}

  /* Forms: readable labels + consistent controls. */
  label{font-size:13.5px!important}
  input,select,textarea{font-size:14.5px!important;min-height:46px!important;background:#fff}
  input::placeholder,textarea::placeholder{color:#98a2b3;opacity:1}
  .btn,.premium-primary,.premium-ghost{font-size:13.5px!important;min-height:43px}
  .btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(101,92,246,.18)!important;outline-offset:2px}

  /* Tables: more like a business application, less like raw HTML. */
  .table-wrap{border:1px solid var(--v91-line);background:#fff;box-shadow:0 8px 24px rgba(16,26,49,.035)}
  .table-wrap thead th,table thead th{position:sticky;top:0;z-index:2;background:#f8f9fc!important;color:#667085!important;text-transform:none;font-weight:800!important}
  th{font-size:12.5px!important}td{font-size:14px!important;vertical-align:middle}
  tbody tr{border-bottom:1px solid #edf0f5}
  tbody tr:hover{background:#f8f8ff!important}

  /* POS readability and structure. */
  .premium-pos-shell{align-items:start}
  .premium-pos-catalog,.premium-checkout-panel{border:1px solid var(--v91-line)!important;box-shadow:var(--v91-shadow)!important}
  .premium-checkout-panel{background:linear-gradient(180deg,#fff 0,#fdfdff 100%)}
  .pos-checkout-section{border-top:1px solid #e8ecf2;padding-top:18px;margin-top:18px}
  .pos-checkout-section h3{font-size:18px!important;margin-bottom:12px!important}
  .premium-cart-row{border-radius:13px!important;padding:11px!important}
  .premium-cart-row b{font-size:14px!important}.premium-cart-row small{font-size:11.5px!important}
  .payment-methods{gap:9px!important}.payment-methods button{border-radius:13px!important;min-height:58px!important;font-weight:800}
  .premium-pay-button{background:linear-gradient(135deg,#655cf6,#5147e3)!important;box-shadow:0 14px 30px rgba(101,92,246,.24)!important}

  /* Customers and settings. */
  .customer-profile-hero,.settings-hero,.dashboard-hero{box-shadow:0 20px 52px rgba(16,26,49,.11)!important}
  .customer-tabs{gap:5px;padding:5px;background:#f3f5f9;border-radius:14px}
  .customer-tabs a,.customer-tabs button{border-radius:10px!important}
  .toggle-grid label{border-radius:14px!important;padding:12px!important}

  /* Calendar: unmistakable draggable cards + target slots. */
  .v8-timeline-scroll{border-radius:20px!important;border-color:#dce3ee!important;box-shadow:0 10px 28px rgba(16,26,49,.045)}
  .v8-timeline-grid{grid-template-columns:86px repeat(var(--staff-count),minmax(220px,1fr))!important}
  .v8-time-head,.v8-staff-head{min-height:68px!important;background:#f9fafc!important}
  .v8-time-label,.v8-drop-cell{height:78px!important}
  .v8-drop-cell{padding:6px!important;background:linear-gradient(to bottom,#fff 0,#fff 49%,#f7f9fc 50%,#fff 51%)!important}
  .v8-drop-cell:hover{background:#fafaff!important;box-shadow:inset 0 0 0 1px #e3e0ff}
  .v8-drop-cell.v91-native-target,.v8-drop-cell.v853-drop-target{background:#eeecff!important;box-shadow:inset 0 0 0 2px #6d63ff,inset 0 0 0 6px rgba(109,99,255,.07)!important}
  .v8-drag-event{position:relative!important;cursor:grab!important;min-height:64px!important;padding:8px 38px 8px 10px!important;border-inline-start:4px solid #655cf6!important;background:linear-gradient(135deg,#f7f6ff,#eeecff)!important;box-shadow:0 5px 14px rgba(43,37,117,.10)!important;user-select:none}
  .v8-drag-event:active{cursor:grabbing!important}
  .v8-drag-event.v91-native-dragging,.v8-drag-event.v853-pointer-dragging{opacity:.32!important;transform:scale(.985)}
  .v853-drag-handle{background:#655cf6!important;color:#fff!important;box-shadow:0 5px 12px rgba(101,92,246,.22)!important}
  .v91-calendar-toast{position:fixed;z-index:100000;bottom:26px;left:50%;transform:translate(-50%,18px);opacity:0;background:#111a2f;color:#fff;border-radius:12px;padding:11px 16px;font-weight:800;box-shadow:0 18px 44px rgba(16,26,49,.23);transition:.18s}
  .v91-calendar-toast.show{opacity:1;transform:translate(-50%,0)}
  .v91-calendar-toast.error{background:#b42318}

  /* Reports and metrics. */
  .executive-kpi,.v8-kpi,.metric{border:1px solid #e5e8f0!important;box-shadow:0 8px 24px rgba(16,26,49,.04)!important}
  .executive-kpi b,.v8-kpi b,.metric b{font-variant-numeric:tabular-nums}
  .ranking-row,.revenue-bar-item{padding-block:10px!important}

  /* Responsive. */
  @media(max-width:1100px){.v8-timeline-grid{grid-template-columns:78px repeat(var(--staff-count),minmax(190px,1fr))!important}}
  @media(max-width:900px){.app-sidebar{width:292px!important}.page-content{padding-inline:14px!important}.v8-time-label,.v8-drop-cell{height:72px!important}}
}