/* ═══ CALENDAR — Strict Grid Style ═══ */
/* Header */
.cal-week-header-cell{
 padding:10px 8px 8px;text-align:center;font-size:11px;font-weight:600;
 border-left:1px solid var(--border);background:var(--bg-surface);
 letter-spacing:.03em;color:var(--text-secondary);
}
.cal-week-header-cell.today-col{background:var(--user-light);color:var(--user-primary)}
.cal-week-header-cell .day-num{font-size:20px;font-weight:800;display:block;margin-top:2px;color:var(--text-primary)}
.cal-week-header-cell.today-col .day-num{
 background:var(--action-primary,var(--user-primary));color:#fff;border-radius:50%;
 width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;
}
.cal-week-header-cell.off-col{background:var(--bg-surface-2)}
.cal-week-header-cell.off-col .day-num{color:var(--text-muted)}
/* Time column */
.cal-time-slot{
 height:60px;border-bottom:1px solid var(--border-light);
 display:flex;align-items:flex-start;justify-content:flex-end;
 padding:4px 8px 0;font-size:10px;font-weight:600;
 color:var(--text-muted);letter-spacing:.03em;
}
/* Day columns */
.cal-day-col{border-left:1px solid var(--border);position:relative;background:var(--bg-surface)}
.cal-day-col.today-col{background:var(--user-light);background:color-mix(in srgb,var(--user-light) 30%,var(--bg-surface))}

.cal-work-band{position:absolute;left:0;right:0;background:rgba(0,0,0,.018);pointer-events:none;z-index:0}
/* ── CALENDAR SLOT SYSTEM — единые константы ── */
/* Все слоты: left/right:4px, border-radius:6px, padding:4px 8px */

/* Bookings — strict card style */
.cal-booking{
 position:absolute;left:4px;right:4px;
 border-radius:6px;padding:5px 8px;
 cursor:grab;user-select:none;z-index:5;
 border-left:3px solid;overflow:hidden;
 transition:filter .12s,z-index 0s;
 pointer-events:all;box-sizing:border-box;
 margin-top:2px;
}
.cal-booking:hover{filter:brightness(.93);z-index:6}
.cal-booking:active{cursor:grabbing}
.cal-booking.dragging{opacity:.4;z-index:10;filter:brightness(.88);box-shadow:none!important}
/* Подсветка целевого слота при drag & drop */
.cal-slot-highlight{
 animation:calSlotPulse .5s ease-in-out infinite alternate;
}
@keyframes calSlotPulse{
 from{opacity:.85;}
 to{opacity:1;}
}
body.dark .cal-slot-highlight{
 background:color-mix(in srgb,var(--accent) 18%,transparent)!important;
}
.cal-booking-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.cal-booking-type{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}

.cal-booking-addr{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
/* Now line */
.cal-now-line{position:absolute;left:0;right:0;height:1.5px;background:#ef4444;z-index:5;pointer-events:none}
.cal-now-line::before{content:'';width:7px;height:7px;background:#ef4444;border-radius:50%;position:absolute;left:-3px;top:-3px}
/* Hour grid lines */
.cal-hour-line{position:absolute;left:0;right:0;border-top:1px solid var(--border-light);pointer-events:none}
.cal-half-line{position:absolute;left:0;right:0;border-top:1px dashed var(--border-light);opacity:.5;pointer-events:none}
/* cal-slot-box — см. определение в разделе redesigned ниже */
.cal-slot-buffer{position:absolute;left:4px;right:4px;background:repeating-linear-gradient(
 45deg,transparent,transparent 3px,var(--border-light) 3px,var(--border-light) 4px);
 border-radius:4px;opacity:.6;pointer-events:none;z-index:1}
/* Free slot (no template) */
.cal-slot{position:absolute;left:0;right:0;cursor:pointer;z-index:1;transition:background .1s;border-bottom:1px dashed transparent}
.cal-slot:hover{background:var(--user-light);border-bottom-color:var(--user-primary)}
.cal-slot-label{
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 font-size:11px;font-weight:600;color:var(--user-primary);
 opacity:0;transition:opacity .1s;pointer-events:none;white-space:nowrap;
 display:flex;align-items:center;gap:4px;
}

/* MONTH GRID */
.cal-month-head{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:2px solid var(--border)}
.cal-month-head-cell{
 text-align:center;font-size:10px;font-weight:700;color:var(--text-muted);
 padding:8px 0;text-transform:uppercase;letter-spacing:.08em;
}
.cal-month-body{display:grid;grid-template-columns:repeat(7,1fr)}
.cal-month-cell{
 min-height:96px;padding:6px 8px;
 border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);
 background:var(--bg-surface);position:relative;cursor:default;
}
/* Подписи П/В для режима «Оба» */
.cal-month-split-head{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:2px}
.cal-month-split-head span{font-size:8px;font-weight:700;letter-spacing:.06em;opacity:.45;padding:0 2px}
.cal-month-cell.today-cell{background:var(--user-light)}
.cal-month-cell.off-cell{background:var(--bg-surface-2)}
.cal-month-cell.other-month{background:var(--bg-surface-3);opacity:.6}
.cal-month-cell-num{font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:4px}
.cal-month-cell.today-cell .cal-month-cell-num{
 background:var(--action-primary,var(--user-primary));color:var(--action-primary-contrast,#fff);
 width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 font-size:11px;
}
.cal-month-booking{
 font-size:11px;border-radius:3px;padding:2px 6px;margin-bottom:2px;
 cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;
}
.cal-month-booking:hover{filter:brightness(.92)}
.cal-month-add-btn{
 width:18px;height:18px;border-radius:3px;background:transparent;
 color:var(--border);font-size:16px;font-weight:300;
 display:flex;align-items:center;justify-content:center;
 cursor:pointer;line-height:1;transition:all .12s;flex-shrink:0;
}
.cal-month-add-btn:hover{background:var(--user-light);color:var(--user-primary)}
.drop-target{background:var(--user-light) !important;outline:2px solid var(--user-primary)}
/* Day view */
.cal-day-header-main{padding:14px 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border)}
.cal-day-date-big{font-size:26px;font-weight:800;color:var(--text-primary)}
.cal-day-date-sub{font-size:13px;color:var(--text-muted);margin-top:2px}
.cal-day-summary{display:flex;gap:8px;flex-wrap:wrap}
.cal-day-pill{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;border:1px solid var(--border)}
/* ===== CAL SETTINGS ===== */
.nav-sub-item{border-left:2px solid transparent}
.nav-sub-item.active{border-left-color:var(--accent)!important;background:var(--accent-light)!important;color:var(--accent-strong,var(--accent))!important}
.cals-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}
.cals-mini-cal{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:10px 8px}
.cals-mini-head{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}
.cals-mini-hcell{text-align:center;font-size:9px;font-weight:700;color:var(--text-muted);padding:2px 0;text-transform:uppercase;letter-spacing:.04em}
.cals-mini-body{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}
/* Base day cell — circle style */
.cals-day{height:22px;width:22px;margin:1px auto;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;border:none;background:transparent;transition:background .12s}
.cals-day:hover{background:var(--bg-surface-3)}
.cals-day.today{background:var(--action-primary,var(--accent))!important;border:none}
.cals-day.today .cals-day-num{color:#fff!important;font-weight:700}
.cals-day.cals-day-selected{background:var(--accent-light)!important}
.cals-day.cals-day-selected .cals-day-num{color:var(--accent)!important;font-weight:700}
.cals-day.other-month{opacity:.3}
.cals-day-num{font-size:11px;font-weight:500;color:var(--text-secondary);line-height:1;user-select:none}
/* Status as bottom dot, no background fill */
.cals-day.status-free .cals-day-num{color:var(--accent)}
.cals-day.status-blocked .cals-day-num{color:var(--text-muted)}
.cals-day-dot{width:4px;height:4px;border-radius:50%;position:absolute;bottom:1px;left:50%;transform:translateX(-50%)}
.cals-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:20px}
.cals-panel-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}
.status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;border:1.5px solid;margin:3px;transition:all .12s}
.status-chip:hover{opacity:.8}
.status-chip.selected{box-shadow:0 0 0 2px currentColor}
.cals-legend{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.cals-legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary)}
.cals-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.cals-week-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}
.cals-week-day{padding:8px 4px;border-radius:8px;border:1px solid var(--border);text-align:center;font-size:11px;cursor:pointer;transition:all .12s}
.cals-week-day.work{background:var(--accent-light);border-color:var(--accent-border);color:var(--accent-strong,var(--accent))}
.cals-week-day.off{background:var(--bg-surface-2);color:var(--text-muted)}
.cals-week-day:hover{border-color:#bebebe}
.cals-time-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.cals-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}
.cals-section:last-child{border-bottom:none;margin-bottom:0}
.slot-block-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:var(--bg-surface-2);border-radius:8px;margin-bottom:5px;font-size:12px}
.status-manager-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-light)}.status-manager-item input[type="text"]{border-color:transparent;background:transparent}.status-manager-item input[type="text"]:hover{border-color:#d5d5d5;background:var(--bg-surface)}.status-manager-item input[type="text"]:focus{border-color:var(--accent);background:var(--bg-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-light) 72%, #fff 28%)}
.color-dot-pick{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px #d5d5d5;flex-shrink:0}
#order-client-drop::-webkit-scrollbar{width:4px}
#order-client-drop::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}
/* ── Slot Editor (Settings) ── */
.slot-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:8px;transition:var(--transition);position:relative;overflow:hidden}
.slot-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--user-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}
.slot-card:hover{border-color:var(--user-primary);box-shadow:0 2px 12px rgba(0,0,0,.08)}
.slot-card-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.slot-card-time{font-size:22px;font-weight:800;color:var(--user-primary);letter-spacing:-.02em;min-width:64px}
.slot-card-labels{flex:1}
.slot-card-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}
.slot-card-summary{font-size:12px;color:var(--text-secondary);margin-top:1px}
.slot-card-bar{display:flex;gap:3px;height:20px;border-radius:6px;overflow:hidden;margin-bottom:8px}
.slot-bar-shoot{background:var(--user-primary);border-radius:6px 0 0 6px;display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden}
.slot-bar-buf{background:var(--bg-surface-3);border:1px solid var(--border);display:flex;align-items:center;padding:0 6px;font-size:10px;color:var(--text-muted);white-space:nowrap;border-radius:0 6px 6px 0;overflow:hidden}
.slot-card-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.slot-field-group{display:flex;flex-direction:column;gap:3px}
.slot-field-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}
.slot-add-form{background:var(--bg-surface-2);border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:16px;margin-top:4px;transition:var(--transition)}
.slot-add-form:hover{border-color:var(--user-primary)}
.slot-add-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:12px}
/* Day view slot boxes */
.cal-slot-box{position:absolute;left:4px;right:4px;border-radius:8px;border:1.5px solid var(--user-primary);background:var(--user-light);display:flex;flex-direction:column;justify-content:center;padding:6px 10px;cursor:pointer;z-index:2;transition:all .15s;overflow:hidden}
.cal-slot-box:hover{background:var(--action-primary,var(--user-primary));color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.15);transform:scale(1.01)}
.cal-slot-box-time{font-size:12px;font-weight:700;color:var(--user-primary)}

.cal-slot-box-dur{font-size:10px;color:var(--user-primary);opacity:.8}

.cal-slot-box-label{font-size:10px;font-weight:600;color:var(--user-primary);opacity:.6;margin-top:2px}
.cal-slot-box:hover .cal-slot-box-label{color:#fff}
.cal-slot-box.occupied{background:var(--bg-surface-3);border-color:var(--border);cursor:default}
.cal-slot-box.occupied:hover{transform:none;box-shadow:none;background:var(--bg-surface-3);color:inherit}
/* Buffer zone (visual only) */
.cal-slot-buffer{position:absolute;left:4px;right:4px;background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--border-light) 3px,var(--border-light) 4px);border-radius:4px;opacity:.5;pointer-events:none;z-index:1}
.os-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:6px;cursor:grab;transition:var(--transition)}
.os-item:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}
.os-item-drag{color:var(--text-muted);font-size:14px;cursor:grab;flex-shrink:0;line-height:1}
.os-badge-preview{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;flex-shrink:0;min-width:90px;text-align:center}
.os-item-label{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}
.os-system-tag{font-size:10px;color:var(--text-muted);padding:2px 6px;border:1px solid var(--border);border-radius:10px;flex-shrink:0}
.svc-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-light)}
.svc-item:last-child{border-bottom:none}
.svc-item-label{flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}
.svc-item-sub{font-size:11px;color:var(--text-muted);margin-top:1px}
.svc-drag-handle{cursor:grab;color:var(--text-muted);font-size:14px;padding:0 4px}
.svc-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--user-light);color:var(--user-primary);margin:3px;border:1.5px solid var(--user-primary);cursor:default}
.svc-chip-sub{background:var(--bg-surface-2);color:var(--text-secondary);border-color:var(--border)}
.svc-toggle{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border);background:var(--bg-surface);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .12s}
.svc-toggle.on{background:var(--user-primary);border-color:var(--user-primary)}
/* ═══ CALENDAR LAYOUT ═══ */
#page-calendar.active{display:flex!important}

/* Topbar */
/* ── CALENDAR REDESIGN ─────────────────────────── */
.cal-topbar{
 height:52px;padding:0 18px;
 border-bottom:1px solid var(--border);
 background:var(--bg-surface);
 display:flex;align-items:center;
 justify-content:space-between;
 flex-shrink:0;gap:10px;
 box-sizing:border-box;
}
.cal-title-text{
 font-size:14px;font-weight:600;
 color:var(--text-primary);white-space:nowrap;
 min-width:160px;text-align:center
}
.cal-nav-btn{
 width:28px;height:28px;
 border:1px solid var(--border);border-radius:7px;
 background:var(--bg-surface);
 cursor:pointer;font-size:14px;
 color:var(--text-muted);
 display:flex;align-items:center;justify-content:center;
 transition:all .12s;flex-shrink:0
}
.cal-nav-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.cal-today-btn{
 padding:5px 12px;
 border:1px solid var(--border);border-radius:7px;
 background:var(--bg-surface);
 font-size:11px;font-weight:600;cursor:pointer;
 color:var(--text-secondary);transition:all .12s;white-space:nowrap
}
.cal-today-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.cal-view-switch{
 display:flex;gap:2px;
 border:1px solid var(--border);
 border-radius:8px;overflow:hidden;
 background:var(--bg-surface-2);
 padding:2px
}
.cal-view-btn{
 padding:4px 12px;border:none;border-radius:6px;
 background:transparent;
 font-size:11px;font-weight:500;cursor:pointer;
 color:var(--text-muted);transition:all .12s
}
.cal-view-btn.active{background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent) 100%);color:var(--accent-contrast,#fff);font-weight:700}

.cal-view-btn:hover:not(.active){color:var(--text-primary);background:var(--bg-surface-3)}

/* Right panel */
/* cal-right-panel removed */

/* Column headers — redesigned */
.cal-col-header{
 padding:10px 6px 8px;
 border-left:1px solid var(--border);
 text-align:center;
 background:var(--bg-surface);
 transition:background .12s
}
.cal-col-header-dow{
 font-size:10px;font-weight:600;
 color:var(--text-muted);
 text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px
}
.cal-col-header-date{
 font-size:22px;font-weight:600;
 color:var(--text-primary);line-height:1
}
.cal-col-header.today-col{background:var(--action-primary,var(--accent))}
.cal-col-header.today-col .cal-col-header-dow{color:rgba(255,255,255,.7)}
.cal-col-header.today-col .cal-col-header-date{color:#fff}
.cal-col-header.off-col{background:var(--bg-surface-2)}
.cal-col-header.off-col .cal-col-header-dow,.cal-col-header.off-col .cal-col-header-date{color:var(--text-muted)}

/* Time labels */
.cal-time-label{
 height:var(--cal-hour-height,80px);display:flex;align-items:flex-start;
 justify-content:flex-end;
 padding:6px 8px 0;
 font-size:10px;font-weight:500;color:var(--text-muted);
 border-bottom:1px solid var(--border-light);
 flex-shrink:0;letter-spacing:.02em
}

/* Day columns */
.cal-day-col{
 border-left:1px solid var(--border);
 position:relative;background:var(--bg-surface)
}
.cal-day-col.today-col{background:var(--accent-light);background:color-mix(in srgb,var(--accent-light) 25%,var(--bg-surface))}
.cal-day-col.off-day{background:var(--bg-surface-2)}
.cal-hour-line{
 position:absolute;left:0;right:0;
 border-top:1px solid var(--border-light);
 pointer-events:none
}

/* Slot boxes — redesigned */
.cal-slot-box{
 position:absolute;left:4px;right:4px;
 border-radius:6px;
 border:none;
 border-left:3px solid var(--cal-user-color);
 background:var(--cal-user-light);
 cursor:pointer;z-index:2;
 transition:all .15s;overflow:hidden;
 padding:4px 8px;
 display:flex;flex-direction:column;justify-content:center;
 box-shadow:0 1px 3px rgba(0,0,0,.06)
}
.cal-slot-box:hover{
 background:var(--cal-user-color);
 box-shadow:0 3px 12px rgba(0,0,0,.15);
 transform:scale(1.01)
}
.cal-slot-box-time{
 font-size:11px;font-weight:700;
 color:var(--cal-user-color);line-height:1.2
}
.cal-slot-box:hover .cal-slot-box-time{color:#fff}
.cal-slot-box-dur{font-size:9px;color:var(--cal-user-color);opacity:.7}
.cal-slot-box:hover .cal-slot-box-dur{color:#fff;opacity:.9}
.cal-slot-box.occupied{
 background:var(--bg-surface-2);
 border-left-color:var(--border);cursor:default;box-shadow:none
}
.cal-slot-box.occupied:hover{
 background:var(--bg-surface-2);box-shadow:none;transform:none
}
.cal-slot-box.occupied .cal-slot-box-time,
.cal-slot-box.occupied .cal-slot-box-dur{color:var(--text-muted)}
.cal-slot-buffer{position:absolute;left:4px;right:4px;background:var(--border-light);border-radius:3px;opacity:.3;pointer-events:none;z-index:1}

/* Booking cards — clean redesign */
.cal-booking-name{
 font-size:12px;font-weight:600;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 line-height:1.3
}
.cal-booking-type{
 font-size:10px;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 margin-top:2px
}
.cal-booking-time{
 font-size:10px;margin-top:2px
}
.cal-booking-addr{
 font-size:10px;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 margin-top:1px
}

/* Inline slot */
.cal-slot{position:absolute;left:0;right:0;cursor:pointer;z-index:1;transition:background .1s;background:rgba(34,197,94,.10)}
.cal-slot:hover{background:rgba(34,197,94,.16)}
.cal-slot-label{
 position:absolute;left:10px;top:50%;
 transform:translateY(-50%);
 font-size:10px;color:var(--accent);
 font-weight:600;opacity:0;transition:opacity .1s;
 pointer-events:none;white-space:nowrap
}
.cal-slot:hover .cal-slot-label{opacity:1}

/* Now line */
.cal-now-line{
 position:absolute;left:0;right:0;height:2px;
 background:var(--accent);z-index:5;pointer-events:none
}
.cal-now-line::before{
 content:'';width:7px;height:7px;
 background:var(--accent);border-radius:50%;
 position:absolute;left:-3px;top:-3px
}

/* Drop target */
.drop-target{background:var(--cal-user-light)!important;background:color-mix(in srgb,var(--cal-user-light) 60%,transparent)!important;outline:2px solid var(--accent);outline-offset:-2px}

/* Ghost-индикатор позиции дропа (fixed, следует за курсором) */
#cal-drag-ghost { pointer-events:none; }

.toast{position:fixed;bottom:24px;right:24px;background:var(--text-primary);color:var(--bg-surface);padding:12px 18px;border-radius:var(--radius-md);font-size:13px;z-index:9999;opacity:0;transform:translateY(8px);transition:all .25s;pointer-events:none;box-shadow:var(--shadow-md)}
.toast.show{opacity:1;transform:translateY(0)}

/* ===== DETAIL PANEL ===== */
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.detail-row{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-bottom:1px solid var(--border-light)}
.detail-row:last-child{border-bottom:none}
.detail-label{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.detail-value{font-size:13px;color:var(--text-primary);font-weight:500}

/* Order modal section labels */
.om-section-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}

/* ===== NOTES ===== */
.note-item{padding:10px 0;border-bottom:1px solid var(--border-light)}
.note-item:last-child{border-bottom:none}
.note-text{font-size:13px;color:var(--text-primary)}
.note-meta{font-size:11px;color:var(--text-muted);margin-top:3px}

#notif-bar { border-top: 1px solid var(--border); padding-top: 10px; margin-bottom: 10px; }
.qs-item:hover { background: var(--bg-surface-3) !important; }

.block-type-chip {
 padding:6px 12px;border:1.5px solid var(--border);border-radius:var(--radius-md);
 background:var(--bg-surface);color:var(--text-secondary);
 font-size:12px;font-weight:500;cursor:pointer;transition:all .14s;
}
.block-type-chip:hover { border-color:var(--text-muted);color:var(--text-primary) }
.block-type-chip.active { color:#fff;font-weight:600 }

.settings-grid { display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start }
.settings-col { display:flex;flex-direction:column;gap:20px;min-height:60px }
.settings-col.drag-over { background:var(--accent-light);border-radius:var(--radius-lg);outline:2px dashed var(--accent) }
.settings-card { position:relative }
.settings-card.dragging { opacity:.35;pointer-events:none }