/* CRM V2 appointments. The shell owns theme and tenant brand tokens. */
html[data-crm-ui="v2"] .appt-page,
html[data-crm-ui="v2"] .appt-modal {
    --appt-radius:12px;
    --appt-accent-text:var(--text-primary,#0b1f2a);
    font-size:14px;
    line-height:1.45;
    font-variant-numeric:tabular-nums;
}
html[data-crm-ui="v2"] .appt-page { min-width:0; }
html[data-crm-ui="v2"] .appt-page .appt-page-header { align-items:center; margin-bottom:20px; }
html[data-crm-ui="v2"] .appt-page .appt-page-title { font-size:22px; font-weight:650; letter-spacing:-.01em; }
html[data-crm-ui="v2"] .appt-page .appt-page-subtitle { font-size:12.5px; color:var(--text-secondary); }
html[data-crm-ui="v2"] .appt-page .appt-header-actions { align-items:center; }
html[data-crm-ui="v2"] .appt-page .btn { min-height:38px; border-radius:9px; font-size:13px; box-shadow:none; }
html[data-crm-ui="v2"] .appt-page .appt-v2-workspace { display:grid; grid-template-columns:228px minmax(0,1fr); gap:20px; align-items:start; }
html[data-crm-ui="v2"] .appt-page .appt-v2-sidebar { display:flex; flex-direction:column; gap:20px; min-width:0; }
html[data-crm-ui="v2"] .appt-page .appt-v2-main { min-width:0; }
html[data-crm-ui="v2"] .appt-page #appt-mini-calendar { border:1px solid var(--border-color); border-radius:12px; padding:12px; background:var(--bg-card); }
html[data-crm-ui="v2"] .appt-page .appt-mini-heading { display:flex; align-items:center; justify-content:space-between; gap:4px; margin-bottom:10px; font-size:13px; }
html[data-crm-ui="v2"] .appt-page .appt-mini-heading > div { display:flex; }
html[data-crm-ui="v2"] .appt-page .appt-mini-heading button { width:30px; height:32px; border:0; border-radius:8px; background:transparent; color:var(--text-secondary); cursor:pointer; }
html[data-crm-ui="v2"] .appt-page .appt-mini-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:2px; }
html[data-crm-ui="v2"] .appt-page .appt-mini-grid button,
html[data-crm-ui="v2"] .appt-page .appt-mini-weekday { position:relative; display:grid; place-items:center; height:30px; min-width:0; border:0; border-radius:8px; background:transparent; color:var(--text-primary); font:inherit; font-size:12px; }
html[data-crm-ui="v2"] .appt-page .appt-mini-weekday { color:var(--text-muted); font-size:11px; }
html[data-crm-ui="v2"] .appt-page .appt-mini-grid button { cursor:pointer; }
html[data-crm-ui="v2"] .appt-page .appt-mini-grid button.today { box-shadow:inset 0 0 0 1px var(--primary); color:var(--text-primary); font-weight:700; }
html[data-crm-ui="v2"] .appt-page .appt-mini-grid button.outside { color:var(--text-muted); opacity:.7; }
html[data-crm-ui="v2"] .appt-page .appt-mini-grid button.selected { background:color-mix(in srgb,var(--primary) 15%,var(--bg-card)); color:var(--text-primary); box-shadow:inset 0 0 0 1px var(--primary); opacity:1; font-weight:700; }
html[data-crm-ui="v2"] .appt-page .appt-mini-dot { position:absolute; bottom:3px; width:3px; height:3px; border-radius:50%; background:currentColor; }
html[data-crm-ui="v2"] .appt-page .appt-staff-panel { margin:0; padding:0; border:0; background:transparent; }
html[data-crm-ui="v2"] .appt-page .appt-staff-panel-heading { font-size:12px; font-weight:600; margin-bottom:10px; color:var(--text-secondary); flex-wrap:wrap; }
html[data-crm-ui="v2"] .appt-page .appt-staff-select { display:none; }
html[data-crm-ui="v2"] .appt-page .appt-staff-rail { display:flex; flex-direction:column; overflow:visible; gap:4px; }
html[data-crm-ui="v2"] .appt-page .appt-staff-chip { width:100%; min-height:44px; border:1px solid transparent; border-radius:9px; padding:7px 9px; background:transparent; }
html[data-crm-ui="v2"] .appt-page .appt-staff-chip.active { border-color:color-mix(in srgb,var(--primary) 30%,var(--border-color)); background:color-mix(in srgb,var(--primary) 8%,var(--bg-card)); color:var(--text-primary); }
html[data-crm-ui="v2"] .appt-page .appt-staff-chip-name { flex:1; text-align:start; font-size:13px; }
html[data-crm-ui="v2"] .appt-page .appt-staff-avatar { width:28px; height:28px; font-size:12px; }
html[data-crm-ui="v2"] .appt-page .appt-staff-chip-count { margin-inline-start:auto; }
html[data-crm-ui="v2"] .appt-page .appt-toolbar { padding:0 0 12px; background:transparent; border:0; border-radius:0; gap:8px; }
html[data-crm-ui="v2"] .appt-page .appt-view-toggle { padding:3px; border:0; border-radius:10px; background:var(--bg-secondary); }
html[data-crm-ui="v2"] .appt-page .appt-view-toggle button { min-height:32px; border:0; border-radius:8px; font-size:12.5px; padding:0 10px; font-weight:600; }
html[data-crm-ui="v2"] .appt-page .appt-view-toggle button.active { color:var(--text-primary); background:var(--bg-card); box-shadow:0 1px 2px rgb(5 35 48 / 12%); }
html[data-crm-ui="v2"] .appt-page .appt-search-field { margin-inline-start:auto; flex:1 1 140px; max-width:280px; }
html[data-crm-ui="v2"] .appt-page .appt-search-field input { min-height:38px; font-size:13px; }
html[data-crm-ui="v2"] .appt-page .appt-more-filters summary { min-height:38px; }
html[data-crm-ui="v2"] .appt-page .appt-cal-nav { display:flex; justify-content:space-between; gap:12px; padding:14px 16px; }
html[data-crm-ui="v2"] .appt-page .appt-cal-title { font-size:15px; font-weight:650; text-align:start; }
html[data-crm-ui="v2"] .appt-page .appt-cal-nav-actions { flex-shrink:0; }
html[data-crm-ui="v2"] .appt-page .appt-calendar-hint { margin:0; padding:10px 16px; color:var(--text-secondary); font-size:12px; background:var(--bg-secondary); border-bottom:1px solid var(--border-color); }
html[data-crm-ui="v2"] .appt-page .appt-timeline-scroll { max-height:70vh; }
html[data-crm-ui="v2"] .appt-page .appt-timeline-head { background:var(--bg-card); height:54px; font-weight:600; }
html[data-crm-ui="v2"] .appt-page .appt-time-label { font-size:11px; font-weight:500; }
html[data-crm-ui="v2"] .appt-page .appt-cal-event { border-color:color-mix(in srgb,var(--staff-color,var(--primary)) 28%,var(--border-color)); background:color-mix(in srgb,var(--staff-color,var(--primary)) 9%,var(--bg-card)); box-shadow:none; border-radius:8px; }
html[data-crm-ui="v2"] .appt-page .appt-cal-event-time { color:var(--text-primary); font-size:11px; font-weight:600; }
html[data-crm-ui="v2"] .appt-page .appt-cal-event-name { font-size:13px; font-weight:600; }
html[data-crm-ui="v2"] .appt-page .appt-cal-event-staff { font-size:11px; font-weight:500; color:var(--text-secondary); }
html[data-crm-ui="v2"] .appt-page .appt-cal-event .appt-picker-meta { font-size:11px; }
html[data-crm-ui="v2"] .appt-page .appt-week-date { border:0; background:transparent; color:inherit; font:inherit; min-height:38px; cursor:pointer; }
html[data-crm-ui="v2"] .appt-page .appt-month-scroll { max-width:100%; overflow:auto; }
html[data-crm-ui="v2"] .appt-page .appt-month-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); min-width:650px; }
html[data-crm-ui="v2"] .appt-page .appt-month-weekday { padding:10px; font-size:12px; color:var(--text-secondary); text-align:center; background:var(--bg-secondary); border-bottom:1px solid var(--border-color); }
html[data-crm-ui="v2"] .appt-page .appt-month-day { min-height:145px; padding:6px; min-width:0; border-inline-end:1px solid var(--border-color); border-bottom:1px solid var(--border-color); }
html[data-crm-ui="v2"] .appt-page .appt-month-day.outside { background:var(--bg-secondary); }
html[data-crm-ui="v2"] .appt-page .appt-month-day.today { background:color-mix(in srgb,var(--primary) 5%,var(--bg-card)); }
html[data-crm-ui="v2"] .appt-page .appt-month-day-number { width:30px; height:30px; border:0; border-radius:8px; background:transparent; color:var(--text-primary); font:inherit; font-size:12px; cursor:pointer; }
html[data-crm-ui="v2"] .appt-page .appt-month-day.today .appt-month-day-number { color:var(--text-primary); background:color-mix(in srgb,var(--primary) 15%,var(--bg-card)); box-shadow:inset 0 0 0 1px var(--primary); }
html[data-crm-ui="v2"] .appt-page .appt-month-events { display:grid; gap:4px; }
html[data-crm-ui="v2"] .appt-page .appt-month-events .appt-cal-event { display:flex; align-items:center; gap:5px; padding:5px; min-height:30px; }
html[data-crm-ui="v2"] .appt-page .appt-month-events .appt-cal-event-name { font-size:11px; }
html[data-crm-ui="v2"] .appt-page .appt-month-events .appt-cal-event-staff,
html[data-crm-ui="v2"] .appt-page .appt-month-events .appt-picker-meta,
html[data-crm-ui="v2"] .appt-page .appt-month-events .appt-event-status { display:none; }
html[data-crm-ui="v2"] .appt-page .appt-month-events .appt-cal-event-time { white-space:nowrap; font-size:10px; }
html[data-crm-ui="v2"] .appt-page .appt-month-more { border:0; background:transparent; color:var(--text-primary); font:inherit; font-size:11px; min-height:30px; cursor:pointer; text-align:start; }
html[data-crm-ui="v2"] .appt-page .appt-table th { background:var(--bg-secondary); text-transform:none; letter-spacing:0; font-size:12px; font-weight:500; }
html[data-crm-ui="v2"] .appt-page .appt-table td { padding:14px 12px; font-size:13px; }
html[data-crm-ui="v2"] .appt-page .appt-details-btn { min-height:36px; }
html[data-crm-ui="v2"] .appt-modal { border-radius:14px; border:1px solid var(--border-color); background:var(--bg-card); box-shadow:0 24px 80px rgb(5 35 48 / 20%); }
html[data-crm-ui="v2"] .appt-modal .modal-header { padding:18px 22px; }
html[data-crm-ui="v2"] .appt-modal .modal-header h3 { font-size:18px; font-weight:650; }
html[data-crm-ui="v2"] .appt-modal .modal-body { padding:20px 22px; }
html[data-crm-ui="v2"] .appt-modal .modal-footer { padding:14px 22px; border-top:1px solid var(--border-color); background:var(--bg-secondary); gap:8px; }
html[data-crm-ui="v2"] .appt-modal .btn,
html[data-crm-ui="v2"] .appt-modal .form-control { min-height:40px; border-radius:9px; font-size:13px; }
html[data-crm-ui="v2"] .appt-modal .appt-stepper { padding:16px 22px; gap:8px; background:var(--bg-secondary); }
html[data-crm-ui="v2"] .appt-modal .appt-step { font-size:12px; }
html[data-crm-ui="v2"] .appt-modal .appt-step.active .appt-step-dot { background:var(--primary); border-color:var(--primary); }
html[data-crm-ui="v2"] .appt-modal .appt-step.done .appt-step-dot { background:color-mix(in srgb,var(--primary) 8%,var(--bg-card)); }
html[data-crm-ui="v2"] .appt-modal .appt-block-tabs button.active { color:var(--text-primary); background:color-mix(in srgb,var(--primary) 12%,var(--bg-card)); border-color:var(--primary); }
html[data-crm-ui="v2"] .appt-modal .appt-block-status { color:var(--text-primary); background:color-mix(in srgb,var(--primary) 10%,var(--bg-card)); }
html[data-crm-ui="v2"] .appt-modal .appt-block-status.cancelled { color:var(--text-secondary); background:var(--bg-secondary); }
html[data-crm-ui="v2"] .appt-modal .appt-slot.selected,
html[data-crm-ui="v2"] .appt-modal .appt-slot:hover,
html[data-crm-ui="v2"] .appt-modal .appt-date-card.selected,
html[data-crm-ui="v2"] .appt-modal .appt-date-card:hover,
html[data-crm-ui="v2"] .appt-modal .appt-date-card.selected .appt-date-day,
html[data-crm-ui="v2"] .appt-modal .appt-date-card:hover .appt-date-day,
html[data-crm-ui="v2"] .appt-modal .appt-date-card:hover .appt-date-number,
html[data-crm-ui="v2"] .appt-modal .appt-date-card.selected .appt-date-number { color:var(--text-primary); background:color-mix(in srgb,var(--primary) 10%,var(--bg-card)); border-color:var(--primary); }
html[data-crm-ui="v2"] .appt-modal .appt-picker-title { font-size:14px; font-weight:600; }
html[data-crm-ui="v2"] .appt-modal .appt-picker-meta { font-size:12px; }
html[data-crm-ui="v2"] .appt-modal .appt-summary-row { padding:12px 14px; font-size:13px; }
html[data-crm-ui="v2"] .appt-modal .appt-detail-card { padding:14px; background:var(--bg-card); }
html[data-crm-ui="v2"] .appt-modal .appt-detail-label { font-size:12px; }
html[data-crm-ui="v2"] .appt-modal .appt-detail-card .appt-staff-change { display:flex; width:max-content; max-width:100%; white-space:normal; margin-top:8px; }
html[data-crm-ui="v2"] .appt-modal .appt-detail-card .appt-staff-label { max-width:100%; overflow-wrap:anywhere; }
html[data-crm-ui="v2"] #appt-detail-modal { justify-content:flex-end; padding:0; }
html[data-crm-ui="v2"] #appt-detail-modal .appt-modal { width:min(560px,100vw); max-width:100vw; min-height:100dvh; max-height:100dvh; margin:0; border-radius:14px 0 0 14px; }
html[data-crm-ui="v2"] #appt-detail-modal .modal-body { flex:1; }
html[data-crm-ui="v2"] .appt-page :is(button,input,select,summary):focus-visible,
html[data-crm-ui="v2"] .appt-modal :is(button,input,select,textarea):focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
/* V2 appointment messages retain the existing immutable preview and outcome text. */
html[data-crm-ui="v2"] #appt-message-modal fieldset { border:1px solid var(--border-color); border-radius:10px; padding:16px !important; }
html[data-crm-ui="v2"] #appt-message-modal legend { max-width:100%; padding:0 6px; font-weight:600; overflow-wrap:anywhere; }
html[data-crm-ui="v2"] #appt-message-modal fieldset > .form-label { margin-top:12px; }
html[data-crm-ui="v2"] #appt-message-modal fieldset > p { margin:10px 0; }
html[data-crm-ui="v2"] #appt-message-modal [data-message-preview] { padding:12px; border:1px solid var(--border-color); border-radius:9px; background:var(--bg-secondary); }
html[data-crm-ui="v2"] #appt-message-modal [data-message-outcome]:not(:empty) { margin-top:12px; padding-top:12px; border-top:1px solid var(--border-color); font-weight:600; }
@media(max-width:1200px) {
    html[data-crm-ui="v2"] .appt-page .appt-v2-workspace { grid-template-columns:minmax(0,1fr); gap:12px; }
    html[data-crm-ui="v2"] .appt-page #appt-mini-calendar { display:none; }
    html[data-crm-ui="v2"] .appt-page .appt-staff-rail { flex-direction:row; overflow:auto; padding-bottom:4px; }
    html[data-crm-ui="v2"] .appt-page .appt-staff-chip { width:auto; flex-shrink:0; }
}
@media(max-width:768px) {
    html[data-crm-ui="v2"] .appt-page .appt-toolbar { margin-bottom:0; }
    html[data-crm-ui="v2"] .appt-page .appt-bulk-toolbar { gap:6px !important; padding-block:8px !important; }
    html[data-crm-ui="v2"] .appt-page .appt-bulk-toolbar > :is(button,select) { min-height:44px; max-width:100%; }
    html[data-crm-ui="v2"] .appt-page .appt-bulk-toolbar + .appt-table-wrap .appt-table td { grid-area:auto; padding:0; text-align:start; }
    html[data-crm-ui="v2"] .appt-page .appt-bulk-toolbar + .appt-table-wrap .appt-table td::before { display:block; content:attr(data-label); font-size:11px; font-weight:500; margin-bottom:2px; }
    html[data-crm-ui="v2"] .appt-page .appt-bulk-toolbar + .appt-table-wrap .appt-table td.appt-mobile-wide { grid-column:1/-1; }
}
@media(max-width:600px) {
    html[data-crm-ui="v2"] .appt-page .appt-page-header { flex-wrap:wrap; align-items:flex-start; gap:12px; }
    html[data-crm-ui="v2"] .appt-page .appt-page-title { font-size:22px; }
    html[data-crm-ui="v2"] .appt-page .appt-header-actions { margin-inline-start:auto; }
    html[data-crm-ui="v2"] .appt-page .appt-toolbar { gap:10px; }
    html[data-crm-ui="v2"] .appt-page .appt-view-toggle { display:flex; width:100%; }
    html[data-crm-ui="v2"] .appt-page .appt-view-toggle button { flex:1; padding:0 5px; min-height:44px; }
    html[data-crm-ui="v2"] .appt-page .appt-view-toggle i { display:none; }
    html[data-crm-ui="v2"] .appt-page .appt-search-field { max-width:none; }
    html[data-crm-ui="v2"] .appt-page .appt-cal-nav { flex-wrap:wrap; padding:12px; }
    html[data-crm-ui="v2"] .appt-page .appt-cal-title { flex-basis:100%; }
    html[data-crm-ui="v2"] .appt-page .appt-cal-nav-actions { margin-inline-start:auto; }
    html[data-crm-ui="v2"] .appt-page .btn,
    html[data-crm-ui="v2"] .appt-page .appt-more-filters summary,
    html[data-crm-ui="v2"] .appt-page .appt-details-btn,
    html[data-crm-ui="v2"] .appt-page .appt-month-grid button,
    html[data-crm-ui="v2"] .appt-modal :is(.btn,.form-control,.appt-slot,.appt-picker-card) { min-height:44px; }
    html[data-crm-ui="v2"] .appt-page .appt-agenda-day { padding:12px; }
    html[data-crm-ui="v2"] .appt-page .appt-agenda-items { gap:10px; }
    html[data-crm-ui="v2"] .appt-page .appt-agenda-items .appt-cal-event { padding:12px; }
    html[data-crm-ui="v2"] .appt-page .appt-calendar-hint { padding:10px 12px; }
    html[data-crm-ui="v2"] .appt-modal .modal-header,
    html[data-crm-ui="v2"] .appt-modal .modal-body,
    html[data-crm-ui="v2"] .appt-modal .modal-footer { padding:16px; }
    html[data-crm-ui="v2"] .appt-modal .appt-stepper { padding:12px 10px; gap:3px; }
    html[data-crm-ui="v2"] .appt-modal .appt-step { font-size:10.5px; }
    html[data-crm-ui="v2"] #appt-detail-modal .appt-modal { border-radius:0; }
}
/* Order transaction controls use the existing commerce surfaces and tokens. */
html[data-crm-ui="v2"] .commerce-order-history-list { display:grid; gap:14px; list-style:none; padding:0; margin:12px 0; }
html[data-crm-ui="v2"] .commerce-order-history-event { border-block-start:1px solid var(--border-color); padding-block-start:12px; overflow-wrap:anywhere; }
html[data-crm-ui="v2"] .commerce-order-history-event header { display:grid; gap:4px; }
html[data-crm-ui="v2"] .commerce-order-history-event time { font-size:12px; color:var(--text-secondary); }
html[data-crm-ui="v2"] .commerce-order-history-details { display:grid; gap:8px; margin:10px 0; }
html[data-crm-ui="v2"] .commerce-order-history-details div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; }
html[data-crm-ui="v2"] .commerce-order-history-details dd { margin:0; }
html[data-crm-ui="v2"] .commerce-order-history-items { padding-inline-start:18px; }
html[data-crm-ui="v2"] .commerce-order-history-items span { display:block; font-size:12px; }
html[data-crm-ui="v2"] .commerce-order-history-pagination { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
html[data-crm-ui="v2"] .commerce-order-line-snapshot { grid-column:1/-1; display:grid; gap:6px; min-width:0; }
html[data-crm-ui="v2"] .commerce-order-line-snapshot .commerce-help { overflow-wrap:anywhere; margin:0 0 8px; }
html[data-crm-ui="v2"] .commerce-order-variant-snapshot { display:block; color:var(--text-secondary); font-size:12px; }
html[data-crm-ui="v2"] .commerce-order-notification { display:grid; gap:10px; }
html[data-crm-ui="v2"] .commerce-order-notify-choice { display:flex; gap:8px; align-items:flex-start; font-size:13px; }
html[data-crm-ui="v2"] .commerce-order-notify-choice input { margin-block-start:3px; flex-shrink:0; }
html[data-crm-ui="v2"] .commerce-order-notification-dialog { width:min(640px,94vw); }
html[data-crm-ui="v2"] .commerce-order-notify-content { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; padding:12px; background:var(--bg-secondary); border-radius:8px; }
html[data-crm-ui="v2"] .commerce-order-internal-note { display:grid; gap:10px; }
html[data-crm-ui="v2"] .commerce-order-internal-note label { display:grid; gap:6px; }
html[data-crm-ui="v2"] .commerce-order-internal-note textarea { resize:vertical; }
html[data-crm-ui="v2"] .commerce-order-scheduled { overflow-wrap:anywhere; }
html[data-crm-ui="v2"] .commerce-order-scheduled small { display:block; margin-top:4px; }
html[data-crm-ui="v2"] [data-crm-order-modal] .modal-header > :is(h3,div) { min-width:0; overflow-wrap:anywhere; }
html[data-crm-ui="v2"] [data-crm-order-modal] .modal-close { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; }
html[data-crm-ui="v2"] .commerce-order-financial-summary { display:grid; gap:10px; margin:16px 0 0; padding-top:14px; border-top:1px solid var(--border-color); min-width:0; }
html[data-crm-ui="v2"] .commerce-order-financial-summary > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
html[data-crm-ui="v2"] .commerce-order-financial-summary :is(dt,dd) { min-width:0; overflow-wrap:anywhere; margin:0; }
html[data-crm-ui="v2"] .commerce-order-financial-summary dd { text-align:right; }
html[data-crm-ui="v2"] .commerce-order-financial-summary [data-order-total="total_amount"] { padding-top:10px; border-top:1px solid var(--border-color); font-weight:700; }
html[data-crm-ui="v2"] .commerce-order-filters { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin:12px 0 18px; }
html[data-crm-ui="v2"] .commerce-order-filters label,
html[data-crm-ui="v2"] .commerce-order-financial-fields label,
html[data-crm-ui="v2"] .commerce-order-payment label { display:grid; gap:6px; font-size:13px; font-weight:600; }
html[data-crm-ui="v2"] .commerce-order-filters label { flex:1 1 150px; grid-template-columns:minmax(0,1fr); }
html[data-crm-ui="v2"] .commerce-order-filters label > .form-control { min-width:0; }
html[data-crm-ui="v2"] .commerce-order-financial-fields { margin-bottom:16px; }
html[data-crm-ui="v2"] .commerce-order-payment { display:grid; gap:12px; }
html[data-crm-ui="v2"] .commerce-order-finance-badges { display:flex; flex-wrap:wrap; gap:8px; color:var(--text-secondary); font-size:12px; margin-bottom:10px; }
html[data-crm-ui="v2"] [data-order-quote] { min-height:44px; margin:12px 0; }
@media(max-width:640px) { html[data-crm-ui="v2"] .commerce-order-filters label { flex-basis:calc(50% - 12px); min-width:0; } html[data-crm-ui="v2"] .commerce-order-filters .btn { width:100%; min-height:44px; } }

/* V2 order forms: distinguish picker labels and retain native select affordances. */
html[data-crm-ui="v2"] [data-crm-order-modal] .commerce-order-new-dialog .commerce-order-catalog-picker > label:not([hidden]) { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; min-width:0; }
html[data-crm-ui="v2"] [data-crm-order-modal] .commerce-order-new-dialog .commerce-order-catalog-picker > label:not([hidden]) > select.form-control { display:block; width:100%; min-width:0; max-width:100%; }
html[data-crm-ui="v2"] [data-crm-order-modal] .commerce-order-new-dialog select.form-control { appearance:auto; -webkit-appearance:auto; background-image:none; padding-inline-end:2.25rem; }