/* Theme colors */
:root{
	--berberim-bg-1:#ffffff;
	--berberim-bg-2:#f9f6f2;
	--berberim-bg-3:#fff3ea;
	--berberim-contrast:#ffffff;
	--berberim-border:#efefef;
	--berberim-text:#111111;
	--berberim-primary:#ff8634;
	--berberim-primary-dark:#e06f1f;
	--berberim-primary-rgb:255,134,52;
	--berberim-muted:#6b7a86;
	--berberim-danger:#c62828;
}

/* Base */
body { background: var(--berberim-bg-1); color: var(--berberim-text); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }

.berberim-list{display:flex;flex-wrap:wrap;gap:18px}
.berberim-card{background:var(--berberim-contrast);border:1px solid var(--berberim-border);padding:14px;border-radius:10px;width:300px;display:flex;gap:12px;box-shadow:0 6px 18px rgba(36,60,80,0.04)}
.berberim-photo{flex:0 0 84px;display:flex;align-items:center;justify-content:center}
.berberim-photo img{width:84px;height:84px;object-fit:cover;border-radius:8px;display:block}
.berberim-body{flex:1}
.berberim-title{margin:0 0 6px 0;font-size:18px;color:var(--berberim-primary-dark)}
.berberim-owner,.berberim-phone,.berberim-city{margin:2px 0;color:var(--berberim-muted);font-size:14px}
.berberim-appointment-btn{display:inline-block;padding:8px 12px;background:linear-gradient(180deg,var(--berberim-bg-3),var(--berberim-bg-2));color:var(--berberim-primary-dark);border-radius:8px;text-decoration:none;border:1px solid var(--berberim-border);font-weight:600}

.berberim-detail .berberim-photo img{max-width:260px;max-height:260px;border-radius:8px}
#berberim-shop-form input,#berberim-shop-form textarea,#berberim-shop-form select,
#berberim-appointment-form input,#berberim-appointment-form select{width:100%;padding:10px;margin-top:6px;border:1px solid var(--berberim-border);border-radius:8px;background:var(--berberim-bg-1);color:var(--berberim-text)}
#berberim-shop-form button,#berberim-appointment-form button{padding:10px 14px;border-radius:8px;border:0;background:var(--berberim-primary);color:#fff;font-weight:600}

/* Modal styles */
.berberim-modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(11,35,60,0.45);z-index:9999;align-items:center;justify-content:center;padding:20px}
.berberim-modal-inner{background:var(--berberim-bg-1);max-width:880px;width:100%;max-height:90vh;overflow:auto;border-radius:12px;position:relative;padding:20px;border:1px solid var(--berberim-border)}
.berberim-modal-close{position:absolute;right:10px;top:8px;background:var(--berberim-bg-2);border:0;padding:6px 10px;border-radius:6px;cursor:pointer;color:var(--berberim-primary-dark)}
.berberim-modal-content img{max-width:100%;height:auto;border-radius:6px}

/* Spinner & toast */
.berberim-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(var(--berberim-primary-rgb),0.15);border-left-color:var(--berberim-primary);border-radius:50%;animation:berberim-spin .8s linear infinite;vertical-align:middle;margin-left:8px}
@keyframes berberim-spin{to{transform:rotate(360deg)}}
.berberim-toast{position:fixed;right:20px;bottom:20px;background:var(--berberim-primary);color:#fff;padding:10px 14px;border-radius:10px;z-index:99999;box-shadow:0 8px 24px rgba(var(--berberim-primary-rgb),0.12);display:none}
.berberim-form-message{display:none;margin-bottom:8px;color:var(--berberim-primary-dark)}

/* Search & Map UI */
.berberim-search{background:#fff;padding:12px;border:1px solid #e6e6e6;border-radius:6px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}
.berberim-search input[type="text"]{padding:10px;border:1px solid var(--berberim-border);border-radius:8px;background:var(--berberim-bg-1)}
 .berberim-search select{padding:6px;border:1px solid #ddd;border-radius:4px}
/* small select used in stats top card for period selection */
.berberim-stats-period-select{margin-top:8px;padding:6px 8px;border:1px solid var(--berberim-border);border-radius:6px;background:var(--berberim-bg-1);font-size:13px;color:var(--berberim-text)}
.berberim-search .button{padding:8px 10px}
.berberim-search .controls{display:flex;gap:8px;align-items:center}
.berberim-search-input{width:340px}
.berberim-input-wide{width:420px}
.berberim-debug{padding:8px;border:1px solid #cfe8ff;margin-bottom:12px;background:linear-gradient(180deg,var(--berberim-bg-2),var(--berberim-bg-3));font-size:13px;border-radius:8px}
.berberim-card-debug{background:var(--berberim-contrast);border:1px solid var(--berberim-border);padding:10px;margin:8px 0;font-size:12px;border-radius:6px}
.berberim-search-map{border:1px solid var(--berberim-border);border-radius:6px}

/* Calendar / inline flow */
.berberim-calendar-inline{display:flex;flex-wrap:wrap;gap:6px}
.berberim-day-btn{padding:8px 10px;border:1px solid #ddd;background:#fafafa;border-radius:4px;cursor:pointer}
.berberim-day-btn.active{background:var(--berberim-primary);color:var(--berberim-contrast);border-color:var(--berberim-primary)}
.berberim-time-btn{display:inline-block;padding:6px 8px;margin:4px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}
.berberim-time-btn.disabled{opacity:0.5;cursor:not-allowed}

/* Responsive tweaks */
@media(max-width:720px){
	.berberim-card{width:100%}
	.berberim-search{padding:10px}
}

/* Tables and forms */
.berberim-appointments-table, .berberim-providers-table { width:100%; border-collapse:collapse; margin-bottom:12px }
.berberim-appointments-table th, .berberim-providers-table th { text-align:left; padding:8px; border-bottom:1px solid #e6e6e6; background:#fafafa }
.berberim-appointments-table td, .berberim-providers-table td { padding:8px; border-bottom:1px solid #f6f6f6; vertical-align:top }
.berberim-appt-filters input[type="date"], .berberim-appt-filters select, #berberim-shop-form input, #berberim-shop-form textarea, #berberim-provider-form input, #berberim-provider-form select { padding:8px; border:1px solid #ddd; border-radius:4px }
.berberim-appt-filters .button, .berberim-search .button, .berberim-appointment-btn, button { background:var(--berberim-primary);color:#fff;border:0;padding:8px 10px;border-radius:6px;cursor:pointer }
.berberim-appt-filters { margin-bottom:12px }

.berberim-hidden { display:none !important }
.berberim-appt-note-wrapper { margin-top:8px }
.berberim-appt-note { width:100%; min-height:48px; padding:8px; border:1px solid var(--berberim-border); border-radius:6px }
.berberim-appt-save-note { margin-top:6px; padding:6px 10px; background:var(--berberim-primary-dark); color:#fff; border-radius:6px; border:0 }
.berberim-appt-notes-log { margin-top:6px; white-space:pre-wrap; font-size:12px; color:var(--berberim-muted); background:var(--berberim-contrast); padding:8px; border-radius:6px }
button.button.secondary, .button.secondary { background:#6c757d }
.berberim-appt-note, .berberim-appt-note textarea, textarea.berberim-appt-note { width:100%; min-height:60px; padding:8px; border:1px solid #ddd; border-radius:4px }
.berberim-appt-notes-log{background:#fafafa;padding:8px;border:1px solid #eee;border-radius:4px}

/* Provider list */
.berberim-providers table { width:100% }
.berberim-providers .berberim-provider-calendar { background:#fff;padding:8px;border:1px solid #eee;border-radius:6px }

/* Admin page helpers */
#berberim-migrate-output, #berberim-report-output { font-family:monospace; background:#fff;padding:12px;border:1px solid #e6e6e6;border-radius:6px; max-height:360px; overflow:auto }

/* Small utility */
.badge { background:var(--berberim-bg-2);padding:4px 8px;border-radius:10px;font-size:12px;color:var(--berberim-primary-dark);font-weight:600 }

/* Improve contrast on disabled buttons */
.berberim-time-btn.disabled, button[disabled] { opacity:0.6 }

/* Small helpers for lists and cards */
.berberim-card .berberim-body h4{margin:6px 0;color:var(--berberim-primary)}
.berberim-card .berberim-body p{margin:4px 0}

/* Component: Services grid/cards */
.berberim-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px}
.berberim-service-card{background:var(--berberim-bg-1);border:1px solid var(--berberim-border);padding:12px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:box-shadow .18s ease,border-color .18s ease}
.berberim-service-card:hover{box-shadow:0 10px 30px rgba(var(--berberim-primary-rgb),0.08);border-color:var(--berberim-primary)}
.berberim-service-meta{display:flex;flex-direction:column;gap:6px}
.berberim-service-name{font-weight:700;color:var(--berberim-primary-dark);font-size:15px}
.berberim-service-duration{font-size:13px;color:var(--berberim-muted)}
.berberim-service-price{font-weight:800;color:var(--berberim-primary);font-size:15px}

/* Make services area wider inside shop form so cards/pills fill the box */
.berberim-shop-box .berberim-service-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.berberim-shop-box .berberim-services-pills{width:100%;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.berberim-shop-box .berberim-service-card{padding:14px}

/* Make pills flow to fill the box: allow pills to grow to fill rows and wrap gracefully */
.berberim-shop-box .berberim-service-pill{
	flex:1 1 180px;
	min-width:120px;
	max-width:calc(33% - 12px);
}
@media (max-width:1023px){
	.berberim-shop-box .berberim-service-pill{flex:1 1 200px;max-width:calc(50% - 12px)}
}
@media (max-width:719px){
	.berberim-shop-box .berberim-service-pill{flex:1 1 100%;max-width:100%}
}

/* service list fallback (checkbox list) */
.berberim-services-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:8px}
.berberim-services-list li{margin:0}
.berberim-services-list label{display:flex;align-items:center;justify-content:space-between;gap:8px}

/* Dropdown variant for provider services select (collapsed multi-select) */
.berberim-services-select--dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:10px;border-radius:8px;border:1px solid var(--berberim-border);background:var(--berberim-bg-1);width:100%;box-sizing:border-box;background-image:linear-gradient(45deg,transparent 50%,var(--berberim-muted) 50%), linear-gradient(135deg,var(--berberim-muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px), calc(100% - 13px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.berberim-services-select--dropdown[multiple]{height:auto}
.berberim-services-select--dropdown option{padding:6px}

/* Small tweak: when JS-enhanced preview exists, hide native select on small screens if desired (keep accessible) */
.berberim-services-preview + .berberim-services-select--dropdown{margin-top:8px}

/* Custom multi-select dropdown (checkbox-based) */
.berberim-multi-dropdown{position:relative;display:block}
.berberim-multi-toggle{width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:1px solid var(--berberim-border);background:var(--berberim-bg-1);cursor:pointer}
.berberim-multi-toggle:after{content:'▾';float:right;opacity:0.6}
.berberim-multi-dropdown.open .berberim-multi-toggle:after{content:'▴'}
.berberim-multi-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:12000;background:var(--berberim-contrast);border:1px solid var(--berberim-border);border-radius:8px;padding:8px;box-shadow:0 10px 30px rgba(11,35,60,0.08);max-height:260px;overflow:auto;display:none}
.berberim-multi-dropdown.open .berberim-multi-menu{display:block}
.berberim-multi-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer}
.berberim-multi-item:hover{background:var(--berberim-bg-2)}
.berberim-multi-item input{flex:0 0 auto}
.berberim-multi-item .label-text{flex:1 1 auto;min-width:0}

@media (max-width:480px){
	.berberim-multi-menu{max-height:220px}
	.berberim-multi-toggle{padding:12px}
}

/* Service pills (selected services display) */
.berberim-services-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.berberim-service-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 8px 22px rgba(11,35,60,0.06);border:1px solid transparent}
.berberim-service-pill .pill-label{display:inline-block}
.berberim-service-pill .pill-close{background:transparent;border:0;cursor:pointer;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:inherit}
.berberim-service-pill .pill-close:hover{opacity:0.9}

/* color variants to mimic the screenshot */
.pill-color-0{background:#dcfce7;color:#065f46;border-color:#bbf7d0}
.pill-color-1{background:#dbeafe;color:#1e3a8a;border-color:#bfdbfe}
.pill-color-2{background:#fff7ed;color:#92400e;border-color:#ffe8cc}
.pill-color-3{background:#fff1f2;color:#861657;border-color:#ffd6dd}
.pill-color-4{background:#f0f9ff;color:#065f46;border-color:#d1f2ff}

/* Add-pill (dashed) */
.berberim-pill-add{background:transparent;border:1px dashed var(--berberim-border);color:var(--berberim-muted);padding:6px 12px;border-radius:999px;cursor:pointer;font-weight:700}
.berberim-pill-add:hover{background:var(--berberim-bg-2)}

/* Small screens: single column cards */
@media (max-width: 479px){
	.berberim-service-grid{grid-template-columns:1fr}
	.berberim-card{width:100%}
}

/* Tablet: two columns */
@media (min-width:480px) and (max-width:1023px){
	.berberim-service-grid{grid-template-columns:repeat(2,1fr)}
}

/* Desktop: grid auto-fit */
@media (min-width:1024px){
	.berberim-service-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
}

/* Header/footer shell */
.berberim-header{padding:18px;background:var(--berberim-bg-2);border-bottom:1px solid var(--berberim-border)}
.berberim-footer{padding:18px;background:var(--berberim-bg-2);border-top:1px solid var(--berberim-border);text-align:center;color:var(--berberim-muted)}

/* Accessibility / focus */
.berberim-service-card:focus-within{outline:3px solid rgba(var(--berberim-primary-rgb),0.12)}

/* Products grid/cards */
.berberim-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}
.berberim-product-card{background:var(--berberim-bg-1);border:1px solid var(--berberim-border);padding:12px;border-radius:10px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .18s ease,border-color .18s ease;cursor:pointer}
.berberim-product-card:hover{box-shadow:0 10px 30px rgba(var(--berberim-primary-rgb),0.08);border-color:var(--berberim-primary)}
.berberim-product-photo img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.berberim-product-name{font-weight:700;color:var(--berberim-primary-dark);font-size:15px;margin-top:6px}
.berberim-product-desc{color:var(--berberim-muted);font-size:13px}
.berberim-product-card.selected{outline:3px solid rgba(var(--berberim-primary-rgb),0.12)}

/* Shops list cards */
.berberim-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px}
.berberim-shop-card{background:var(--berberim-contrast);border:1px solid var(--berberim-border);padding:12px;border-radius:10px;display:flex;gap:12px;align-items:flex-start}
.berberim-shop-photo img{width:120px;height:90px;object-fit:cover;border-radius:6px}
.berberim-shop-body{flex:1}
.berberim-shop-name{margin:0 0 6px 0;font-size:16px;color:var(--berberim-primary-dark)}
.berberim-shop-address{color:var(--berberim-muted);font-size:14px}
.berberim-appointment-btn{display:inline-block;margin-top:8px;padding:8px 12px;background:var(--berberim-primary);color:#fff;border-radius:8px;text-decoration:none}

/* Booking wizard styles */
.berberim-booking-wizard{background:#fff;border:1px solid var(--berberim-border);padding:20px;border-radius:12px;box-shadow:0 12px 30px rgba(11,35,60,0.06);max-width:640px;margin:18px auto}
.berberim-wizard-steps{min-height:180px}
.berberim-step{display:none}
.berberim-step[data-step="1"]{display:block}
.berberim-wizard-controls{display:flex;justify-content:flex-end}
.berberim-prev-btn,.berberim-next-btn{padding:8px 12px;border-radius:8px;border:0;background:var(--berberim-primary);color:#fff}
.berberim-review{background:var(--berberim-bg-1);padding:10px;border:1px solid var(--berberim-border);border-radius:8px}
.berberim-wizard-steps .berberim-calendar-inline{margin-top:8px}
.berberim-times-list{margin-top:8px}
.berberim-step .berberim-services-list, .berberim-step .berberim-product-grid{max-height:220px;overflow:auto}

/* Wizard inner spacing: give elements breathing room from box edges */
.berberim-booking-wizard .berberim-step,
.berberim-booking-wizard .berberim-review,
.berberim-booking-wizard .berberim-services-list,
.berberim-booking-wizard .berberim-product-grid,
.berberim-booking-wizard .berberim-wizard-steps {
	padding: 12px;
	box-sizing: border-box;
}
.berberim-booking-wizard input,
.berberim-booking-wizard select,
.berberim-booking-wizard textarea,
.berberim-booking-wizard .berberim-field,
.berberim-booking-wizard .form-row {
	margin-top: 8px;
	margin-bottom: 8px;
}
@media (max-width:720px){
	.berberim-booking-wizard .berberim-step,
	.berberim-booking-wizard .berberim-review { padding:10px }
}

/* Wizard product cards: vertical layout like catalogue cards (image top, meta below) */
.berberim-booking-wizard .berberim-product-grid { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap:8px }
.berberim-booking-wizard .berberim-product-card {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 6px;
	padding: 8px;
	border-radius: 10px;
	background: var(--berberim-bg-1);
	border: 1px solid var(--berberim-border);
	cursor: pointer;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	max-width: none;
	margin: 0;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.berberim-booking-wizard .berberim-hidden-checkbox { display:none }
.berberim-booking-wizard .berberim-product-photo img {
	width: 100%;
	height: 120px;
	object-fit: contain;
	border-radius: 8px;
	display: block;
	background: #fff;
}

/* force hide native checkbox and make card selection work visually */
.berberim-booking-wizard input.berberim-hidden-checkbox { display: none !important }
.berberim-booking-wizard .berberim-product-meta { padding: 6px 0; display:block }
.berberim-booking-wizard .berberim-product-name { font-size:15px; font-weight:700; margin:0 }
.berberim-booking-wizard .berberim-product-desc { font-size:13px; color:var(--berberim-muted); margin-top:6px }
.berberim-booking-wizard .berberim-product-price { font-size:14px; color:var(--berberim-primary-dark); margin-top:6px; font-weight:600 }

/* selected state: orange border + tick badge top-left */
.berberim-booking-wizard .berberim-product-card.selected {
	border-color: var(--berberim-primary);
	border-width: 2px;
	box-shadow: 0 18px 48px rgba(var(--berberim-primary-rgb),0.18);
	transform: translateY(-6px) scale(1.02);
	background: rgba(var(--berberim-primary-rgb), 0.03);
}
.berberim-booking-wizard .berberim-product-card.selected::after{
	content: '\2713';
	position: absolute;
	left: 8px;
	top: 8px;
	background: var(--berberim-primary,#ff8c42);
	color: #fff;
	width:26px;
	height:26px;
	line-height:26px;
	text-align:center;
	border-radius:50%;
	box-shadow:0 4px 10px rgba(0,0,0,0.18);
	font-size:14px;
	z-index: 6;
	border: 2px solid rgba(255,255,255,0.9);
}

/* subtly dim unselected cards to emphasize selection */
.berberim-booking-wizard .berberim-product-card:not(.selected) { opacity: 0.96 }

@media (max-width:479px){
	.berberim-product-grid{grid-template-columns:1fr}
}
@media (min-width:480px) and (max-width:1023px){
	.berberim-product-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1024px){
	.berberim-product-grid{grid-template-columns:repeat(3,1fr)}
}

/* Utilities */
.bg-primary{background:var(--berberim-primary);color:var(--berberim-contrast)!important}
.btn-primary{background:var(--berberim-primary);color:var(--berberim-contrast)!important;border:1px solid var(--berberim-primary-dark);padding:8px 10px;border-radius:6px;cursor:pointer}
.text-inverse{color:var(--berberim-contrast)!important}
.surface{background:var(--berberim-contrast);border:1px solid var(--berberim-border);border-radius:6px;padding:8px}

/* Wizard progress bar */
.berberim-progress-bar{width:100%;height:12px;background:#e6f2ff;border-radius:8px;overflow:hidden;margin-bottom:14px;border:1px solid rgba(0,0,0,0.03)}
.berberim-progress-fill{height:100%;width:0%;background:var(--berberim-primary);transition:width .36s ease}
.berberim-progress-label{font-size:13px;color:var(--berberim-muted);margin-bottom:8px;text-align:right}

/* Provider card grid (step 1) */
.berberim-provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.berberim-provider-card{background:var(--berberim-bg-1);border:1px solid var(--berberim-border);padding:12px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:box-shadow .18s ease,border-color .18s ease}
.berberim-provider-card:hover{box-shadow:0 10px 30px rgba(var(--berberim-primary-rgb),0.08);border-color:var(--berberim-primary)}
.berberim-provider-card.selected{box-shadow:0 12px 36px rgba(var(--berberim-primary-rgb),0.12);border-color:var(--berberim-primary);outline:3px solid rgba(var(--berberim-primary-rgb),0.06)}
.berberim-provider-photo img{border-radius:50%;width:80px;height:80px;object-fit:cover}
.berberim-provider-name{font-weight:700;color:var(--berberim-primary-dark);font-size:15px}
.berberim-provider-svc-count{font-size:12px;color:var(--berberim-muted);margin-top:-4px}
.berberim-provider-phone{color:var(--berberim-muted);font-size:13px}
.berberim-provider-select-btn{margin-top:6px;padding:8px 10px;border-radius:8px;border:0;background:var(--berberim-primary);color:#fff;cursor:pointer}

/* responsive grid */
@media (max-width: 479px){ .berberim-provider-grid{grid-template-columns:1fr} }
@media (min-width:480px) and (max-width:1023px){ .berberim-provider-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1024px){ .berberim-provider-grid{grid-template-columns:repeat(3,1fr)} }

/* fallback: hide select visually but keep for accessibility */
.berberim-provider-select-fallback{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Shop form box: full-bleed layout with an inner boxed panel
   - form occupies full width on all sizes, but on tablet/desktop we keep side gaps
   - the visual box remains (border / shadow) while inputs stay full-width inside it
*/
.berberim-shop-box{background:var(--berberim-contrast);border:1px solid var(--berberim-border);padding:18px;border-radius:12px;box-shadow:0 8px 22px rgba(11,35,60,0.04);width:calc(100% - 24px);margin:12px auto;box-sizing:border-box}
.berberim-shop-box-title{text-align:center;margin:0 0 12px 0;font-size:20px;color:var(--berberim-primary-dark)}
@media (min-width:720px) {
	/* add side gaps on tablet/desktop */
	.berberim-shop-box{width:calc(100% - 120px);max-width:1200px;margin:20px auto;padding:22px}
}
@media (max-width:719px){
	.berberim-shop-box{width:calc(100% - 16px);margin:8px;padding:14px;border-radius:8px}
}

@media (max-width:719px){
    .berberim-shop-link-wrap{margin-left:0;margin-right:0;padding-left:6px;padding-right:6px}
}

/* inside shop box: give inner gap and limit input width so inputs don't touch edges */
.berberim-shop-box .berberim-shop-link{display:block;width:100%;padding:10px 12px;border:1px solid var(--berberim-border);border-radius:8px;background:var(--berberim-bg-1);box-sizing:border-box}
.berberim-shop-link-wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px;border-radius:8px;background:var(--berberim-bg-1);border:1px solid var(--berberim-border);box-sizing:border-box;margin-left:12px;margin-right:0}
.berberim-shop-link-wrap .berberim-shop-link{flex:1;min-width:0}
.berberim-copy-link-btn{padding:8px 10px;border-radius:8px;border:0;background:var(--berberim-primary);color:#fff;font-weight:600;cursor:pointer}
.berberim-view-link-btn{display:inline-block;padding:8px 10px;border-radius:8px;background:#28a745;color:#fff;font-weight:600;text-decoration:none;font-size:inherit;line-height:1;cursor:pointer}
.berberim-view-link-btn:hover{background:#218838;color:#fff}
.berberim-shop-readonly{ text-align:center }
.berberim-shop-readonly a{display:inline-block;padding:8px 12px;border:1px solid var(--berberim-border);border-radius:8px;background:var(--berberim-bg-1);color:var(--berberim-primary-dark);text-decoration:none}

.berberim-shop-box form p{margin:0 0 12px;text-align:center}
/* Ensure service/editor/owner save buttons share the same centering and sizing */
.berberim-services-box form p, .berberim-shop-box form p, .berberim-owner-settings-box p{ text-align:center }

/* shop-specific action row: span both columns on wider screens and center the button */
.berberim-shop-box form p.berberim-shop-actions{ grid-column: 1 / -1; text-align:center }
.berberim-shop-box form p.berberim-shop-actions button[type="submit"]{ display:inline-block; margin:14px 0 0; padding:10px 16px }

.berberim-services-box form p button[type="submit"],
.berberim-owner-settings-save,
#berberim-save-services { display:inline-block;margin:14px 0 0;padding:10px 16px }
.berberim-shop-box form p label{display:block}

/* Ensure services pills inside the actual shop form fill the available form width
   without altering mobile stacking behavior. More specific selectors are used
   so these rules only affect the pills rendered inside the shop form. */
#berberim-shop-form .berberim-services-pills{

/* Stats cards UI */
.berberim-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}
.berberim-stats-card,.berberim-stats-card-list{background:var(--berberim-contrast);border:1px solid var(--berberim-border);padding:12px;border-radius:12px;box-shadow:0 10px 30px rgba(11,35,60,0.04);transition:box-shadow .18s ease,border-color .18s ease}
.berberim-stats-card:hover{box-shadow:0 16px 40px rgba(var(--berberim-primary-rgb),0.08);border-color:var(--berberim-primary)}
.berberim-stats-card{display:flex;align-items:center;justify-content:space-between;gap:12px}
.berberim-stats-card-left{flex:1}
.berberim-stats-card-title{font-size:13px;color:var(--berberim-muted);margin-bottom:6px;font-weight:700}
.berberim-stats-card-main{font-size:20px;font-weight:800;color:var(--berberim-primary-dark)}
.berberim-stats-card-sm{font-size:13px;color:var(--berberim-muted);margin-top:6px}
.berberim-stats-card-right{flex:0 0 120px;display:flex;align-items:center;justify-content:center}
.berberim-stats-card-list h4{margin:0 0 8px 0;font-size:15px;color:var(--berberim-primary-dark)}
.berberim-top-services{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.berberim-top-service-row{display:flex;justify-content:space-between;align-items:center;padding:6px;border-radius:8px}
.berberim-top-service-name{font-weight:700}
.berberim-top-service-count{color:var(--berberim-muted);font-weight:700}
.berberim-top-products{display:block}
.berberim-top-products-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:8px}
.berberim-top-product{display:flex;gap:10px;align-items:center}
.berberim-top-product-photo img{width:56px;height:56px;object-fit:cover;border-radius:6px}
.berberim-top-product-placeholder{width:56px;height:56px;border-radius:6px;background:#f3f4f6;color:var(--berberim-muted);display:flex;align-items:center;justify-content:center;font-weight:700}
.berberim-top-product-meta .berberim-top-product-name{font-weight:700}
.berberim-top-product-meta .berberim-top-product-count{color:var(--berberim-muted);font-size:13px}

@media(min-width:720px){ .berberim-top-products-grid{grid-template-columns:repeat(2,1fr)} }

	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	align-items:flex-start;
	justify-content:flex-start;
	box-sizing:border-box;
}

#berberim-shop-form .berberim-service-pill{
	flex:0 1 auto;
	min-width:120px;
	max-width:calc(33% - 12px);
}
@media (max-width:1023px){
	#berberim-shop-form .berberim-service-pill{max-width:calc(50% - 12px);flex:0 1 200px}
}
@media (max-width:719px){
	#berberim-shop-form .berberim-service-pill{flex:1 1 100%;max-width:100%}
}
.berberim-shop-box form p label input,
.berberim-shop-box form p label textarea,
.berberim-shop-box form p label select{width:100%;box-sizing:border-box;margin-top:6px}
.berberim-shop-box form button[type="submit"]{display:inline-block;margin:14px 0 0;padding:10px 16px}

/* Responsive form layout: single column on small screens, two columns on tablet/desktop
   - Fields containing large controls (textarea, services, shop link, submit button) span full width
   - Use class-based fallbacks for broad browser support (avoid :has())
 */
.berberim-shop-box form{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;padding:0 14px;box-sizing:border-box}
.berberim-shop-box form p{margin:0}
.berberim-shop-box form p label{margin:0;padding:0 6px;box-sizing:border-box}
.berberim-shop-box form p label input, .berberim-shop-box form p label select, .berberim-shop-box form p label textarea{min-width:0}

@media (min-width:720px){
	.berberim-shop-box form{grid-template-columns:repeat(2, minmax(0,1fr));}
	/* Class-based fallbacks so large controls span both columns without :has() */
	.berberim-shop-box form p textarea { grid-column: 1 / -1; }
	.berberim-shop-box form p .berberim-services-data { grid-column: 1 / -1; }
	.berberim-shop-box form p .berberim-shop-link-wrap { grid-column: 1 / -1; }
	.berberim-shop-box form p button[type="submit"] { grid-column: 1 / -1; }
	/* place phone and city side-by-side on wider screens */
	.berberim-shop-box form .field-phone { grid-column: 1 / 2; }
	.berberim-shop-box form .field-city { grid-column: 2 / 3; }
}

@media (max-width:419px){
	.berberim-shop-box{padding:12px;border-radius:8px}
	.berberim-shop-box .berberim-shop-box-title{font-size:18px}
}

/* Services/provider form box (admin) */
.berberim-services-box{background:var(--berberim-contrast);border:1px solid var(--berberim-border);padding:20px;border-radius:12px;max-width:820px;margin:20px auto;box-shadow:0 8px 22px rgba(11,35,60,0.04)}
.berberim-services-box .berberim-box-title{text-align:center;margin:0 0 14px 0;font-size:20px;color:var(--berberim-primary-dark)}
.berberim-services-box form p{margin:0 0 12px}
.berberim-services-box form p label{display:block;max-width:760px;margin:0 auto}
.berberim-services-box form p label input,
.berberim-services-box form p label textarea,
.berberim-services-box form p label select{width:100%;box-sizing:border-box;margin-top:6px}
.berberim-services-box form button[type="submit"]{display:block;margin:14px auto 0}
@media(max-width:720px){ .berberim-services-box{width:100%;margin:8px;padding:14px;border-radius:8px} }

/* Center service editor controls and rows */
.berberim-services-box p{ text-align:center }
.berberim-service-editor-controls{ display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;text-align:center }
.berberim-service-editor-controls .chosen-container{ width:100%;max-width:760px }
.berberim-services-box #berberim-services-rows{ display:flex;flex-direction:column;gap:10px;align-items:center }
.berberim-service-row{ display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap }
.berberim-service-row input{ max-width:260px }

/* Service editor: compact row view + drag handle */
.berberim-service-row{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid rgba(0,0,0,0.03);border-radius:8px;background:var(--berberim-bg-1);box-sizing:border-box}
.berberim-service-row:focus{outline:2px solid rgba(var(--berberim-primary-rgb),0.12)}
.berberim-drag-handle{cursor:grab;padding:6px 8px;border-radius:6px;background:transparent;color:var(--berberim-muted);font-size:16px;user-select:none}
.berberim-service-row.dragging{opacity:0.6}
.berberim-service-row.drag-over{outline:2px dashed rgba(var(--berberim-primary-rgb),0.25)}
.berberim-service-row .berberim-service-name{flex:1 1 200px;min-width:120px}
.berberim-service-row .berberim-service-price{width:110px}
.berberim-service-row .berberim-service-duration{width:90px}
.berberim-service-row .berberim-remove-service{
	background:transparent;
	border:1px solid rgba(0,0,0,0.06);
	padding:6px 8px;
	border-radius:6px;
	color:var(--berberim-primary-dark);
	font-weight:700;
}
.berberim-service-row .berberim-remove-service:hover{background:rgba(var(--berberim-primary-rgb),0.06);color:var(--berberim-primary-dark)}

/* Stronger theme-specific override when theme styles hide button text */
.jeg_singlepage .berberim-services-box .berberim-service-row .berberim-remove-service,
.berberim-services-box .berberim-service-row .berberim-remove-service{
	color:var(--berberim-primary-dark) !important;
}

/* Chosen control and Save button centering tweaks */
.berberim-service-editor-controls .chosen-container{ width:100% !important; max-width:760px; margin:0 auto; display:block !important }
.berberim-service-editor-controls .chosen-container .chosen-single{ display:flex; align-items:center; justify-content:space-between; padding:8px 12px; border-radius:8px; box-sizing:border-box }
.berberim-service-editor-controls .chosen-container .chosen-single span{ display:inline-block }
.berberim-services-box form p:last-of-type{ text-align:center }
.berberim-services-box form p:last-of-type #berberim-save-services{ display:inline-block; margin:16px 0 0 }

/* Center providers table within providers page and center title */
.berberim-providers{display:flex;flex-direction:column;align-items:center}
.berberim-providers h2{width:100%;max-width:820px;text-align:center;margin:12px auto 8px}
.berberim-providers .berberim-providers-table{display:table;width:100%;max-width:100%;margin:12px 0;border:1px solid var(--berberim-border);border-radius:8px;overflow:hidden;table-layout:fixed;border-collapse:collapse}
.berberim-providers .berberim-providers-table thead th{background:var(--berberim-bg-2);} 
.berberim-providers .berberim-providers-table td,.berberim-providers .berberim-providers-table th{padding:10px;vertical-align:top;word-break:break-word}

/* Desktop: make table occupy full available width and distribute columns */
.berberim-providers .berberim-providers-table th:nth-child(1), .berberim-providers .berberim-providers-table td:nth-child(1){width:80px}
.berberim-providers .berberim-providers-table th:nth-child(2), .berberim-providers .berberim-providers-table td:nth-child(2){width:160px}
.berberim-providers .berberim-providers-table th:nth-child(5), .berberim-providers .berberim-providers-table td:nth-child(5){width:180px}

/* Mobile: convert rows into stacked cards with labels (uses data-label attrs added in PHP) */
@media (max-width:720px){
	.berberim-providers .berberim-providers-table thead{display:none}
	.berberim-providers .berberim-providers-table, .berberim-providers .berberim-providers-table tbody, .berberim-providers .berberim-providers-table tr{display:block;width:100%}
	.berberim-providers .berberim-providers-table tr{margin-bottom:12px;border:1px solid var(--berberim-border);border-radius:8px;padding:10px;background:var(--berberim-contrast)}
	.berberim-providers .berberim-providers-table td{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		gap:8px;
		padding:8px 6px;border-bottom:0
	}
	/* label column (pseudo) becomes a fixed basis so content (buttons) can flow beside it */
	.berberim-providers .berberim-providers-table td:before{content:attr(data-label);font-weight:700;color:var(--berberim-muted);margin-right:8px;flex:0 0 110px;max-width:40%;text-align:left}
	/* ensure images/thumbs don't force a new line */
	.berberim-providers .berberim-providers-table td > img,
	.berberim-providers .berberim-providers-table td .berberim-provider-thumb-placeholder{flex:0 0 auto;margin-right:8px}
	.berberim-provider-photo-cell{text-align:left}
	/* buttons and other inline controls: keep them inline, shrink padding and prevent wrapping */
	.berberim-providers .berberim-providers-table td > button{flex:0 0 auto;white-space:nowrap;padding:6px 8px;font-size:13px;margin:0}
	/* make service lists and working hours grow to fill remaining space */
	.berberim-providers .berberim-providers-table td .berberim-services-list,
	.berberim-providers .berberim-providers-table td .berberim-provider-calendar{flex:1 1 0;min-width:0}
}

/* Utility classes to replace inline styles */
.berberim-modal-tabs{display:flex;gap:8px;margin-bottom:12px}
.berberim-inline-row{display:flex;align-items:center;gap:8px}
.berberim-inline-row.wrap{flex-wrap:wrap}
.berberim-tab-content-products{display:none}
.berberim-appointment-link-wrap{margin-top:8px}
.berberim-hidden-checkbox{display:none}
.berberim-small-text{font-size:0.95em}
.mt-8{margin-top:8px}
.berberim-service-row{margin-bottom:6px}
.berberim-closed-label{margin-left:8px;font-size:0.95em;cursor:pointer}
.berberim-closed-checkbox{margin-right:6px;transform:translateY(1px)}
.berberim-working-day-row .berberim-working-day-hint{color:rgba(0,0,0,0.45);font-size:0.9em;margin-left:8px}

/* Working hours row visual style (owner edit page) */
.berberim-working-day-row{
	display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--berberim-contrast,#fff);border:1px solid rgba(16,24,32,0.04);margin-bottom:10px;box-shadow:0 1px 0 rgba(0,0,0,0.02);
}
.berberim-working-day-row strong,.berberim-working-day-row > label{min-width:110px;font-weight:700;color:var(--berberim-primary-dark,#222)}
.berberim-working-day-row input[type="time"]{width:100px;border-radius:10px;padding:8px 10px;border:1px solid rgba(0,0,0,0.06);background:#fff;box-sizing:border-box}
.berberim-working-day-row input[type="time"].disabled{opacity:0.6}
.berberim-working-day-row .berberim-closed-label{margin-left:auto;display:flex;align-items:center;gap:8px;color:rgba(0,0,0,0.6)}
.berberim-closed-checkbox{width:18px;height:18px;accent-color:var(--berberim-primary,#FF8C42)}

/* closed row visual state */
.berberim-working-day-row.berberim-day-closed{background:rgba(255,140,66,0.06);border-color:rgba(255,140,66,0.14)}
.berberim-working-day-row.berberim-day-closed .berberim-closed-label{color:var(--berberim-primary,#FF8C42)}
.berberim-working-day-row.berberim-day-closed input[type="time"]{background:transparent;border-color:rgba(0,0,0,0.04)}

@media(max-width:720px){
	.berberim-working-day-row{flex-direction:column;align-items:stretch}
	.berberim-working-day-row > label{min-width:0}
	.berberim-working-day-row .berberim-closed-label{margin-left:0;justify-content:flex-end}
}

/* Provider header: photo + name */
.berberim-provider-header{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:16px}
.berberim-provider-photo-wrap{width:120px;flex:0 0 120px;display:flex;flex-direction:column;align-items:center;gap:8px}
.berberim-provider-photo-placeholder{width:120px;height:120px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#666;font-weight:700;font-size:28px;overflow:hidden;cursor:pointer;border:4px solid rgba(255,255,255,0.6);box-shadow:0 6px 18px rgba(11,35,60,0.06)}
.berberim-provider-photo-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.berberim-provider-info{width:100%;text-align:center}
.berberim-provider-info .berberim-field-row{margin:0}
.berberim-provider-info .berberim-name-label{display:block;font-weight:800;margin-bottom:6px;color:var(--berberim-primary-dark)}
.berberim-provider-info .berberim-input-wide{max-width:360px;margin:0 auto}

@media(max-width:520px){
	/* Keep avatar above name on small screens */
	.berberim-provider-header{flex-direction:column;align-items:center}
}

/* Statistics page: responsive chart layout (consolidated) */
.berberim-stats-container{max-width:1200px;margin:18px auto;padding:16px;background:var(--berberim-contrast);border:1px solid var(--berberim-border);border-radius:10px;box-sizing:border-box}
.berberim-stats-title, .berberim-stats-container h3{text-align:center;margin:8px 0 14px;font-size:18px;color:var(--berberim-primary-dark)}
.berberim-stats-grid{display:grid;grid-template-columns:1fr;grid-gap:18px;align-items:start;grid-auto-rows:auto}
.berberim-stats-chart{width:100%;height:220px;margin:0;box-sizing:border-box;overflow:hidden}
.berberim-stats-chart canvas{width:100% !important;height:100% !important;display:block}
.berberim-stats-revenue-summary{padding:12px;background:var(--berberim-bg-1);border-radius:8px}

@media(min-width:720px){
	.berberim-stats-grid{grid-template-columns:1fr 360px}
	.berberim-stats-chart{height:260px}
	.berberim-stats-container .berberim-stats-chart:first-child{grid-column:1 / 2;height:320px}
}

@media(min-width:1100px){
	/* keep overall container narrower so charts don't grow too wide */
	.berberim-stats-container{max-width:1100px}
	/* two narrower columns; charts will sit side-by-side */
	.berberim-stats-grid{grid-template-columns:repeat(2,minmax(320px,1fr));grid-auto-rows:auto;grid-gap:18px}
	/* reduce chart heights for desktop to avoid long scrolling */
	.berberim-stats-chart{height:200px;max-width:520px;margin:0 auto}
	/* first chart should not span both columns on large screens */
	.berberim-stats-container .berberim-stats-chart:first-child{grid-column:auto;height:220px}
}
.input-min-180{min-width:180px}
.input-w-110{width:110px}
.input-w-90{width:90px}
.berberim-save-services-msg{margin-top:8px}
.berberim-owner-photo{ text-align:center;margin-bottom:8px }
.berberim-owner-photo img{ width:96px;height:96px;border-radius:50%;object-fit:cover }
.berberim-product-photo-preview{ max-width:120px; display:none; border-radius:6px; margin-bottom:6px }
.hidden-file-input{ display:none !important }
.error-text{ color:var(--berberim-danger) }

/* Owner settings boxed layout */
.berberim-owner-settings-box{background:var(--berberim-contrast);border:1px solid var(--berberim-border);padding:16px;border-radius:12px;max-width:820px;margin:18px auto;box-shadow:0 10px 30px rgba(11,35,60,0.04)}
.berberim-owner-settings-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.berberim-owner-settings-header svg{width:22px;height:22px;color:var(--berberim-primary)}
.berberim-owner-settings-header h4{margin:0;font-size:18px;color:var(--berberim-primary-dark)}

/* Auto-accept row: soft blue background with text left and checkbox right */
.berberim-owner-auto-box{background:#eaf6ff;border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(10,80,140,0.06)}

/* On desktop make owner settings box match shop box width and spacing */
@media (min-width:720px){
	.berberim-owner-settings-box{width:calc(100% - 120px);max-width:1200px;margin:20px auto;padding:22px}
	/* inset the blue auto-accept row so it doesn't touch box edges */
	.berberim-owner-auto-box{margin-left:12px;margin-right:12px;width:calc(100% - 24px)}
}

/* On small screens keep full-width stacking */
@media (max-width:719px){
	.berberim-owner-auto-box{margin-left:0;margin-right:0;width:100%}
}
.berberim-owner-auto-text{font-weight:700;color:var(--berberim-primary-dark);font-size:15px}
.berberim-owner-auto-control{display:flex;align-items:center;justify-content:flex-end}

/* simple switch appearance for the checkbox */
.berberim-switch-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.berberim-switch-ui{width:44px;height:26px;background:#cfeefe;border-radius:20px;position:relative;display:inline-block}
.berberim-switch-ui:after{content:'';position:absolute;left:4px;top:4px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .18s ease}
.berberim-switch-ui.active{background:var(--berberim-primary)}
.berberim-switch-ui.active:after{transform:translateX(18px)}

.berberim-owner-settings-save{display:block;margin:14px auto 0;padding:12px 18px;border-radius:10px;border:0;background:var(--berberim-primary);color:#fff;font-weight:700}

/* Ensure shop form controls never force horizontal overflow */
#berberim-shop-form select, .berberim-shop-box select, #berberim-shop-form input, .berberim-shop-box input, .berberim-shop-box textarea { box-sizing:border-box; max-width:100%; min-width:0 }

/* Stronger override for themes/pages that wrap the shop box (e.g. .jeg_singlepage)
   Ensure the pills container inside the form can occupy the full box width and
   allow more columns on wider screens. Uses higher specificity and conservative
   !important only where necessary to override theme constraints. */
.jeg_singlepage .berberim-shop-box #berberim-shop-form .berberim-services-pills,
.jeg_singlepage #berberim-shop-form .berberim-services-pills{
	width:100% !important;
	max-width:100% !important;
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	box-sizing:border-box;
}
.jeg_singlepage .berberim-shop-box #berberim-shop-form .berberim-service-pill,
.jeg_singlepage #berberim-shop-form .berberim-service-pill{
	/* target ~3 columns on typical desktop widths so pills fill the box better */
	flex:0 1 calc(33.333% - 12px) !important;
	min-width:120px;
	max-width:calc(33.333% - 12px) !important;
}
@media (max-width:1400px){
	.jeg_singlepage .berberim-shop-box #berberim-shop-form .berberim-service-pill,
	.jeg_singlepage #berberim-shop-form .berberim-service-pill{ max-width:calc(33% - 12px) !important; flex:0 1 calc(33% - 12px) !important }
}
@media (max-width:1023px){
	.jeg_singlepage .berberim-shop-box #berberim-shop-form .berberim-service-pill,
	.jeg_singlepage #berberim-shop-form .berberim-service-pill{ max-width:calc(50% - 12px) !important; flex:0 1 calc(50% - 12px) !important }
}
@media (max-width:719px){
	.jeg_singlepage .berberim-shop-box #berberim-shop-form .berberim-service-pill,
	.jeg_singlepage #berberim-shop-form .berberim-service-pill{ flex:1 1 100% !important; max-width:100% !important }
}

/* Danger / delete box (Tehlikeli Bölge) */
.berberim-danger-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:12px;padding:12px;border:1px dashed rgba(224,75,75,0.35);background:#fff8f8;/* match boxed layout on desktop via media query */max-width:760px;margin:12px auto;color:var(--berberim-text);box-sizing:border-box}
.berberim-danger-left{display:flex;align-items:center;gap:12px}
.berberim-danger-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(224,75,75,0.04);flex-shrink:0}
.berberim-danger-body{display:flex;flex-direction:column}
.berberim-danger-title{font-weight:800;color:#d32f2f;font-size:15px;margin-bottom:2px}
.berberim-danger-sub{font-size:13px;color:#b74b4b;opacity:0.9}
.berberim-danger-action{flex-shrink:0}
.berberim-delete-action{background:transparent;border:0;color:#d32f2f;font-weight:800;padding:8px 12px;border-radius:8px;cursor:pointer}
.berberim-delete-action:hover{background:rgba(224,75,75,0.06)}

@media(max-width:640px){
	/* Keep the delete action inline on small screens and reduce vertical padding
	   so the box doesn't look overly tall. The left part grows and the button
	   remains vertically centered. */
	.berberim-danger-box{flex-direction:row;align-items:center;padding:10px;gap:10px}
	.berberim-danger-left{flex:1;display:flex;align-items:center;gap:12px}
	.berberim-danger-action{align-self:center;width:auto;display:flex;justify-content:flex-end}
}

/* On tablet/desktop match the boxed layout used by shop/owner boxes */
@media (min-width:720px){
	.berberim-danger-box{width:calc(100% - 120px);max-width:1200px;margin:20px auto;padding:22px}
}

.products-table{ width:100%; border-collapse:collapse }
.product-img-cell img{ max-width:80px; border-radius:6px }
.berberim-wizard-controls{ display:flex; justify-content:flex-end; gap:8px; margin-top:12px }

/* Appointments page box + centered layout */
.berberim-appointments-box{background:var(--berberim-contrast);border:1px solid var(--berberim-border);padding:20px;border-radius:12px;max-width:980px;margin:20px auto;box-shadow:0 8px 26px rgba(11,35,60,0.04)}
.berberim-appointments-title{text-align:center;margin:0 0 12px 0;font-size:20px;color:var(--berberim-primary-dark)}
.berberim-appointments-list-box{background:var(--berberim-bg-1);border:1px solid var(--berberim-border);padding:16px;border-radius:10px;margin-top:14px}
.berberim-appt-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;text-align:center;margin:0 0 10px}
.berberim-appt-filters input[type="date"], .berberim-appt-filters select, .berberim-appt-filters input[type="text"]{padding:8px;border:1px solid var(--berberim-border);border-radius:8px}
.berberim-appt-filters .button{margin-left:6px}
.berberim-appointments-table{width:100%;border-collapse:collapse;margin-top:8px}
.berberim-appointments-table thead th{background:var(--berberim-bg-2);padding:10px;text-align:left;border-bottom:1px solid var(--berberim-border)}
.berberim-appointments-table td{padding:10px;border-bottom:1px solid #f6f6f6;vertical-align:top}
.berberim-appointments-table tr{background:var(--berberim-contrast)}
.berberim-appointments-table button{margin-right:6px;padding:6px 8px;border-radius:6px;background:var(--berberim-primary);color:#fff;border:0}
.berberim-appt-note-wrapper{display:flex;flex-direction:column;gap:6px}
.berberim-appt-note{min-height:64px;padding:8px;border:1px solid var(--berberim-border);border-radius:6px;width:100%;box-sizing:border-box}
.berberim-appt-save-note{align-self:flex-end;padding:6px 10px}
.berberim-empty{text-align:center;color:var(--berberim-muted);padding:18px}

@media(max-width:720px){
	.berberim-appointments-box{padding:12px;margin:10px}
	/* keep filters compact on mobile: allow items to flow in a row and wrap when needed
	   so date-from and date-to stay side-by-side unless space is extremely constrained */
	.berberim-appt-filters{flex-direction:row;justify-content:space-between;align-items:center}
	.berberim-appt-filters select, .berberim-appt-filters input[type="date"]{min-width:120px;flex:0 0 auto}
	.berberim-appointments-list-box{padding:12px}

	/* Mobile: convert appointments table to stacked cards to avoid horizontal overflow */
	.berberim-appointments-table thead{display:none}
	.berberim-appointments-table, .berberim-appointments-table tbody, .berberim-appointments-table tr{display:block;width:100%}
	.berberim-appointments-table tr{margin-bottom:12px;border:1px solid var(--berberim-border);border-radius:8px;padding:10px;background:var(--berberim-contrast)}
	.berberim-appointments-table td{display:flex;justify-content:space-between;padding:8px 6px;border-bottom:0;align-items:center;flex-wrap:wrap}
	.berberim-appointments-table td:before{content:attr(data-label);font-weight:700;color:var(--berberim-muted);margin-right:8px;flex:0 0 110px;max-width:40%;}
	.berberim-appointments-table td .berberim-appt-products{flex:1 1 0;min-width:0}
	.berberim-appointments-table td > button{flex:0 0 auto;white-space:nowrap;padding:6px 8px}
}

/* Products admin box styles */
.berberim-products-box{background:var(--berberim-contrast);border:1px solid var(--berberim-border);padding:22px;border-radius:12px;max-width:920px;margin:20px auto;box-shadow:0 10px 28px rgba(11,35,60,0.04)}
.berberim-products-box .berberim-box-title{text-align:center;margin:0 0 12px 0;font-size:20px;color:var(--berberim-primary-dark)}
.berberim-product-form-box{background:var(--berberim-bg-1);border:1px solid var(--berberim-border);padding:14px;border-radius:10px}
.berberim-product-form-box p{margin:8px 0}
.berberim-product-photo-preview{max-width:160px;display:none;border-radius:8px;margin-top:8px}
.berberim-products-list-box{margin-top:14px;background:var(--berberim-bg-1);border:1px solid var(--berberim-border);padding:12px;border-radius:10px}
.berberim-products-table{width:100%;border-collapse:collapse}
.berberim-products-table thead th{background:var(--berberim-bg-2);padding:10px;text-align:left;border-bottom:1px solid var(--berberim-border)}
.berberim-products-table td{padding:10px;border-bottom:1px solid #f6f6f6;vertical-align:middle}
.berberim-product-thumb-img{width:80px;height:60px;object-fit:cover;border-radius:6px}
.berberim-products-table button{padding:6px 8px;border-radius:6px;background:var(--berberim-primary);color:#fff;border:0;margin-right:6px}
.berberim-products-box .btn-primary{display:block;margin:12px auto 0;padding:10px 14px}
.berberim-box-subtitle{margin:14px 0 8px 0;text-align:center;color:var(--berberim-primary-dark)}

@media(max-width:720px){
	.berberim-products-box{padding:12px;margin:10px}
	.berberim-product-form-box{padding:10px}
	.berberim-product-thumb-img{width:64px;height:48px}
}

/* Confetti pieces and final success overlay for booking wizard */
.berberim-confetti{pointer-events:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:visible;z-index:130000}
.berberim-confetti-piece{position:absolute;top:-10%;opacity:0.95;border-radius:2px;animation:berberim-confetti-fall 4s cubic-bezier(.2,.8,.2,1) forwards}
.berberim-confetti-piece:nth-child(even){border-radius:4px}
.berberim-confetti-fade{opacity:0;transition:opacity .9s ease}
@keyframes berberim-confetti-fall{0%{transform:translateY(-10vh) rotate(0) scale(1)}50%{opacity:1}100%{transform:translateY(110vh) rotate(360deg) scale(1)}}

.berberim-final-success{position:relative;max-width:680px;margin:14px auto;padding:0;z-index:13000}
.berberim-final-success-inner{background:linear-gradient(180deg,var(--berberim-bg-1),#fff);border:1px solid var(--berberim-border);padding:18px;border-radius:12px;text-align:center;box-shadow:0 18px 48px rgba(11,35,60,0.08)}
.berberim-final-success h3{margin:0 0 8px 0;color:var(--berberim-primary-dark)}
.berberim-final-success-body{margin:8px 0;color:var(--berberim-text);font-size:15px}
.berberim-final-success-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}
.berberim-final-success-actions button{padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.berberim-final-success-actions .berberim-final-ok{background:var(--berberim-primary);color:#fff}
.berberim-final-success-actions .berberim-final-view{background:var(--berberim-bg-2);color:var(--berberim-primary-dark)}

/* ensure wizard container is positioned for confetti absolute placement */
.berberim-booking-wizard{position:relative}

/* Berberim stats minimal styles */
.berberim-stats-container{max-width:920px;margin:18px auto;padding:14px;background:var(--berberim-contrast);border:1px solid var(--berberim-border);border-radius:10px;text-align:center}
.berberim-stats-container h3{margin:0 0 10px;color:var(--berberim-primary-dark)}
#berberim-stats-chart{width:100%;height:360px;max-height:420px}
@media(max-width:720px){#berberim-stats-chart{height:260px}}

/* === Mobile-first responsive overrides (targets 320px and up) === */
:root{ --berberim-base-font:15px }
html{font-size:var(--berberim-base-font)}
body{line-height:1.35}

/* Container and global spacing tuned for small screens */
.berberim-container{box-sizing:border-box;padding:12px;margin:0 auto;max-width:100%}
.berberim-card, .berberim-shop-box, .berberim-services-box, .berberim-products-box, .berberim-owner-settings-box{padding:12px;border-radius:10px}

/* Make images and media responsive */
img, .berberim-photo img, .berberim-shop-photo img, .berberim-product-photo img, .berberim-owner-photo img{max-width:100%;height:auto;display:block}

/* Forms: mobile-first single column starting at 320px */
.berberim-shop-box form{grid-template-columns:1fr;gap:10px;padding:0 10px}
.berberim-shop-box form p label{padding:0}
.berberim-shop-box .berberim-shop-link{padding:10px}

/* Services pills: allow flexible wrapping on small screens */
.berberim-services-pills{justify-content:flex-start}
.berberim-service-pill{flex:1 1 auto;min-width:0;max-width:100%}

/* Modal: full-screen friendly on mobiles */
.berberim-modal{padding:12px}
.berberim-modal-inner{width:100%;max-width:980px;margin:0 auto;padding:14px}

/* Buttons and interactive elements: slightly larger tap targets on mobile */
button, .button, .berberim-copy-link-btn, .berberim-owner-settings-save, .berberim-shop-box form button[type="submit"]{padding:10px 12px}

/* Breakpoint: small tablets and up */
@media (min-width:480px){
	:root{--berberim-base-font:15.5px}
	.berberim-shop-box form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 14px}
	.berberim-shop-box form .field-phone{grid-column:1/2}
	.berberim-shop-box form .field-city{grid-column:2/3}
	.berberim-service-pill{flex:0 1 45%;max-width:calc(50% - 12px)}
}

/* Breakpoint: desktop layout */
@media (min-width:720px){
	:root{--berberim-base-font:16px}
	.berberim-container{padding:20px;max-width:1200px}
	.berberim-card, .berberim-shop-box, .berberim-services-box{padding:20px}
	.berberim-service-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
	.berberim-service-pill{flex:0 1 180px;max-width:calc(33% - 12px)}
	.berberim-shop-box{width:calc(100% - 120px);max-width:1200px;margin:20px auto}
}

/* Breakpoint: large screens */
@media (min-width:1024px){
	:root{--berberim-base-font:16.5px}
	.berberim-service-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
	.berberim-card{width:320px}
}

/* Accessibility: increase focus outlines on small screens */
button:focus, a:focus, input:focus, textarea:focus{outline:3px solid rgba(var(--berberim-primary-rgb),0.12);outline-offset:2px}

/* Ensure long texts wrap on tiny screens */
.berberim-shop-name, .berberim-title, .berberim-service-name{word-break:break-word}

/* Small-screen tweaks for pill add button */
.berberim-pill-add{padding:8px 10px;font-size:14px}

/* End of mobile-first responsive overrides */

/* === Responsive finish - enhancements === */
/* Ensure large form controls span both columns on small tablets and up (fallbacks for :has) */
@media (min-width:480px) {
	.berberim-shop-box form .berberim-services-pills,
	.berberim-shop-box form .berberim-services-data,
	.berberim-shop-box form .berberim-shop-link-wrap,
	.berberim-shop-box form textarea,
	.berberim-shop-box form button[type="submit"] {
		grid-column: 1 / -1;
	}
	.berberim-shop-box form .field-phone { grid-column: 1 / 2 }
	.berberim-shop-box form .field-city { grid-column: 2 / 3 }
}

/* Ensure the services block (label + pills) always spans both columns */
.berberim-shop-box form .berberim-services-field { grid-column: 1 / -1; }
.berberim-shop-box form .berberim-services-field label{display:block;margin-bottom:8px}

/* Card sizing: fluid on mobile, fixed-ish on desktop */
.berberim-card{width:100%;max-width:320px}
@media (min-width:720px){ .berberim-card{width:300px;max-width:340px} }

/* More aggressive service-grid responsiveness */
.berberim-service-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
@media (min-width:480px){ .berberim-service-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:720px){ .berberim-service-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} }

/* Provider/product/shop grids: ensure min width and auto-fit behavior */
.berberim-provider-grid, .berberim-product-grid, .berberim-shop-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
@media (max-width:479px){ .berberim-provider-grid, .berberim-product-grid, .berberim-shop-grid{grid-template-columns:1fr} }

/* Service pills: more predictable wrapping and sizing */
.berberim-services-pills{align-items:flex-start}
.berberim-service-pill{flex:1 1 auto;min-width:120px;max-width:100%}
@media (min-width:480px){ .berberim-service-pill{flex:0 1 45%;max-width:calc(50% - 12px)} }
@media (min-width:720px){ .berberim-service-pill{flex:0 1 180px;max-width:calc(33% - 12px)} }

/* Modal and toast scaling */
.berberim-modal{padding:12px}
.berberim-modal-inner{max-height:calc(100vh - 48px);overflow:auto}
.berberim-modal-inner img{max-height:60vh;object-fit:contain}
.berberim-toast{max-width:420px;padding:10px 12px;right:12px;left:auto;bottom:12px}
@media (max-width:419px){ .berberim-toast{width:calc(100% - 24px);left:12px;right:12px} }

/* Ensure images inside cards do not overflow and keep aspect ratios */
.berberim-shop-photo img, .berberim-product-photo img, .berberim-owner-photo img, .berberim-photo img{width:100%;height:auto;max-width:100%;object-fit:cover}

/* Buttons & focus targets - larger tap areas on smaller screens */
@media (max-width:479px){ button, .button, .berberim-copy-link-btn, .berberim-owner-settings-save{padding:12px 14px;font-size:15px} }

/* Prevent accidental horizontal scroll from long content */
html,body{overflow-x:hidden}

/* Utilities: make inline lists wrap nicely */
.berberim-inline-row{flex-wrap:wrap}

/* Final: minor accessibility tweak for color contrast on small pills */
.berberim-service-pill{color:var(--berberim-text)}

/* End Responsive finish - enhancements */

/* Ensure service pills reliably fill their container and keep readable layout */
.berberim-services-pills{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.berberim-services-pills .berberim-service-pill,
#berberim-shop-form .berberim-service-pill{display:flex;align-items:center;justify-content:space-between;flex:1 1 180px;min-width:120px;box-sizing:border-box;white-space:normal;padding:6px 12px}
.berberim-service-pill .pill-label{flex:1 1 auto;min-width:0}
.berberim-service-pill .pill-close{margin-left:8px}


/* Autogenerated empty selectors collected from PHP files - start */
/* Placeholders for classes found in PHP templates (empty rules so external tool can populate them) */
.berberim-appointments {}
.berberim-appointments-box {}
.berberim-appointments-title {}
.berberim-appt-filters {}
.berberim-appointments-list-box {}
.berberim-empty {}
.berberim-appointments-table {}
.berberim-appt-status {}
.berberim-appt-products {}
.berberim-appt-products-note {}
.berberim-appt-cancel {}
.berberim-appt-approve {}
.berberim-appt-note-wrapper {}
.berberim-appt-note {}
.berberim-appt-save-note {}
.berberim-appt-notes-log {}
.berberim-providers {}
.berberim-services-box {}
.berberim-box-title {}
.berberim-services-select {}
.berberim-services-preview {}
.berberim-mt-6 {}
.berberim-providers-table {}
.berberim-provider-photo-cell {}
.berberim-provider-thumb {}
.berberim-provider-thumb-placeholder {}
.berberim-services-list {}
.berberim-provider-services {}
.berberim-service-row {}
.berberim-service-name {}
.berberim-no-services {}
.berberim-provider-edit {}
.berberim-provider-delete {}
.berberim-provider-calendar-btn {}
.berberim-provider-invite {}
.berberim-provider-calendar-row {}
.berberim-claim-form {}
.berberim-admin-form {}
.berberim-input-wide {}
.berberim-search {}
.berberim-search-input {}
.berberim-debug {}
.berberim-list {}
.berberim-card {}
.berberim-owner-photo {}
.berberim-owner-photo-img {}
.berberim-body {}
.berberim-title {}
.berberim-owner {}
.berberim-phone {}
.berberim-city {}
.berberim-appointment-btn {}
.berberim-products-box {}
.berberim-product-form-box {}
.berberim-product-photo-preview {}
.berberim-hidden-file-input {}
.berberim-text-danger {}
.btn-primary {}
.berberim-products-list-box {}
.berberim-products-table {}
.berberim-product-thumb {}
.berberim-product-thumb-img {}
.berberim-product-edit {}
.berberim-product-delete {}
.berberim-stats-container {}
.berberim-detail {}
.berberim-photo {}
.berberim-inline-flow {}
.berberim-flow-step {}
.berberim-step-calendar {}
.berberim-calendar-inline {}
.berberim-times-list {}
.berberim-form-message {}
.berberim-modal-tabs {}
.berberim-tab {}
.berberim-tab-services {}
.berberim-tab-products {}
.berberim-tab-content {}
.berberim-tab-content-services {}
.berberim-services-container {}
.berberim-service-card {}
.berberim-service-meta {}
.berberim-service-duration {}
.berberim-service-price {}
.berberim-total-price {}
.berberim-tab-content-products {}
.berberim-products-container {}
.berberim-product-grid-placeholder {}
.berberim-hidden {}
.berberim-wizard-controls {}
.berberim-prev-btn {}
.berberim-next-btn {}
.berberim-product-grid {}
.berberim-product-photo {}
.berberim-product-meta {}
.berberim-product-name {}
.berberim-product-desc {}
.berberim-product-price {}
.berberim-shop-grid {}
.berberim-shop-card {}
.berberim-shop-photo {}
.berberim-shop-body {}
.berberim-shop-name {}
.berberim-shop-address {}
.berberim-appointment-link-wrap {}
.berberim-booking-wizard {}
.berberim-wizard-steps {}
.berberim-step {}
.berberim-submit-final {}
.berberim-service-grid {}
.berberim-service-editor-controls {}
.berberim-or {}
.berberim-new-service-name {}
.berberim-new-service-price {}
.berberim-new-service-duration {}
.berberim-save-services-msg {}
.berberim-owner-settings-box {}
.berberim-owner-settings-header {}
.berberim-owner-auto-box {}
.berberim-owner-auto-text {}
.berberim-owner-auto-control {}
.berberim-switch-label {}
.berberim-switch-ui {}
.berberim-owner-settings-save {}
.berberim-danger-box {}
.berberim-danger-left {}
.berberim-danger-icon {}
.berberim-danger-body {}
.berberim-danger-title {}
.berberim-danger-sub {}
.berberim-danger-action {}
.berberim-delete-action {}
.berberim-shop-box {}
.berberim-shop-box-title {}
.berberim-shop-link-wrap {}
.berberim-shop-link {}
.berberim-copy-link-btn {}
.field-phone {}
.field-city {}
.berberim-services-data {}
.berberim-services-pills {}
.berberim-services-hidden-inputs {}
.berberim-shop-readonly {}
.berberim-shop-photo-img {}
.berberim-service-card {}
.berberim-service-grid {}
.berberim-service-name {}
.berberim-service-duration {}
.berberim-service-price {}
.berberim-pill-add {}
.berberim-shop-readonly a {}
.berberim-provider-grid {}
.berberim-provider-card {}
.berberim-provider-photo {}
.berberim-provider-name {}
.berberim-provider-phone {}
.berberim-provider-select-btn {}
.berberim-modal {}
.berberim-modal-inner {}
.berberim-modal-close {}
.berberim-modal-content {}
.berberim-spinner {}
.berberim-toast {}
.berberim-form-message {}
.badge {}
.bg-primary {}
.text-inverse {}
.surface {}
.berberim-progress-bar {}
.berberim-progress-fill {}
.berberim-progress-label {}
.berberim-provider-card {}
.berberim-provider-photo img {}
.berberim-provider-name {}
.berberim-provider-phone {}
.berberim-provider-select-fallback {}
.berberim-owner-photo img {}
.berberim-product-photo-preview {}
.hidden-file-input {}
.error-text {}
.berberim-owner-settings-header svg {}
.berberim-owner-settings-header h4 {}
.berberim-owner-auto-box {}
.berberim-owner-auto-control {}
.berberim-switch-ui:after {}
.berberim-service-card:hover {}
.berberim-service-card:focus-within {}
.berberim-product-card {}
.berberim-product-card:hover {}
.berberim-product-card.selected {}
.berberim-shop-card {}
.berberim-shop-photo img {}
.berberim-appointment-btn {}
.berberim-booking-wizard {}
.berberim-step[data-step="1"] {}
.berberim-step[data-step="2"] {}
.berberim-step[data-step="3"] {}
.berberim-step[data-step="4"] {}
.berberim-step[data-step="5"] {}
.berberim-step[data-step="6"] {}
.berberim-step[data-step="7"] {}
/* Autogenerated empty selectors collected from PHP files - end */

/* Responsive tweaks for service editor (mobile-first) */
@media (max-width:480px){
	.berberim-service-row{flex-direction:column;align-items:stretch;gap:8px}
	.berberim-service-row .berberim-drag-handle{align-self:flex-start}
	.berberim-service-row input{max-width:100%;width:100%}
	.berberim-service-row .berberim-service-name{flex:1 1 auto;min-width:0}
	.berberim-service-row .berberim-service-price,
	.berberim-service-row .berberim-service-duration{width:100%}
	.berberim-service-row .berberim-remove-service{align-self:flex-end}

	.berberim-service-editor-controls{flex-direction:column;align-items:stretch}
	.berberim-add-section .berberim-add-predefined,
	.berberim-add-section .berberim-add-custom{display:block;width:100%}
	.berberim-chosen-wrap,.berberim-custom-fields{width:100%}
	.berberim-custom-fields{display:flex;flex-wrap:wrap;gap:8px}
	.berberim-custom-fields input{flex:1 1 auto;min-width:120px}
	.berberim-add-section button{width:100%;box-sizing:border-box}
	.berberim-section-sep{margin:12px 0;border:0;height:1px;background:rgba(0,0,0,0.04)}
}

/* Mobile: convert products table to stacked labeled cards */
@media (max-width: 720px) {
	.berberim-products-table thead { display: none; }
	.berberim-products-table tbody { display: block; }
	.berberim-products-table tr { display: block; margin: 0 0 12px 0; border: 1px solid #eee; padding: 8px; background: #fff; }
	.berberim-products-table td { display: flex; align-items: center; padding: 8px; }
	.berberim-products-table td:before { content: attr(data-label); width: 110px; flex: 0 0 110px; font-weight: 600; color: #666; padding-right: 8px; }
	.berberim-product-thumb img { max-width: 64px; max-height: 64px; margin-right: 8px; display: block; }
	.berberim-products-table td[data-label="İşlemler"] { justify-content: flex-end; }
	.berberim-products-table td[data-label="İşlemler"]:before { display: none; }
	.berberim-products-table td[data-label="İşlemler"] button { margin-left: 8px; }
}

/* ───────── Shops Listing V2 ([berberim_shops]) ───────── */
.bv2-shops-page {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 16px 48px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* ── Hero Header ── */
.bv2-shops-hero {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 24px;
}
.bv2-shops-hero-bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, var(--berberim-primary) 0%, var(--berberim-primary-dark) 50%, #c0571a 100%);
	z-index: 0;
}
.bv2-shops-hero-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 80% 20%, rgba(255,255,255,.15) 0%, transparent 60%),
	            radial-gradient(circle at 20% 80%, rgba(0,0,0,.1) 0%, transparent 50%);
}
.bv2-shops-hero-content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 44px 24px 40px;
	color: #fff;
}
.bv2-shops-hero-icon {
	width: 60px;
	height: 60px;
	border-radius: 18px;
	background: rgba(255,255,255,.18);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	backdrop-filter: blur(6px);
}
.bv2-shops-hero-icon svg {
	stroke: #fff;
}
.bv2-shops-hero-title {
	margin: 0;
	font-size: 2rem;
	font-weight: 800;
	letter-spacing: -.02em;
	text-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.bv2-shops-hero-subtitle {
	margin: 8px 0 0;
	font-size: 1rem;
	opacity: .88;
	font-weight: 400;
	max-width: 400px;
}

/* ── Toolbar (Search + Filters) ── */
.bv2-shops-toolbar {
	background: #fff;
	border-radius: 16px;
	padding: 20px 24px;
	box-shadow: 0 2px 12px rgba(0,0,0,.06);
	border: 1px solid #f1f5f9;
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.bv2-shops-search-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 12px;
	padding: 0 14px;
	transition: border-color .2s, box-shadow .2s;
}
.bv2-shops-search-wrap:focus-within {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), .1);
	background: #fff;
}
.bv2-shops-search-wrap svg {
	stroke: #94a3b8;
	flex-shrink: 0;
}
.bv2-shops-search {
	flex: 1;
	border: none;
	background: transparent;
	padding: 11px 0;
	font-size: .92rem;
	color: #1e293b;
	outline: none;
	font-family: inherit;
}
.bv2-shops-search::placeholder {
	color: #94a3b8;
}

/* Filter chips */
.bv2-shops-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}
.bv2-shops-chip {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 7px 16px;
	border-radius: 20px;
	border: 1.5px solid #e2e8f0;
	background: #fff;
	color: #475569;
	font-size: .82rem;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s;
	font-family: inherit;
}
.bv2-shops-chip svg {
	stroke: currentColor;
}
.bv2-shops-chip:hover {
	border-color: var(--berberim-primary);
	color: var(--berberim-primary);
	background: #fff7ed;
}
.bv2-shops-chip.bv2-chip-active {
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	border-color: transparent;
	box-shadow: 0 2px 8px rgba(var(--berberim-primary-rgb), .3);
}
.bv2-shops-city-select {
	padding: 7px 14px;
	border-radius: 20px;
	border: 1.5px solid #e2e8f0;
	background: #fff;
	color: #475569;
	font-size: .82rem;
	font-weight: 600;
	cursor: pointer;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
	font-family: inherit;
}
.bv2-shops-city-select:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), .1);
}

.bv2-shops-count-wrap {
	font-size: .8rem;
	color: #94a3b8;
	font-weight: 500;
}
.bv2-shops-count-wrap span {
	font-weight: 700;
	color: var(--berberim-primary);
}

/* ── Empty / No-results ── */
.bv2-shops-empty,
.bv2-shops-no-results {
	text-align: center;
	padding: 64px 24px;
	background: #fff;
	border-radius: 16px;
	border: 1px solid #f1f5f9;
}
.bv2-shops-empty svg,
.bv2-shops-no-results svg {
	stroke: #cbd5e1;
	margin-bottom: 16px;
}
.bv2-shops-empty h3,
.bv2-shops-no-results h3 {
	margin: 0;
	font-size: 1.15rem;
	color: #475569;
	font-weight: 700;
}
.bv2-shops-empty p,
.bv2-shops-no-results p {
	margin: 6px 0 0;
	color: #94a3b8;
	font-size: .9rem;
}

/* ── Cards Grid ── */
.bv2-shops-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 22px;
}

/* ── Card ── */
@keyframes bv2ShopCardIn {
	from { opacity: 0; transform: translateY(18px); }
	to   { opacity: 1; transform: translateY(0); }
}
.bv2-shop-card {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	border: 1px solid #f1f5f9;
	box-shadow: 0 2px 12px rgba(0,0,0,.05);
	display: flex;
	flex-direction: column;
	transition: transform .25s ease, box-shadow .25s ease;
	animation: bv2ShopCardIn .45s ease-out both;
}
.bv2-shop-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 36px rgba(0,0,0,.1);
}
.bv2-shop-card.bv2-card-hidden {
	display: none;
}

/* Photo */
.bv2-shop-photo-link {
	text-decoration: none;
	display: block;
}
.bv2-shop-photo {
	position: relative;
	width: 100%;
	height: 200px;
	background: #f1f5f9;
	overflow: hidden;
}
.bv2-shop-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}
.bv2-shop-card:hover .bv2-shop-photo img {
	transform: scale(1.06);
}
.bv2-shop-photo-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 60%;
	background: linear-gradient(to top, rgba(0,0,0,.25) 0%, transparent 100%);
	pointer-events: none;
}
.bv2-shop-photo-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
}
.bv2-shop-photo-placeholder svg {
	stroke: #94a3b8;
	opacity: .5;
}

/* Type badge */
.bv2-shop-type-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 5px 14px;
	border-radius: 20px;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .04em;
	color: #fff;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	text-transform: uppercase;
	z-index: 2;
}
.bv2-type-bay {
	background: rgba(37,99,235,.85);
}
.bv2-type-bayan {
	background: rgba(219,39,119,.85);
}
.bv2-type-unisex {
	background: rgba(124,58,237,.85);
}
.bv2-type-other {
	background: rgba(0,0,0,.55);
}

/* Body */
.bv2-shop-body {
	padding: 18px 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
}
.bv2-shop-name {
	display: block;
	margin: 0;
	font-size: 1.1rem;
	font-weight: 800;
	color: #1e293b;
	text-decoration: none;
	transition: color .15s;
	line-height: 1.3;
}
.bv2-shop-name:hover {
	color: var(--berberim-primary);
}

/* Meta rows */
.bv2-shop-meta {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.bv2-shop-meta-row {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: .85rem;
	color: #64748b;
}
.bv2-shop-meta-row svg {
	stroke: #94a3b8;
	flex-shrink: 0;
}
.bv2-shop-meta-row span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Social icons */
.bv2-shop-socials {
	display: flex;
	gap: 6px;
	margin-top: 2px;
}
.bv2-shop-social {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .15s, background .15s;
	text-decoration: none;
}
.bv2-social-ig {
	background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
	color: #fff;
}
.bv2-social-ig svg {
	stroke: #fff;
}
.bv2-social-wa {
	background: #25d366;
	color: #fff;
}
.bv2-social-wa svg {
	fill: #fff;
}
.bv2-shop-social:hover {
	transform: scale(1.12);
}

/* Action buttons */
.bv2-shop-actions {
	display: flex;
	gap: 8px;
	margin-top: auto;
	padding-top: 6px;
}
.bv2-shop-detail-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 16px;
	border-radius: 10px;
	border: 1.5px solid #e2e8f0;
	background: #fff;
	color: #475569;
	font-size: .82rem;
	font-weight: 600;
	text-decoration: none;
	transition: border-color .2s, color .2s, background .2s;
}
.bv2-shop-detail-btn svg {
	stroke: currentColor;
}
.bv2-shop-detail-btn:hover {
	border-color: var(--berberim-primary);
	color: var(--berberim-primary);
	background: #fff7ed;
}
.bv2-shop-book-btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	padding: 9px 16px;
	border-radius: 10px;
	border: none;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	font-size: .82rem;
	font-weight: 700;
	text-decoration: none;
	transition: transform .15s, box-shadow .2s;
	box-shadow: 0 2px 8px rgba(var(--berberim-primary-rgb), .25);
}
.bv2-shop-book-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(var(--berberim-primary-rgb), .35);
	color: #fff;
}

/* ── Responsive ── */
@media (max-width: 768px) {
	.bv2-shops-hero-content {
		padding: 32px 18px 28px;
	}
	.bv2-shops-hero-title {
		font-size: 1.5rem;
	}
	.bv2-shops-toolbar {
		padding: 16px 16px;
	}
	.bv2-shops-grid {
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		gap: 16px;
	}
}
@media (max-width: 480px) {
	.bv2-shops-page {
		padding: 0 10px 32px;
	}
	.bv2-shops-hero {
		border-radius: 14px;
	}
	.bv2-shops-hero-content {
		padding: 28px 14px 24px;
	}
	.bv2-shops-hero-icon {
		width: 48px;
		height: 48px;
		border-radius: 14px;
	}
	.bv2-shops-hero-icon svg {
		width: 24px;
		height: 24px;
	}
	.bv2-shops-hero-title {
		font-size: 1.3rem;
	}
	.bv2-shops-hero-subtitle {
		font-size: .85rem;
	}
	.bv2-shops-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.bv2-shop-photo {
		height: 180px;
	}
	.bv2-shops-filters {
		gap: 6px;
	}
	.bv2-shops-chip {
		padding: 6px 12px;
		font-size: .76rem;
	}
	.bv2-shop-actions {
		flex-direction: column;
	}
	.bv2-shop-detail-btn {
		justify-content: center;
	}
}

/* ───────── Shop Detail V2 ([berberim_shop_detail]) ───────── */
.bv2-sd-page {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 16px 48px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* Error Card */
.bv2-sd-error-card {
	text-align: center;
	padding: 64px 24px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #f1f5f9;
	box-shadow: 0 2px 12px rgba(0,0,0,.05);
	margin-top: 32px;
}
.bv2-sd-error-card svg {
	stroke: #cbd5e1;
	margin-bottom: 16px;
}
.bv2-sd-error-card h3 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 700;
	color: #475569;
}
.bv2-sd-error-card p {
	margin: 6px 0 0;
	color: #94a3b8;
	font-size: .9rem;
}

/* ── Hero Banner ── */
.bv2-sd-hero {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	min-height: 280px;
	margin-bottom: 0;
}
.bv2-sd-hero-bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, var(--berberim-primary) 0%, var(--berberim-primary-dark) 50%, #c0571a 100%);
}
.bv2-sd-hero-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(12px) brightness(.7);
	transform: scale(1.1);
}
.bv2-sd-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,.3) 0%, rgba(0,0,0,.6) 100%);
	z-index: 1;
}
.bv2-sd-hero-content {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	gap: 24px;
	padding: 40px 32px 32px;
}

/* Hero Photo */
.bv2-sd-hero-photo {
	flex: 0 0 140px;
	width: 140px;
	height: 140px;
	border-radius: 18px;
	overflow: hidden;
	border: 4px solid rgba(255,255,255,.3);
	box-shadow: 0 8px 30px rgba(0,0,0,.25);
	background: #f1f5f9;
}
.bv2-sd-hero-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.bv2-sd-photo-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
}
.bv2-sd-photo-placeholder svg {
	stroke: #94a3b8;
	opacity: .5;
}

/* Hero Info */
.bv2-sd-hero-info {
	flex: 1;
	min-width: 0;
	color: #fff;
	padding-bottom: 4px;
}
.bv2-sd-hero-top {
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
	flex-wrap: wrap;
}
.bv2-sd-type-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 14px;
	border-radius: 20px;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.bv2-sd-type-bay { background: rgba(37,99,235,.8); color: #fff; }
.bv2-sd-type-bayan { background: rgba(219,39,119,.8); color: #fff; }
.bv2-sd-type-unisex { background: rgba(124,58,237,.8); color: #fff; }
.bv2-sd-founded-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: .75rem;
	font-weight: 600;
	background: rgba(255,255,255,.15);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	color: rgba(255,255,255,.9);
}
.bv2-sd-founded-badge svg { stroke: currentColor; }
.bv2-sd-name {
	margin: 0 0 6px 0;
	font-size: 2rem;
	font-weight: 800;
	letter-spacing: -.02em;
	text-shadow: 0 2px 8px rgba(0,0,0,.25);
}
.bv2-sd-about {
	margin: 0;
	font-size: .92rem;
	line-height: 1.6;
	opacity: .88;
	max-width: 600px;
}

/* ── Quick Info Strip ── */
.bv2-sd-info-strip {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin: -24px 16px 20px;
	position: relative;
	z-index: 3;
}
.bv2-sd-info-chip {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #fff;
	border-radius: 14px;
	padding: 16px 18px;
	box-shadow: 0 4px 16px rgba(0,0,0,.08);
	border: 1px solid #f1f5f9;
	animation: bv2FadeUp .5s ease-out both;
}
.bv2-sd-chip-icon {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: #f1f5f9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.bv2-sd-chip-icon svg {
	stroke: #64748b;
}
.bv2-sd-chip-icon.bv2-sd-chip-highlight {
	background: rgba(var(--berberim-primary-rgb), .1);
}
.bv2-sd-chip-icon.bv2-sd-chip-highlight svg {
	stroke: var(--berberim-primary);
}
.bv2-sd-info-chip > div:last-child {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.bv2-sd-chip-label {
	font-size: .72rem;
	font-weight: 600;
	color: #94a3b8;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.bv2-sd-chip-value {
	font-size: .88rem;
	font-weight: 600;
	color: #1e293b;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ── Action Buttons ── */
.bv2-sd-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 28px;
	padding: 0 4px;
}
.bv2-sd-action-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 22px;
	font-weight: 700;
	font-size: .88rem;
	border-radius: 12px;
	text-decoration: none;
	transition: transform .15s, box-shadow .2s, opacity .2s;
	cursor: pointer;
	border: none;
	line-height: 1;
}
.bv2-sd-action-btn svg { flex-shrink: 0; }
.bv2-sd-action-btn:hover { transform: translateY(-2px); }

.bv2-sd-btn-book {
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	box-shadow: 0 4px 14px rgba(var(--berberim-primary-rgb), .3);
}
.bv2-sd-btn-book:hover { color: #fff; box-shadow: 0 6px 20px rgba(var(--berberim-primary-rgb), .4); }
.bv2-sd-btn-call {
	background: linear-gradient(135deg, #3b82f6, #2563eb);
	color: #fff;
	box-shadow: 0 4px 14px rgba(37,99,235,.25);
}
.bv2-sd-btn-call:hover { color: #fff; }
.bv2-sd-btn-wa {
	background: linear-gradient(135deg, #25d366, #128c7e);
	color: #fff;
	box-shadow: 0 4px 14px rgba(37,211,102,.25);
}
.bv2-sd-btn-wa:hover { color: #fff; }
.bv2-sd-btn-ig {
	background: linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
	color: #fff;
	box-shadow: 0 4px 14px rgba(225,48,108,.2);
}
.bv2-sd-btn-ig:hover { color: #fff; }
.bv2-sd-btn-dir {
	background: linear-gradient(135deg, #f59e0b, #d97706);
	color: #fff;
	box-shadow: 0 4px 14px rgba(245,158,11,.25);
}
.bv2-sd-btn-dir:hover { color: #fff; }

/* ── Sections ── */
.bv2-sd-section {
	background: #fff;
	border-radius: 16px;
	padding: 24px 28px;
	border: 1px solid #f1f5f9;
	box-shadow: 0 2px 12px rgba(0,0,0,.04);
	margin-bottom: 20px;
	animation: bv2FadeUp .5s ease-out both;
}
.bv2-sd-section-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 2px solid #f1f5f9;
}
.bv2-sd-section-icon {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	background: rgba(var(--berberim-primary-rgb), .08);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.bv2-sd-section-icon svg {
	stroke: var(--berberim-primary);
}
.bv2-sd-section-header h2 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 800;
	color: #1e293b;
	flex: 1;
}
.bv2-sd-section-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	padding: 0 8px;
	border-radius: 20px;
	background: rgba(var(--berberim-primary-rgb), .1);
	color: var(--berberim-primary-dark);
	font-size: .78rem;
	font-weight: 700;
}

/* Empty State */
.bv2-sd-empty-state {
	text-align: center;
	padding: 32px 16px;
	color: #94a3b8;
}
.bv2-sd-empty-state svg {
	stroke: #cbd5e1;
	margin-bottom: 8px;
}
.bv2-sd-empty-state p {
	margin: 0;
	font-size: .9rem;
}

/* Loading */
.bv2-sd-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 40px 0;
	color: #94a3b8;
	font-size: .9rem;
}
.bv2-sd-spinner {
	width: 28px;
	height: 28px;
	border: 3px solid #f1f5f9;
	border-top-color: var(--berberim-primary);
	border-radius: 50%;
	animation: bv2CalSpin .7s linear infinite;
}

/* ── Services Grid ── */
@keyframes bv2SdCardIn {
	from { opacity: 0; transform: translateY(12px); }
	to   { opacity: 1; transform: translateY(0); }
}
.bv2-sd-services-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 10px;
}
.bv2-sd-service-card {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 12px;
	background: #f8fafc;
	border: 1px solid #f1f5f9;
	transition: background .15s, border-color .15s, transform .15s;
	animation: bv2SdCardIn .4s ease-out both;
}
.bv2-sd-service-card:hover {
	background: #fff7ed;
	border-color: rgba(var(--berberim-primary-rgb), .2);
	transform: translateX(3px);
}
.bv2-sd-svc-icon {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	background: rgba(var(--berberim-primary-rgb), .1);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	margin-top: 2px;
}
.bv2-sd-svc-icon svg {
	stroke: var(--berberim-primary);
}
.bv2-sd-svc-info {
	flex: 1;
	min-width: 0;
}
.bv2-sd-svc-name {
	font-weight: 700;
	font-size: .9rem;
	color: #1e293b;
	display: block;
}
.bv2-sd-svc-tags {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 4px;
	flex-wrap: wrap;
}
.bv2-sd-svc-price {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 20px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
}
.bv2-sd-svc-duration {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	font-size: .75rem;
	color: #64748b;
	font-weight: 500;
}
.bv2-sd-svc-duration svg { stroke: #94a3b8; }

/* ── Team Grid ── */
.bv2-sd-team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 14px;
}
.bv2-sd-team-card {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 16px;
	border-radius: 14px;
	background: #f8fafc;
	border: 1px solid #f1f5f9;
	transition: transform .2s, box-shadow .2s, border-color .2s;
	animation: bv2SdCardIn .4s ease-out both;
}
.bv2-sd-team-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(0,0,0,.07);
	border-color: rgba(var(--berberim-primary-rgb), .15);
}
.bv2-sd-team-avatar {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border-radius: 14px;
	overflow: hidden;
	background: linear-gradient(135deg, #e2e8f0, #f1f5f9);
	display: flex;
	align-items: center;
	justify-content: center;
}
.bv2-sd-team-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bv2-sd-team-initials {
	font-size: 1.1rem;
	font-weight: 800;
	color: #94a3b8;
}
.bv2-sd-team-body {
	flex: 1;
	min-width: 0;
}
.bv2-sd-team-name {
	margin: 0 0 3px 0;
	font-size: .95rem;
	font-weight: 700;
	color: #1e293b;
}
.bv2-sd-team-desc {
	margin: 0 0 8px 0;
	font-size: .82rem;
	color: #64748b;
	line-height: 1.45;
}
.bv2-sd-team-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.bv2-sd-pill {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 20px;
	background: rgba(var(--berberim-primary-rgb), .08);
	color: var(--berberim-primary-dark);
	font-size: .72rem;
	font-weight: 600;
}
.bv2-sd-pill-more {
	background: #e2e8f0;
	color: #64748b;
}

/* ── Gallery ── */
.bv2-sd-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 10px;
}
.bv2-sd-gallery-item {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	background: #f1f5f9;
	cursor: pointer;
}
.bv2-sd-gallery-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .3s ease;
}
.bv2-sd-gallery-item:hover img {
	transform: scale(1.08);
}
.bv2-sd-gallery-hover {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.35);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity .25s;
}
.bv2-sd-gallery-hover svg {
	stroke: #fff;
}
.bv2-sd-gallery-item:hover .bv2-sd-gallery-hover {
	opacity: 1;
}

/* Map */
.bv2-sd-map-wrap {
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid #e2e8f0;
}
.bv2-sd-map {
	width: 100%;
	height: 350px;
}
.bv2-sd-map-address {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	font-size: .88rem;
	color: #64748b;
}
.bv2-sd-map-address svg {
	stroke: #94a3b8;
	flex-shrink: 0;
}

/* ── Lightbox V2 ── */
.bv2-sd-lightbox {
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: rgba(0,0,0,.9);
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(6px);
}
.bv2-sd-lightbox img {
	max-width: 90vw;
	max-height: 85vh;
	border-radius: 12px;
	box-shadow: 0 12px 48px rgba(0,0,0,.5);
	animation: bv2SdCardIn .3s ease-out;
}
.bv2-sd-lb-close,
.bv2-sd-lb-prev,
.bv2-sd-lb-next {
	position: fixed;
	background: rgba(255,255,255,.12);
	color: #fff;
	border: none;
	border-radius: 12px;
	width: 44px;
	height: 44px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: background .2s, transform .15s;
	z-index: 100000;
}
.bv2-sd-lb-close:hover,
.bv2-sd-lb-prev:hover,
.bv2-sd-lb-next:hover {
	background: rgba(255,255,255,.25);
	transform: scale(1.08);
}
.bv2-sd-lb-close svg,
.bv2-sd-lb-prev svg,
.bv2-sd-lb-next svg { stroke: #fff; }
.bv2-sd-lb-close { top: 20px; right: 20px; }
.bv2-sd-lb-prev { left: 20px; top: 50%; margin-top: -22px; }
.bv2-sd-lb-next { right: 20px; top: 50%; margin-top: -22px; }
.bv2-sd-lb-counter {
	position: fixed;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(255,255,255,.12);
	backdrop-filter: blur(8px);
	color: #fff;
	padding: 6px 18px;
	border-radius: 20px;
	font-size: .82rem;
	font-weight: 600;
	z-index: 100000;
}

/* ── Responsive ── */
@media (max-width: 768px) {
	.bv2-sd-hero-content {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 32px 20px 28px;
		gap: 16px;
	}
	.bv2-sd-hero-photo {
		flex: 0 0 110px;
		width: 110px;
		height: 110px;
	}
	.bv2-sd-name {
		font-size: 1.5rem;
	}
	.bv2-sd-info-strip {
		margin: -20px 8px 16px;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}
	.bv2-sd-info-chip {
		padding: 12px 14px;
	}
	.bv2-sd-actions {
		justify-content: center;
	}
	.bv2-sd-section {
		padding: 20px 18px;
	}
	.bv2-sd-services-grid {
		grid-template-columns: 1fr;
	}
	.bv2-sd-team-grid {
		grid-template-columns: 1fr;
	}
	.bv2-sd-gallery {
		grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	}
}
@media (max-width: 480px) {
	.bv2-sd-page {
		padding: 0 10px 32px;
	}
	.bv2-sd-hero {
		border-radius: 16px;
	}
	.bv2-sd-hero-photo {
		flex: 0 0 90px;
		width: 90px;
		height: 90px;
		border-radius: 14px;
	}
	.bv2-sd-name {
		font-size: 1.3rem;
	}
	.bv2-sd-info-strip {
		grid-template-columns: 1fr;
		margin: -16px 4px 14px;
	}
	.bv2-sd-actions {
		flex-direction: column;
	}
	.bv2-sd-action-btn {
		justify-content: center;
		width: 100%;
	}
	.bv2-sd-map {
		height: 250px !important;
	}
}

/* ═══ Leaflet Map overrides ═══ */
.berberim-location-section h3 { font-size:18px; margin-bottom:8px; }
#berberim-location-map .leaflet-control-attribution { font-size:10px; }
#berberim-sd-location-map .leaflet-control-attribution { font-size:10px; }
@media (max-width:720px) {
	#berberim-location-map { height:260px !important; }
	#berberim-sd-location-map { height:250px !important; }
}

/* ═══════════════════════════════════════════════════════════
   BERBERIM FORM V2 — Modern UI Redesign
   ═══════════════════════════════════════════════════════════ */

/* ── Animations ── */
@keyframes bv2FadeUp {
	from { opacity: 0; transform: translateY(16px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes bv2ShimmerBg {
	0% { background-position: -200% 0; }
	100% { background-position: 200% 0; }
}

/* ── Container ── */
.berberim-form-v2 {
	background: linear-gradient(160deg, #ffffff 0%, #fdfbf9 50%, #faf6f2 100%);
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 20px;
	box-shadow:
		0 1px 3px rgba(0,0,0,0.02),
		0 8px 40px rgba(0,0,0,0.04);
	animation: bv2FadeUp 0.5s ease-out both;
	position: relative;
	overflow: hidden;
}
.berberim-form-v2::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--berberim-primary), var(--berberim-primary-dark), var(--berberim-primary));
	background-size: 200% auto;
	animation: bv2ShimmerBg 3s linear infinite;
}

/* ── Header ── */
.bv2-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: 2px solid var(--berberim-bg-3);
}
.bv2-header-icon {
	width: 52px;
	height: 52px;
	min-width: 52px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	box-shadow: 0 4px 14px rgba(var(--berberim-primary-rgb), 0.3);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.bv2-header-icon:hover {
	transform: scale(1.06) rotate(-3deg);
	box-shadow: 0 6px 20px rgba(var(--berberim-primary-rgb), 0.4);
}
.berberim-form-v2 .berberim-shop-box-title {
	margin: 0;
	font-size: 24px;
	font-weight: 800;
	text-align: left;
	letter-spacing: -0.02em;
}
.bv2-subtitle {
	margin: 4px 0 0;
	font-size: 14px;
	color: var(--berberim-muted);
	font-weight: 400;
}

/* ── Section Dividers ── */
.bv2-section-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 28px 0 16px;
	padding-bottom: 12px;
	border-bottom: 2px solid var(--berberim-bg-3);
	grid-column: 1 / -1;
	animation: bv2FadeUp 0.4s ease-out both;
}
.bv2-section-icon {
	width: 38px;
	height: 38px;
	min-width: 38px;
	background: var(--berberim-bg-3);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--berberim-primary);
	transition: transform 0.25s ease, background 0.25s ease;
}
.bv2-section-divider:hover .bv2-section-icon {
	transform: scale(1.12) rotate(-5deg);
	background: rgba(var(--berberim-primary-rgb), 0.12);
}
.bv2-section-divider h3 {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: var(--berberim-primary-dark);
}
.bv2-section-hint {
	font-size: 12px;
	color: var(--berberim-muted);
	font-weight: 500;
	margin-left: auto;
	background: var(--berberim-bg-2);
	padding: 3px 10px;
	border-radius: 20px;
}
.bv2-hint-text {
	color: var(--berberim-muted);
	font-size: 13px;
	margin: 0 0 12px;
}

/* ── Labels ── */
.bv2-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	font-size: 14px;
	color: #374151;
	margin-bottom: 2px;
}
.bv2-label svg {
	color: var(--berberim-primary);
	flex-shrink: 0;
	opacity: 0.8;
	transition: transform 0.2s ease;
}
.berberim-form-v2 form p label:hover .bv2-label svg {
	transform: scale(1.15);
	opacity: 1;
}
.bv2-req {
	color: var(--berberim-primary);
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
}

/* Hide <br> in legacy form labels; use flex stacking instead */
.berberim-form-v2 form p label br { display: none; }
.berberim-form-v2 form p label {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-weight: 600;
	font-size: 14px;
	color: #374151;
}

/* ── Inputs ── */
.berberim-form-v2 form input[type="text"],
.berberim-form-v2 form input[type="email"],
.berberim-form-v2 form input[type="tel"],
.berberim-form-v2 form input[type="number"],
.berberim-form-v2 form textarea,
.berberim-form-v2 form select {
	padding: 11px 14px;
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
	font-size: 14px;
	color: #1f2937;
	transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
	outline: none;
	width: 100%;
	box-sizing: border-box;
}
.berberim-form-v2 form input:hover,
.berberim-form-v2 form textarea:hover,
.berberim-form-v2 form select:hover {
	border-color: #d1d5db;
}
.berberim-form-v2 form input:focus,
.berberim-form-v2 form textarea:focus,
.berberim-form-v2 form select:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3.5px rgba(var(--berberim-primary-rgb), 0.1);
	background: #fffcf9;
}
.berberim-form-v2 form input::placeholder,
.berberim-form-v2 form textarea::placeholder {
	color: #9ca3af;
	font-weight: 400;
}
.berberim-form-v2 form textarea {
	min-height: 80px;
	resize: vertical;
}

/* ── Field Layout ── */
.berberim-form-v2 .field-hours,
.berberim-form-v2 .field-numbers {
	grid-column: 1 / -1;
}
.berberim-form-v2 .field-hours label,
.berberim-form-v2 .field-numbers label {
	flex: 1;
	min-width: 140px;
}
.berberim-form-v2 .field-address {
	grid-column: 1 / -1;
}

/* ── Photo Section ── */
.bv2-photo-section {
	grid-column: 1 / -1;
	padding: 20px;
	background: linear-gradient(135deg, var(--berberim-bg-2) 0%, #fef6f0 100%);
	border-radius: 16px;
	border: 1.5px solid rgba(var(--berberim-primary-rgb), 0.08);
	margin-bottom: 0;
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}
.bv2-photo-section:hover {
	box-shadow: 0 6px 24px rgba(var(--berberim-primary-rgb), 0.08);
	border-color: rgba(var(--berberim-primary-rgb), 0.15);
}
.bv2-photo-label {
	font-weight: 700 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	gap: 8px;
	color: var(--berberim-primary-dark);
	margin-bottom: 12px;
}
.bv2-photo-label svg {
	color: var(--berberim-primary);
	flex-shrink: 0;
}
.bv2-photo-row {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 8px;
}
.bv2-photo-preview {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	border: 3px dashed #d1d5db;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	flex-shrink: 0;
	transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
	cursor: pointer;
}
.bv2-photo-preview:hover {
	border-color: var(--berberim-primary);
	box-shadow: 0 4px 20px rgba(var(--berberim-primary-rgb), 0.15);
	transform: scale(1.04);
}

/* ── Submit Button ── */
.berberim-form-v2 .bv2-submit-btn {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark)) !important;
	color: #fff !important;
	padding: 13px 32px !important;
	border: none !important;
	border-radius: 12px !important;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 16px rgba(var(--berberim-primary-rgb), 0.3);
	position: relative;
	overflow: hidden;
}
.berberim-form-v2 .bv2-submit-btn::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
	transform: translateX(-100%);
	transition: transform 0.5s ease;
}
.berberim-form-v2 .bv2-submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(var(--berberim-primary-rgb), 0.4);
}
.berberim-form-v2 .bv2-submit-btn:hover::after {
	transform: translateX(100%);
}
.berberim-form-v2 .bv2-submit-btn:active {
	transform: translateY(0);
	box-shadow: 0 2px 10px rgba(var(--berberim-primary-rgb), 0.25);
}
.berberim-form-v2 .bv2-submit-btn svg {
	flex-shrink: 0;
}

/* ── Shop Link Area ── */
.berberim-form-v2 .berberim-shop-link-wrap {
	background: #fff;
	border: 1.5px solid #e5e7eb;
	border-radius: 12px;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.berberim-form-v2 .berberim-shop-link-wrap:hover {
	border-color: rgba(var(--berberim-primary-rgb), 0.3);
	box-shadow: 0 2px 12px rgba(var(--berberim-primary-rgb), 0.06);
}
.berberim-form-v2 .berberim-copy-link-btn {
	border-radius: 8px;
	font-size: 13px;
	transition: transform 0.15s, box-shadow 0.15s;
}
.berberim-form-v2 .berberim-copy-link-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(var(--berberim-primary-rgb), 0.2);
}
.berberim-form-v2 .berberim-view-link-btn {
	border-radius: 8px;
	font-size: 13px;
	transition: transform 0.15s, box-shadow 0.15s;
}
.berberim-form-v2 .berberim-view-link-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(40,167,69,0.2);
}

/* ── Gallery Section ── */
.berberim-form-v2 .berberim-gallery-section {
	margin-top: 0;
}
.berberim-form-v2 .berberim-gallery-thumb {
	border-radius: 10px !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	overflow: hidden;
}
.berberim-form-v2 .berberim-gallery-thumb:hover {
	transform: scale(1.06);
	box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}
.berberim-form-v2 .berberim-gallery-remove {
	transition: transform 0.15s, background 0.15s;
}
.berberim-form-v2 .berberim-gallery-remove:hover {
	transform: scale(1.2);
}

/* ── Social Section ── */
.berberim-form-v2 .berberim-social-section {
	margin-top: 0;
}
.bv2-social-fields {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 500px;
}
.berberim-form-v2 .berberim-social-section label {
	flex-direction: row !important;
	align-items: center;
	padding: 6px 10px;
	border-radius: 10px;
	transition: transform 0.15s ease, background 0.15s ease;
}
.berberim-form-v2 .berberim-social-section label:hover {
	transform: translateX(4px);
	background: rgba(var(--berberim-primary-rgb), 0.02);
}
.berberim-form-v2 .berberim-social-section input[type="text"] {
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
	padding: 10px 14px;
	transition: border-color 0.3s, box-shadow 0.3s;
}
.berberim-form-v2 .berberim-social-section input[type="text"]:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3.5px rgba(var(--berberim-primary-rgb), 0.1);
}

/* ── Location Section ── */
.berberim-form-v2 .berberim-location-section {
	margin-top: 0;
}
.berberim-form-v2 #berberim-location-map {
	border: 1.5px solid #e5e7eb !important;
	border-radius: 14px !important;
	transition: border-color 0.25s;
	overflow: hidden;
}
.berberim-form-v2 #berberim-location-map:hover {
	border-color: var(--berberim-primary) !important;
}

/* ── Button overrides ── */
.berberim-form-v2 .button {
	background: #fff;
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
	padding: 10px 18px;
	font-weight: 600;
	color: #374151;
	cursor: pointer;
	transition: all 0.2s ease;
}
.berberim-form-v2 .button:hover {
	border-color: var(--berberim-primary);
	color: var(--berberim-primary-dark);
	background: var(--berberim-bg-3);
	transform: translateY(-1px);
}
.berberim-form-v2 .button.button-primary {
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	border: none;
	box-shadow: 0 3px 12px rgba(var(--berberim-primary-rgb), 0.2);
}
.berberim-form-v2 .button.button-primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(var(--berberim-primary-rgb), 0.3);
	color: #fff;
}

/* ── Section animations ── */
.bv2-section {
	animation: bv2FadeUp 0.4s ease-out both;
}
.berberim-gallery-section.bv2-section { animation-delay: 0.05s; }
.berberim-social-section.bv2-section { animation-delay: 0.1s; }
.berberim-location-section.bv2-section { animation-delay: 0.15s; }

/* ── Responsive ── */
@media (max-width: 719px) {
	.berberim-form-v2 { border-radius: 14px; }
	.bv2-header { gap: 12px; }
	.bv2-header-icon {
		width: 44px; height: 44px; min-width: 44px; border-radius: 12px;
	}
	.bv2-header-icon svg { width: 22px; height: 22px; }
	.berberim-form-v2 .berberim-shop-box-title { font-size: 20px; }
	.bv2-subtitle { font-size: 13px; }
	.bv2-section-divider { margin: 20px 0 12px; flex-wrap: wrap; }
	.bv2-section-icon { width: 32px; height: 32px; min-width: 32px; border-radius: 8px; }
	.bv2-section-divider h3 { font-size: 15px; }
	.bv2-section-hint { margin-left: 0; margin-top: 4px; width: 100%; }
	.bv2-photo-row { flex-direction: column; align-items: center; text-align: center; }
	.bv2-photo-preview { width: 100px; height: 100px; }
	.berberim-form-v2 .bv2-submit-btn { width: 100%; justify-content: center; }
	.bv2-social-fields { max-width: 100%; }
}
@media (min-width: 720px) {
	.berberim-form-v2 .field-address { grid-column: 1 / -1; }
}

/* ═══════════════════════════════════════════════════════════
   BERBERIM SERVICES V2 — Modern UI Redesign
   ═══════════════════════════════════════════════════════════ */

/* ── Container ── */
.berberim-svc-v2 {
	background: linear-gradient(160deg, #ffffff 0%, #fdfbf9 50%, #faf6f2 100%);
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 20px;
	box-shadow:
		0 1px 3px rgba(0,0,0,0.02),
		0 8px 40px rgba(0,0,0,0.04);
	animation: bv2FadeUp 0.5s ease-out both;
	position: relative;
	overflow: hidden;
}
.berberim-svc-v2::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--berberim-primary), var(--berberim-primary-dark), var(--berberim-primary));
	background-size: 200% auto;
	animation: bv2ShimmerBg 3s linear infinite;
}

/* ── Header (reuses bv2-header from form v2) ── */
.berberim-svc-v2 .bv2-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
	padding-bottom: 18px;
	border-bottom: 2px solid var(--berberim-bg-3);
}
.berberim-svc-v2 .berberim-box-title {
	margin: 0;
	font-size: 22px;
	font-weight: 800;
	text-align: left;
	color: var(--berberim-primary-dark);
	letter-spacing: -0.02em;
}

/* ── Service Rows ── */
.berberim-svc-v2 .berberim-service-row {
	background: #fff;
	border: 1.5px solid #e5e7eb;
	border-radius: 12px;
	padding: 10px 14px;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
	animation: bv2FadeUp 0.35s ease-out both;
}
.berberim-svc-v2 .berberim-service-row:hover {
	border-color: rgba(var(--berberim-primary-rgb), 0.25);
	box-shadow: 0 4px 18px rgba(var(--berberim-primary-rgb), 0.06);
	transform: translateY(-1px);
}
.berberim-svc-v2 .berberim-service-row:focus-within {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), 0.08);
}
.berberim-svc-v2 .berberim-service-row.dragging {
	opacity: 0.5;
	transform: scale(0.98);
}
.berberim-svc-v2 .berberim-service-row.drag-over {
	outline: 2px dashed var(--berberim-primary);
	outline-offset: 2px;
}

/* Drag handle */
.berberim-svc-v2 .berberim-drag-handle {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	color: var(--berberim-muted);
	transition: background 0.2s, color 0.2s;
	cursor: grab;
	font-size: inherit;
	padding: 0;
}
.berberim-svc-v2 .berberim-drag-handle:hover {
	background: var(--berberim-bg-3);
	color: var(--berberim-primary);
}
.berberim-svc-v2 .berberim-drag-handle svg { flex-shrink: 0; }

/* Row inputs */
.berberim-svc-v2 .berberim-service-row input {
	padding: 9px 12px;
	border: 1.5px solid #e5e7eb;
	border-radius: 8px;
	background: #fafafa;
	font-size: 14px;
	color: #1f2937;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
	outline: none;
}
.berberim-svc-v2 .berberim-service-row input:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), 0.1);
	background: #fffcf9;
}
.berberim-svc-v2 .berberim-service-row input::placeholder {
	color: #9ca3af;
}

/* Remove button */
.berberim-svc-v2 .berberim-remove-service {
	width: 34px;
	height: 34px;
	min-width: 34px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: #fff !important;
	border: 1.5px solid #fecaca !important;
	border-radius: 8px !important;
	color: #ef4444 !important;
	padding: 0 !important;
	cursor: pointer;
	transition: all 0.2s ease;
}
.berberim-svc-v2 .berberim-remove-service:hover {
	background: #fef2f2 !important;
	border-color: #ef4444 !important;
	transform: scale(1.1);
	box-shadow: 0 3px 12px rgba(239,68,68,0.15);
}
.berberim-svc-v2 .berberim-remove-service svg { flex-shrink: 0; }

/* ── Add cards ── */
.bv2-add-card {
	background: #fff;
	border: 1.5px solid #e5e7eb;
	border-radius: 14px;
	padding: 16px 18px;
	transition: border-color 0.25s, box-shadow 0.25s;
	margin-bottom: 12px;
}
.bv2-add-card:hover {
	border-color: rgba(var(--berberim-primary-rgb), 0.2);
	box-shadow: 0 4px 16px rgba(var(--berberim-primary-rgb), 0.04);
}
.bv2-add-card .bv2-label {
	margin-bottom: 10px;
}
.bv2-section-sep {
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--berberim-border), transparent);
	border: none;
	margin: 8px 0;
}

/* Add buttons */
.bv2-add-btn {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	padding: 9px 18px !important;
	background: var(--berberim-bg-3) !important;
	color: var(--berberim-primary-dark) !important;
	border: 1.5px solid rgba(var(--berberim-primary-rgb), 0.15) !important;
	border-radius: 10px !important;
	font-weight: 600 !important;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s ease;
}
.bv2-add-btn:hover {
	background: rgba(var(--berberim-primary-rgb), 0.1) !important;
	border-color: var(--berberim-primary) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(var(--berberim-primary-rgb), 0.12);
}
.bv2-add-btn svg { flex-shrink: 0; }

/* ── Custom fields row ── */
.berberim-svc-v2 .berberim-custom-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 10px;
	align-items: center;
}
.berberim-svc-v2 .berberim-custom-fields input {
	padding: 9px 12px;
	border: 1.5px solid #e5e7eb;
	border-radius: 8px;
	font-size: 14px;
	background: #fafafa;
	transition: border-color 0.25s, box-shadow 0.25s;
	outline: none;
}
.berberim-svc-v2 .berberim-custom-fields input:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), 0.1);
	background: #fffcf9;
}

/* ── Select ── */
.berberim-svc-v2 #berberim-master-services,
.berberim-svc-v2 .berberim-chosen-wrap select {
	padding: 10px 14px;
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
	background: #fff;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	transition: border-color 0.25s, box-shadow 0.25s;
	outline: none;
	appearance: auto;
}
.berberim-svc-v2 #berberim-master-services:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), 0.1);
}

/* ── Submit button ── */
.berberim-svc-v2 .bv2-submit-btn {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark)) !important;
	color: #fff !important;
	padding: 13px 32px !important;
	border: none !important;
	border-radius: 12px !important;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 16px rgba(var(--berberim-primary-rgb), 0.3);
	position: relative;
	overflow: hidden;
}
.berberim-svc-v2 .bv2-submit-btn::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
	transform: translateX(-100%);
	transition: transform 0.5s ease;
}
.berberim-svc-v2 .bv2-submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(var(--berberim-primary-rgb), 0.4);
}
.berberim-svc-v2 .bv2-submit-btn:hover::after {
	transform: translateX(100%);
}
.berberim-svc-v2 .bv2-submit-btn:active {
	transform: translateY(0);
}
.berberim-svc-v2 .bv2-submit-btn svg { flex-shrink: 0; }

/* ── Message ── */
.berberim-svc-v2 .berberim-save-services-msg {
	text-align: center;
	font-weight: 600;
	font-size: 14px;
	min-height: 22px;
	transition: color 0.2s;
}

/* ── Rows animation stagger ── */
.berberim-svc-v2 #berberim-services-rows .berberim-service-row:nth-child(1) { animation-delay: 0.05s; }
.berberim-svc-v2 #berberim-services-rows .berberim-service-row:nth-child(2) { animation-delay: 0.1s; }
.berberim-svc-v2 #berberim-services-rows .berberim-service-row:nth-child(3) { animation-delay: 0.15s; }
.berberim-svc-v2 #berberim-services-rows .berberim-service-row:nth-child(4) { animation-delay: 0.2s; }
.berberim-svc-v2 #berberim-services-rows .berberim-service-row:nth-child(5) { animation-delay: 0.25s; }
.berberim-svc-v2 #berberim-services-rows .berberim-service-row:nth-child(n+6) { animation-delay: 0.3s; }

/* ── Responsive ── */
@media (max-width: 719px) {
	.berberim-svc-v2 { border-radius: 14px; padding: 14px !important; }
	.berberim-svc-v2 .bv2-header { gap: 12px; }
	.berberim-svc-v2 .berberim-box-title { font-size: 19px; }
	.berberim-svc-v2 .berberim-service-row {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
		padding: 12px;
	}
	.berberim-svc-v2 .berberim-drag-handle {
		align-self: flex-start;
	}
	.berberim-svc-v2 .berberim-service-row input {
		max-width: 100% !important;
		width: 100% !important;
	}
	.berberim-svc-v2 .berberim-service-row .berberim-service-price,
	.berberim-svc-v2 .berberim-service-row .berberim-service-duration {
		width: 100% !important;
	}
	.berberim-svc-v2 .berberim-remove-service {
		align-self: flex-end;
	}
	.bv2-add-card { padding: 12px 14px; }
	.berberim-svc-v2 .berberim-custom-fields {
		flex-direction: column;
	}
	.berberim-svc-v2 .berberim-custom-fields input {
		width: 100%;
	}
	.berberim-svc-v2 .bv2-submit-btn { width: 100%; justify-content: center; }
}

/* ═══════════════════════════════════════════════════════════
   BERBERIM PROVIDERS V2 — Modern UI Redesign
   ═══════════════════════════════════════════════════════════ */

/* ── Container ── */
.berberim-prov-v2 {
	background: linear-gradient(160deg, #ffffff 0%, #fdfbf9 50%, #faf6f2 100%);
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 20px;
	box-shadow:
		0 1px 3px rgba(0,0,0,0.02),
		0 8px 40px rgba(0,0,0,0.04);
	padding: 28px 32px;
	max-width: 960px;
	margin: 0 auto;
	animation: bv2FadeUp 0.5s ease-out both;
	position: relative;
	overflow: hidden;
}
.berberim-prov-v2::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--berberim-primary), var(--berberim-primary-dark), var(--berberim-primary));
	background-size: 200% auto;
	animation: bv2ShimmerBg 3s linear infinite;
}
/* Override old styles inside v2 */
.berberim-prov-v2.berberim-providers { display: block; }
.berberim-prov-v2.berberim-providers h2 { max-width: none; text-align: left; }

/* ── V2 Header ── */
.berberim-prov-v2 .bv2-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
	padding-bottom: 18px;
	border-bottom: 2px solid var(--berberim-bg-3);
}
.berberim-prov-v2 .bv2-header-title {
	margin: 0;
	font-size: 24px;
	font-weight: 800;
	color: var(--berberim-primary-dark);
	letter-spacing: -0.02em;
}

/* ── Form Card ── */
.bv2-form-card {
	background: #fff;
	border: 1.5px solid #e5e7eb;
	border-radius: 16px;
	padding: 24px;
	animation: bv2FadeUp 0.4s ease-out both;
	animation-delay: 0.1s;
}

/* ── Field groups ── */
.bv2-field-group {
	margin-bottom: 16px;
}
.bv2-field-row-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}

/* ── V2 Inputs ── */
.berberim-prov-v2 .bv2-input,
.berberim-prov-v2 .bv2-select {
	display: block;
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
	background: #fafafa;
	font-size: 14px;
	color: #1f2937;
	box-sizing: border-box;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
	outline: none;
}
.berberim-prov-v2 .bv2-input:focus,
.berberim-prov-v2 .bv2-select:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), 0.1);
	background: #fffcf9;
}
.berberim-prov-v2 .bv2-textarea {
	resize: vertical;
	min-height: 80px;
}
.bv2-required {
	color: #ef4444;
	font-weight: 700;
}

/* ── Camera icon in empty photo placeholder ── */
.bv2-camera-icon {
	color: #9ca3af;
	transition: color 0.2s;
}
.berberim-provider-photo-placeholder:hover .bv2-camera-icon {
	color: var(--berberim-primary);
}

/* ── V2 Provider Photo ── */
.berberim-prov-v2 .berberim-provider-header {
	display: flex;
	flex-direction: column;
	gap: 14px;
	align-items: center;
	margin-bottom: 20px;
}
.berberim-prov-v2 .berberim-provider-photo-placeholder {
	width: 110px;
	height: 110px;
	border: 3px dashed #d1d5db;
	background: linear-gradient(135deg, #fafafa, #f3f4f6);
	transition: border-color 0.25s, background 0.25s, transform 0.2s;
}
.berberim-prov-v2 .berberim-provider-photo-placeholder:hover {
	border-color: var(--berberim-primary);
	background: rgba(var(--berberim-primary-rgb), 0.03);
	transform: scale(1.04);
}
.berberim-prov-v2 .berberim-provider-info {
	width: 100%;
	text-align: center;
}

/* ── Time grid ── */
.bv2-time-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-bottom: 16px;
}
.bv2-time-pair {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.bv2-time-pair .bv2-label {
	margin: 0;
	font-size: 13px;
}
.berberim-prov-v2 .bv2-time {
	width: 100%;
}

/* ── Working hours wrap ── */
.bv2-working-hours-wrap {
	margin-bottom: 16px;
}
.berberim-prov-v2 .berberim-working-day-row {
	border-radius: 10px;
	border: 1.5px solid #e5e7eb;
	margin-bottom: 8px;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.berberim-prov-v2 .berberim-working-day-row:hover {
	border-color: rgba(var(--berberim-primary-rgb), 0.2);
}
.berberim-prov-v2 .berberim-working-day-row:focus-within {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), 0.06);
}

/* ── Button row ── */
.bv2-btn-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0;
}
.bv2-btn-danger {
	color: #ef4444 !important;
	border-color: #fecaca !important;
	background: #fff !important;
}
.bv2-btn-danger:hover {
	background: #fef2f2 !important;
	border-color: #ef4444 !important;
}

/* ── Empty state ── */
.bv2-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 40px 20px;
	text-align: center;
}
.bv2-empty-state p {
	color: var(--berberim-muted);
	font-size: 15px;
	margin: 0;
}

/* ── Providers Table V2 ── */
.berberim-prov-v2 .berberim-providers-table {
	border: 1.5px solid #e5e7eb;
	border-radius: 14px;
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;
	animation: bv2FadeUp 0.45s ease-out both;
	animation-delay: 0.15s;
}
.berberim-prov-v2 .berberim-providers-table thead th {
	background: linear-gradient(135deg, #fafafa, #f3f4f6);
	color: var(--berberim-primary-dark);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 12px 14px;
	border-bottom: 2px solid #e5e7eb;
}
.berberim-prov-v2 .berberim-providers-table td {
	padding: 14px;
	border-bottom: 1px solid #f0f0f0;
	vertical-align: middle;
	font-size: 14px;
}
.berberim-prov-v2 .berberim-providers-table tbody tr {
	transition: background 0.2s ease;
}
.berberim-prov-v2 .berberim-providers-table tbody tr:hover {
	background: rgba(var(--berberim-primary-rgb), 0.02);
}
.berberim-prov-v2 .berberim-providers-table tbody tr:last-child td {
	border-bottom: 0;
}

/* Thumb in v2 table */
.berberim-prov-v2 .berberim-provider-thumb {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid #e5e7eb;
	transition: border-color 0.2s;
}
.berberim-prov-v2 .berberim-providers-table tbody tr:hover .berberim-provider-thumb {
	border-color: var(--berberim-primary);
}
.berberim-prov-v2 .berberim-provider-thumb-placeholder {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--berberim-bg-3), #e5e7eb);
	font-size: 14px;
	font-weight: 700;
	color: var(--berberim-primary-dark);
}

/* ── Action buttons ── */
.bv2-action-group {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.bv2-action-btn {
	display: inline-flex !important;
	align-items: center;
	gap: 4px;
	padding: 6px 10px !important;
	border-radius: 8px !important;
	border: 1.5px solid #e5e7eb !important;
	background: #fff !important;
	font-size: 12px !important;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	white-space: nowrap;
}
.bv2-action-btn svg { flex-shrink: 0; }
.bv2-action-btn span { pointer-events: none; }
.bv2-action-edit {
	color: var(--berberim-primary-dark) !important;
	border-color: rgba(var(--berberim-primary-rgb), 0.2) !important;
}
.bv2-action-edit:hover {
	background: rgba(var(--berberim-primary-rgb), 0.06) !important;
	border-color: var(--berberim-primary) !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(var(--berberim-primary-rgb), 0.1);
}
.bv2-action-delete {
	color: #ef4444 !important;
	border-color: #fecaca !important;
}
.bv2-action-delete:hover {
	background: #fef2f2 !important;
	border-color: #ef4444 !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(239,68,68,0.12);
}
.bv2-action-cal {
	color: #6366f1 !important;
	border-color: #c7d2fe !important;
}
.bv2-action-cal:hover {
	background: #eef2ff !important;
	border-color: #6366f1 !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(99,102,241,0.12);
}
.bv2-action-invite {
	color: #059669 !important;
	border-color: #a7f3d0 !important;
}
.bv2-action-invite:hover {
	background: #ecfdf5 !important;
	border-color: #059669 !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(5,150,105,0.12);
}

/* ── Submit button inside prov-v2 ── */
.berberim-prov-v2 .bv2-submit-btn {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark)) !important;
	color: #fff !important;
	padding: 13px 36px !important;
	border: none !important;
	border-radius: 12px !important;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 16px rgba(var(--berberim-primary-rgb), 0.3);
	position: relative;
	overflow: hidden;
}
.berberim-prov-v2 .bv2-submit-btn::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
	transform: translateX(-100%);
	transition: transform 0.5s ease;
}
.berberim-prov-v2 .bv2-submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(var(--berberim-primary-rgb), 0.4);
}
.berberim-prov-v2 .bv2-submit-btn:hover::after {
	transform: translateX(100%);
}
.berberim-prov-v2 .bv2-submit-btn:active {
	transform: translateY(0);
}
.berberim-prov-v2 .bv2-submit-btn svg { flex-shrink: 0; }

/* ── Services pills v2 ── */
.berberim-prov-v2 .berberim-services-preview {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}
.berberim-prov-v2 .berberim-service-pill {
	padding: 5px 12px !important;
	background: rgba(var(--berberim-primary-rgb), 0.08) !important;
	border: 1px solid rgba(var(--berberim-primary-rgb), 0.15);
	border-radius: 20px !important;
	font-size: 13px;
	color: var(--berberim-primary-dark);
	font-weight: 600;
}

/* ── Calendar row v2 ── */
.berberim-prov-v2 .berberim-provider-calendar {
	background: #fafafa;
	border: 1.5px solid #e5e7eb;
	border-radius: 12px;
	padding: 16px;
}

/* ── Responsive ── */
@media (max-width: 719px) {
	.berberim-prov-v2 {
		border-radius: 14px;
		padding: 16px;
	}
	.berberim-prov-v2 .bv2-header {
		gap: 12px;
	}
	.berberim-prov-v2 .bv2-header-title {
		font-size: 20px;
	}
	.bv2-form-card {
		padding: 16px;
	}
	.bv2-field-row-2 {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.bv2-time-grid {
		grid-template-columns: 1fr;
	}
	/* Action buttons: icon only on mobile */
	.bv2-action-btn span {
		display: none;
	}
	.bv2-action-btn {
		padding: 8px !important;
	}
	.berberim-prov-v2 .bv2-submit-btn {
		width: 100%;
		justify-content: center;
	}
	/* Table stacked cards */
	.berberim-prov-v2 .berberim-providers-table thead { display: none; }
	.berberim-prov-v2 .berberim-providers-table,
	.berberim-prov-v2 .berberim-providers-table tbody,
	.berberim-prov-v2 .berberim-providers-table tr { display: block; width: 100%; }
	.berberim-prov-v2 .berberim-providers-table tr {
		margin-bottom: 12px;
		border: 1.5px solid #e5e7eb;
		border-radius: 12px;
		padding: 12px;
		background: #fff;
	}
	.berberim-prov-v2 .berberim-providers-table td {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		padding: 8px 4px;
		border-bottom: 0;
	}
	.berberim-prov-v2 .berberim-providers-table td:before {
		content: attr(data-label);
		font-weight: 700;
		color: var(--berberim-muted);
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		flex: 0 0 100px;
	}
	.berberim-prov-v2 .berberim-provider-photo-cell { text-align: left; }
}
@media (min-width: 720px) {
	.berberim-prov-v2 .berberim-providers-table { table-layout: fixed; }
	.berberim-prov-v2 .berberim-providers-table th:nth-child(1),
	.berberim-prov-v2 .berberim-providers-table td:nth-child(1) { width: 70px; }
	.berberim-prov-v2 .berberim-providers-table th:nth-child(7),
	.berberim-prov-v2 .berberim-providers-table td:nth-child(7) { width: 220px; }
}

/* ═══════════════════════════════════════════════════════════
   BERBERIM PRODUCTS V2 — Modern UI Redesign
   ═══════════════════════════════════════════════════════════ */

/* ── Container ── */
.berberim-prod-v2 {
	background: linear-gradient(160deg, #ffffff 0%, #fdfbf9 50%, #faf6f2 100%) !important;
	border: 1px solid rgba(0,0,0,0.06) !important;
	border-radius: 20px !important;
	box-shadow:
		0 1px 3px rgba(0,0,0,0.02),
		0 8px 40px rgba(0,0,0,0.04) !important;
	padding: 28px 32px !important;
	max-width: 960px;
	animation: bv2FadeUp 0.5s ease-out both;
	position: relative;
	overflow: hidden;
}
.berberim-prod-v2::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--berberim-primary), var(--berberim-primary-dark), var(--berberim-primary));
	background-size: 200% auto;
	animation: bv2ShimmerBg 3s linear infinite;
}

/* ── V2 Header inside products ── */
.berberim-prod-v2 .bv2-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
	padding-bottom: 18px;
	border-bottom: 2px solid var(--berberim-bg-3);
}
.berberim-prod-v2 .bv2-header-title {
	margin: 0;
	font-size: 24px;
	font-weight: 800;
	color: var(--berberim-primary-dark);
	letter-spacing: -0.02em;
}

/* ── Form Card inside products ── */
.berberim-prod-v2 .bv2-form-card {
	background: #fff;
	border: 1.5px solid #e5e7eb;
	border-radius: 16px;
	padding: 24px;
	animation: bv2FadeUp 0.4s ease-out both;
	animation-delay: 0.1s;
}

/* ── Inputs ── */
.berberim-prod-v2 .bv2-input,
.berberim-prod-v2 .bv2-select {
	display: block;
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
	background: #fafafa;
	font-size: 14px;
	color: #1f2937;
	box-sizing: border-box;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
	outline: none;
}
.berberim-prod-v2 .bv2-input:focus,
.berberim-prod-v2 .bv2-select:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), 0.1);
	background: #fffcf9;
}
.berberim-prod-v2 .bv2-textarea {
	resize: vertical;
	min-height: 80px;
}

/* ── Toggle checkbox row ── */
.bv2-toggle-row {
	padding: 12px 16px;
	background: #fafafa;
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
}
.bv2-toggle-label {
	display: flex !important;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	font-size: 14px;
	color: #374151;
	cursor: pointer;
}
.bv2-checkbox {
	width: 18px;
	height: 18px;
	accent-color: var(--berberim-primary);
	cursor: pointer;
}

/* ── Photo upload card ── */
.bv2-photo-upload-card {
	background: linear-gradient(135deg, #fafafa, #f3f4f6);
	border: 2px dashed #d1d5db;
	border-radius: 14px;
	padding: 20px;
	text-align: center;
	transition: border-color 0.25s, background 0.25s;
}
.bv2-photo-upload-card:hover {
	border-color: rgba(var(--berberim-primary-rgb), 0.3);
	background: rgba(var(--berberim-primary-rgb), 0.02);
}
.bv2-photo-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	color: #9ca3af;
	font-size: 14px;
	cursor: pointer;
	padding: 12px;
}
.bv2-photo-placeholder svg {
	transition: color 0.2s;
}
.bv2-photo-placeholder:hover svg {
	color: var(--berberim-primary);
}
.bv2-product-preview {
	max-width: 200px !important;
	max-height: 200px;
	border-radius: 12px;
	display: none;
	margin: 0 auto 12px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}
.bv2-photo-actions {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
}

/* ── Product thumbnail in table ── */
.bv2-product-thumb {
	width: 48px;
	height: 48px;
	border-radius: 8px;
	object-fit: cover;
	border: 1.5px solid #e5e7eb;
	transition: border-color 0.2s;
}
.berberim-prod-v2 .berberim-products-table tbody tr:hover .bv2-product-thumb {
	border-color: var(--berberim-primary);
}

/* ── Products table v2 ── */
.berberim-prod-v2 .berberim-products-list-box {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}
.berberim-prod-v2 .berberim-products-table {
	border: 1.5px solid #e5e7eb;
	border-radius: 14px;
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;
	animation: bv2FadeUp 0.45s ease-out both;
	animation-delay: 0.15s;
}
.berberim-prod-v2 .berberim-products-table thead th {
	background: linear-gradient(135deg, #fafafa, #f3f4f6) !important;
	color: var(--berberim-primary-dark);
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 12px 14px !important;
	border-bottom: 2px solid #e5e7eb !important;
}
.berberim-prod-v2 .berberim-products-table td {
	padding: 14px !important;
	border-bottom: 1px solid #f0f0f0 !important;
	vertical-align: middle;
	font-size: 14px;
}
.berberim-prod-v2 .berberim-products-table tbody tr {
	transition: background 0.2s ease;
}
.berberim-prod-v2 .berberim-products-table tbody tr:hover {
	background: rgba(var(--berberim-primary-rgb), 0.02);
}
.berberim-prod-v2 .berberim-products-table tbody tr:last-child td {
	border-bottom: 0 !important;
}

/* Stock input in table */
.berberim-prod-v2 .berberim-stock-input {
	width: 72px;
	padding: 7px 10px;
	border: 1.5px solid #e5e7eb;
	border-radius: 8px;
	font-size: 14px;
	text-align: center;
	background: #fafafa;
	transition: border-color 0.25s, box-shadow 0.25s;
	outline: none;
}
.berberim-prod-v2 .berberim-stock-input:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), 0.08);
}

/* Status cell badges */
.berberim-prod-v2 .berberim-status-cell {
	font-weight: 600;
	font-size: 13px;
}

/* ── Toggle visibility button ── */
.bv2-action-toggle {
	color: #6366f1 !important;
	border-color: #c7d2fe !important;
}
.bv2-action-toggle:hover {
	background: #eef2ff !important;
	border-color: #6366f1 !important;
	transform: translateY(-1px);
	box-shadow: 0 3px 10px rgba(99,102,241,0.12);
}

/* ── Secondary submit ── */
.bv2-submit-secondary {
	background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
	box-shadow: 0 4px 16px rgba(99,102,241,0.3) !important;
}
.bv2-submit-secondary:hover {
	box-shadow: 0 8px 28px rgba(99,102,241,0.4) !important;
}

/* ── Submit button ── */
.berberim-prod-v2 .bv2-submit-btn {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark)) !important;
	color: #fff !important;
	padding: 13px 36px !important;
	border: none !important;
	border-radius: 12px !important;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 4px 16px rgba(var(--berberim-primary-rgb), 0.3);
	position: relative;
	overflow: hidden;
}
.berberim-prod-v2 .bv2-submit-btn::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
	transform: translateX(-100%);
	transition: transform 0.5s ease;
}
.berberim-prod-v2 .bv2-submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px rgba(var(--berberim-primary-rgb), 0.4);
}
.berberim-prod-v2 .bv2-submit-btn:hover::after {
	transform: translateX(100%);
}
.berberim-prod-v2 .bv2-submit-btn:active {
	transform: translateY(0);
}
.berberim-prod-v2 .bv2-submit-btn svg { flex-shrink: 0; }

/* ── Photo placeholder click triggers file input ── */
.berberim-prod-v2 .bv2-photo-upload-card .bv2-photo-placeholder {
	cursor: pointer;
}

/* ── Responsive ── */
@media (max-width: 719px) {
	.berberim-prod-v2 {
		border-radius: 14px !important;
		padding: 16px !important;
	}
	.berberim-prod-v2 .bv2-form-card {
		padding: 16px;
	}
	.berberim-prod-v2 .bv2-header-title {
		font-size: 20px;
	}
	.berberim-prod-v2 .bv2-submit-btn {
		width: 100%;
		justify-content: center;
	}
	/* Table stacked cards */
	.berberim-prod-v2 .berberim-products-table thead { display: none; }
	.berberim-prod-v2 .berberim-products-table,
	.berberim-prod-v2 .berberim-products-table tbody,
	.berberim-prod-v2 .berberim-products-table tr { display: block; width: 100%; }
	.berberim-prod-v2 .berberim-products-table tr {
		margin-bottom: 12px;
		border: 1.5px solid #e5e7eb;
		border-radius: 12px;
		padding: 12px;
		background: #fff;
	}
	.berberim-prod-v2 .berberim-products-table td {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
		padding: 8px 4px !important;
		border-bottom: 0 !important;
	}
	/* Action buttons: icon only on mobile */
	.berberim-prod-v2 .bv2-action-btn span {
		display: none;
	}
	.berberim-prod-v2 .bv2-action-btn {
		padding: 8px !important;
	}
}

/* =====================================================================
   APPOINTMENTS V2
   ===================================================================== */
.berberim-appt-v2 {
	max-width: 1100px;
	margin: 24px auto;
	background: linear-gradient(135deg, #fff 0%, #fef7f2 100%);
	border-radius: 18px;
	box-shadow: 0 12px 36px rgba(0,0,0,.06);
	overflow: hidden;
	animation: bv2FadeUp .5s ease-out both;
	position: relative;
}
.berberim-appt-v2 .bv2-shimmer-bar {
	height: 4px;
	background: linear-gradient(90deg, var(--berberim-primary), #ffb380, var(--berberim-primary));
	background-size: 200% 100%;
	animation: bv2ShimmerBg 3s linear infinite;
}
.berberim-appt-v2 .bv2-header {
	padding: 28px 32px 18px;
}
.berberim-appt-v2 .bv2-header-title {
	font-size: 1.55rem;
}
/* Filter section */
.bv2-appt-filters-card {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 20px 24px;
	margin: 0 24px 20px;
	box-shadow: 0 2px 12px rgba(0,0,0,.03);
}
.bv2-filter-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.bv2-filter-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: .82rem;
	font-weight: 600;
	color: #475569;
	letter-spacing: .02em;
}
.bv2-filter-label svg {
	color: var(--berberim-primary);
	flex-shrink: 0;
}
.bv2-appt-filters-card .bv2-select,
.bv2-appt-filters-card .bv2-input {
	padding: 9px 12px;
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
	font-size: .88rem;
	background: #fafbfc;
	transition: border-color .2s, box-shadow .2s;
	color: #1e293b;
}
.bv2-appt-filters-card .bv2-select:focus,
.bv2-appt-filters-card .bv2-input:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), .13);
	outline: none;
}
.bv2-select-multi {
	min-height: 42px;
}
.bv2-date-range {
	display: flex;
	align-items: center;
	gap: 6px;
}
.bv2-date-range .bv2-input {
	flex: 1;
	min-width: 0;
}
.bv2-date-sep {
	color: #94a3b8;
	font-weight: 600;
}
.bv2-filter-actions {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	grid-column: 1 / -1;
	justify-content: center;
	padding-top: 4px;
}
.bv2-filter-btn {
	padding: 10px 22px !important;
	font-size: .88rem !important;
}
.bv2-export-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 18px;
	background: linear-gradient(135deg, #10b981, #059669);
	color: #fff !important;
	border-radius: 10px;
	font-size: .85rem;
	font-weight: 600;
	text-decoration: none;
	transition: transform .15s, box-shadow .2s;
	box-shadow: 0 2px 8px rgba(16,185,129,.25);
}
.bv2-export-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(16,185,129,.35);
}
/* Badge count */
.bv2-badge-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	height: 26px;
	padding: 0 8px;
	border-radius: 13px;
	background: var(--berberim-primary);
	color: #fff;
	font-size: .78rem;
	font-weight: 700;
	margin-left: 10px;
}
.berberim-appt-v2 .bv2-section-divider {
	margin: 0 24px 16px;
}
/* Appointment list box */
.bv2-appt-list-box {
	padding: 0 24px 28px;
}
/* Empty state */
.bv2-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 48px 20px;
	text-align: center;
}
.bv2-empty-state p {
	color: #94a3b8;
	font-size: .95rem;
}
/* Table wrapper */
.bv2-table-wrap {
	overflow-x: auto;
	border-radius: 14px;
	border: 1px solid #e5e7eb;
	background: #fff;
}
.bv2-appt-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
.bv2-appt-table thead th {
	background: linear-gradient(180deg, #f8fafc, #f1f5f9);
	padding: 12px 14px;
	text-align: left;
	font-size: .78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #64748b;
	border-bottom: 2px solid #e5e7eb;
	white-space: nowrap;
}
.bv2-appt-table tbody tr {
	transition: background .15s;
}
.bv2-appt-table tbody tr:hover {
	background: #fef7f2;
}
.bv2-appt-table td {
	padding: 12px 14px;
	border-bottom: 1px solid #f1f5f9;
	vertical-align: top;
	font-size: .88rem;
	color: #334155;
}
/* Cell styles */
.bv2-cell-name {
	font-weight: 600;
	color: #1e293b;
}
.bv2-cell-phone {
	color: var(--berberim-primary);
	text-decoration: none;
	font-weight: 500;
}
.bv2-cell-phone:hover {
	text-decoration: underline;
}
/* Chips */
.bv2-chip {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 20px;
	font-size: .78rem;
	font-weight: 600;
	white-space: nowrap;
}
.bv2-chip-service {
	background: rgba(var(--berberim-primary-rgb), .1);
	color: var(--berberim-primary-dark);
}
.bv2-chip-time {
	background: #ede9fe;
	color: #6d28d9;
}
/* Status badges */
.bv2-status-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: .76rem;
	font-weight: 700;
	letter-spacing: .02em;
	white-space: nowrap;
}
.bv2-status-pending {
	background: #fef3c7;
	color: #92400e;
}
.bv2-status-approved {
	background: #d1fae5;
	color: #065f46;
}
.bv2-status-rejected {
	background: #fee2e2;
	color: #991b1b;
}
/* Action buttons in table */
.bv2-appt-actions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.berberim-appt-v2 .bv2-action-group {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}
.bv2-action-approve {
	background: linear-gradient(135deg, #10b981, #059669) !important;
	color: #fff !important;
	border-color: #059669 !important;
}
.bv2-action-approve:hover {
	background: linear-gradient(135deg, #059669, #047857) !important;
	box-shadow: 0 2px 8px rgba(16,185,129,.35) !important;
}
.bv2-action-note {
	background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
	color: #fff !important;
	border-color: #4f46e5 !important;
}
.bv2-action-note:hover {
	background: linear-gradient(135deg, #4f46e5, #4338ca) !important;
}
/* Note toggle details/summary */
.bv2-note-details {
	border-radius: 10px;
}
.bv2-note-toggle {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: .8rem;
	font-weight: 600;
	color: #6366f1;
	padding: 4px 10px;
	border-radius: 8px;
	transition: background .15s;
	user-select: none;
	list-style: none;
}
.bv2-note-toggle::-webkit-details-marker { display: none; }
.bv2-note-toggle::marker { content: ''; }
.bv2-note-toggle:hover {
	background: rgba(99,102,241,.08);
}
.bv2-note-body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 8px;
}
.bv2-note-input {
	width: 100%;
	min-height: 60px;
	padding: 10px 12px;
	border: 1.5px solid #e5e7eb;
	border-radius: 10px;
	font-size: .85rem;
	resize: vertical;
	transition: border-color .2s, box-shadow .2s;
	box-sizing: border-box;
}
.bv2-note-input:focus {
	border-color: #6366f1;
	box-shadow: 0 0 0 3px rgba(99,102,241,.12);
	outline: none;
}
.bv2-note-body .bv2-action-btn {
	align-self: flex-end;
}
/* Notes log */
.bv2-notes-log {
	margin-top: 6px;
	white-space: pre-wrap;
	font-size: .78rem;
	color: #64748b;
	background: #f8fafc;
	padding: 8px 12px;
	border-radius: 8px;
	border: 1px solid #f1f5f9;
	max-height: 100px;
	overflow-y: auto;
}
.bv2-notes-log:empty {
	display: none;
}
/* Product info in table */
.bv2-appt-products {
	font-size: .82rem;
	color: #475569;
}
.bv2-appt-products-note {
	font-size: .78rem;
	color: #94a3b8;
	font-style: italic;
	margin-top: 2px;
}

/* ---- Appointments V2: Responsive ---- */
@media (max-width: 900px) {
	.bv2-appt-filters-card {
		grid-template-columns: 1fr 1fr;
		margin: 0 14px 16px;
		padding: 16px;
	}
	.berberim-appt-v2 .bv2-header {
		padding: 22px 18px 14px;
	}
	.berberim-appt-v2 .bv2-section-divider {
		margin: 0 14px 14px;
	}
	.bv2-appt-list-box {
		padding: 0 14px 20px;
	}
}
@media (max-width: 720px) {
	.berberim-appt-v2 {
		margin: 12px 6px;
		border-radius: 14px;
	}
	.bv2-appt-filters-card {
		grid-template-columns: 1fr;
		margin: 0 10px 14px;
		padding: 14px;
		gap: 12px;
	}
	.bv2-date-range {
		flex-direction: column;
		gap: 6px;
	}
	.bv2-date-range .bv2-input {
		width: 100%;
	}
	.bv2-filter-actions {
		flex-direction: column;
	}
	.bv2-filter-actions .bv2-submit-btn,
	.bv2-filter-actions .bv2-export-btn {
		width: 100%;
		justify-content: center;
		text-align: center;
	}
	.berberim-appt-v2 .bv2-section-divider {
		margin: 0 10px 12px;
	}
	.bv2-appt-list-box {
		padding: 0 10px 16px;
	}
	/* Convert table to card layout on mobile */
	.bv2-appt-table thead { display: none; }
	.bv2-appt-table,
	.bv2-appt-table tbody,
	.bv2-appt-table tr { display: block; width: 100%; }
	.bv2-appt-table tr {
		margin-bottom: 14px;
		border: 1.5px solid #e5e7eb;
		border-radius: 12px;
		padding: 12px;
		background: #fff;
	}
	.bv2-appt-table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
		padding: 7px 4px !important;
		border-bottom: 0 !important;
		flex-wrap: wrap;
	}
	.bv2-appt-table td::before {
		content: attr(data-label);
		font-weight: 700;
		color: #94a3b8;
		font-size: .78rem;
		flex: 0 0 100px;
		max-width: 40%;
	}
	/* Action column takes full width on mobile */
	.bv2-appt-table td[data-label="İşlemler"] {
		flex-direction: column;
		align-items: stretch;
	}
	.bv2-appt-table td[data-label="İşlemler"]::before {
		flex: 0 0 auto;
		margin-bottom: 6px;
	}
	.bv2-appt-actions {
		width: 100%;
	}
	.berberim-appt-v2 .bv2-action-btn span {
		display: none;
	}
	.berberim-appt-v2 .bv2-action-btn {
		padding: 8px !important;
	}
}


/* =============================================
   STATISTICS V2
   ============================================= */
.berberim-stats-v2 {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 48px;
	animation: bv2FadeUp .5s ease-out;
}
.berberim-stats-v2 .bv2-shimmer-bar {
	height: 4px;
	border-radius: 4px 4px 0 0;
	background: linear-gradient(90deg, var(--berberim-primary), #ffd6a5, var(--berberim-primary));
	background-size: 200% 100%;
	animation: bv2ShimmerBg 3s linear infinite;
}
.berberim-stats-v2 .bv2-header {
	display: flex;
	align-items: center;
	gap: 14px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	padding: 28px 32px 24px;
	border-radius: 0 0 16px 16px;
	margin-bottom: 28px;
	box-shadow: 0 4px 20px rgba(var(--berberim-primary-rgb), .18);
}
.berberim-stats-v2 .bv2-header-icon {
	width: 48px;
	height: 48px;
	background: rgba(255,255,255,.18);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.berberim-stats-v2 .bv2-header-icon svg {
	width: 26px;
	height: 26px;
	stroke: #fff;
}
.berberim-stats-v2 .bv2-header-title {
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: -.01em;
}
.berberim-stats-v2 .bv2-subtitle {
	font-size: .88rem;
	opacity: .85;
	font-weight: 400;
	margin-top: 2px;
}

/* Section Dividers inside stats */
.berberim-stats-v2 .bv2-section-divider {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0 10px;
	margin: 28px 0 16px;
	border-bottom: 2px solid #f1f5f9;
}
.berberim-stats-v2 .bv2-section-divider h3 {
	font-size: 1.05rem;
	font-weight: 700;
	color: #1e293b;
	margin: 0;
}
.berberim-stats-v2 .bv2-section-icon {
	width: 34px;
	height: 34px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.berberim-stats-v2 .bv2-section-icon svg {
	width: 18px;
	height: 18px;
	stroke: #fff;
}

/* KPI Cards Row */
.bv2-stats-kpi-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-bottom: 8px;
}
.bv2-stats-kpi-card {
	background: #fff;
	border-radius: 14px;
	padding: 20px 18px;
	box-shadow: 0 1px 6px rgba(0,0,0,.06);
	border: 1px solid #f1f5f9;
	display: flex;
	align-items: flex-start;
	gap: 14px;
	position: relative;
	overflow: hidden;
	transition: transform .2s, box-shadow .2s;
}
.bv2-stats-kpi-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 24px rgba(0,0,0,.1);
}
.bv2-stats-kpi-icon {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.bv2-kpi-orange .bv2-stats-kpi-icon  { background: rgba(255,134,52,.12); }
.bv2-kpi-orange .bv2-stats-kpi-icon svg { stroke: #ff8634; }
.bv2-kpi-green .bv2-stats-kpi-icon   { background: rgba(16,185,129,.12); }
.bv2-kpi-green .bv2-stats-kpi-icon svg  { stroke: #10b981; }
.bv2-kpi-indigo .bv2-stats-kpi-icon  { background: rgba(99,102,241,.12); }
.bv2-kpi-indigo .bv2-stats-kpi-icon svg { stroke: #6366f1; }
.bv2-kpi-purple .bv2-stats-kpi-icon  { background: rgba(139,92,246,.12); }
.bv2-kpi-purple .bv2-stats-kpi-icon svg { stroke: #8b5cf6; }

.bv2-stats-kpi-body {
	flex: 1;
	min-width: 0;
}
.bv2-stats-kpi-label {
	font-size: .78rem;
	color: #64748b;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-bottom: 4px;
}
.bv2-stats-kpi-value {
	font-size: 1.35rem;
	color: #1e293b;
	line-height: 1.2;
}
.bv2-stats-kpi-value strong {
	font-weight: 800;
}
.bv2-stats-kpi-sub {
	font-size: .76rem;
	color: #94a3b8;
	margin-top: 3px;
}
.bv2-pct-up {
	color: #10b981;
	font-weight: 700;
}
.bv2-pct-down {
	color: #ef4444;
	font-weight: 700;
}
.bv2-stats-kpi-mini {
	width: 90px;
	height: 44px;
	flex-shrink: 0;
	align-self: center;
}
.bv2-stats-kpi-mini canvas {
	width: 100% !important;
	height: 44px !important;
}

/* Period selector in KPI card */
.bv2-stats-period-select {
	margin-top: 6px;
	font-size: .78rem;
	padding: 4px 8px;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	background: #f8fafc;
	color: #334155;
	cursor: pointer;
	outline: none;
	transition: border-color .2s;
}
.bv2-stats-period-select:focus {
	border-color: var(--berberim-primary);
}

/* Lists Row */
.bv2-stats-lists-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 8px;
}
.bv2-stats-list-card {
	background: #fff;
	border-radius: 14px;
	padding: 20px 22px;
	box-shadow: 0 1px 6px rgba(0,0,0,.06);
	border: 1px solid #f1f5f9;
	transition: transform .2s, box-shadow .2s;
}
.bv2-stats-list-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 18px rgba(0,0,0,.08);
}
.bv2-stats-list-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f1f5f9;
}
.bv2-stats-list-header svg {
	stroke: var(--berberim-primary);
	flex-shrink: 0;
}
.bv2-stats-list-header h4 {
	margin: 0;
	font-size: .92rem;
	font-weight: 700;
	color: #1e293b;
}
.bv2-stats-list-body {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.bv2-stats-list-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 10px;
	transition: background .15s;
}
.bv2-stats-list-item:hover {
	background: #f8fafc;
}
.bv2-stats-rank {
	font-size: .78rem;
	font-weight: 800;
	color: #94a3b8;
	min-width: 28px;
}
.bv2-rank-first {
	color: var(--berberim-primary);
}
.bv2-stats-item-name {
	flex: 1;
	font-size: .88rem;
	font-weight: 600;
	color: #334155;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bv2-stats-item-count {
	font-size: .78rem;
	font-weight: 700;
	color: #64748b;
	background: #f1f5f9;
	padding: 3px 10px;
	border-radius: 20px;
	white-space: nowrap;
}
.bv2-stats-no-data {
	text-align: center;
	color: #94a3b8;
	font-size: .84rem;
	padding: 24px 0;
}

/* Charts Grid */
.bv2-stats-charts-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.bv2-stats-chart-card {
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 1px 6px rgba(0,0,0,.06);
	border: 1px solid #f1f5f9;
	overflow: hidden;
	transition: transform .2s, box-shadow .2s;
}
.bv2-stats-chart-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 18px rgba(0,0,0,.08);
}
.bv2-stats-chart-header {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 18px 10px;
	border-bottom: 1px solid #f1f5f9;
}
.bv2-stats-chart-header svg {
	stroke: var(--berberim-primary);
	flex-shrink: 0;
	width: 18px;
	height: 18px;
}
.bv2-stats-chart-header span {
	font-size: .88rem;
	font-weight: 700;
	color: #1e293b;
}
.bv2-stats-chart-body {
	padding: 16px 18px 18px;
	position: relative;
	min-height: 240px;
}
.bv2-stats-chart-body canvas {
	width: 100% !important;
}
/* make monthly and employee charts span full width */
.bv2-stats-chart-card:nth-child(n+5) {
	grid-column: 1 / -1;
}

/* Revenue fallback */
.bv2-stats-revenue-fb {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 16px 0;
}
.bv2-stats-rev-item {
	display: flex;
	align-items: center;
	gap: 12px;
}
.bv2-stats-rev-item svg {
	stroke: var(--berberim-primary);
	flex-shrink: 0;
}
.bv2-stats-rev-label {
	display: block;
	font-size: .76rem;
	color: #94a3b8;
	text-transform: uppercase;
	font-weight: 600;
}
.bv2-stats-rev-item strong {
	font-size: 1.1rem;
	color: #1e293b;
}

/* Error state */
.bv2-stats-error {
	text-align: center;
	padding: 48px 24px;
	color: #94a3b8;
}
.bv2-stats-error svg {
	stroke: #cbd5e1;
	margin-bottom: 12px;
}
.bv2-stats-error p {
	margin: 0;
	font-size: .92rem;
}

/* Responsive */
@media (max-width: 900px) {
	.bv2-stats-kpi-row {
		grid-template-columns: repeat(2, 1fr);
	}
	.bv2-stats-charts-grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 640px) {
	.berberim-stats-v2 .bv2-header {
		padding: 20px 18px;
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}
	.bv2-stats-kpi-row {
		grid-template-columns: 1fr;
	}
	.bv2-stats-kpi-card {
		padding: 16px 14px;
	}
	.bv2-stats-kpi-mini {
		display: none;
	}
	.bv2-stats-lists-row {
		grid-template-columns: 1fr;
	}
	.bv2-stats-chart-body {
		min-height: 200px;
		padding: 12px 10px;
	}
}


/* =============================================
   HEATMAP (Yoğun Saat Isı Haritası)
   ============================================= */
.bv2-heatmap-wrap {
	margin-bottom: 32px;
}
.bv2-heatmap-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 16px;
	padding: 4px;
	background: #f1f5f9;
	border-radius: 12px;
}
.bv2-heatmap-tab {
	padding: 8px 18px;
	border: none;
	background: transparent;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #64748b;
	cursor: pointer;
	transition: all .2s;
}
.bv2-heatmap-tab:hover {
	background: #e2e8f0;
	color: #334155;
}
.bv2-heatmap-tab-active {
	background: #fff;
	color: var(--berberim-primary, #ff8634);
	box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.bv2-heatmap-card {
	background: #fff;
	border-radius: 16px;
	border: 1px solid #f0f0f0;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.bv2-heatmap-header {
	margin-bottom: 16px;
}
.bv2-heatmap-title {
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
}
.bv2-heatmap-grid {
	display: grid;
	gap: 3px;
	width: 100%;
}
.bv2-heatmap-corner {
	/* top-left empty cell */
}
.bv2-heatmap-day-label {
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	color: #475569;
	padding: 6px 0;
}
.bv2-heatmap-hour-label {
	font-size: 11px;
	font-weight: 600;
	color: #64748b;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 8px;
	white-space: nowrap;
}
.bv2-heatmap-cell {
	aspect-ratio: 1.6;
	min-height: 28px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .15s, box-shadow .15s;
	cursor: default;
	position: relative;
	border: 1px solid rgba(0,0,0,.04);
}
.bv2-heatmap-cell:hover {
	transform: scale(1.15);
	box-shadow: 0 3px 12px rgba(0,0,0,.12);
	z-index: 2;
}
.bv2-heatmap-count {
	font-size: 11px;
	font-weight: 700;
	color: rgba(0,0,0,.55);
}
.bv2-heatmap-cell[data-count="0"] .bv2-heatmap-count {
	display: none;
}
/* Heatmap color palette via CSS custom properties */
.bv2-heatmap-wrap {
	--hm-empty: #f8fafc;
	--hm-low: #fef3c7;
	--hm-mid: #fbbf24;
	--hm-high: #f97316;
	--hm-peak: #ef4444;
}
.bv2-heatmap-legend {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #f1f5f9;
}
.bv2-heatmap-legend-label {
	font-size: 11px;
	font-weight: 600;
	color: #94a3b8;
	margin: 0 4px;
}
.bv2-heatmap-legend-box {
	width: 20px;
	height: 14px;
	border-radius: 3px;
	border: 1px solid rgba(0,0,0,.06);
}

@media (max-width: 600px) {
	.bv2-heatmap-card {
		padding: 12px 8px;
		border-radius: 12px;
	}
	.bv2-heatmap-grid {
		gap: 2px;
	}
	.bv2-heatmap-cell {
		min-height: 22px;
		border-radius: 4px;
	}
	.bv2-heatmap-hour-label {
		font-size: 9px;
		padding-right: 4px;
	}
	.bv2-heatmap-day-label {
		font-size: 10px;
	}
	.bv2-heatmap-count {
		font-size: 9px;
	}
	.bv2-heatmap-tabs {
		gap: 4px;
	}
	.bv2-heatmap-tab {
		padding: 6px 12px;
		font-size: 12px;
	}
}


/* =============================================
   LEAVES (İZİNLER) V2
   ============================================= */
.berberim-leaves-v2 {
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 48px;
	animation: bv2FadeUp .5s ease-out;
}
.berberim-leaves-v2 .bv2-shimmer-bar {
	height: 4px;
	border-radius: 4px 4px 0 0;
	background: linear-gradient(90deg, var(--berberim-primary), #ffd6a5, var(--berberim-primary));
	background-size: 200% 100%;
	animation: bv2ShimmerBg 3s linear infinite;
}
.berberim-leaves-v2 .bv2-header {
	display: flex;
	align-items: center;
	gap: 14px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	padding: 28px 32px 24px;
	border-radius: 0 0 16px 16px;
	margin-bottom: 28px;
	box-shadow: 0 4px 20px rgba(var(--berberim-primary-rgb), .18);
}
.berberim-leaves-v2 .bv2-header-icon {
	width: 48px;
	height: 48px;
	background: rgba(255,255,255,.18);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.berberim-leaves-v2 .bv2-header-icon svg {
	width: 26px;
	height: 26px;
	stroke: #fff;
}
.berberim-leaves-v2 .bv2-header-title {
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: -.01em;
}
.berberim-leaves-v2 .bv2-subtitle {
	font-size: .88rem;
	opacity: .85;
	font-weight: 400;
	margin-top: 2px;
}

/* Section dividers */
.berberim-leaves-v2 .bv2-section-divider {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0 10px;
	margin: 28px 0 16px;
	border-bottom: 2px solid #f1f5f9;
}
.berberim-leaves-v2 .bv2-section-divider h3 {
	font-size: 1.05rem;
	font-weight: 700;
	color: #1e293b;
	margin: 0;
}
.berberim-leaves-v2 .bv2-section-icon {
	width: 34px;
	height: 34px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.berberim-leaves-v2 .bv2-section-icon svg {
	width: 18px;
	height: 18px;
	stroke: #fff;
}

/* Badge count */
.berberim-leaves-v2 .bv2-badge-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 8px;
	border-radius: 12px;
	background: var(--berberim-primary);
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	margin-left: auto;
}

/* Form card */
.berberim-leaves-v2 .bv2-form-card {
	background: #fff;
	border-radius: 14px;
	padding: 24px 28px;
	box-shadow: 0 1px 6px rgba(0,0,0,.06);
	border: 1px solid #f1f5f9;
	margin-bottom: 8px;
	transition: border-color .3s, box-shadow .3s;
}
.berberim-leaves-v2 .bv2-form-card.bv2-editing {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), .12);
}
.berberim-leaves-v2 .bv2-field-row-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 16px;
}
.berberim-leaves-v2 .bv2-field-group {
	display: flex;
	flex-direction: column;
}
.berberim-leaves-v2 .bv2-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: .82rem;
	font-weight: 600;
	color: #475569;
	margin-bottom: 6px;
}
.berberim-leaves-v2 .bv2-label svg {
	stroke: var(--berberim-primary);
	flex-shrink: 0;
}
.berberim-leaves-v2 .bv2-required {
	color: #ef4444;
	font-weight: 700;
}
.berberim-leaves-v2 .bv2-optional {
	color: #94a3b8;
	font-size: .76rem;
	font-weight: 400;
}
.berberim-leaves-v2 .bv2-input,
.berberim-leaves-v2 .bv2-select {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	font-size: .9rem;
	color: #1e293b;
	background: #fff;
	transition: border-color .2s, box-shadow .2s;
	outline: none;
	font-family: inherit;
}
.berberim-leaves-v2 .bv2-input:focus,
.berberim-leaves-v2 .bv2-select:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), .1);
}
.berberim-leaves-v2 textarea.bv2-input {
	resize: vertical;
	min-height: 60px;
}

/* Form action buttons */
.bv2-leave-form-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
}
.berberim-leaves-v2 .bv2-submit-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	font-size: .88rem;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	cursor: pointer;
	transition: transform .15s, box-shadow .2s, opacity .2s;
	box-shadow: 0 2px 8px rgba(var(--berberim-primary-rgb), .25);
}
.berberim-leaves-v2 .bv2-submit-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(var(--berberim-primary-rgb), .35);
}
.berberim-leaves-v2 .bv2-submit-btn:disabled,
.berberim-leaves-v2 .bv2-submit-btn.bv2-btn-loading {
	opacity: .6;
	pointer-events: none;
}
.berberim-leaves-v2 .bv2-btn-danger {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 10px 20px;
	border: 1.5px solid #fecaca;
	border-radius: 10px;
	font-size: .85rem;
	font-weight: 600;
	color: #dc2626;
	background: #fff;
	cursor: pointer;
	transition: background .15s, border-color .15s;
}
.berberim-leaves-v2 .bv2-btn-danger:hover {
	background: #fef2f2;
	border-color: #ef4444;
}

/* Report card */
.bv2-leave-report-form {
	display: flex;
	align-items: flex-end;
	gap: 14px;
	flex-wrap: wrap;
}
.bv2-leave-report-form .bv2-filter-group {
	display: flex;
	flex-direction: column;
	min-width: 160px;
}
.bv2-leave-report-form .bv2-filter-btn {
	height: fit-content;
}

/* Report summary cards */
.bv2-leave-summary-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 12px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid #f1f5f9;
}
.bv2-leave-summary-card {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #f8fafc;
	border-radius: 12px;
	padding: 14px 16px;
	border: 1px solid #e2e8f0;
	transition: transform .2s;
}
.bv2-leave-summary-card:hover {
	transform: translateY(-2px);
}
.bv2-leave-summary-avatar {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: rgba(var(--berberim-primary-rgb), .1);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.bv2-leave-summary-avatar svg {
	stroke: var(--berberim-primary);
}
.bv2-leave-summary-name {
	font-size: .88rem;
	font-weight: 700;
	color: #1e293b;
}
.bv2-leave-summary-total {
	font-size: .78rem;
	color: #64748b;
	font-weight: 600;
	margin-top: 2px;
}
.bv2-leave-no-report {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #94a3b8;
	font-size: .86rem;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #f1f5f9;
}

/* Table */
.bv2-leave-table-wrap {
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 1px 6px rgba(0,0,0,.06);
	border: 1px solid #f1f5f9;
	overflow: hidden;
}
.bv2-leave-table {
	width: 100%;
	border-collapse: collapse;
}
.bv2-leave-table thead {
	background: #f8fafc;
}
.bv2-leave-table th {
	padding: 12px 16px;
	font-size: .78rem;
	font-weight: 700;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: .04em;
	text-align: left;
	border-bottom: 2px solid #f1f5f9;
	white-space: nowrap;
}
.bv2-leave-table th svg {
	vertical-align: -2px;
	margin-right: 4px;
	stroke: #94a3b8;
}
.bv2-leave-table td {
	padding: 14px 16px;
	font-size: .88rem;
	color: #334155;
	border-bottom: 1px solid #f1f5f9;
	vertical-align: middle;
}
.bv2-leave-table tbody tr {
	transition: background .15s;
}
.bv2-leave-table tbody tr:hover {
	background: #fafbfd;
}
.bv2-leave-table tbody tr:last-child td {
	border-bottom: none;
}

/* Provider cell with avatar */
.bv2-leave-provider-cell {
	display: flex;
	align-items: center;
	gap: 8px;
}
.bv2-leave-avatar-sm {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: rgba(var(--berberim-primary-rgb), .1);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.bv2-leave-avatar-sm svg {
	stroke: var(--berberim-primary);
}
.bv2-leave-provider-cell span {
	font-weight: 600;
}

/* Leave type badges */
.bv2-leave-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: .76rem;
	font-weight: 700;
	white-space: nowrap;
}
.bv2-leave-green {
	background: #dcfce7;
	color: #15803d;
}
.bv2-leave-red {
	background: #fee2e2;
	color: #dc2626;
}
.bv2-leave-amber {
	background: #fef3c7;
	color: #b45309;
}
.bv2-leave-gray {
	background: #f1f5f9;
	color: #64748b;
}
.bv2-leave-blue {
	background: #dbeafe;
	color: #2563eb;
}

/* Chip */
.berberim-leaves-v2 .bv2-chip {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 8px;
	font-size: .78rem;
	font-weight: 600;
	background: #f1f5f9;
	color: #475569;
}

/* Date range arrows */
.bv2-leave-dates {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: .84rem;
	color: #475569;
}
.bv2-leave-dates svg {
	stroke: #94a3b8;
	flex-shrink: 0;
}
.bv2-leave-date-start {
	font-weight: 600;
}
.bv2-leave-date-end {
	color: #64748b;
}

/* Note cell */
.bv2-leave-note {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: .82rem;
	color: #64748b;
	max-width: 180px;
}

/* Action buttons */
.berberim-leaves-v2 .bv2-action-group {
	display: flex;
	gap: 6px;
}
.berberim-leaves-v2 .bv2-action-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 14px;
	border-radius: 8px;
	font-size: .78rem;
	font-weight: 600;
	border: 1.5px solid transparent;
	cursor: pointer;
	transition: background .15s, border-color .15s, transform .1s;
	background: none;
}
.berberim-leaves-v2 .bv2-action-btn:active {
	transform: scale(.96);
}
.berberim-leaves-v2 .bv2-action-edit {
	color: #6366f1;
	border-color: #e0e7ff;
	background: #eef2ff;
}
.berberim-leaves-v2 .bv2-action-edit:hover {
	background: #e0e7ff;
	border-color: #6366f1;
}
.berberim-leaves-v2 .bv2-action-delete {
	color: #dc2626;
	border-color: #fecaca;
	background: #fef2f2;
}
.berberim-leaves-v2 .bv2-action-delete:hover {
	background: #fee2e2;
	border-color: #ef4444;
}

/* Empty state */
.berberim-leaves-v2 .bv2-empty-state {
	text-align: center;
	padding: 56px 24px;
	background: #fff;
	border-radius: 14px;
	border: 1px solid #f1f5f9;
	box-shadow: 0 1px 6px rgba(0,0,0,.04);
}
.berberim-leaves-v2 .bv2-empty-state p {
	color: #94a3b8;
	font-size: .92rem;
	margin: 14px 0 0;
}

/* Toast notification */
.bv2-leave-toast {
	position: fixed;
	bottom: 32px;
	right: 32px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	border-radius: 12px;
	font-size: .88rem;
	font-weight: 600;
	color: #fff;
	box-shadow: 0 8px 30px rgba(0,0,0,.18);
	z-index: 99999;
	transform: translateY(20px);
	opacity: 0;
	transition: transform .3s ease, opacity .3s ease;
	pointer-events: none;
}
.bv2-leave-toast.bv2-toast-show {
	transform: translateY(0);
	opacity: 1;
}
.bv2-toast-ok {
	background: linear-gradient(135deg, #10b981, #059669);
}
.bv2-toast-err {
	background: linear-gradient(135deg, #ef4444, #dc2626);
}
.berberim-leave-msg {
	margin-top: 10px;
	font-size: .84rem;
	font-weight: 600;
	min-height: 20px;
}

/* Responsive */
@media (max-width: 768px) {
	.berberim-leaves-v2 .bv2-header {
		padding: 20px 18px;
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}
	.berberim-leaves-v2 .bv2-form-card {
		padding: 18px 16px;
	}
	.berberim-leaves-v2 .bv2-field-row-2 {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.bv2-leave-report-form {
		flex-direction: column;
		align-items: stretch;
	}
	.bv2-leave-summary-grid {
		grid-template-columns: 1fr;
	}

	/* Mobile card layout for table */
	.bv2-leave-table thead {
		display: none;
	}
	.bv2-leave-table,
	.bv2-leave-table tbody,
	.bv2-leave-table tr,
	.bv2-leave-table td {
		display: block;
		width: 100%;
	}
	.bv2-leave-table tr {
		padding: 16px;
		margin-bottom: 10px;
		border-bottom: 2px solid #f1f5f9;
		position: relative;
	}
	.bv2-leave-table tr:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}
	.bv2-leave-table td {
		padding: 4px 0;
		border-bottom: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.bv2-leave-table td::before {
		content: attr(data-label);
		font-size: .74rem;
		font-weight: 700;
		color: #94a3b8;
		text-transform: uppercase;
		letter-spacing: .03em;
		min-width: 90px;
	}
	.bv2-leave-table td[data-label="İşlemler"] {
		padding-top: 10px;
		margin-top: 6px;
		border-top: 1px solid #f1f5f9;
		justify-content: flex-end;
	}
	.berberim-leaves-v2 .bv2-action-btn span {
		display: none;
	}
	.berberim-leaves-v2 .bv2-action-btn {
		padding: 8px !important;
	}
}


/* =============================================
   CALENDAR (TAKVİM) V2
   ============================================= */
.berberim-calendar-v2 {
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 48px;
	animation: bv2FadeUp .5s ease-out;
}
.berberim-calendar-v2 .bv2-shimmer-bar {
	height: 4px;
	border-radius: 4px 4px 0 0;
	background: linear-gradient(90deg, var(--berberim-primary), #ffd6a5, var(--berberim-primary));
	background-size: 200% 100%;
	animation: bv2ShimmerBg 3s linear infinite;
}
.berberim-calendar-v2 .bv2-header {
	display: flex;
	align-items: center;
	gap: 14px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	padding: 28px 32px 24px;
	border-radius: 0 0 16px 16px;
	margin-bottom: 24px;
	box-shadow: 0 4px 20px rgba(var(--berberim-primary-rgb), .18);
}
.berberim-calendar-v2 .bv2-header-icon {
	width: 48px;
	height: 48px;
	background: rgba(255,255,255,.18);
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.berberim-calendar-v2 .bv2-header-icon svg {
	width: 26px;
	height: 26px;
	stroke: #fff;
}
.berberim-calendar-v2 .bv2-header-title {
	font-size: 1.5rem;
	font-weight: 800;
	letter-spacing: -.01em;
}
.berberim-calendar-v2 .bv2-subtitle {
	font-size: .88rem;
	opacity: .85;
	font-weight: 400;
	margin-top: 2px;
}

/* Controls Bar */
.bv2-cal-controls {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	background: #fff;
	border-radius: 14px;
	padding: 18px 22px;
	box-shadow: 0 1px 6px rgba(0,0,0,.06);
	border: 1px solid #f1f5f9;
	margin-bottom: 20px;
}
.bv2-cal-controls-left {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	align-items: flex-end;
}
.bv2-cal-filter {
	display: flex;
	flex-direction: column;
	min-width: 140px;
}
.bv2-cal-controls .bv2-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: .78rem;
	font-weight: 600;
	color: #475569;
	margin-bottom: 5px;
}
.bv2-cal-controls .bv2-label svg {
	stroke: var(--berberim-primary);
}
.bv2-cal-controls .bv2-select {
	padding: 9px 14px;
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	font-size: .86rem;
	color: #1e293b;
	background: #fff;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
	font-family: inherit;
}
.bv2-cal-controls .bv2-select:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), .1);
}

/* Navigation */
.bv2-cal-nav {
	display: flex;
	align-items: center;
	gap: 8px;
}
.bv2-cal-nav-btn {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	border: 1.5px solid #e2e8f0;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: border-color .15s, background .15s, transform .1s;
	color: #475569;
}
.bv2-cal-nav-btn:hover {
	border-color: var(--berberim-primary);
	background: #fff7ed;
	color: var(--berberim-primary);
}
.bv2-cal-nav-btn:active {
	transform: scale(.93);
}
.bv2-cal-nav-btn svg {
	stroke: currentColor;
}
.bv2-cal-title {
	font-weight: 700;
	font-size: 1.05rem;
	color: #1e293b;
	min-width: 180px;
	text-align: center;
	white-space: nowrap;
}
.bv2-cal-today-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 18px;
	border-radius: 10px;
	border: none;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	font-size: .82rem;
	font-weight: 700;
	cursor: pointer;
	transition: transform .15s, box-shadow .2s;
	box-shadow: 0 2px 8px rgba(var(--berberim-primary-rgb), .25);
}
.bv2-cal-today-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(var(--berberim-primary-rgb), .35);
}

/* Loading & Error states */
.bv2-cal-loading {
	display: flex;
	justify-content: center;
	padding: 60px 0;
}
.bv2-cal-spinner {
	width: 36px;
	height: 36px;
	border: 3px solid #f1f5f9;
	border-top-color: var(--berberim-primary);
	border-radius: 50%;
	animation: bv2CalSpin .7s linear infinite;
}
@keyframes bv2CalSpin { to { transform: rotate(360deg); } }
.bv2-cal-error {
	text-align: center;
	padding: 48px 24px;
	color: #94a3b8;
	background: #fff;
	border-radius: 14px;
	border: 1px solid #f1f5f9;
}
.bv2-cal-error p {
	margin: 10px 0 0;
	font-size: .92rem;
}

/* Calendar Grid */
.bv2-cal-grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	background: #fff;
	border-radius: 14px;
	border: 1px solid #e2e8f0;
	overflow: hidden;
	box-shadow: 0 1px 8px rgba(0,0,0,.06);
}

/* Header cells */
.bv2-cal-hdr {
	background: #f8fafc;
	text-align: center;
	font-weight: 700;
	font-size: .78rem;
	padding: 10px 4px;
	color: #475569;
	text-transform: uppercase;
	letter-spacing: .05em;
	border-bottom: 2px solid #f1f5f9;
}
.bv2-cal-hdr-weekend {
	color: var(--berberim-primary);
	background: #fff7ed;
}

/* Day cells */
.bv2-cal-day {
	min-height: 115px;
	padding: 8px;
	position: relative;
	cursor: default;
	border-right: 1px solid #f1f5f9;
	border-bottom: 1px solid #f1f5f9;
	transition: background .15s;
}
.bv2-cal-day:nth-child(7n) {
	border-right: none;
}
.bv2-cal-day:hover {
	background: #fafbfe;
}
.bv2-cal-today {
	background: #eff6ff !important;
}
.bv2-cal-other {
	background: #fafafa;
}
.bv2-cal-other .bv2-cal-day-num {
	opacity: .35;
}

/* Day top bar */
.bv2-cal-day-top {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 6px;
}
.bv2-cal-day-num {
	font-weight: 700;
	font-size: .82rem;
	color: #334155;
}
.bv2-today-num {
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--berberim-primary);
	color: #fff !important;
	font-size: .78rem;
}
.bv2-cal-day-badge {
	font-size: .65rem;
	font-weight: 700;
	padding: 1px 6px;
	border-radius: 10px;
	line-height: 1.4;
}
.bv2-badge-appt {
	background: #dbeafe;
	color: #2563eb;
}
.bv2-badge-note {
	background: #fef3c7;
	color: #b45309;
}

/* Add note button */
.bv2-cal-add-note {
	width: 22px;
	height: 22px;
	border-radius: 6px;
	border: none;
	background: rgba(var(--berberim-primary-rgb), .1);
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	transition: background .15s, transform .1s;
	padding: 0;
}
.bv2-cal-add-note svg {
	stroke: var(--berberim-primary);
}
.bv2-cal-day:hover .bv2-cal-add-note {
	display: flex;
}
.bv2-cal-add-note:hover {
	background: rgba(var(--berberim-primary-rgb), .2);
	transform: scale(1.1);
}

/* Appointment items */
.bv2-cal-appt {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 3px 6px;
	margin-bottom: 3px;
	border-radius: 6px;
	font-size: .7rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: transform .1s;
	border-left: 3px solid transparent;
}
.bv2-cal-appt:hover {
	transform: translateX(2px);
}
.bv2-cal-appt-time {
	font-weight: 700;
	flex-shrink: 0;
}
.bv2-cal-appt-svc {
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}
.bv2-cal-appt-status {
	flex-shrink: 0;
	display: flex;
	align-items: center;
}
/* Status colors */
.bv2-cal-st-pending {
	background: #eff6ff;
	border-left-color: #3b82f6;
	color: #1e40af;
}
.bv2-cal-st-pending .bv2-cal-appt-status svg { stroke: #3b82f6; }
.bv2-cal-st-approved,
.bv2-cal-st-confirmed {
	background: #ecfdf5;
	border-left-color: #10b981;
	color: #065f46;
}
.bv2-cal-st-approved .bv2-cal-appt-status svg,
.bv2-cal-st-confirmed .bv2-cal-appt-status svg { stroke: #10b981; }
.bv2-cal-st-cancelled,
.bv2-cal-st-rejected {
	background: #fef2f2;
	border-left-color: #ef4444;
	color: #991b1b;
	text-decoration: line-through;
	opacity: .7;
}
.bv2-cal-st-cancelled .bv2-cal-appt-status svg,
.bv2-cal-st-rejected .bv2-cal-appt-status svg { stroke: #ef4444; }

/* Note items */
.bv2-cal-note {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 3px 6px;
	margin-bottom: 3px;
	border-radius: 6px;
	background: #fefce8;
	border-left: 3px solid #eab308;
	font-size: .7rem;
	color: #854d0e;
}
.bv2-cal-note > svg {
	flex-shrink: 0;
	stroke: #eab308;
}
.bv2-cal-note-text {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
}
.bv2-cal-note-actions {
	display: flex;
	gap: 2px;
	opacity: 0;
	transition: opacity .15s;
}
.bv2-cal-note:hover .bv2-cal-note-actions {
	opacity: 1;
}
.bv2-cal-note-btn {
	width: 20px;
	height: 20px;
	border: none;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	padding: 0;
	transition: background .15s;
}
.bv2-cal-note-btn svg {
	stroke: #94a3b8;
}
.bv2-cal-note-btn:hover {
	background: rgba(0,0,0,.06);
}
.bv2-cal-note-btn:hover svg {
	stroke: #475569;
}
.bv2-cal-note-del:hover {
	background: #fee2e2;
}
.bv2-cal-note-del:hover svg {
	stroke: #dc2626;
}

/* Modal */
.bv2-cal-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.45);
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(3px);
}
.bv2-cal-modal {
	background: #fff;
	border-radius: 16px;
	padding: 0;
	max-width: 440px;
	width: 92%;
	box-shadow: 0 16px 48px rgba(0,0,0,.2);
	transform: translateY(20px) scale(.97);
	opacity: 0;
	transition: transform .25s ease, opacity .25s ease;
	overflow: hidden;
}
.bv2-cal-modal.bv2-modal-open {
	transform: translateY(0) scale(1);
	opacity: 1;
}
.bv2-cal-modal-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 22px;
	background: #f8fafc;
	border-bottom: 1px solid #f1f5f9;
}
.bv2-cal-modal-icon {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	background: rgba(var(--berberim-primary-rgb), .1);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.bv2-cal-modal-icon svg {
	stroke: var(--berberim-primary);
}
.bv2-cal-modal-header h3 {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	color: #1e293b;
	flex: 1;
}
.bv2-cal-modal-close {
	width: 32px;
	height: 32px;
	border-radius: 8px;
	border: none;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .15s;
	color: #94a3b8;
}
.bv2-cal-modal-close:hover {
	background: #f1f5f9;
	color: #475569;
}
.bv2-cal-modal form {
	padding: 20px 22px;
}
.bv2-cal-modal .bv2-input {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	font-size: .9rem;
	color: #1e293b;
	background: #fff;
	outline: none;
	transition: border-color .2s, box-shadow .2s;
	font-family: inherit;
	resize: vertical;
	min-height: 80px;
}
.bv2-cal-modal .bv2-input:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), .1);
}
.bv2-cal-modal-actions {
	display: flex;
	gap: 10px;
	margin-top: 16px;
}
.bv2-cal-modal .bv2-submit-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 10px 24px;
	border: none;
	border-radius: 10px;
	font-size: .88rem;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	cursor: pointer;
	transition: transform .15s, box-shadow .2s, opacity .2s;
	box-shadow: 0 2px 8px rgba(var(--berberim-primary-rgb), .25);
}
.bv2-cal-modal .bv2-submit-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(var(--berberim-primary-rgb), .35);
}
.bv2-cal-modal .bv2-submit-btn:disabled,
.bv2-cal-modal .bv2-submit-btn.bv2-btn-loading {
	opacity: .6;
	pointer-events: none;
}
.bcal-note-msg {
	margin-top: 10px;
	font-size: .84rem;
	font-weight: 600;
	color: #ef4444;
	min-height: 18px;
}

/* Toast */
.bv2-cal-toast {
	position: fixed;
	bottom: 32px;
	right: 32px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	border-radius: 12px;
	font-size: .88rem;
	font-weight: 600;
	color: #fff;
	box-shadow: 0 8px 30px rgba(0,0,0,.18);
	z-index: 999999;
	transform: translateY(20px);
	opacity: 0;
	transition: transform .3s ease, opacity .3s ease;
	pointer-events: none;
}
.bv2-cal-toast.bv2-toast-show {
	transform: translateY(0);
	opacity: 1;
}

/* Responsive */
@media (max-width: 900px) {
	.bv2-cal-controls {
		flex-direction: column;
		align-items: stretch;
	}
	.bv2-cal-nav {
		justify-content: center;
	}
}
@media (max-width: 640px) {
	.berberim-calendar-v2 .bv2-header {
		padding: 20px 18px;
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}
	.bv2-cal-controls {
		padding: 14px 14px;
	}
	.bv2-cal-controls-left {
		flex-direction: column;
	}
	.bv2-cal-title {
		font-size: .88rem;
		min-width: 120px;
	}
	.bv2-cal-today-btn span {
		display: none;
	}
	.bv2-cal-day {
		min-height: 70px;
		padding: 4px;
	}
	.bv2-cal-day-num {
		font-size: .72rem;
	}
	.bv2-cal-appt,
	.bv2-cal-note {
		font-size: .62rem;
		padding: 2px 4px;
	}
	.bv2-cal-appt-svc {
		display: none;
	}
	.bv2-cal-hdr {
		font-size: .68rem;
		padding: 8px 2px;
	}
	.bv2-cal-day-badge {
		font-size: .58rem;
		padding: 0 4px;
	}
}

/* ═══════════════════════════════════════════════════════════
   V2 Booking Wizard
   ═══════════════════════════════════════════════════════════ */
@keyframes bv2WzFadeIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@keyframes bv2WzSpin   { to { transform:rotate(360deg); } }

.bv2-wizard {
	background: #fff;
	border: none;
	border-radius: 18px;
	box-shadow: 0 8px 40px rgba(0,0,0,.08), 0 1.5px 4px rgba(0,0,0,.04);
	max-width: 680px;
	margin: 24px auto;
	padding: 0;
	overflow: hidden;
	position: relative;
}

/* ── Quota banner ── */
.bv2-wz-quota {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	font-size: 14px;
	color: #856404;
	background: #fffbeb;
	border-bottom: 1px solid #ffeeba;
}
.bv2-wz-quota svg { flex-shrink: 0; color: #d4a005; }
.bv2-wz-quota.bv2-wz-quota-err { background: #fff1f2; border-color: #fecdd3; color: #9f1239; }
.bv2-wz-quota.bv2-wz-quota-err svg { color: #e11d48; }

/* ── Header ── */
.bv2-wz-header {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 22px 24px 18px;
	background: linear-gradient(135deg, var(--berberim-primary) 0%, var(--berberim-primary-dark) 100%);
	color: #fff;
}
.bv2-wz-hdr-ico {
	width: 50px; height: 50px;
	display: flex; align-items: center; justify-content: center;
	background: rgba(255,255,255,.18);
	border-radius: 14px;
	flex-shrink: 0;
}
.bv2-wz-hdr-ico svg { color: #fff; }
.bv2-wz-hdr-title { font-size: 20px; font-weight: 800; letter-spacing: -.3px; }
.bv2-wz-hdr-sub   { font-size: 14px; opacity: .85; margin-top: 2px; }

/* ── Step Indicator (stepper) ── */
.bv2-wz-stepper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	padding: 18px 16px 14px;
	background: #fafafa;
	border-bottom: 1px solid #f0f0f0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.bv2-wz-si {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	transition: all .3s ease;
}
.bv2-si-num {
	width: 30px; height: 30px;
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	font-size: 13px; font-weight: 700;
	background: #e5e7eb;
	color: #9ca3af;
	transition: all .3s ease;
	position: relative;
}
.bv2-si-txt {
	font-size: 10px;
	color: #9ca3af;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .3px;
	transition: color .3s ease;
	white-space: nowrap;
}
/* Active */
.bv2-si-active .bv2-si-num {
	background: var(--berberim-primary);
	color: #fff;
	box-shadow: 0 3px 12px rgba(var(--berberim-primary-rgb), .35);
	transform: scale(1.1);
}
.bv2-si-active .bv2-si-txt { color: var(--berberim-primary-dark); }
/* Done */
.bv2-si-done .bv2-si-num {
	background: #22c55e;
	color: #fff;
}
.bv2-si-done .bv2-si-txt { color: #16a34a; }
/* Line between steps */
.bv2-wz-si-line {
	width: 20px; height: 2px;
	background: #e5e7eb;
	flex-shrink: 0;
	margin: 0 2px;
	margin-bottom: 18px;
	border-radius: 2px;
	transition: background .3s ease;
}
.bv2-wz-si-line.bv2-sl-done { background: #22c55e; }

/* ── Hidden progress bar (kept for JS state sync) ── */
.bv2-wizard .bv2-wz-prog-lbl,
.bv2-wizard .bv2-wz-prog {
	position: absolute !important;
	width: 1px !important; height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
}

/* ── Step body ── */
.bv2-wizard .bv2-wz-body { padding: 0; }
.bv2-wizard .bv2-wz-step {
	padding: 20px 24px;
	animation: bv2WzFadeIn .35s ease both;
}
.bv2-wz-step-hdr {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 18px;
}
.bv2-wz-step-ico {
	color: var(--berberim-primary);
	flex-shrink: 0;
	margin-top: 2px;
}
.bv2-wz-step-hdr h4 {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	color: #1f2937;
}
.bv2-wz-step-sub {
	margin: 3px 0 0;
	font-size: 13px;
	color: #6b7280;
	font-weight: 400;
}

/* ── Provider select (hidden when grid exists, V2-styled when visible) ── */
.bv2-wizard select[name="provider_id"] {
	width: 100%;
	padding: 12px 14px;
	border: 1.5px solid #e5e7eb;
	border-radius: 12px;
	font-size: 15px;
	background: #fafafa;
	color: #1f2937;
	transition: border-color .2s ease, box-shadow .2s ease;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}
.bv2-wizard select[name="provider_id"]:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), .12);
	outline: none;
}

/* ── Provider grid (JS-created by initBerberimBooking) ── */
.bv2-wizard .berberim-provider-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 12px;
	margin-top: 14px;
}
.bv2-wizard .berberim-provider-card {
	background: #fff;
	border: 2px solid #f0f0f0;
	border-radius: 14px;
	padding: 18px 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
	cursor: pointer;
	transition: all .2s ease;
}
.bv2-wizard .berberim-provider-card:hover {
	border-color: var(--berberim-primary);
	box-shadow: 0 6px 20px rgba(var(--berberim-primary-rgb), .1);
	transform: translateY(-2px);
}
.bv2-wizard .berberim-provider-card.selected {
	border-color: var(--berberim-primary);
	background: rgba(var(--berberim-primary-rgb), .04);
	box-shadow: 0 8px 28px rgba(var(--berberim-primary-rgb), .15);
}
.bv2-wizard .berberim-provider-photo img {
	border-radius: 50%;
	width: 68px; height: 68px;
	object-fit: cover;
	border: 3px solid #f3f4f6;
}
.bv2-wizard .berberim-provider-photo-placeholder {
	width: 68px; height: 68px;
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, var(--berberim-primary) 0%, var(--berberim-primary-dark) 100%);
	color: #fff;
	font-size: 20px;
	font-weight: 800;
}
.bv2-wizard .berberim-provider-name {
	font-weight: 700;
	font-size: 14px;
	color: #1f2937;
}
.bv2-wizard .berberim-provider-svc-count {
	font-size: 11px;
	color: #6b7280;
	background: #f3f4f6;
	padding: 2px 10px;
	border-radius: 10px;
}
.bv2-wizard .berberim-provider-select-btn {
	margin-top: 4px;
	padding: 8px 20px;
	border: 0;
	border-radius: 10px;
	background: var(--berberim-primary);
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	transition: background .15s ease, transform .15s ease;
}
.bv2-wizard .berberim-provider-select-btn:hover {
	background: var(--berberim-primary-dark);
	transform: scale(1.04);
}

/* ── Service list (step 2) ── */
.bv2-wizard .bv2-svc-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-height: 280px;
	overflow-y: auto;
	padding-right: 4px;
}
.bv2-svc-card { margin: 0; }
.bv2-svc-label {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border: 1.5px solid #f0f0f0;
	border-radius: 12px;
	cursor: pointer;
	transition: all .18s ease;
	background: #fff;
}
.bv2-svc-label:hover { border-color: #d1d5db; background: #fafafa; }
.bv2-svc-cb { display: none; }
.bv2-svc-check {
	width: 24px; height: 24px;
	border-radius: 8px;
	border: 2px solid #d1d5db;
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
	transition: all .18s ease;
	background: #fff;
}
.bv2-svc-check svg { opacity: 0; transition: opacity .15s ease; color: #fff; }
.bv2-svc-cb:checked ~ .bv2-svc-check {
	background: var(--berberim-primary);
	border-color: var(--berberim-primary);
}
.bv2-svc-cb:checked ~ .bv2-svc-check svg { opacity: 1; }
.bv2-svc-cb:checked ~ .bv2-svc-info .bv2-svc-name { color: var(--berberim-primary-dark); }
.bv2-svc-info { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bv2-svc-name { font-weight: 600; font-size: 14px; color: #1f2937; transition: color .15s ease; }
.bv2-svc-dur {
	font-size: 12px;
	color: #6b7280;
	display: inline-flex;
	align-items: center;
	gap: 3px;
}
.bv2-svc-price {
	font-weight: 700;
	font-size: 14px;
	color: var(--berberim-primary-dark);
	flex-shrink: 0;
	white-space: nowrap;
}
.bv2-svc-empty {
	text-align: center;
	color: #9ca3af;
	padding: 24px;
	font-size: 14px;
}

/* Total bar */
.bv2-wz-total-bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 14px;
	padding: 14px 16px;
	background: linear-gradient(135deg, rgba(var(--berberim-primary-rgb),.06), rgba(var(--berberim-primary-rgb),.02));
	border-radius: 12px;
	border: 1px solid rgba(var(--berberim-primary-rgb),.12);
}
.bv2-wz-total-label { font-size: 14px; font-weight: 600; color: #374151; }
.bv2-wz-total-amount { font-size: 18px; font-weight: 800; color: var(--berberim-primary-dark); }

/* ── Date buttons (step 3) ── */
.bv2-wizard .bv2-wz-cal {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 4px 0 8px;
	-webkit-overflow-scrolling: touch;
}
.bv2-date-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	padding: 10px 14px;
	border: 2px solid #f0f0f0;
	border-radius: 14px;
	background: #fff;
	cursor: pointer;
	min-width: 64px;
	flex-shrink: 0;
	transition: all .2s ease;
	position: relative;
}
.bv2-date-btn:hover { border-color: #d1d5db; background: #fafafa; }
.bv2-date-day { font-size: 11px; color: #6b7280; font-weight: 600; text-transform: uppercase; }
.bv2-date-num { font-size: 22px; font-weight: 800; color: #1f2937; line-height: 1.1; }
.bv2-date-mo  { font-size: 11px; color: #9ca3af; font-weight: 500; }
.bv2-date-today {
	position: absolute;
	bottom: -6px; left: 50%; transform: translateX(-50%);
	font-size: 9px;
	font-weight: 700;
	color: #fff;
	background: var(--berberim-primary);
	padding: 1px 8px;
	border-radius: 8px;
	white-space: nowrap;
}
.bv2-date-btn.active {
	border-color: var(--berberim-primary);
	background: var(--berberim-primary);
	transform: scale(1.05);
	box-shadow: 0 6px 18px rgba(var(--berberim-primary-rgb), .3);
}
.bv2-date-btn.active .bv2-date-day,
.bv2-date-btn.active .bv2-date-num,
.bv2-date-btn.active .bv2-date-mo { color: #fff; }
.bv2-date-btn.active .bv2-date-today { background: rgba(0,0,0,.2); }

/* ── Off-day (disabled) date buttons ── */
.berberim-date-off,
.bv2-date-btn.berberim-date-off {
	opacity: 0.4;
	cursor: not-allowed;
	background: #f1f5f9 !important;
	border-color: #e2e8f0 !important;
	pointer-events: none;
	position: relative;
}
.berberim-date-off .bv2-date-day,
.berberim-date-off .bv2-date-num,
.berberim-date-off .bv2-date-mo { color: #94a3b8 !important; }
.bv2-date-off-label {
	display: block;
	font-size: 9px;
	color: #ef4444;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 2px;
	letter-spacing: 0.5px;
}
/* v1 off-day styling */
button.berberim-date-btn.berberim-date-off {
	opacity: 0.4;
	background: #f1f5f9;
	color: #94a3b8;
	cursor: not-allowed;
	text-decoration: line-through;
}

/* ── Working hours (step 3) ── */
.bv2-wz-hours { margin-bottom: 14px; }
.bv2-wz-hours-default {
	display: flex; align-items: center; gap: 6px;
	font-size: 13px; color: #6b7280;
	padding: 10px 14px;
	background: #f9fafb;
	border-radius: 10px;
}
.bv2-wz-hours-default svg { color: var(--berberim-primary); flex-shrink: 0; }
.bv2-wz-hours-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 6px;
}
.bv2-wz-hr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 12px;
	background: #f9fafb;
	border-radius: 8px;
	font-size: 13px;
}
.bv2-wz-hr-d { font-weight: 700; color: #374151; }
.bv2-wz-hr-v { color: #6b7280; }
.bv2-wz-hr-v.bv2-wz-closed { color: #ef4444; font-style: italic; }

/* ── Time slots (step 4) ── */
.bv2-slot-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
	gap: 8px;
}
.bv2-slot-btn {
	padding: 12px 8px;
	border: 2px solid #f0f0f0;
	border-radius: 12px;
	background: #fff;
	font-size: 15px;
	font-weight: 700;
	color: #1f2937;
	cursor: pointer;
	transition: all .18s ease;
}
.bv2-slot-btn:hover:not(:disabled) { border-color: var(--berberim-primary); background: rgba(var(--berberim-primary-rgb),.04); }
.bv2-slot-btn.active {
	background: var(--berberim-primary);
	border-color: var(--berberim-primary);
	color: #fff;
	box-shadow: 0 4px 14px rgba(var(--berberim-primary-rgb), .3);
	transform: scale(1.04);
}
.bv2-slot-btn.bv2-slot-off {
	background: #f9fafb;
	color: #d1d5db;
	border-color: #f3f4f6;
	cursor: not-allowed;
	text-decoration: line-through;
}

/* ── Contact fields (step 5) ── */
.bv2-wz-fields { display: flex; flex-direction: column; gap: 14px; }
.bv2-wz-field label {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #374151;
	margin-bottom: 6px;
}
.bv2-wz-field input[type="text"] {
	width: 100%;
	padding: 13px 16px;
	border: 1.5px solid #e5e7eb;
	border-radius: 12px;
	font-size: 15px;
	background: #fafafa;
	color: #1f2937;
	transition: border-color .2s ease, box-shadow .2s ease;
	box-sizing: border-box;
}
.bv2-wz-field input[type="text"]:focus {
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb), .1);
	outline: none;
	background: #fff;
}
.bv2-wz-field input[type="text"]::placeholder { color: #9ca3af; }

/* ── Product grid (step 6) ── */
.bv2-wizard .bv2-prod-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 10px;
}
.bv2-wizard .bv2-prod-card {
	display: flex;
	flex-direction: column;
	border: 2px solid #f0f0f0;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	cursor: pointer;
	transition: all .2s ease;
	position: relative;
}
.bv2-wizard .bv2-prod-card:hover { border-color: #d1d5db; transform: translateY(-2px); }
.bv2-wizard .berberim-product-card.selected {
	border-color: var(--berberim-primary);
	box-shadow: 0 6px 22px rgba(var(--berberim-primary-rgb), .15);
}
.bv2-wizard .bv2-prod-photo img {
	width: 100%; height: 100px;
	object-fit: cover;
	display: block;
}
.bv2-wizard .bv2-prod-meta { padding: 10px 12px; }

/* ── Review (step 7) ── */
.bv2-wz-review {
	background: #f9fafb;
	border: 1px solid #f0f0f0;
	border-radius: 14px;
	padding: 18px 20px;
	font-size: 14px;
	line-height: 1.7;
	color: #374151;
	margin-bottom: 16px;
}
.bv2-wz-review strong { color: #1f2937; }

/* ── Submit button ── */
.bv2-wz-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 16px;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	transition: transform .15s ease, box-shadow .15s ease;
	letter-spacing: .3px;
}
.bv2-wz-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(34,197,94,.35);
}
.bv2-wz-submit svg { flex-shrink: 0; }

/* ── Navigation ── */
.bv2-wz-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 24px 20px;
	gap: 12px;
}
.bv2-wz-prev,
.bv2-wz-next {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 22px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: all .18s ease;
	border: 0;
}
.bv2-wz-prev {
	background: #f3f4f6;
	color: #374151;
}
.bv2-wz-prev:hover:not(:disabled) { background: #e5e7eb; }
.bv2-wz-prev:disabled { opacity: .4; cursor: not-allowed; }
.bv2-wz-next {
	background: var(--berberim-primary);
	color: #fff;
	margin-left: auto;
}
.bv2-wz-next:hover { background: var(--berberim-primary-dark); transform: translateY(-1px); }

/* ── Loading / empty ── */
.bv2-wz-empty {
	text-align: center;
	color: #9ca3af;
	padding: 28px 16px;
	font-size: 14px;
}
.bv2-wz-slot-loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 28px;
	color: #6b7280;
	font-size: 14px;
}
.bv2-wz-spinner {
	width: 22px; height: 22px;
	border: 3px solid #e5e7eb;
	border-top-color: var(--berberim-primary);
	border-radius: 50%;
	animation: bv2WzSpin .7s linear infinite;
}

/* ── Final success (V2 scoped) ── */
.bv2-wizard .berberim-final-success-inner {
	background: linear-gradient(180deg, #f0fdf4, #fff);
	border: 1px solid #bbf7d0;
	border-radius: 16px;
	padding: 24px;
	text-align: center;
}
.bv2-wizard .berberim-final-success h3 { color: #16a34a; }
.bv2-wizard .berberim-final-success-actions .berberim-final-ok {
	background: var(--berberim-primary);
	color: #fff;
	border-radius: 10px;
	padding: 10px 20px;
	font-weight: 700;
}

/* ── Final icon (approved / pending) ── */
.bv2-final-icon { margin: 0 auto 12px; width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.bv2-final-icon-ok { background: #f0fdf4; border: 2px solid #bbf7d0; }
.bv2-final-icon-pending { background: #fffbeb; border: 2px solid #fde68a; }
.bv2-final-desc { font-size: 14px; color: var(--berberim-text-muted, #64748b); margin: 0 0 16px; line-height: 1.6; }
/* pending state overrides */
.bv2-wizard .berberim-final-success-inner:has(.bv2-final-icon-pending) {
	background: linear-gradient(180deg, #fffbeb, #fff);
	border-color: #fde68a;
}
.bv2-wizard .berberim-final-success:has(.bv2-final-icon-pending) h3 { color: #d97706; }

/* ── Form message (V2) ── */
.bv2-wz-msg {
	margin: 0 24px;
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
}
.bv2-wz-msg[style*="color:green"], .bv2-wz-msg[style*="color: green"] {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
}
.bv2-wz-msg[style*="color:red"], .bv2-wz-msg[style*="color: red"] {
	background: #fff1f2;
	border: 1px solid #fecdd3;
}

/* ── Override old wizard CSS within V2 scope ── */
.bv2-wizard.berberim-booking-wizard {
	padding: 0;
	border: none;
	box-shadow: 0 8px 40px rgba(0,0,0,.08), 0 1.5px 4px rgba(0,0,0,.04);
}
.bv2-wizard .berberim-wizard-steps { padding: 0; min-height: auto; }
.bv2-wizard .berberim-step { display: none; }
.bv2-wizard .berberim-step[data-step="1"] { display: block; }
.bv2-wizard .berberim-wizard-controls { margin-top: 0; }

/* ── Responsive ── */
@media (max-width: 640px) {
	.bv2-wizard { margin: 12px 8px; border-radius: 14px; }
	.bv2-wz-header { padding: 16px 18px 14px; }
	.bv2-wz-hdr-ico { width: 42px; height: 42px; }
	.bv2-wz-hdr-title { font-size: 17px; }
	.bv2-wz-stepper { padding: 12px 10px 10px; gap: 0; }
	.bv2-si-num { width: 26px; height: 26px; font-size: 11px; }
	.bv2-si-txt { font-size: 8px; }
	.bv2-wz-si-line { width: 12px; }
	.bv2-wizard .bv2-wz-step { padding: 16px 16px; }
	.bv2-wz-step-hdr h4 { font-size: 15px; }
	.bv2-wz-nav { padding: 12px 16px 16px; }
	.bv2-wz-prev, .bv2-wz-next { padding: 10px 16px; font-size: 13px; }
	.bv2-slot-grid { grid-template-columns: repeat(auto-fill, minmax(68px, 1fr)); gap: 6px; }
	.bv2-slot-btn { padding: 10px 4px; font-size: 13px; }
	.bv2-wizard .berberim-provider-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
	.bv2-wizard .berberim-provider-photo img,
	.bv2-wizard .berberim-provider-photo-placeholder { width: 56px; height: 56px; font-size: 16px; }
	.bv2-wizard .bv2-prod-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 380px) {
	.bv2-wz-stepper { padding: 10px 6px 8px; }
	.bv2-si-txt { display: none; }
	.bv2-wz-si-line { width: 8px; margin-bottom: 0; }
	.bv2-wizard .berberim-provider-grid { grid-template-columns: 1fr; }
	.bv2-wizard .bv2-prod-grid { grid-template-columns: 1fr; }
}

/* ═══════════════════════════════════════════════════════════
   V2 Wizard — Auth Gate (login/register required)
   ═══════════════════════════════════════════════════════════ */
.bv2-wz-auth-gate {
	max-width: 520px;
}
.bv2-auth-body {
	padding: 32px 28px 28px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
}
.bv2-auth-icon {
	width: 88px; height: 88px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(var(--berberim-primary-rgb), .1), rgba(var(--berberim-primary-rgb), .04));
	display: flex; align-items: center; justify-content: center;
	margin-bottom: 8px;
}
.bv2-auth-icon svg { color: var(--berberim-primary); }
.bv2-auth-title {
	font-size: 20px;
	font-weight: 800;
	color: #1f2937;
	margin: 0;
}
.bv2-auth-desc {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.6;
	max-width: 380px;
	margin: 4px 0 0;
}
.bv2-auth-actions {
	display: flex;
	gap: 12px;
	margin-top: 18px;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
.bv2-auth-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 28px;
	border-radius: 14px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	transition: all .2s ease;
	cursor: pointer;
	border: 0;
	flex: 1;
	justify-content: center;
	min-width: 180px;
}
.bv2-auth-login {
	background: var(--berberim-primary);
	color: #fff !important;
}
.bv2-auth-login:hover {
	background: var(--berberim-primary-dark);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(var(--berberim-primary-rgb), .3);
}
.bv2-auth-register {
	background: #f3f4f6;
	color: #374151 !important;
	border: 2px solid #e5e7eb;
}
.bv2-auth-register:hover {
	background: #e5e7eb;
	border-color: #d1d5db;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.bv2-auth-note {
	font-size: 12px;
	color: #9ca3af;
	margin-top: 12px;
}

@media (max-width: 480px) {
	.bv2-wz-auth-gate { margin: 12px 8px; }
	.bv2-auth-body { padding: 24px 18px 22px; }
	.bv2-auth-icon { width: 72px; height: 72px; }
	.bv2-auth-icon svg { width: 40px; height: 40px; }
	.bv2-auth-title { font-size: 17px; }
	.bv2-auth-actions { flex-direction: column; }
	.bv2-auth-btn { min-width: 0; padding: 12px 20px; font-size: 14px; }
}

/* ═══════════════════════════════════════════════════════════
   V2 Wizard — Repeat Last Appointment Banner
   ═══════════════════════════════════════════════════════════ */
.bv2-wz-repeat {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 20px;
	padding: 14px 16px;
	background: linear-gradient(135deg, rgba(var(--berberim-primary-rgb), .06), rgba(var(--berberim-primary-rgb), .02));
	border: 2px solid rgba(var(--berberim-primary-rgb), .15);
	border-radius: 14px;
	cursor: pointer;
	transition: all .25s ease;
}
.bv2-wz-repeat:hover {
	border-color: rgba(var(--berberim-primary-rgb), .35);
	background: linear-gradient(135deg, rgba(var(--berberim-primary-rgb), .1), rgba(var(--berberim-primary-rgb), .04));
	box-shadow: 0 4px 16px rgba(var(--berberim-primary-rgb), .1);
}
.bv2-repeat-icon {
	width: 42px; height: 42px;
	border-radius: 12px;
	background: rgba(var(--berberim-primary-rgb), .12);
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.bv2-repeat-icon svg { color: var(--berberim-primary); }
.bv2-repeat-text {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.bv2-repeat-text strong {
	font-size: 14px;
	font-weight: 700;
	color: #1f2937;
}
.bv2-repeat-text span {
	font-size: 12px;
	color: #6b7280;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bv2-repeat-btn {
	width: 36px; height: 36px;
	border-radius: 10px;
	background: var(--berberim-primary);
	color: #fff;
	border: 0;
	display: flex; align-items: center; justify-content: center;
	cursor: pointer;
	flex-shrink: 0;
	transition: all .2s;
}
.bv2-repeat-btn:hover {
	background: var(--berberim-primary-dark);
	transform: scale(1.08);
	box-shadow: 0 4px 12px rgba(var(--berberim-primary-rgb), .3);
}

@media (max-width: 480px) {
	.bv2-wz-repeat { margin: 0 12px; padding: 10px 12px; gap: 10px; }
	.bv2-repeat-icon { width: 36px; height: 36px; border-radius: 10px; }
	.bv2-repeat-icon svg { width: 18px; height: 18px; }
	.bv2-repeat-text strong { font-size: 13px; }
	.bv2-repeat-btn { width: 32px; height: 32px; }
}

/* ═══════════════════════════════════════════════════════════
   V2 — Customer Appointments (Randevularım)
   ═══════════════════════════════════════════════════════════ */
.bv2-cust-appts {
	max-width: 760px;
	margin: 0 auto;
}

/* Header */
.bv2-cust-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark));
	color: #fff;
	padding: 22px 28px;
	border-radius: 20px 20px 0 0;
	gap: 12px;
	flex-wrap: wrap;
}
.bv2-cust-header-left {
	display: flex;
	align-items: center;
	gap: 14px;
}
.bv2-cust-header-left svg { opacity: .85; flex-shrink: 0; }
.bv2-cust-title {
	font-size: 20px;
	font-weight: 800;
	margin: 0;
	line-height: 1.2;
}
.bv2-cust-subtitle {
	font-size: 13px;
	opacity: .8;
	margin: 2px 0 0;
}
.bv2-cust-count {
	background: rgba(255,255,255,.2);
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	white-space: nowrap;
}

/* Empty State */
.bv2-cust-empty {
	text-align: center;
	padding: 56px 28px;
	background: #fff;
	border-radius: 0 0 20px 20px;
	border: 1px solid #e5e7eb;
	border-top: 0;
}
.bv2-cust-empty-icon {
	width: 96px; height: 96px;
	border-radius: 50%;
	background: linear-gradient(135deg, rgba(var(--berberim-primary-rgb),.08), rgba(var(--berberim-primary-rgb),.03));
	display: flex; align-items: center; justify-content: center;
	margin: 0 auto 18px;
}
.bv2-cust-empty-icon svg { color: var(--berberim-primary); opacity: .6; }
.bv2-cust-empty h3 {
	font-size: 18px; font-weight: 700; color: #1f2937; margin: 0 0 6px;
}
.bv2-cust-empty p {
	font-size: 14px; color: #6b7280; margin: 0 0 20px;
}
.bv2-cust-browse-btn {
	display: inline-flex; align-items: center; gap: 8px;
	background: var(--berberim-primary); color: #fff !important;
	padding: 12px 24px; border-radius: 12px;
	font-size: 14px; font-weight: 700;
	text-decoration: none; transition: all .2s;
}
.bv2-cust-browse-btn:hover {
	background: var(--berberim-primary-dark);
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(var(--berberim-primary-rgb),.25);
}

/* Card List */
.bv2-cust-list {
	display: flex; flex-direction: column; gap: 0;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-top: 0;
	border-radius: 0 0 20px 20px;
	padding: 16px;
}

/* Individual Card */
.bv2-cust-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	overflow: hidden;
	transition: all .25s ease;
	margin-bottom: 12px;
	animation: bv2FadeUp .4s ease both;
}
.bv2-cust-card:last-child { margin-bottom: 0; }
.bv2-cust-card:hover {
	box-shadow: 0 8px 28px rgba(0,0,0,.06);
	border-color: rgba(var(--berberim-primary-rgb),.2);
	transform: translateY(-2px);
}
.bv2-cust-card-past { opacity: .6; }
.bv2-cust-card-past:hover { opacity: .8; transform: none; box-shadow: none; }

/* Card Top (shop + status) */
.bv2-cust-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 18px;
	background: #fafbfc;
	border-bottom: 1px solid #f3f4f6;
	gap: 10px;
	flex-wrap: wrap;
}
.bv2-cust-card-shop {
	display: flex; align-items: center; gap: 8px;
	font-size: 14px; font-weight: 700; color: #374151;
}
.bv2-cust-card-shop svg { color: var(--berberim-primary); flex-shrink: 0; }

/* Status Badges */
.bv2-cust-status {
	display: inline-flex; align-items: center; gap: 5px;
	padding: 4px 12px; border-radius: 20px;
	font-size: 12px; font-weight: 700;
	white-space: nowrap;
}
.bv2-cs-pending {
	background: #fef3c7; color: #92400e;
}
.bv2-cs-approved {
	background: #d1fae5; color: #065f46;
}
.bv2-cs-rejected {
	background: #fee2e2; color: #991b1b;
}

/* Card Body */
.bv2-cust-card-body {
	padding: 16px 18px;
	display: flex; flex-direction: column; gap: 10px;
}
.bv2-cust-info-row {
	display: flex; align-items: flex-start; gap: 12px;
}
.bv2-cust-info-icon {
	width: 36px; height: 36px;
	border-radius: 10px;
	background: #f3f4f6;
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.bv2-cust-info-icon svg { color: #6b7280; }
.bv2-cust-info-label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	color: #9ca3af;
	text-transform: uppercase;
	letter-spacing: .3px;
	margin-bottom: 1px;
}
.bv2-cust-info-value {
	display: block;
	font-size: 14px;
	color: #374151;
	font-weight: 500;
}
.bv2-cust-info-value strong { font-weight: 700; color: var(--berberim-primary); }
.bv2-cust-price { font-weight: 700; color: #059669; }
.bv2-cust-datetime .bv2-cust-info-icon {
	background: rgba(var(--berberim-primary-rgb),.1);
}
.bv2-cust-datetime .bv2-cust-info-icon svg { color: var(--berberim-primary); }

/* Card Actions */
.bv2-cust-card-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 18px;
	border-top: 1px solid #f3f4f6;
	background: #fafbfc;
}
.bv2-cust-btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 8px 16px; border-radius: 10px;
	font-size: 13px; font-weight: 600;
	border: 0; cursor: pointer;
	transition: all .2s ease;
}
.bv2-cust-btn-edit {
	background: rgba(var(--berberim-primary-rgb),.1);
	color: var(--berberim-primary);
}
.bv2-cust-btn-edit:hover {
	background: var(--berberim-primary);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(var(--berberim-primary-rgb),.25);
}
.bv2-cust-btn-cancel {
	background: #fee2e2;
	color: #dc2626;
}
.bv2-cust-btn-cancel:hover {
	background: #dc2626;
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(220,38,38,.25);
}

/* Past Label */
.bv2-cust-past-label { justify-content: flex-start; }
.bv2-cust-past-badge {
	display: inline-flex; align-items: center; gap: 5px;
	font-size: 12px; font-weight: 600; color: #9ca3af;
}

/* ── Modals ── */
.bv2-cust-modal-overlay {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0,0,0,.45);
	backdrop-filter: blur(4px);
	z-index: 99999;
	display: flex; align-items: center; justify-content: center;
	padding: 20px;
}
.bv2-cust-modal {
	background: #fff;
	border-radius: 20px;
	width: 100%;
	max-width: 420px;
	padding: 32px 28px;
	text-align: center;
	box-shadow: 0 24px 60px rgba(0,0,0,.15);
	animation: bv2FadeUp .3s ease;
}
.bv2-cust-modal-edit { max-width: 460px; text-align: left; }
.bv2-cust-modal-icon {
	width: 80px; height: 80px;
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	margin: 0 auto 16px;
}
.bv2-cust-modal-edit .bv2-cust-modal-icon { margin: 0 auto 16px; }
.bv2-modal-icon-cancel {
	background: linear-gradient(135deg, #fee2e2, #fecaca);
}
.bv2-modal-icon-cancel svg { color: #dc2626; }
.bv2-modal-icon-edit {
	background: linear-gradient(135deg, rgba(var(--berberim-primary-rgb),.12), rgba(var(--berberim-primary-rgb),.05));
}
.bv2-modal-icon-edit svg { color: var(--berberim-primary); }
.bv2-cust-modal-title {
	font-size: 19px; font-weight: 800; color: #1f2937; margin: 0 0 6px;
}
.bv2-cust-modal-edit .bv2-cust-modal-title { text-align: center; }
.bv2-cust-modal-desc {
	font-size: 14px; color: #6b7280; line-height: 1.6; margin: 0 0 20px;
}
.bv2-cust-modal-edit .bv2-cust-modal-desc { text-align: center; }
.bv2-cust-modal-actions {
	display: flex; gap: 10px; justify-content: center; margin-top: 8px;
}
.bv2-cust-modal-btn {
	flex: 1;
	padding: 12px 20px;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 700;
	border: 0;
	cursor: pointer;
	transition: all .2s;
	display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}
.bv2-modal-btn-no {
	background: #f3f4f6; color: #374151;
}
.bv2-modal-btn-no:hover { background: #e5e7eb; }
.bv2-modal-btn-yes {
	background: #dc2626; color: #fff;
}
.bv2-modal-btn-yes:hover {
	background: #b91c1c;
	box-shadow: 0 6px 18px rgba(220,38,38,.3);
}
.bv2-modal-btn-save {
	background: var(--berberim-primary); color: #fff;
}
.bv2-modal-btn-save:hover {
	background: var(--berberim-primary-dark);
	box-shadow: 0 6px 18px rgba(var(--berberim-primary-rgb),.3);
}

/* Edit Form */
.bv2-cust-edit-form {
	display: flex; flex-direction: column; gap: 14px;
}
.bv2-cust-edit-row label {
	display: block;
	font-size: 12px; font-weight: 700; color: #374151;
	margin-bottom: 4px;
}
.bv2-cust-edit-row input {
	width: 100%;
	padding: 11px 14px;
	border: 2px solid #e5e7eb;
	border-radius: 10px;
	font-size: 14px;
	color: #1f2937;
	transition: border-color .2s;
	box-sizing: border-box;
}
.bv2-cust-edit-row input:focus {
	outline: none;
	border-color: var(--berberim-primary);
	box-shadow: 0 0 0 3px rgba(var(--berberim-primary-rgb),.1);
}

/* Toast Notification */
.bv2-cust-toast {
	position: fixed;
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%) translateY(20px);
	padding: 14px 28px;
	border-radius: 14px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	z-index: 999999;
	opacity: 0;
	transition: all .3s ease;
	pointer-events: none;
	box-shadow: 0 10px 30px rgba(0,0,0,.15);
}
.bv2-cust-toast-success { background: linear-gradient(135deg, #10b981, #059669); }
.bv2-cust-toast-error { background: linear-gradient(135deg, #ef4444, #dc2626); }
.bv2-cust-toast-show {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

/* ── Responsive ── */
@media (max-width: 640px) {
	.bv2-cust-header { padding: 16px 18px; border-radius: 16px 16px 0 0; }
	.bv2-cust-title { font-size: 17px; }
	.bv2-cust-header-left svg { width: 22px; height: 22px; }
	.bv2-cust-list { padding: 10px; border-radius: 0 0 16px 16px; }
	.bv2-cust-card { border-radius: 12px; }
	.bv2-cust-card-top { padding: 10px 14px; }
	.bv2-cust-card-body { padding: 12px 14px; gap: 8px; }
	.bv2-cust-card-actions { padding: 10px 14px; }
	.bv2-cust-btn { padding: 7px 12px; font-size: 12px; }
	.bv2-cust-info-icon { width: 30px; height: 30px; border-radius: 8px; }
	.bv2-cust-info-icon svg { width: 16px; height: 16px; }
	.bv2-cust-info-value { font-size: 13px; }
	.bv2-cust-modal { padding: 24px 20px; border-radius: 16px; }
	.bv2-cust-modal-icon { width: 64px; height: 64px; }
	.bv2-cust-modal-icon svg { width: 36px; height: 36px; }
	.bv2-cust-modal-title { font-size: 16px; }
	.bv2-cust-modal-actions { flex-direction: column; }
}
@media (max-width: 400px) {
	.bv2-cust-header { flex-direction: column; align-items: flex-start; }
	.bv2-cust-count { align-self: flex-end; }
	.bv2-cust-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
}


/* ================================================================== */
/*  NOTIFICATIONS PAGE — Bildirimlerim                                 */
/* ================================================================== */

/* Page wrapper */
.bv2-notif-page {
	max-width: 720px;
	margin: 28px auto;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

/* Header */
.bv2-notif-header {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	padding: 20px 24px;
	background: linear-gradient(135deg, var(--berberim-primary, #6c5ce7), var(--berberim-primary-dark, #5b4bd5));
	color: #fff;
	border-radius: 20px 20px 0 0;
}
.bv2-notif-header-left {
	display: flex; align-items: center; gap: 14px;
}
.bv2-notif-title {
	font-size: 20px; font-weight: 700; margin: 0; line-height: 1.2;
}
.bv2-notif-subtitle {
	font-size: 13px; opacity: .8; margin: 2px 0 0; line-height: 1.3;
}
.bv2-notif-header-right {
	display: flex; align-items: center; gap: 12px; flex-shrink: 0;
}
.bv2-notif-mark-all {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 7px 14px;
	background: rgba(255,255,255,.18);
	color: #fff;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 10px;
	font-size: 12px; font-weight: 600;
	cursor: pointer;
	transition: background .2s;
}
.bv2-notif-mark-all:hover { background: rgba(255,255,255,.3); }

/* Email toggle */
.bv2-notif-email-toggle {
	display: inline-flex; align-items: center; gap: 6px;
	cursor: pointer; user-select: none; position: relative;
}
.bv2-notif-email-toggle input { position: absolute; opacity: 0; width: 0; height: 0; }
.bv2-notif-toggle-slider {
	width: 36px; height: 20px;
	background: rgba(255,255,255,.25);
	border-radius: 12px;
	position: relative;
	transition: background .2s;
	flex-shrink: 0;
}
.bv2-notif-toggle-slider::after {
	content: '';
	position: absolute;
	width: 16px; height: 16px;
	background: #fff;
	border-radius: 50%;
	top: 2px; left: 2px;
	transition: transform .2s;
}
.bv2-notif-email-toggle input:checked + .bv2-notif-toggle-slider {
	background: rgba(16,185,129,.8);
}
.bv2-notif-email-toggle input:checked + .bv2-notif-toggle-slider::after {
	transform: translateX(16px);
}
.bv2-notif-toggle-label {
	font-size: 11px; color: rgba(255,255,255,.8); font-weight: 500;
}

/* Filters */
.bv2-notif-filters {
	display: flex; gap: 0; background: #f5f3ff; border-left: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb;
}
.bv2-notif-filter-btn {
	flex: 1; text-align: center;
	padding: 12px 16px;
	font-size: 13px; font-weight: 600;
	color: #6b7280;
	text-decoration: none;
	border-bottom: 3px solid transparent;
	transition: all .2s;
}
.bv2-notif-filter-btn:hover { color: var(--berberim-primary, #6c5ce7); }
.bv2-notif-filter-btn.bv2-nf-active {
	color: var(--berberim-primary, #6c5ce7);
	border-bottom-color: var(--berberim-primary, #6c5ce7);
	background: rgba(108,92,231,.06);
}
.bv2-notif-filter-badge {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 18px; height: 18px; padding: 0 5px;
	background: #ef4444; color: #fff;
	border-radius: 10px; font-size: 11px; font-weight: 700;
	margin-left: 6px; vertical-align: middle;
}

/* Notification list */
.bv2-notif-list {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-top: 0;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
}
.bv2-notif-item {
	display: flex; align-items: flex-start; gap: 14px;
	padding: 16px 20px;
	border-bottom: 1px solid #f3f4f6;
	transition: background .15s;
	cursor: default;
}
.bv2-notif-item:last-child { border-bottom: 0; }
.bv2-notif-item:hover { background: #faf9ff; }
.bv2-notif-unread {
	background: #f5f3ff;
	border-left: 3px solid var(--berberim-primary, #6c5ce7);
}
.bv2-notif-unread:hover { background: #ede9fe; }

/* Icon circle */
.bv2-notif-icon {
	width: 42px; height: 42px; min-width: 42px;
	border-radius: 12px;
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.bv2-nt-new .bv2-notif-icon { background: #ecfdf5; color: #059669; }
.bv2-nt-status .bv2-notif-icon { background: #eff6ff; color: #2563eb; }
.bv2-nt-cancel .bv2-notif-icon { background: #fef2f2; color: #dc2626; }
.bv2-nt-info .bv2-notif-icon { background: #f5f3ff; color: #7c3aed; }

/* Content */
.bv2-notif-content { flex: 1; min-width: 0; }
.bv2-notif-item-title {
	font-size: 14px; font-weight: 700; color: #1f2937;
	margin: 0 0 3px; line-height: 1.3;
}
.bv2-notif-item-msg {
	font-size: 13px; color: #6b7280; line-height: 1.5;
	margin: 0 0 4px;
}
.bv2-notif-item-time {
	font-size: 11px; color: #9ca3af; line-height: 1;
}

/* Read button */
.bv2-notif-read-btn {
	width: 32px; height: 32px;
	border: 1px solid #e5e7eb;
	background: #fff;
	border-radius: 8px;
	display: flex; align-items: center; justify-content: center;
	color: #9ca3af; cursor: pointer;
	transition: all .2s;
	flex-shrink: 0;
	margin-top: 4px;
}
.bv2-notif-read-btn:hover {
	background: var(--berberim-primary, #6c5ce7);
	color: #fff;
	border-color: var(--berberim-primary, #6c5ce7);
}

/* Empty state */
.bv2-notif-empty {
	text-align: center;
	padding: 56px 28px;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-top: 0;
	border-radius: 0 0 20px 20px;
}
.bv2-notif-empty-icon {
	width: 96px; height: 96px;
	margin: 0 auto 18px;
	background: #f5f3ff;
	border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	color: rgba(108,92,231,.4);
}
.bv2-notif-empty h3 {
	font-size: 18px; color: #374151; margin: 0 0 6px; font-weight: 700;
}
.bv2-notif-empty p {
	font-size: 14px; color: #9ca3af; margin: 0; line-height: 1.5;
}


/* ================================================================== */
/*  FLOATING BELL                                                       */
/* ================================================================== */

.bv2-bell-float {
	position: fixed;
	bottom: 28px; right: 28px;
	z-index: 99999;
}
.bv2-bell-btn {
	display: flex; align-items: center; justify-content: center;
	width: 52px; height: 52px;
	background: linear-gradient(135deg, var(--berberim-primary, #6c5ce7), var(--berberim-primary-dark, #5b4bd5));
	color: #fff;
	border-radius: 50%;
	box-shadow: 0 4px 20px rgba(108,92,231,.35), 0 2px 8px rgba(0,0,0,.1);
	text-decoration: none;
	position: relative;
	transition: transform .2s, box-shadow .2s;
}
.bv2-bell-btn:hover {
	transform: scale(1.08);
	box-shadow: 0 6px 28px rgba(108,92,231,.45), 0 3px 12px rgba(0,0,0,.12);
}
.bv2-bell-badge {
	position: absolute;
	top: -4px; right: -4px;
	min-width: 20px; height: 20px;
	padding: 0 5px;
	background: #ef4444;
	color: #fff;
	border-radius: 10px;
	font-size: 11px; font-weight: 700;
	display: flex; align-items: center; justify-content: center;
	border: 2px solid #fff;
	line-height: 1;
}

/* Pulse animation when there are unread notifications */
.bv2-bell-has-notif .bv2-bell-btn::after {
	content: '';
	position: absolute;
	inset: -4px;
	border-radius: 50%;
	border: 2px solid var(--berberim-primary, #6c5ce7);
	animation: bv2BellPulse 2s infinite;
}
@keyframes bv2BellPulse {
	0% { transform: scale(1); opacity: .6; }
	70% { transform: scale(1.35); opacity: 0; }
	100% { transform: scale(1.35); opacity: 0; }
}


/* ── Notifications Responsive ── */
@media (max-width: 640px) {
	.bv2-notif-header { 
		flex-direction: column; align-items: flex-start; gap: 12px;
		padding: 16px 18px; border-radius: 16px 16px 0 0; 
	}
	.bv2-notif-header-right { align-self: flex-end; }
	.bv2-notif-title { font-size: 17px; }
	.bv2-notif-item { padding: 12px 14px; gap: 10px; }
	.bv2-notif-icon { width: 36px; height: 36px; min-width: 36px; border-radius: 10px; }
	.bv2-notif-icon svg { width: 16px; height: 16px; }
	.bv2-notif-item-title { font-size: 13px; }
	.bv2-notif-item-msg { font-size: 12px; }
	.bv2-notif-mark-all { padding: 6px 10px; font-size: 11px; }
	.bv2-bell-float { bottom: 18px; right: 18px; }
	.bv2-bell-btn { width: 46px; height: 46px; }
	.bv2-bell-btn svg { width: 20px; height: 20px; }
}

/* ══════════════════════════════════════════
   Müşteriler (Customers) page – .bv2-custp-*
   ══════════════════════════════════════════ */
.bv2-custp-wrap { max-width:1100px; margin:0 auto; padding:20px 16px; }
.bv2-custp-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:20px; }
.bv2-custp-header-left { display:flex; align-items:center; gap:10px; }
.bv2-custp-title { font-size:22px; font-weight:700; margin:0; color:#1e293b; }
.bv2-custp-count { background:#f1f5f9; color:#64748b; font-size:13px; font-weight:600; padding:4px 10px; border-radius:20px; }
.bv2-custp-header-right { display:flex; align-items:center; gap:10px; }
.bv2-custp-provider-filter {
    padding: 7px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 13px;
    color: #334155;
    background: #fff;
    cursor: pointer;
    outline: none;
    min-width: 160px;
    transition: border-color .2s;
}
.bv2-custp-provider-filter:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.12); }
.bv2-custp-info-btn { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #e2e8f0; border-radius:10px; background:#fff; color:#64748b; cursor:pointer; transition:all .2s; }
.bv2-custp-info-btn:hover { background:#f8fafc; color:#6366f1; border-color:#6366f1; }
.bv2-custp-search-box { display:flex; align-items:center; gap:6px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:10px; padding:0 12px; height:36px; min-width:200px; transition:border-color .2s; }
.bv2-custp-search-box:focus-within { border-color:#6366f1; }
.bv2-custp-search-box svg { color:#94a3b8; flex-shrink:0; }
.bv2-custp-search-box input { border:none; outline:none; background:transparent; font-size:13px; width:100%; color:#1e293b; }
.bv2-custp-search-box input::placeholder { color:#94a3b8; }

/* grid */
.bv2-custp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; }
.bv2-custp-loading, .bv2-custp-empty { grid-column:1/-1; text-align:center; padding:48px 20px; color:#94a3b8; font-size:15px; }

/* card */
.bv2-custp-card { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:14px; transition:all .25s; }
.bv2-custp-card:hover { border-color:#c7d2fe; box-shadow:0 4px 20px rgba(99,102,241,.08); }
.bv2-custp-card.bv2-custp-approved { border-color:#a5b4fc; background:linear-gradient(135deg,#faf5ff 0%,#eef2ff 100%); }
.bv2-custp-card-top { display:flex; align-items:center; gap:12px; }
.bv2-custp-avatar { width:44px; height:44px; min-width:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; font-size:15px; letter-spacing:.5px; }
.bv2-custp-card-info { flex:1; min-width:0; }
.bv2-custp-name { display:block; font-weight:600; font-size:15px; color:#1e293b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bv2-custp-phone { display:block; font-size:12px; color:#94a3b8; margin-top:2px; }
.bv2-custp-badge { display:inline-flex; align-items:center; gap:4px; background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; font-size:11px; font-weight:600; padding:4px 10px; border-radius:20px; white-space:nowrap; }

/* stats row */
.bv2-custp-stats { display:flex; gap:8px; }
.bv2-custp-stat { flex:1; background:#f8fafc; border-radius:10px; padding:8px 10px; text-align:center; }
.bv2-custp-stat-val { display:block; font-weight:700; font-size:14px; color:#1e293b; }
.bv2-custp-stat-lbl { display:block; font-size:10px; color:#94a3b8; margin-top:2px; text-transform:uppercase; letter-spacing:.3px; }

/* services chips */
.bv2-custp-services { display:flex; flex-wrap:wrap; gap:6px; }
.bv2-custp-svc { background:#f1f5f9; color:#475569; font-size:11px; padding:3px 8px; border-radius:6px; white-space:nowrap; }
.bv2-custp-svc-more { background:#e0e7ff; color:#6366f1; font-weight:600; }

/* action buttons */
.bv2-custp-actions { display:flex; gap:8px; margin-top:auto; }
.bv2-custp-btn { flex:1; padding:8px 12px; border:none; border-radius:10px; font-size:13px; font-weight:600; cursor:pointer; transition:all .2s; }
.bv2-custp-btn:disabled { opacity:.6; cursor:default; }
.bv2-custp-btn-approve { background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; }
.bv2-custp-btn-approve:hover:not(:disabled) { box-shadow:0 4px 14px rgba(99,102,241,.35); transform:translateY(-1px); }
.bv2-custp-btn-unapprove { background:#f1f5f9; color:#64748b; }
.bv2-custp-btn-unapprove:hover:not(:disabled) { background:#fee2e2; color:#ef4444; }

/* block/unblock buttons */
.bv2-custp-btn-block { background:#fff0f0; color:#dc2626; border:1px solid #fecaca; }
.bv2-custp-btn-block:hover:not(:disabled) { background:#dc2626; color:#fff; box-shadow:0 4px 14px rgba(220,38,38,.3); transform:translateY(-1px); }
.bv2-custp-btn-unblock { background:linear-gradient(135deg,#10b981,#059669); color:#fff; }
.bv2-custp-btn-unblock:hover:not(:disabled) { box-shadow:0 4px 14px rgba(16,185,129,.35); transform:translateY(-1px); }

/* blocked card state */
.bv2-custp-card.bv2-custp-blocked { border-color:#fca5a5; background:linear-gradient(135deg,#fef2f2 0%,#fff1f2 100%); opacity:.85; }
.bv2-custp-card.bv2-custp-blocked:hover { border-color:#f87171; box-shadow:0 4px 20px rgba(239,68,68,.1); }
.bv2-custp-card.bv2-custp-blocked .bv2-custp-avatar { opacity:.6; }
.bv2-custp-card.bv2-custp-blocked .bv2-custp-name { text-decoration:line-through; color:#94a3b8; }
.bv2-custp-badge-blocked { background:linear-gradient(135deg,#ef4444,#dc2626) !important; }

/* info modal */
.bv2-custp-modal-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.4); backdrop-filter:blur(4px); z-index:10001; align-items:center; justify-content:center; }
.bv2-custp-modal-overlay.active { display:flex; }
.bv2-custp-modal { background:#fff; border-radius:20px; width:92%; max-width:440px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.15); animation:custpSlideUp .3s ease; }
@keyframes custpSlideUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
.bv2-custp-modal-header { display:flex; align-items:center; justify-content:space-between; padding:18px 20px; border-bottom:1px solid #f1f5f9; }
.bv2-custp-modal-header h3 { margin:0; font-size:17px; font-weight:700; color:#1e293b; }
.bv2-custp-modal-close { background:none; border:none; font-size:22px; color:#94a3b8; cursor:pointer; padding:0 4px; }
.bv2-custp-modal-close:hover { color:#ef4444; }
.bv2-custp-modal-body { padding:20px; display:flex; flex-direction:column; gap:16px; }
.bv2-custp-modal-item { display:flex; align-items:flex-start; gap:12px; }
.bv2-custp-modal-icon { font-size:22px; line-height:1; flex-shrink:0; margin-top:2px; }
.bv2-custp-modal-item strong { display:block; font-size:14px; color:#1e293b; margin-bottom:2px; }
.bv2-custp-modal-item p { margin:0; font-size:13px; color:#64748b; line-height:1.5; }

/* responsive */
@media(max-width:640px){
	.bv2-custp-header { flex-direction:column; align-items:stretch; }
	.bv2-custp-header-right { justify-content:space-between; flex-wrap:wrap; }
	.bv2-custp-provider-filter { min-width:0; flex:1; }
	.bv2-custp-search-box { min-width:0; flex:1; }
	.bv2-custp-grid { grid-template-columns:1fr; }
	.bv2-custp-title { font-size:18px; }
	.bv2-custp-stat-lbl { font-size:9px; }
}

/* ══════════════════════════════════════════
   Feedback Modal (Randevularım page) – .bv2-fb-*
   ══════════════════════════════════════════ */
.bv2-fb-modal { width:92%; max-width:400px; border-radius:20px; overflow:hidden; animation:custpSlideUp .3s ease; }
.bv2-fb-modal-header { display:flex; align-items:center; justify-content:space-between; padding:18px 20px 10px; }
.bv2-fb-modal-header h3 { margin:0; font-size:18px; font-weight:700; color:#1e293b; }
.bv2-fb-modal-close { background:none; border:none; font-size:24px; color:#94a3b8; cursor:pointer; }
.bv2-fb-modal-close:hover { color:#ef4444; }
.bv2-fb-modal-shop { padding:0 20px 8px; font-size:13px; color:#6366f1; font-weight:600; }
.bv2-fb-stars { display:flex; justify-content:center; gap:8px; padding:10px 20px 4px; }
.bv2-fb-star { font-size:36px; color:#e2e8f0; cursor:pointer; transition:color .15s, transform .15s; user-select:none; }
.bv2-fb-star:hover { transform:scale(1.15); }
.bv2-fb-star.active { color:#f59e0b; }
.bv2-fb-rating-text { text-align:center; font-size:13px; color:#64748b; padding:0 20px 10px; min-height:20px; }
.bv2-fb-comment { display:block; width:calc(100% - 40px); margin:0 20px 12px; border:1px solid #e2e8f0; border-radius:12px; padding:10px 14px; font-size:13px; resize:vertical; min-height:60px; font-family:inherit; transition:border-color .2s; }
.bv2-fb-comment:focus { outline:none; border-color:#6366f1; }
.bv2-fb-anon { display:flex; align-items:center; gap:8px; padding:0 20px 14px; font-size:13px; color:#475569; cursor:pointer; user-select:none; }
.bv2-fb-anon input { display:none; }
.bv2-fb-anon-check { width:20px; height:20px; border:2px solid #cbd5e1; border-radius:6px; display:flex; align-items:center; justify-content:center; transition:all .2s; flex-shrink:0; }
.bv2-fb-anon-check::after { content:'✓'; font-size:12px; color:transparent; font-weight:700; transition:color .15s; }
.bv2-fb-anon input:checked + .bv2-fb-anon-check { background:#6366f1; border-color:#6366f1; }
.bv2-fb-anon input:checked + .bv2-fb-anon-check::after { color:#fff; }
.bv2-fb-submit { display:block; width:calc(100% - 40px); margin:0 20px 20px; padding:12px; border:none; border-radius:12px; background:linear-gradient(135deg,#6366f1,#8b5cf6); color:#fff; font-size:14px; font-weight:700; cursor:pointer; transition:all .2s; }
.bv2-fb-submit:hover:not(:disabled) { box-shadow:0 4px 16px rgba(99,102,241,.35); transform:translateY(-1px); }
.bv2-fb-submit:disabled { opacity:.6; cursor:default; }

/* Feedback button on appointment card */
.bv2-cust-btn-feedback { background:linear-gradient(135deg,#f59e0b,#d97706); color:#fff; }
.bv2-cust-btn-feedback:hover { box-shadow:0 3px 12px rgba(245,158,11,.35); }
.bv2-cust-btn-rated { background:#f0fdf4; color:#16a34a; cursor:default; display:inline-flex; align-items:center; gap:4px; }
.bv2-cust-btn-rated svg { fill:#16a34a; stroke:#16a34a; }

/* ══════════════════════════════════════════
   Geri Bildirimler (Feedbacks) page – .bv2-fbp-*
   ══════════════════════════════════════════ */
.bv2-fbp-wrap { max-width:800px; margin:0 auto; padding:20px 16px; }
.bv2-fbp-header { display:flex; align-items:center; gap:10px; margin-bottom:20px; }
.bv2-fbp-header-left { display:flex; align-items:center; gap:10px; }
.bv2-fbp-header-left svg { color:#f59e0b; fill:#f59e0b; }
.bv2-fbp-title { font-size:22px; font-weight:700; margin:0; color:#1e293b; }

/* summary card */
.bv2-fbp-summary { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:24px; margin-bottom:24px; display:flex; gap:32px; align-items:center; flex-wrap:wrap; }
.bv2-fbp-avg { text-align:center; min-width:120px; }
.bv2-fbp-avg-num { display:block; font-size:42px; font-weight:800; color:#1e293b; line-height:1; }
.bv2-fbp-avg-stars { margin:6px 0 4px; }
.bv2-fbp-avg-count { font-size:13px; color:#94a3b8; }
.bv2-fbp-star-filled { color:#f59e0b; }
.bv2-fbp-star-half { color:#fbbf24; opacity:.6; }
.bv2-fbp-star-empty { color:#e2e8f0; }

/* bar chart */
.bv2-fbp-bar-wrap { flex:1; min-width:200px; }
.bv2-fbp-bar-row { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.bv2-fbp-bar-label { font-size:13px; font-weight:600; color:#475569; min-width:30px; text-align:right; }
.bv2-fbp-star-sm { color:#f59e0b; font-size:12px; }
.bv2-fbp-bar { flex:1; height:8px; background:#f1f5f9; border-radius:4px; overflow:hidden; }
.bv2-fbp-bar-fill { height:100%; background:linear-gradient(90deg,#f59e0b,#fbbf24); border-radius:4px; transition:width .4s ease; }
.bv2-fbp-bar-num { font-size:12px; color:#94a3b8; min-width:20px; }

/* feedbacks list */
.bv2-fbp-list { display:flex; flex-direction:column; gap:14px; }
.bv2-fbp-loading, .bv2-fbp-empty { text-align:center; padding:48px 20px; color:#94a3b8; font-size:15px; }
.bv2-fbp-card { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:16px 18px; transition:all .2s; }
.bv2-fbp-card:hover { border-color:#c7d2fe; box-shadow:0 2px 12px rgba(99,102,241,.06); }
.bv2-fbp-card-top { display:flex; align-items:center; gap:12px; margin-bottom:8px; }
.bv2-fbp-card-avatar { width:38px; height:38px; min-width:38px; border-radius:10px; background:#6366f1; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; }
.bv2-fbp-card-avatar.bv2-fbp-anon { background:#94a3b8; }
.bv2-fbp-card-info { flex:1; min-width:0; }
.bv2-fbp-card-name { display:block; font-weight:600; font-size:14px; color:#1e293b; }
.bv2-fbp-card-date { display:block; font-size:11px; color:#94a3b8; margin-top:1px; }
.bv2-fbp-card-rating { white-space:nowrap; }
.bv2-fbp-card-comment { margin:0 0 6px; font-size:13.5px; color:#475569; line-height:1.6; }
.bv2-fbp-card-svc { display:inline-block; background:#f1f5f9; color:#6366f1; font-size:11px; font-weight:600; padding:3px 10px; border-radius:6px; }

/* responsive */
@media(max-width:640px){
	.bv2-fbp-summary { flex-direction:column; text-align:center; gap:16px; }
	.bv2-fbp-avg { min-width:auto; }
	.bv2-fbp-bar-wrap { min-width:100%; }
	.bv2-fbp-title { font-size:18px; }
	.bv2-fb-star { font-size:30px; }
}

/* ══════════════════════════════════════════
   Shop Card Rating – .bv2-shop-rating
   ══════════════════════════════════════════ */
.bv2-shop-rating { display:flex; align-items:center; gap:6px; padding:8px 0 2px; }
.bv2-shop-stars { display:flex; gap:1px; }
.bv2-shop-star { font-size:15px; line-height:1; }
.bv2-star-full { color:#f59e0b; }
.bv2-star-half { color:#f59e0b; opacity:.55; }
.bv2-star-empty { color:#e2e8f0; }
.bv2-shop-rating-num { font-size:13px; font-weight:700; color:#1e293b; }
.bv2-shop-rating-count { font-size:12px; color:#94a3b8; }

/* ═══════════════════════════════════════════════════════════
   V2 — Staff Readonly Shop View (.bv2-staff-*)
   ═══════════════════════════════════════════════════════════ */
.bv2-staff-view {
	max-width: 720px;
	margin: 0 auto;
	animation: bv2FadeUp .45s ease both;
}

/* Header — shop avatar + name + staff badge */
.bv2-staff-header {
	display: flex;
	align-items: center;
	gap: 18px;
	background: linear-gradient(135deg, var(--berberim-primary), var(--berberim-primary-dark, #121225));
	color: #fff;
	padding: 28px 28px 24px;
	border-radius: 20px 20px 0 0;
}
.bv2-staff-avatar {
	width: 72px; height: 72px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid rgba(255,255,255,.3);
	flex-shrink: 0;
	box-shadow: 0 4px 16px rgba(0,0,0,.2);
}
.bv2-staff-avatar img {
	width: 100%; height: 100%; object-fit: cover;
	display: block;
}
.bv2-staff-avatar-placeholder {
	display: flex; align-items: center; justify-content: center;
	background: rgba(255,255,255,.12);
}
.bv2-staff-avatar-placeholder svg { color: rgba(255,255,255,.6); }
.bv2-staff-header-info { min-width: 0; }
.bv2-staff-shop-name {
	font-size: 22px;
	font-weight: 800;
	margin: 0 0 4px;
	line-height: 1.2;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bv2-staff-role-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(255,255,255,.15);
	padding: 5px 14px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	margin: 0;
	backdrop-filter: blur(4px);
}
.bv2-staff-role-badge svg { opacity: .8; }

/* Link bar */
.bv2-staff-link-bar {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	background: #f0fdf4;
	border-left: 1px solid #e5e7eb;
	border-right: 1px solid #e5e7eb;
	font-size: 13px;
}
.bv2-staff-link-bar svg { color: #059669; flex-shrink: 0; }
.bv2-staff-link-bar a {
	color: #059669;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bv2-staff-link-bar a:hover { text-decoration: underline; }

/* Info Cards Grid */
.bv2-staff-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 12px;
	padding: 20px;
	background: #f9fafb;
	border-left: 1px solid #e5e7eb;
	border-right: 1px solid #e5e7eb;
}
.bv2-staff-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	transition: all .2s ease;
}
.bv2-staff-card:hover {
	border-color: rgba(var(--berberim-primary-rgb),.25);
	box-shadow: 0 4px 16px rgba(0,0,0,.04);
	transform: translateY(-2px);
}
.bv2-staff-card-icon {
	width: 40px; height: 40px;
	border-radius: 12px;
	background: rgba(var(--berberim-primary-rgb),.08);
	display: flex; align-items: center; justify-content: center;
	margin-bottom: 2px;
}
.bv2-staff-card-icon svg { color: var(--berberim-primary); }
.bv2-staff-icon-phone { background: #ecfdf5; }
.bv2-staff-icon-phone svg { color: #059669; }
.bv2-staff-icon-city { background: #eff6ff; }
.bv2-staff-icon-city svg { color: #2563eb; }
.bv2-staff-icon-type { background: #fdf4ff; }
.bv2-staff-icon-type svg { color: #a855f7; }
.bv2-staff-icon-time { background: #fff7ed; }
.bv2-staff-icon-time svg { color: #ea580c; }
.bv2-staff-icon-email { background: #fef2f2; }
.bv2-staff-icon-email svg { color: #dc2626; }
.bv2-staff-card-label {
	font-size: 11px;
	font-weight: 600;
	color: #9ca3af;
	text-transform: uppercase;
	letter-spacing: .4px;
}
.bv2-staff-card-value {
	font-size: 15px;
	font-weight: 600;
	color: #1f2937;
	word-break: break-word;
}

/* Sections (address, services, social) */
.bv2-staff-section {
	padding: 16px 20px;
	border-left: 1px solid #e5e7eb;
	border-right: 1px solid #e5e7eb;
	background: #fff;
}
.bv2-staff-section + .bv2-staff-section {
	border-top: 1px solid #f3f4f6;
}
.bv2-staff-section-header {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 700;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: .3px;
	margin-bottom: 10px;
}
.bv2-staff-section-header svg { color: #9ca3af; }
.bv2-staff-section-text {
	font-size: 14px;
	color: #374151;
	line-height: 1.6;
	margin: 0;
}

/* Service Chips */
.bv2-staff-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.bv2-staff-chip {
	display: inline-block;
	padding: 6px 14px;
	background: rgba(var(--berberim-primary-rgb),.07);
	color: var(--berberim-primary);
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	border: 1px solid rgba(var(--berberim-primary-rgb),.12);
}

/* Social Tags */
.bv2-staff-socials {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.bv2-staff-social-tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	color: var(--social-color, #374151);
	background: color-mix(in srgb, var(--social-color, #374151) 8%, #fff);
	border: 1px solid color-mix(in srgb, var(--social-color, #374151) 15%, #fff);
	word-break: break-all;
}
.bv2-staff-social-tag svg {
	flex-shrink: 0;
	color: var(--social-color, #374151);
}

/* Empty */
.bv2-staff-empty {
	text-align: center;
	padding: 56px 24px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #e5e7eb;
}
.bv2-staff-empty p {
	font-size: 14px;
	color: #6b7280;
	margin: 14px 0 0;
}

/* Last section gets rounded bottom */
.bv2-staff-view > .bv2-staff-section:last-child,
.bv2-staff-view > .bv2-staff-grid:last-child {
	border-bottom: 1px solid #e5e7eb;
	border-radius: 0 0 20px 20px;
}
.bv2-staff-view > .bv2-staff-section:last-child {
	padding-bottom: 20px;
}

/* Responsive */
@media (max-width: 600px) {
	.bv2-staff-header {
		flex-direction: column;
		text-align: center;
		padding: 24px 18px 20px;
		gap: 12px;
	}
	.bv2-staff-shop-name {
		font-size: 18px;
		white-space: normal;
	}
	.bv2-staff-grid {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
		padding: 14px;
	}
	.bv2-staff-card { padding: 12px; }
	.bv2-staff-card-icon { width: 34px; height: 34px; border-radius: 10px; }
	.bv2-staff-card-icon svg { width: 16px; height: 16px; }
	.bv2-staff-card-value { font-size: 13px; }
	.bv2-staff-section { padding: 14px 16px; }
	.bv2-staff-link-bar { padding: 10px 16px; font-size: 12px; }
}
@media (max-width: 380px) {
	.bv2-staff-grid { grid-template-columns: 1fr; }
}

/* ──────────────────────────────────────────────
   V2 — Staff Readonly Services View
   ────────────────────────────────────────────── */
.berberim-svc-readonly .bv2-readonly-badge {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fef3c7;
	color: #92400e;
	font-size: .82rem;
	font-weight: 600;
	padding: 10px 16px;
	border-radius: 10px;
	margin: 0 20px 16px;
}
.berberim-svc-readonly .bv2-readonly-badge svg {
	flex-shrink: 0;
	color: #d97706;
}
.bv2-svc-readonly-list {
	padding: 0 20px 12px;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.bv2-svc-readonly-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border-bottom: 1px solid #f3f4f6;
	transition: background .15s;
}
.bv2-svc-readonly-row:last-child {
	border-bottom: none;
}
.bv2-svc-readonly-row:hover {
	background: #f9fafb;
}
.bv2-svc-readonly-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(var(--berberim-primary-rgb), .1);
	color: var(--berberim-primary);
	font-size: .75rem;
	font-weight: 700;
	flex-shrink: 0;
}
.bv2-svc-readonly-name {
	flex: 1;
	font-weight: 600;
	font-size: .9rem;
	color: #1f2937;
}
.bv2-svc-readonly-price {
	background: #ecfdf5;
	color: #065f46;
	padding: 4px 12px;
	border-radius: 20px;
	font-size: .78rem;
	font-weight: 700;
	white-space: nowrap;
}
.bv2-svc-readonly-dur {
	background: #ede9fe;
	color: #6d28d9;
	padding: 4px 10px;
	border-radius: 20px;
	font-size: .75rem;
	font-weight: 600;
	white-space: nowrap;
}
.bv2-svc-readonly-summary {
	padding: 12px 20px 16px;
	color: #6b7280;
	font-size: .82rem;
	border-top: 1px solid #f3f4f6;
}
@media (max-width: 480px) {
	.bv2-svc-readonly-row {
		flex-wrap: wrap;
		gap: 6px;
		padding: 10px 12px;
	}
	.bv2-svc-readonly-name { width: 100%; order: -1; }
	.berberim-svc-readonly .bv2-readonly-badge { margin: 0 12px 12px; font-size: .76rem; }
}

/* ──────────────────────────────────────────────
   V2 — Staff Readonly Products View
   ────────────────────────────────────────────── */
.berberim-prod-readonly .bv2-readonly-badge {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #fef3c7;
	color: #92400e;
	font-size: .82rem;
	font-weight: 600;
	padding: 10px 16px;
	border-radius: 10px;
	margin: 0 20px 16px;
}
.berberim-prod-readonly .bv2-readonly-badge svg {
	flex-shrink: 0;
	color: #d97706;
}
.bv2-prod-readonly-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
	padding: 0 20px 16px;
}
.bv2-prod-readonly-card {
	background: #fff;
	border: 1px solid #f3f4f6;
	border-radius: 14px;
	overflow: hidden;
	transition: box-shadow .2s, transform .15s;
}
.bv2-prod-readonly-card:hover {
	box-shadow: 0 4px 16px rgba(0,0,0,.07);
	transform: translateY(-2px);
}
.bv2-prod-readonly-img {
	width: 100%;
	height: 160px;
	overflow: hidden;
	background: #f9fafb;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bv2-prod-readonly-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bv2-prod-no-img {
	background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
}
.bv2-prod-no-img svg {
	opacity: .3;
}
.bv2-prod-readonly-body {
	padding: 14px 16px;
}
.bv2-prod-readonly-name {
	margin: 0 0 6px;
	font-size: .95rem;
	font-weight: 700;
	color: #1f2937;
}
.bv2-prod-readonly-desc {
	margin: 0 0 10px;
	font-size: .8rem;
	color: #6b7280;
	line-height: 1.4;
}
.bv2-prod-readonly-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	align-items: center;
}
.bv2-prod-readonly-stock,
.bv2-prod-readonly-vis {
	padding: 3px 10px;
	border-radius: 20px;
	font-size: .75rem;
	font-weight: 600;
	white-space: nowrap;
}
.bv2-stock-ok {
	background: #ecfdf5;
	color: #065f46;
}
.bv2-stock-empty {
	background: #fef2f2;
	color: #991b1b;
}
.bv2-vis-on {
	background: #ede9fe;
	color: #6d28d9;
}
.bv2-vis-off {
	background: #f3f4f6;
	color: #9ca3af;
}
@media (max-width: 480px) {
	.bv2-prod-readonly-grid {
		grid-template-columns: 1fr;
		padding: 0 12px 12px;
	}
	.berberim-prod-readonly .bv2-readonly-badge { margin: 0 12px 12px; font-size: .76rem; }
}

/* ── Staff Notifications Toggle Card (owner only) ── */
.bv2-notif-staff-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	background: linear-gradient(135deg, #f0f4ff 0%, #e8f0fe 100%);
	border: 1px solid #c7d8f4;
	border-radius: 14px;
	padding: 18px 22px;
	margin-bottom: 20px;
	transition: box-shadow .2s, opacity .2s;
}
.bv2-notif-staff-card.bv2-saving { opacity: .6; pointer-events: none; }
.bv2-notif-staff-card-left {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	flex: 1;
	min-width: 0;
}
.bv2-notif-staff-icon {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 4px rgba(0,0,0,.06);
	color: #4a6cf7;
}
.bv2-notif-staff-title {
	margin: 0 0 4px;
	font-size: 1rem;
	font-weight: 700;
	color: #1e293b;
}
.bv2-notif-staff-desc {
	margin: 0;
	font-size: .84rem;
	color: #64748b;
	line-height: 1.45;
}
.bv2-notif-staff-toggle {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 28px;
	flex-shrink: 0;
	cursor: pointer;
}
.bv2-notif-staff-toggle input { opacity: 0; width: 0; height: 0; }
.bv2-notif-staff-toggle .bv2-notif-toggle-slider {
	position: absolute;
	inset: 0;
	background: #cbd5e1;
	border-radius: 28px;
	transition: background .25s;
}
.bv2-notif-staff-toggle .bv2-notif-toggle-slider::before {
	content: '';
	position: absolute;
	left: 3px;
	top: 3px;
	width: 22px;
	height: 22px;
	background: #fff;
	border-radius: 50%;
	transition: transform .25s;
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.bv2-notif-staff-toggle input:checked + .bv2-notif-toggle-slider {
	background: #4a6cf7;
}
.bv2-notif-staff-toggle input:checked + .bv2-notif-toggle-slider::before {
	transform: translateX(24px);
}
@media (max-width: 600px) {
	.bv2-notif-staff-card {
		flex-direction: column;
		align-items: flex-start;
		padding: 14px 16px;
	}
	.bv2-notif-staff-toggle {
		align-self: flex-end;
		margin-top: -6px;
	}
}

/* ── Owner Badge in providers table ── */
.bv2-owner-badge {
	display: inline-block;
	padding: 2px 10px;
	font-size: .72rem;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, #4a6cf7, #6366f1);
	border-radius: 20px;
	letter-spacing: .02em;
	vertical-align: middle;
	margin-left: 6px;
	white-space: nowrap;
}

/* ── Claim / Invite Form (V2) ── */
.bv2-claim-gate {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 320px;
	padding: 24px 16px;
}
.bv2-claim-card {
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 4px 24px rgba(0,0,0,.07);
	padding: 36px 32px;
	max-width: 460px;
	width: 100%;
	text-align: center;
}
.bv2-claim-card--info { border-top: 4px solid #f59e0b; }
.bv2-claim-card--success { border-top: 4px solid #10b981; }
.bv2-claim-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	margin-bottom: 18px;
}
.bv2-claim-icon--lock { background: #f3f4f6; color: #6b7280; }
.bv2-claim-icon--owner { background: #fef3c7; color: #d97706; }
.bv2-claim-icon--check { background: #d1fae5; color: #059669; }
.bv2-claim-icon--invite { background: #ede9fe; color: #7c3aed; }
.bv2-claim-title {
	margin: 0 0 10px;
	font-size: 1.25rem;
	font-weight: 700;
	color: #1e293b;
}
.bv2-claim-desc {
	margin: 0 0 20px;
	font-size: .92rem;
	color: #64748b;
	line-height: 1.55;
}
.bv2-claim-meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: #f8fafc;
	border-radius: 12px;
	padding: 14px 18px;
	margin-top: 18px;
}
.bv2-claim-meta-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: .88rem;
	color: #334155;
}
.bv2-claim-meta-item svg { color: #94a3b8; flex-shrink: 0; }
.bv2-claim-actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}
.bv2-claim-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 22px;
	border-radius: 10px;
	font-size: .92rem;
	font-weight: 600;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: background .2s, transform .15s, box-shadow .2s;
}
.bv2-claim-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,.1); }
.bv2-claim-btn:active { transform: translateY(0); }
.bv2-claim-btn--primary {
	background: linear-gradient(135deg, #4a6cf7, #6366f1);
	color: #fff;
}
.bv2-claim-btn--secondary {
	background: #f1f5f9;
	color: #475569;
}
.bv2-claim-btn--secondary:hover { background: #e2e8f0; }
.bv2-claim-btn:disabled {
	opacity: .6;
	cursor: not-allowed;
	transform: none !important;
}
.bv2-claim-form-inner {
	text-align: left;
	margin-top: 4px;
}
.bv2-claim-field { margin-bottom: 16px; }
.bv2-claim-label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: .84rem;
	font-weight: 600;
	color: #475569;
	margin-bottom: 6px;
}
.bv2-claim-input {
	width: 100%;
	padding: 11px 14px;
	border: 1.5px solid #e2e8f0;
	border-radius: 10px;
	font-size: .95rem;
	color: #1e293b;
	background: #f8fafc;
	transition: border-color .2s, box-shadow .2s;
	box-sizing: border-box;
}
.bv2-claim-input:focus {
	outline: none;
	border-color: #4a6cf7;
	box-shadow: 0 0 0 3px rgba(74,108,247,.12);
	background: #fff;
}
.bv2-claim-submit {
	width: 100%;
	justify-content: center;
}
.bv2-claim-result {
	margin-top: 14px;
	padding: 12px 16px;
	border-radius: 10px;
	font-size: .88rem;
	font-weight: 500;
	display: none;
	align-items: center;
	gap: 8px;
}
.bv2-claim-result--success {
	display: flex;
	background: #d1fae5;
	color: #065f46;
}
.bv2-claim-result--error {
	display: flex;
	background: #fee2e2;
	color: #991b1b;
}
@keyframes bv2-spin { to { transform: rotate(360deg); } }
.bv2-spin { animation: bv2-spin .7s linear infinite; }
@media (max-width: 480px) {
	.bv2-claim-card { padding: 24px 18px; }
	.bv2-claim-icon { width: 60px; height: 60px; }
	.bv2-claim-icon svg { width: 36px; height: 36px; }
	.bv2-claim-title { font-size: 1.1rem; }
}