/* Phase 8.3 Settings Tabs and Print Layout Studio */
.settings-tabs-shell { margin-bottom: 16px; }
.settings-tabbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.settings-tabbar .tab-chip { cursor: pointer; font-weight: 800; }
.settings-tab-panel { display: none; }
.settings-tab-panel.active { display: block; }
.preview-actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 16px; padding: 12px; border-radius: 14px; background: var(--bg-soft); border: 1px solid var(--line); }
.section-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; }
.section-head h2 { margin: 0; }
.section-help { color: var(--muted); font-weight: 600; }
.tabbed-settings-grid .toggle span { color: var(--ink) !important; font-weight: 700; }
@media (max-width: 768px) { .section-head { flex-direction: column; align-items: stretch; } .section-head .button { width: 100%; } }

/* Phase 8.4 Appointment → Measurement/Repair → Shop/Tender workflow */
.wrap-actions { flex-wrap: wrap; }
.muted-text { color: #475569; font-weight: 700; line-height: 1.45; }
.shop-layout { display: grid; grid-template-columns: minmax(420px, 1.05fr) minmax(420px, .95fr); gap: 20px; align-items: start; }
.shop-cart-panel, .shop-products-panel { min-height: 620px; }
.shop-total-bar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 16px; padding: 14px; }
.shop-total-bar div { background: #fff; border: 1px solid #fed7aa; border-radius: 12px; padding: 12px; }
.shop-total-bar span { display:block; color:#475569; font-weight:800; font-size:13px; }
.shop-total-bar strong { color:#0b1b34; font-size:20px; }
.barcode-entry { display:block; margin-bottom: 14px; }
.barcode-entry input { width: 100%; }
.service-pick-grid, .product-button-grid { max-height: 290px; overflow:auto; padding-right:4px; }
.service-pick span, .product-button span { display:block; font-size:12px; margin-top:4px; color:#fff !important; }
.checkbox-line { display:flex !important; align-items:center; gap:10px; font-weight:800; }
.checkbox-line input { width:auto; }
@media (max-width: 1150px) { .shop-layout { grid-template-columns: 1fr; } }