:root{--crm-brand:#1f4e79;--crm-danger:#dc3545}body,html{background:var(--bs-tertiary-bg)}.crm-theme-dark{color-scheme:light!important}.app-main{min-height:calc(100vh - 6.25rem)}.card{border-radius:.875rem}.table>thead th{white-space:nowrap;font-weight:700;color:var(--bs-secondary-color)}.table td,.table th{vertical-align:middle}.btn,.form-control,.form-select{border-radius:.55rem}.app-sidebar .nav-header{letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;color:rgba(255,255,255,.55)!important}.app-sidebar .nav-link{border-radius:.55rem;margin:.05rem .55rem}.app-sidebar .nav-link.active{font-weight:700}.user-panel img{object-fit:cover}.crm-notification-badge{transform:translate(-20%,-35%)}.kanban-card{border-radius:.8rem}.kanban-card .form-select{background-color:var(--bs-body-bg)}@media (max-width:767.98px){.tooltip{display:none!important}.app-main{padding-bottom:4rem}.table-responsive{border-radius:.75rem}.card-body{padding:1rem}.btn-group{flex-wrap:wrap}.btn-group>.btn{border-radius:.55rem!important;margin:.1rem}}.min-w-0{min-width:0!important}.crm-mobile-chat{position:fixed;right:1rem;bottom:4.4rem;z-index:1060;font-size:.875rem}.crm-mobile-chat-toggle{border:0;border-radius:999px;background:var(--bs-info);color:#fff;box-shadow:0 .75rem 1.8rem rgba(13,202,240,.35);display:flex;align-items:center;gap:.45rem;padding:.7rem 1rem;font-weight:700}.crm-mobile-chat-toggle i{font-size:1.15rem}.crm-mobile-chat-panel{position:absolute;right:0;bottom:3.65rem;width:min(390px,calc(100vw - 2rem));height:min(610px,calc(100vh - 7rem));background:var(--bs-body-bg);color:var(--bs-body-color);border:1px solid var(--bs-border-color);border-radius:1rem;display:none;overflow:hidden}.crm-mobile-chat.is-open .crm-mobile-chat-panel{display:flex;flex-direction:column}.crm-mobile-chat-head{background:var(--bs-info);color:#fff;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.crm-mobile-chat-head b,.crm-mobile-chat-head small{display:block}.crm-mobile-chat-head small{opacity:.88;font-size:.75rem}.crm-mobile-chat-search{padding:.75rem;border-bottom:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg)}.crm-mobile-chat-body{display:grid;grid-template-columns:145px 1fr;min-height:0;flex:1}.crm-mobile-chat-contacts{border-right:1px solid var(--bs-border-color);overflow:auto;background:var(--bs-tertiary-bg)}.crm-mobile-chat-dialog{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bs-body-bg)}.crm-mobile-chat-contact{width:100%;border:0;border-bottom:1px solid var(--bs-border-color);background:transparent;text-align:left;padding:.7rem .6rem;display:flex;gap:.55rem;align-items:center;color:inherit}.crm-mobile-chat-contact:hover,.crm-mobile-chat-contact.active{background:rgba(13,202,240,.12)}.crm-mobile-chat-contact b,.crm-mobile-chat-contact small{display:block;line-height:1.2}.crm-mobile-chat-contact small{font-size:.72rem;color:var(--bs-secondary-color)}.crm-mobile-chat-avatar,.crm-mobile-chat-message-avatar{width:32px;height:32px;border-radius:50%;background:var(--bs-info);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-weight:700;overflow:hidden}.crm-mobile-chat-avatar img,.crm-mobile-chat-message-avatar img{width:100%;height:100%;object-fit:cover}.crm-mobile-chat-dialog-head{padding:.75rem;border-bottom:1px solid var(--bs-border-color);display:flex;gap:.6rem;align-items:center;background:var(--bs-body-bg)}.crm-mobile-chat-dialog-head b,.crm-mobile-chat-dialog-head small{display:block;line-height:1.2}.crm-mobile-chat-dialog-head small{font-size:.75rem;color:var(--bs-secondary-color)}.crm-mobile-chat-messages{flex:1;min-height:0;overflow:auto;padding:.8rem;display:flex;flex-direction:column;gap:.65rem}.crm-mobile-chat-message{display:flex;gap:.5rem;align-items:flex-end}.crm-mobile-chat-message.mine{justify-content:flex-end}.crm-mobile-chat-bubble{max-width:210px;border-radius:1rem;background:var(--bs-tertiary-bg);padding:.55rem .75rem;white-space:pre-wrap;overflow-wrap:anywhere}.crm-mobile-chat-message.mine .crm-mobile-chat-bubble{background:var(--bs-info);color:#fff}.crm-mobile-chat-message-time{font-size:.7rem;color:var(--bs-secondary-color);margin-top:.2rem}.crm-mobile-chat-message.mine .crm-mobile-chat-message-time{text-align:right}.crm-mobile-chat-compose{border-top:1px solid var(--bs-border-color);padding:.65rem;background:var(--bs-body-bg)}.crm-mobile-chat-compose textarea{resize:none;max-height:5rem}.crm-chat-mini-state{padding:1rem;color:var(--bs-secondary-color);font-size:.82rem;text-align:center}@media (max-width:575.98px){.crm-mobile-chat{right:.75rem;bottom:4rem}.crm-mobile-chat-toggle span{display:none}.crm-mobile-chat-panel{width:calc(100vw - 1.5rem);height:calc(100vh - 6rem)}.crm-mobile-chat-body{grid-template-columns:1fr}.crm-mobile-chat.is-dialog .crm-mobile-chat-contacts{display:none}.crm-mobile-chat:not(.is-dialog) .crm-mobile-chat-dialog{display:none}.crm-mobile-chat-contact{padding:.75rem}.crm-mobile-chat-bubble{max-width:72vw}}


@media (max-width: 767.98px) {
  body { font-size: 14px; }
  .app-main .app-content, .content-wrapper, .container-fluid { padding-left: .75rem !important; padding-right: .75rem !important; }
  .card { border-radius: 1rem; }
  .card-header, .card-body { padding: .85rem !important; }
  .info-box { min-height: 5rem; }
  .info-box .info-box-icon { width: 3.25rem; font-size: 1.25rem; }
  .info-box .info-box-number { font-size: 1.05rem; white-space: normal; }
  .btn, .form-control, .form-select { min-height: 2.45rem; }
  .btn-xs { min-height: 2rem; padding: .25rem .5rem; }
  .table-responsive { border-radius: .85rem; }
  table.table thead { display: none; }
  table.table.table-mobile-cards tbody tr,
  .table-responsive > table.table tbody tr { display: block; border-bottom: 1px solid var(--bs-border-color); padding: .65rem .35rem; }
  table.table.table-mobile-cards tbody td,
  .table-responsive > table.table tbody td { display: flex; justify-content: space-between; gap: .75rem; border: 0; padding: .35rem .25rem; text-align: right !important; }
  table.table.table-mobile-cards tbody td::before,
  .table-responsive > table.table tbody td::before { content: attr(data-label); font-weight: 600; color: var(--bs-secondary-color); text-align: left; }
  .sidebar-wrapper .nav-link p { white-space: normal; }
  .d-flex.justify-content-between { align-items: flex-start !important; }
  .modal-dialog { margin: .5rem; }
}
@media (min-width: 768px) {
  .table-responsive > table.table tbody td::before { content: none !important; }
}
.crm-page-title { letter-spacing: -.015em; }
.crm-simple-hint { color: var(--bs-secondary-color); font-size: .875rem; }


.app-header{color:#fff!important}
.app-header .navbar-nav>.nav-item>.nav-link,
.app-header .nav-link,
.app-header .nav-link i,
.app-header .nav-link span,
.app-header .btn,
.app-header .btn i,
.app-header .btn span{color:#fff!important;font-weight:700!important}
.app-header .btn-light{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.38)!important}
.app-header .btn-light:hover,.app-header .btn-light:focus{background:rgba(255,255,255,.26)!important;border-color:rgba(255,255,255,.58)!important}
.app-header [data-global-search-input]{background:rgba(255,255,255,.16)!important;color:#fff!important;font-weight:700!important;border-color:rgba(255,255,255,.38)!important}
.app-header [data-global-search-input]::placeholder{color:rgba(255,255,255,.86)!important;font-weight:700!important}
.app-header .crm-notification-badge{background:#dc3545!important;border-color:#fff!important;color:#fff!important;font-weight:700!important}
.app-header .dropdown-menu,.app-header .dropdown-menu *{color:var(--bs-body-color)!important;font-weight:400!important}
.app-header .dropdown-menu .dropdown-header,.app-header .dropdown-menu .fw-semibold{font-weight:700!important}
.app-header .dropdown-menu .text-muted{color:var(--bs-secondary-color)!important}
.app-header .dropdown-menu .dropdown-item.active{color:#fff!important;font-weight:700!important}

.beauty-timetable-page{--beauty-border:#e9edf3;--beauty-muted:#7b8794;--beauty-soft:#f7f9fc;--beauty-primary:#00a884;--beauty-primary-dark:#00896c;}
.beauty-license-alert{background:#fff3cd;color:#7a5b00;border-radius:12px;}
.beauty-calendar-shell{background:#fff;border:1px solid var(--beauty-border);border-radius:16px;box-shadow:0 10px 30px rgba(15,23,42,.05);overflow:hidden;min-height:720px;}
.beauty-calendar-left{background:#f8fafc;border-right:1px solid var(--beauty-border);padding:16px;}
.beauty-side-card{background:#fff;border:1px solid var(--beauty-border);border-radius:14px;padding:14px;box-shadow:0 4px 14px rgba(15,23,42,.035);}
.beauty-mini-weekdays,.beauty-mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;}
.beauty-mini-weekdays span{font-size:11px;color:#98a2b3;font-weight:700;}
.beauty-mini-calendar a,.beauty-mini-calendar span{position:relative;display:flex;align-items:center;justify-content:center;min-height:30px;border-radius:9px;text-decoration:none;color:#344054;font-size:12px;font-weight:700;}
.beauty-mini-calendar a:hover{background:#eef6ff;color:#0d6efd;}
.beauty-mini-calendar a.active{background:#0d6efd;color:#fff;box-shadow:0 6px 14px rgba(13,110,253,.25);}
.beauty-mini-calendar a.has-items{background:#e9fbf6;color:#007b62;}
.beauty-mini-calendar a em{position:absolute;right:3px;top:2px;font-style:normal;font-size:9px;line-height:1;background:#fff;color:#0d6efd;border-radius:999px;padding:2px 3px;}
.beauty-side-menu{border-radius:14px;overflow:hidden;border:1px solid var(--beauty-border);}
.beauty-side-menu .list-group-item{border-color:var(--beauty-border);font-weight:600;color:#344054;background:#fff;}
.beauty-side-menu .list-group-item.active{background:#0d6efd;border-color:#0d6efd;color:#fff;}
.beauty-calendar-main{background:#fff;min-width:0;}
.beauty-toolbar{min-height:58px;padding:12px 16px;display:flex;align-items:center;gap:12px;background:#fff;}
.beauty-date-title{font-size:20px;font-weight:800;color:#1d2939;}
.beauty-top-filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#fbfcfe;}
.beauty-top-filters .form-control,.beauty-top-filters .form-select{max-width:220px;}
.beauty-day-summary{display:flex;flex-wrap:wrap;gap:18px;padding:10px 16px;background:#fbfcfe;border-bottom:1px solid var(--beauty-border);color:#667085;font-size:13px;}
.beauty-day-summary b{color:#1d2939;}
.beauty-timetable-wrap{overflow:auto;background:#fff;}
.beauty-master-headrow{display:grid;position:sticky;top:0;z-index:12;background:#fff;border-bottom:1px solid var(--beauty-border);}
.beauty-time-corner{background:#fff;border-right:1px solid var(--beauty-border);}
.beauty-time-corner-right{border-right:0;border-left:1px solid var(--beauty-border);}
.beauty-master-head{display:flex;align-items:center;gap:10px;min-height:66px;padding:10px 12px;border-right:1px solid var(--beauty-border);background:#fff;}
.beauty-master-avatar{width:34px;height:34px;border-radius:10px;background:#eef6ff;color:#0d6efd;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none;}
.beauty-master-name{font-size:13px;font-weight:800;color:#1d2939;}
.beauty-master-role{font-size:11px;color:#98a2b3;font-weight:600;}
.btn-xs{--bs-btn-padding-y:.125rem;--bs-btn-padding-x:.35rem;--bs-btn-font-size:.75rem;--bs-btn-border-radius:.35rem;}
.beauty-timetable-scroll{display:grid;position:relative;}
.beauty-time-gutter{position:relative;background:#fff;border-right:1px solid var(--beauty-border);}
.beauty-time-gutter-right{border-right:0;border-left:1px solid var(--beauty-border);}
.beauty-time-label{position:absolute;left:0;right:0;transform:translateY(-8px);font-size:12px;color:#667085;font-weight:700;text-align:center;}
.beauty-master-grid{position:relative;background:repeating-linear-gradient(to bottom,#fff 0,#fff 29px,#f1f4f9 30px);}
.beauty-grid-line{position:absolute;left:0;right:0;height:1px;background:#edf1f6;pointer-events:none;}
.beauty-grid-line.hour{background:#dde5ef;}
.beauty-master-column{position:absolute;top:0;bottom:0;border-right:1px solid var(--beauty-border);}
.beauty-free-slot{position:absolute;left:0;right:0;display:block;text-decoration:none;z-index:1;}
.beauty-free-slot:hover{background:rgba(13,110,253,.06);outline:1px dashed rgba(13,110,253,.22);}
.beauty-appointment{position:absolute;z-index:5;display:block;overflow:hidden;border-radius:10px;text-decoration:none;padding:7px 9px;background:linear-gradient(180deg,#36cdb1,#b8f0e5);color:#064e3b;box-shadow:0 4px 14px rgba(0,168,132,.18);border-left:4px solid var(--beauty-primary-dark);}
.beauty-appointment:hover{color:#043f30;transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,168,132,.24);}
.beauty-appointment-time{display:block;font-size:11px;font-weight:900;line-height:1.1;}
.beauty-appointment-title{display:block;font-size:12px;font-weight:800;line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.beauty-appointment-client{display:block;font-size:11px;font-weight:600;line-height:1.2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.beauty-appointment-danger{background:linear-gradient(180deg,#fca5a5,#fee2e2);border-left-color:#dc3545;color:#842029;}
.beauty-appointment-warning{background:linear-gradient(180deg,#ffe08a,#fff3cd);border-left-color:#ffc107;color:#664d03;}
.beauty-appointment-success{background:linear-gradient(180deg,#75d69c,#daf7e4);border-left-color:#198754;color:#0f5132;}
.beauty-appointment-secondary{background:linear-gradient(180deg,#d6dbe4,#f1f3f6);border-left-color:#6c757d;color:#343a40;}
.beauty-appointment-info{background:linear-gradient(180deg,#7dd3fc,#e0f2fe);border-left-color:#0dcaf0;color:#075985;}
.beauty-appointment-dark{background:linear-gradient(180deg,#9ca3af,#e5e7eb);border-left-color:#212529;color:#111827;}
.beauty-empty-state{display:flex;align-items:center;gap:12px;margin:16px;border:1px dashed #cfd8e3;border-radius:14px;padding:16px;color:#667085;background:#fbfcfe;}
.beauty-empty-state i{font-size:28px;color:#0d6efd;}
@media (max-width:1199.98px){.beauty-calendar-left{border-right:0;border-bottom:1px solid var(--beauty-border)}.beauty-toolbar{align-items:flex-start;flex-direction:column}.beauty-date-title{font-size:18px}.beauty-timetable-wrap{border-top:1px solid var(--beauty-border)}}
@media (max-width:767.98px){.beauty-calendar-shell{border-radius:12px}.beauty-time-label{font-size:11px}.beauty-master-head{padding:8px}.beauty-day-summary{gap:10px}.beauty-side-menu{display:none}}

.beauty-calendar-wide{display:flex;align-items:stretch;min-height:760px;}
.beauty-calendar-wide .beauty-calendar-left{width:178px;flex:0 0 178px;padding:10px;background:#f8fafc;}
.beauty-calendar-wide .beauty-calendar-main{flex:1 1 auto;min-width:0;}
.beauty-calendar-wide .beauty-side-card{padding:10px;border-radius:12px;}
.beauty-calendar-wide .beauty-mini-calendar{gap:2px;}
.beauty-calendar-wide .beauty-mini-calendar a,.beauty-calendar-wide .beauty-mini-calendar span{min-height:24px;border-radius:7px;font-size:11px;}
.beauty-calendar-wide .beauty-mini-weekdays span{font-size:10px;}
.beauty-calendar-wide .beauty-side-note{border:1px dashed #d8e0ea;border-radius:12px;padding:10px;background:#fff;}
.beauty-closed-slot{position:absolute;left:0;right:0;display:block;background:rgba(148,163,184,.10);z-index:0;}
.beauty-closed-slot.break{background:repeating-linear-gradient(135deg,rgba(245,158,11,.12) 0,rgba(245,158,11,.12) 6px,rgba(255,255,255,.25) 6px,rgba(255,255,255,.25) 12px);}
.beauty-day-off{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;border:1px dashed #cbd5e1;border-radius:12px;color:#94a3b8;font-weight:700;background:rgba(248,250,252,.72);}
@media (max-width:1199.98px){.beauty-calendar-wide{display:block}.beauty-calendar-wide .beauty-calendar-left{width:auto;flex:none;border-right:0;border-bottom:1px solid var(--beauty-border)}}
.staff-hours-table input[type=time]{min-width:95px}.staff-hours-table .form-switch{padding-left:2.4em}

.beauty-master-photo{width:34px;height:34px;border-radius:10px;object-fit:cover;flex:none;box-shadow:0 2px 8px rgba(15,23,42,.12)}
.beauty-master-menu{min-width:260px;border-radius:14px;padding:8px;box-shadow:0 14px 34px rgba(15,23,42,.16);border-color:#e5eaf2}
.beauty-master-menu .dropdown-item{border-radius:10px;font-weight:600;color:#475467;white-space:normal}
.beauty-master-menu form{margin:0}
.beauty-free-slot{display:flex;align-items:center;justify-content:center;color:transparent;font-size:11px;font-weight:800;border-radius:6px;margin:0 4px}
.beauty-free-slot span{opacity:0;transition:opacity .12s ease}
.beauty-free-slot:hover{background:rgba(13,110,253,.09);outline:1px dashed rgba(13,110,253,.28);color:#0d6efd;z-index:3}
.beauty-free-slot:hover span{opacity:1}
.beauty-appointment{padding:0;display:flex;flex-direction:column;overflow:visible}
.beauty-appointment-main{display:block;min-height:100%;padding:7px 9px;color:inherit;text-decoration:none;overflow:hidden;border-radius:8px}
.beauty-appointment-main:hover{color:inherit;text-decoration:none}
.beauty-appointment-actions{position:absolute;right:6px;top:6px;display:flex;gap:4px;align-items:center;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:8}
.beauty-appointment:hover .beauty-appointment-actions{opacity:1;transform:translateY(0);pointer-events:auto}
.beauty-appointment-actions form{margin:0;display:inline-flex}
.beauty-appointment-actions .btn{line-height:1;padding:.15rem .36rem;border-radius:8px;font-weight:800;box-shadow:0 2px 8px rgba(15,23,42,.10)}
.beauty-modal-master{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e8eef6;border-radius:14px;background:#f8fafc}
.beauty-modal-master img{width:38px;height:38px;border-radius:12px;object-fit:cover}
.beauty-online-time-grid{display:grid;gap:10px;max-height:410px;overflow:auto;padding-right:4px}
.beauty-online-hour{border:1px solid #edf1f6;border-radius:14px;padding:10px;background:#fbfcfe}
.beauty-online-minutes{display:grid;grid-template-columns:repeat(4,minmax(70px,1fr));gap:8px}
.beauty-online-minutes .btn{border-radius:10px;font-weight:700}
.appointment-minute-picks .btn{min-width:38px;font-weight:700}
@media (max-width:767.98px){.beauty-online-minutes{grid-template-columns:repeat(2,minmax(70px,1fr))}.beauty-appointment-actions{opacity:1;pointer-events:auto;transform:none}.beauty-free-slot span{opacity:1;color:#0d6efd}}
.staff-month-scroll{overflow:auto;max-width:100%}
.staff-month-table{min-width:980px;table-layout:fixed;font-size:12px}
.staff-month-table th,.staff-month-table td{vertical-align:middle;text-align:center;background:#fff}
.staff-month-table .staff-col{position:sticky;left:0;z-index:3;width:270px;text-align:left;background:#fff;box-shadow:1px 0 0 #e9edf3}
.staff-month-table thead .staff-col{z-index:5}
.staff-month-table .total-col{width:92px;background:#fbfcfe;font-weight:700;color:#667085}
.staff-month-table .day-col{width:42px;min-width:42px;padding:4px 3px}
.staff-month-table .day-col span{display:block;color:#98a2b3;font-weight:600;font-size:11px}
.staff-month-table .day-col.weekend{background:#fff9f1;color:#ef4444}
.staff-month-avatar{width:30px;height:30px;border-radius:9px;background:#eef6ff;color:#0d6efd;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}
.work-chip{display:block;border-radius:7px;background:#d7f7d8;color:#067a25;text-decoration:none;font-weight:700;font-size:10px;line-height:1.15;padding:5px 2px;min-height:42px}
.work-chip:hover{background:#bff0c2;color:#045f1d;text-decoration:none}
@media print{.app-sidebar,.app-header,.btn,.beauty-license-alert{display:none!important}.content-wrapper,.app-main{margin:0!important}.staff-month-card{box-shadow:none!important;border:0!important}}

.beauty-timetable-page .beauty-license-alert{display:none!important}
.beauty-calendar-wide .beauty-calendar-left{width:164px;flex-basis:164px;padding:8px}
.beauty-calendar-wide .beauty-side-card{padding:9px}
.beauty-calendar-wide .beauty-mini-calendar{gap:3px}
.beauty-calendar-wide .beauty-mini-calendar a,
.beauty-calendar-wide .beauty-mini-calendar span{min-height:22px;height:22px;border-radius:7px;font-size:11px;line-height:1}
.beauty-calendar-wide .beauty-mini-calendar a.has-items{background:#eef8ff;color:#344054}
.beauty-calendar-wide .beauty-mini-calendar a.has-items::after{content:'';position:absolute;left:50%;bottom:2px;width:4px;height:4px;border-radius:50%;background:#20c997;transform:translateX(-50%)}
.beauty-calendar-wide .beauty-mini-calendar a.active.has-items::after{background:#fff}
.beauty-calendar-wide .beauty-mini-calendar a em{display:none!important}
.beauty-calendar-wide .beauty-side-note{display:none}
.beauty-calendar-wide .beauty-timetable-wrap{overflow:auto;max-height:calc(100vh - 255px)}
.beauty-master-headrow{align-items:stretch}
.beauty-time-corner{min-height:64px}
.beauty-timetable-scroll{align-items:start}
.beauty-time-gutter{overflow:visible}
.beauty-time-label{height:18px;line-height:18px;transform:translateY(-9px);font-size:12px;color:#475467;background:#fff;z-index:2}
.beauty-time-label:first-child{transform:translateY(0)}
.beauty-master-grid{background:repeating-linear-gradient(to bottom,#fff 0,#fff 40px,#f1f4f9 41px)}
.beauty-grid-line.hour{background:#d8e1ec;height:1px}
.beauty-free-slot{min-height:18px}
.beauty-appointment{border-radius:10px;min-height:46px;overflow:hidden!important;z-index:6}
.beauty-appointment:hover{z-index:20;overflow:visible!important}
.beauty-appointment-main{padding:6px 8px;min-height:46px}
.beauty-appointment-time{font-size:11px;line-height:1.15;margin-bottom:2px}
.beauty-appointment-title{font-size:12px;line-height:1.2;max-width:100%}
.beauty-appointment-client{font-size:11px;line-height:1.15;max-width:100%}
.beauty-appointment-actions{top:4px;right:4px;background:rgba(255,255,255,.96);border-radius:10px;padding:3px;box-shadow:0 8px 18px rgba(15,23,42,.16)}
@media (max-width:1199.98px){.beauty-calendar-wide .beauty-calendar-left{width:auto;flex-basis:auto}.beauty-calendar-wide .beauty-timetable-wrap{max-height:none}}

.beauty-editor-shell{display:grid;grid-template-columns:280px minmax(460px,1fr) 340px;gap:16px;align-items:start}
.beauty-editor-left,.beauty-editor-main,.beauty-editor-right{display:flex;flex-direction:column;gap:16px;align-self:start;min-width:0}
.beauty-editor-left,.beauty-editor-right{position:static;top:auto}
.beauty-editor-left > .mt-3,.beauty-editor-main > .mt-3,.beauty-editor-right > .mt-3{margin-top:0 !important}
.beauty-editor-master-card,.beauty-editor-card,.beauty-client-card,.beauty-editor-section,.beauty-editor-payment{background:#fff;border:1px solid #e7edf5;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.04);padding:16px}
.beauty-editor-avatar{width:48px;height:48px;border-radius:14px;object-fit:cover;flex:none}.beauty-editor-avatar-letter{display:flex;align-items:center;justify-content:center;background:#eef6ff;color:#0d6efd;font-weight:900;font-size:20px}.beauty-editor-time{display:flex;gap:10px;align-items:flex-start;color:#344054}.beauty-editor-grid-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.beauty-editor-grid-actions .btn{white-space:normal;font-weight:600;border-radius:12px}
.beauty-editor-statusbar{display:flex;flex-wrap:wrap;gap:8px;background:#fff;border:1px solid #e7edf5;border-radius:16px;padding:12px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.beauty-editor-statusbar .btn{border-radius:10px;font-weight:700}.beauty-editor-tabs{background:#f2f4f7;border-radius:12px;padding:4px}.beauty-editor-tabs .nav-link{border-radius:10px;color:#344054;font-weight:700}.beauty-editor-tabs .nav-link.active{background:#fff;color:#111827;box-shadow:0 2px 8px rgba(15,23,42,.08)}.beauty-product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;max-height:240px;overflow:auto}.beauty-product-pick{text-align:left;border:1px solid #e7edf5;border-radius:12px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:3px}.beauty-product-pick:hover{border-color:#0d6efd;background:#f8fbff}.beauty-product-pick span{font-size:12px;color:#667085}.beauty-editor-payment{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.beauty-editor-payment strong{font-size:26px;color:#1d2939;margin-left:8px}.beauty-payment-status{max-width:170px}.beauty-paid-input{max-width:150px}.beauty-client-card h5{font-weight:800}.beauty-client-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.beauty-client-stats div{border:1px solid #edf1f6;border-radius:12px;background:#fbfcfe;padding:10px}.beauty-client-stats small{display:block;color:#667085}.beauty-client-stats b{display:block;margin-top:3px;color:#1d2939}.beauty-editor-savebar{position:static;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid #e7edf5;border-radius:16px;padding:12px;display:flex;gap:8px;justify-content:flex-end;box-shadow:0 -8px 24px rgba(15,23,42,.06)}.beauty-related-appointment{display:block;text-decoration:none;border:1px solid #edf1f6;border-radius:12px;padding:9px;background:#fbfcfe}.beauty-related-appointment span,.beauty-related-appointment small{display:block;color:#667085;font-size:12px}.beauty-related-appointment b{display:block;color:#1d2939;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beauty-calendar-wide .beauty-calendar-left{width:150px;flex-basis:150px}.beauty-calendar-wide .beauty-side-card .small.text-uppercase{font-size:10px}.beauty-calendar-wide .beauty-mini-calendar a,.beauty-calendar-wide .beauty-mini-calendar span{min-height:20px;height:20px;font-size:10px}.beauty-date-title{font-size:22px}.beauty-master-head{min-height:72px}.beauty-timetable-page .beauty-day-summary{font-size:14px}.beauty-free-slot:hover::after{content:'Свободно';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:800;color:#0d6efd;background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:1px 6px;box-shadow:0 4px 10px rgba(15,23,42,.08)}
@media (max-width:1399.98px){.beauty-editor-shell{grid-template-columns:250px minmax(420px,1fr) 310px;gap:12px}}
@media (max-width:991.98px){.beauty-editor-shell{grid-template-columns:1fr}.beauty-editor-payment{align-items:stretch}.beauty-editor-payment>div{width:100%}.beauty-client-stats{grid-template-columns:1fr 1fr}.beauty-editor-savebar{position:static}.beauty-calendar-wide .beauty-calendar-left{width:auto;flex-basis:auto}}
@media (max-width:575.98px){.beauty-client-stats{grid-template-columns:1fr}.beauty-editor-grid-actions{grid-template-columns:1fr}.beauty-editor-statusbar .btn{flex:1 1 45%}}

.service-column .card-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}
.service-order-card{transition:box-shadow .15s ease, transform .15s ease;}
.service-order-card:hover{box-shadow:0 .4rem 1.2rem rgba(0,0,0,.08);transform:translateY(-1px)}
.btn-xs{--bs-btn-padding-y:.12rem;--bs-btn-padding-x:.38rem;--bs-btn-font-size:.75rem;--bs-btn-border-radius:.35rem}
.service-board .btn-group .btn{white-space:nowrap}
@media (max-width: 767.98px){.service-board .col-xxl-3,.service-board .col-xl-4,.service-board .col-lg-6{width:100%}.service-order-card .btn-group{display:grid;grid-template-columns:repeat(3,1fr)}.service-order-card .btn-group .btn{border-radius:.375rem!important;margin:1px}}

.beauty-retention-page .nav-pills .nav-link{border:1px solid rgba(0,0,0,.08);background:#fff;color:#344054;font-weight:600}
.beauty-retention-page .nav-pills .nav-link.active{background:#ffc107;color:#1f2937;border-color:#ffc107}
.beauty-metric-card{height:100%;border:1px solid rgba(0,0,0,.07);border-radius:1rem;background:#fff;padding:1rem;box-shadow:0 .25rem .85rem rgba(0,0,0,.045)}
.beauty-metric-card small{display:block;color:#667085;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.25rem}
.beauty-metric-card b{display:block;font-size:1.6rem;line-height:1.15;color:#111827;margin-bottom:.25rem}
.beauty-metric-card span{font-size:.85rem;color:#667085}
.beauty-metric-card.danger b{color:#b42318}.beauty-metric-card.success b{color:#027a48}
.beauty-action-hint{display:flex;gap:.75rem;align-items:flex-start;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:.9rem;padding:.8rem;height:100%}
.beauty-action-hint i{font-size:1.25rem;line-height:1}.beauty-action-hint p{margin:0;color:#667085;font-size:.88rem}
@media(max-width:768px){.beauty-retention-page .nav-pills{overflow-x:auto;flex-wrap:nowrap}.beauty-retention-page .nav-pills .nav-link{white-space:nowrap}.beauty-metric-card b{font-size:1.35rem}}


.beauty-timetable-page > .beauty-license-alert{display:none!important}
.beauty-timetable-page{margin-top:-4px}
.beauty-calendar-shell{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;min-height:0!important}
.beauty-calendar-wide{gap:12px;min-height:calc(100vh - 220px);align-items:flex-start}
.beauty-calendar-wide .beauty-calendar-left{width:160px;flex:0 0 160px;padding:0;background:transparent;border-right:0}
.beauty-calendar-wide .beauty-calendar-main{background:#fff;border:1px solid var(--beauty-border);border-radius:14px;box-shadow:0 6px 18px rgba(15,23,42,.04);overflow:hidden}
.beauty-calendar-wide .beauty-side-card,.beauty-calendar-wide .beauty-side-note,.beauty-calendar-wide .btn.w-100{box-shadow:none}
.beauty-calendar-wide .beauty-side-card{padding:10px;margin-bottom:8px}
.beauty-calendar-wide .beauty-side-note{padding:8px;border-radius:10px}
.beauty-timetable-wrap{border-top:0}
@media (max-width:1199.98px){.beauty-calendar-wide{display:block;min-height:0}.beauty-calendar-wide .beauty-calendar-left{width:auto;flex:none;margin-bottom:10px}.beauty-calendar-wide .beauty-calendar-main{border-radius:12px}}


.tooltip{display:none!important}
.app-main .app-content,.content-wrapper .content{padding-top:.75rem!important}
.card{border:1px solid #e8edf4!important;box-shadow:0 6px 18px rgba(15,23,42,.035)!important}
.card-header{background:#fff!important;border-bottom:1px solid #eef2f7!important}
.card-title{font-weight:800;color:#1d2939}
.table{font-size:.88rem}.table thead th{font-size:.76rem;text-transform:none;color:#667085;background:#fbfcfe}.table td{color:#344054}
.btn-danger,.btn-primary{box-shadow:none!important}.btn-danger{background:#0d6efd!important;border-color:#0d6efd!important}.btn-danger:hover{background:#0b5ed7!important;border-color:#0a58ca!important}
.crm-ux-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.crm-ux-empty{padding:2.6rem 1rem;text-align:center;color:#667085;background:#fbfcfe;border-radius:14px;border:1px dashed #d8e0ea}
.crm-ux-empty i{display:block;font-size:2.2rem;margin-bottom:.5rem;color:#0d6efd}.crm-ux-empty b{display:block;color:#1d2939;margin-bottom:.25rem}
.crm-ux-stat{border:1px solid #edf1f6;border-radius:14px;background:#fff;padding:14px}.crm-ux-stat small{display:block;color:#667085}.crm-ux-stat strong{display:block;font-size:1.35rem;color:#1d2939;margin-top:3px}
.crm-ux-soft-filter{background:#fbfcfe;border:1px solid #edf1f6;border-radius:14px;padding:12px}
.crm-ux-table-wrap{border:1px solid #edf1f6;border-radius:14px;overflow:hidden;background:#fff}
.crm-ux-service-table td,.crm-ux-service-table th{vertical-align:middle}.crm-ux-service-table .service-desc{max-width:520px}.crm-ux-service-table .service-muted{color:#667085;font-size:.78rem;line-height:1.25}
.crm-ux-inline-badge{border-radius:999px;padding:.24rem .55rem;font-size:.72rem;font-weight:700}
.crm-ux-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.crm-ux-page-head h2,.crm-ux-page-head h3{font-weight:800;margin-bottom:.15rem;color:#1d2939}.crm-ux-page-head p{margin:0;color:#667085;font-size:.875rem}
.crm-ux-kpi-row .card-body{padding:1rem!important}.crm-ux-kpi-row h4{font-size:1.35rem;font-weight:900;color:#1d2939}.crm-ux-kpi-row h6{font-size:.78rem;color:#667085;margin-bottom:.35rem}
.beauty-calendar-main .beauty-toolbar{padding:10px 12px}.beauty-calendar-main .beauty-day-summary{padding:8px 12px}.beauty-master-head{min-height:58px}.beauty-master-name{font-size:12px}.beauty-master-role{font-size:10px}.beauty-side-card{box-shadow:none!important}.beauty-appointment{font-size:12px}
@media (min-width:1200px){.beauty-calendar-wide .beauty-calendar-left{width:148px!important;flex-basis:148px!important}.beauty-calendar-wide{gap:10px}}
@media (max-width:991.98px){.crm-ux-page-head{display:block}.crm-ux-actions{margin-top:.75rem}.table{font-size:.84rem}}

.beauty-time-gutter-right{width:44px!important;opacity:.72}.beauty-time-gutter{width:54px}.beauty-side-note{display:none}.beauty-calendar-wide .btn.w-100.mb-2{margin-bottom:0!important}.beauty-timetable-wrap{scrollbar-width:thin}.beauty-appointment-title,.beauty-appointment-client{font-size:11px}

.app-header .crm-notifications-menu{
  width:min(360px,calc(100vw - .75rem))!important;
  min-width:min(320px,calc(100vw - .75rem))!important;
  max-height:calc(100vh - 4.25rem);
  max-height:calc(100dvh - 4.25rem);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.app-header .crm-notifications-menu .crm-notifications-head{
  position:sticky;
  top:-.5rem;
  z-index:2;
  margin:-.5rem -.5rem .5rem;
  padding:.65rem .5rem .55rem;
  background:var(--bs-dropdown-bg,var(--bs-body-bg));
  border-bottom:1px solid var(--bs-border-color);
}
.app-header .crm-notifications-menu .crm-notification-item{
  background:var(--bs-body-bg);
}
@media (max-width:575.98px){
  .app-header .crm-notifications-menu{
    width:calc(100vw - .75rem)!important;
    min-width:0!important;
    max-height:calc(100vh - 3.85rem);
    max-height:calc(100dvh - 3.85rem);
  }
}

.app-header .crm-topbar-inner{min-width:0;padding-left:.5rem!important;padding-right:.5rem!important;}
.app-header .crm-topbar-start{margin-right:.15rem;}
.app-header .crm-topbar-actions{gap:.25rem;min-width:0;}
.app-header .crm-topbar-actions>.nav-item{display:flex;align-items:center;margin-left:0!important;}
.app-header .crm-topbar-search{min-width:240px;max-width:560px;}
.app-header .crm-topbar-search .input-group{flex-wrap:nowrap;}
.app-header .crm-topbar-search .form-control{min-width:0;}
.app-header .nav-link{min-height:2.15rem;display:flex;align-items:center;justify-content:center;}
.app-header .btn-sm{min-height:2.15rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;}
.app-header .crm-topbar-balance{max-width:11rem;overflow:hidden;text-overflow:ellipsis;}
.app-header .crm-topbar-create{padding-left:.65rem!important;padding-right:.65rem!important;}
@media (max-width:1199.98px){
  .app-header .crm-topbar-inner{gap:.25rem!important;}
  .app-header .crm-topbar-actions{gap:.15rem;}
  .app-header .nav-link{padding-left:.45rem!important;padding-right:.45rem!important;}
  .app-header .btn-sm{padding-left:.55rem!important;padding-right:.55rem!important;}
}
@media (max-width:575.98px){
  .app-header .crm-topbar-inner{padding-left:.35rem!important;padding-right:.35rem!important;}
  .app-header .crm-topbar-start .nav-link{padding-left:.35rem!important;padding-right:.35rem!important;}
}
.app-footer{font-size:.875rem;padding:.55rem .85rem;}
.crm-footer-social{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;}
.crm-footer-social-link{width:1.8rem;height:1.8rem;border-radius:.45rem;border:1px solid var(--bs-border-color);background:var(--bs-tertiary-bg);color:var(--bs-secondary-color);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1;transition:background-color .15s ease,color .15s ease,border-color .15s ease;}
.crm-footer-social-link:hover,.crm-footer-social-link:focus{background:var(--bs-info);border-color:var(--bs-info);color:#fff;}
.crm-footer-social-link svg{width:1rem;height:1rem;display:block;fill:currentColor;}

.service-board .service-column .card-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:.75rem!important;
}
.service-board .service-column .card-header > div:first-child{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  gap:.18rem;
}
.service-board .service-column .card-title{
  float:none!important;
  display:flex!important;
  align-items:center!important;
  gap:.28rem;
  width:auto!important;
  max-width:100%;
  margin:0!important;
  line-height:1.2!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.service-board .service-column .card-title i{
  flex:0 0 auto;
  margin-right:0!important;
  line-height:1;
}
.service-board .service-column .card-header .small{
  display:block!important;
  clear:both!important;
  max-width:100%;
  margin-top:0!important;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.service-board .service-column .card-header .badge{
  flex:0 0 auto;
  margin-left:.5rem;
}
@media (max-width: 575.98px){
  .service-board .service-column .card-title,
  .service-board .service-column .card-header .small{
    white-space:normal;
  }
}

/* CRM setup page cleanup */
.card-title{float:none!important;}
.crm-card-heading{display:block;margin:0;font-size:1.15rem;font-weight:850;line-height:1.25;color:#101828;letter-spacing:-.01em;}
.crm-setup-page{--setup-accent:#0d6efd;--setup-accent-soft:#eef5ff;--setup-text:#101828;--setup-muted:#667085;--setup-border:#e6ebf2;}
.crm-setup-card{overflow:hidden;}
.crm-setup-hero{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:1.25rem!important;padding:1.25rem 1.35rem!important;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%)!important;}
.crm-setup-hero-text{min-width:0;max-width:820px;display:block!important;}
.crm-setup-kicker{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.45rem;padding:.28rem .58rem;border-radius:999px;background:#eef5ff;color:#0d6efd;font-size:.76rem;font-weight:800;letter-spacing:.02em;}
.crm-setup-title{display:block;clear:both;margin:0;color:var(--setup-text);font-size:1.45rem;font-weight:900;line-height:1.15;letter-spacing:-.025em;}
.crm-setup-subtitle{display:block;clear:both;margin:.42rem 0 0;color:var(--setup-muted);font-size:.95rem;line-height:1.45;max-width:720px;}
.crm-setup-open-link{flex:0 0 auto;border-radius:.75rem;font-weight:750;padding:.58rem .9rem;box-shadow:0 .45rem 1rem rgba(13,110,253,.16)!important;}
.crm-setup-body{padding:1.15rem 1.35rem 1.35rem!important;background:#fff;}
.crm-setup-steps{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.05rem;}
.crm-setup-step{display:inline-flex;align-items:center;gap:.48rem;padding:.55rem .78rem;border:1px solid var(--setup-border);border-radius:.85rem;background:#fff;color:#344054;text-decoration:none;font-weight:750;line-height:1;box-shadow:0 .18rem .55rem rgba(15,23,42,.035);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;}
.crm-setup-step:hover{color:#0d6efd;border-color:#b9d6ff;background:#f7fbff;box-shadow:0 .35rem .85rem rgba(13,110,253,.08);transform:translateY(-1px);}
.crm-setup-step.active{color:#fff;background:#0d6efd;border-color:#0d6efd;box-shadow:0 .55rem 1.15rem rgba(13,110,253,.22);}
.crm-setup-step-num{width:1.45rem;height:1.45rem;border-radius:.52rem;display:inline-flex;align-items:center;justify-content:center;background:#f2f4f7;color:#344054;font-size:.78rem;font-weight:900;line-height:1;}
.crm-setup-step.active .crm-setup-step-num{background:#fff;color:#0d6efd;}
.crm-setup-step-title{white-space:nowrap;}
.crm-setup-checklist{margin-top:.1rem;}
.crm-setup-check{height:100%;display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--setup-border);border-radius:.95rem;background:#fff;box-shadow:0 .25rem .75rem rgba(15,23,42,.035);}
.crm-setup-check.is-done{border-color:#bfe7cf;background:#fbfffd;}
.crm-setup-check.is-warning{border-color:#ffe0a3;background:#fffdf7;}
.crm-setup-check-icon{width:2rem;height:2rem;border-radius:.7rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:1rem;font-weight:900;}
.crm-setup-check.is-done .crm-setup-check-icon{background:#e9f8ef;color:#198754;}
.crm-setup-check.is-warning .crm-setup-check-icon{background:#fff3cd;color:#f59f00;}
.crm-setup-check-text{min-width:0;}
.crm-setup-check-text b{display:block;color:#101828;font-size:.95rem;line-height:1.22;margin-bottom:.25rem;}
.crm-setup-check-text span{display:block;color:#667085;font-size:.85rem;line-height:1.35;}
.crm-setup-page .card:not(.crm-setup-card) .card-header{display:flex!important;align-items:center!important;min-height:3.7rem;}
.crm-setup-page .card-footer{background:#fff!important;border-top:1px solid #eef2f7!important;padding:.95rem 1.1rem!important;}
.crm-setup-page .card-footer .btn,.crm-setup-page .card-body .btn{border-radius:.72rem;font-weight:750;}
.crm-setup-page .btn-primary{background:#0d6efd;border-color:#0d6efd;}
.crm-setup-page .btn-outline-primary{border-color:#b9d6ff;color:#0d6efd;background:#fff;}
.crm-setup-page .btn-outline-primary:hover{background:#eef5ff;border-color:#0d6efd;color:#0d6efd;}
.crm-setup-page label{font-weight:700;color:#344054;margin-bottom:.35rem;}
@media(max-width:767.98px){.crm-setup-hero{display:block!important;padding:1rem!important}.crm-setup-open-link{margin-top:.85rem;width:100%;justify-content:center}.crm-setup-body{padding:1rem!important}.crm-setup-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.crm-setup-step{justify-content:flex-start;padding:.58rem .62rem}.crm-setup-step-title{white-space:normal}.crm-setup-title{font-size:1.25rem}.crm-setup-subtitle{font-size:.9rem}}
@media(max-width:420px){.crm-setup-steps{grid-template-columns:1fr}}


/* Navbar controls + non-fixed footer */
.app-header.navbar-cyan{
  box-shadow:0 .35rem 1rem rgba(2,62,78,.16)!important;
}
.app-header .crm-topbar-inner{min-height:3.05rem;}
.app-header .crm-topbar-start .nav-link,
.app-header .crm-topbar-actions>.nav-item>.nav-link{
  min-height:2.15rem;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(3,87,104,.18);
  border-radius:.65rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.app-header .crm-topbar-start .nav-link:hover,
.app-header .crm-topbar-start .nav-link:focus,
.app-header .crm-topbar-actions>.nav-item>.nav-link:hover,
.app-header .crm-topbar-actions>.nav-item>.nav-link:focus{
  background:rgba(2,73,91,.28);
  border-color:rgba(255,255,255,.65);
}
.app-header .crm-topbar-search{max-width:640px;}
.app-header .crm-topbar-search .input-group{
  min-height:2.2rem;
  background:#fff;
  border:1px solid rgba(2,83,102,.28);
  border-radius:.7rem;
  overflow:hidden;
  box-shadow:0 .35rem .9rem rgba(2,62,78,.18),inset 0 1px 0 rgba(255,255,255,.75);
}
.app-header .crm-topbar-search .form-control,
.app-header .crm-topbar-search [data-global-search-input]{
  background:#fff!important;
  color:#102033!important;
  border:0!important;
  box-shadow:none!important;
  font-weight:650!important;
  min-height:2.2rem;
}
.app-header .crm-topbar-search .form-control::placeholder,
.app-header .crm-topbar-search [data-global-search-input]::placeholder{
  color:#506574!important;
  opacity:1!important;
  font-weight:650!important;
}
.app-header .crm-topbar-search .btn{
  min-width:2.45rem;
  background:#f8fbfd!important;
  border:0!important;
  border-left:1px solid rgba(2,83,102,.16)!important;
  color:#07708a!important;
  box-shadow:none!important;
}
.app-header .crm-topbar-search .btn i{color:#07708a!important;}
.app-header .crm-topbar-search .btn:hover,
.app-header .crm-topbar-search .btn:focus{background:#ecf8fb!important;color:#035f76!important;}
.app-header .crm-topbar-actions .btn.crm-topbar-balance,
.app-header .crm-topbar-actions .btn.crm-topbar-create{
  min-height:2.2rem;
  background:#fff!important;
  border:1px solid rgba(2,83,102,.22)!important;
  color:#075468!important;
  box-shadow:0 .3rem .8rem rgba(2,62,78,.15)!important;
}
.app-header .crm-topbar-actions .btn.crm-topbar-balance i,
.app-header .crm-topbar-actions .btn.crm-topbar-balance span,
.app-header .crm-topbar-actions .btn.crm-topbar-create i,
.app-header .crm-topbar-actions .btn.crm-topbar-create span{color:#075468!important;}
.app-header .crm-topbar-actions .btn.crm-topbar-balance:hover,
.app-header .crm-topbar-actions .btn.crm-topbar-create:hover,
.app-header .crm-topbar-actions .btn.crm-topbar-balance:focus,
.app-header .crm-topbar-actions .btn.crm-topbar-create:focus{
  background:#f2fbfd!important;
  border-color:rgba(2,83,102,.42)!important;
}
.app-header #tenantDropdown,
.app-header #userDropdown{
  padding-left:.65rem!important;
  padding-right:.65rem!important;
}
.app-header #notificationsDropdown{
  width:2.15rem;
  justify-content:center;
}
.app-header #userDropdown img{
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 .15rem .35rem rgba(0,0,0,.22);
}
.app-footer{
  position:static!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  z-index:auto!important;
  border-top:1px solid var(--bs-border-color);
  background:var(--bs-body-bg);
}
body.layout-footer-fixed .app-footer{position:static!important;right:auto!important;bottom:auto!important;left:auto!important;}
body.layout-footer-fixed .app-main{padding-bottom:0!important;}
@media (max-width:1399.98px){
  .app-header .crm-topbar-search{max-width:520px;}
  .app-header #tenantDropdown span{max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media (max-width:575.98px){
  .app-footer{flex-direction:column;align-items:flex-start!important;}
}

/* Card header action alignment */
.card-header.d-flex{
  width:100%;
}
.card-header.d-flex > .btn-group,
.card-header.d-flex > .crm-ux-actions,
.card-header.d-flex > .card-tools,
.card-header.d-flex > .header-actions,
.card-header.d-flex > .page-actions,
.card-header.d-flex > .ms-auto,
.card-header.d-flex > a.btn:last-child,
.card-header.d-flex > div:last-child:not(:first-child){
  margin-left:auto!important;
}
.card-header.d-flex > .btn-group,
.card-header.d-flex > .crm-ux-actions,
.card-header.d-flex > .card-tools,
.card-header.d-flex > .header-actions,
.card-header.d-flex > .page-actions{
  justify-content:flex-end;
  flex:0 0 auto;
}
.card-header.d-flex > div:first-child{
  min-width:0;
}
.card-header.d-flex > div:first-child .card-title,
.card-header.d-flex > div:first-child h1,
.card-header.d-flex > div:first-child h2,
.card-header.d-flex > div:first-child h3,
.card-header.d-flex > div:first-child h4,
.card-header.d-flex > div:first-child h5,
.card-header.d-flex > div:first-child p,
.card-header.d-flex > div:first-child small{
  float:none!important;
}
.card-header.d-flex > .btn-group .btn{
  white-space:nowrap;
}
@media (max-width:767.98px){
  .card-header.d-flex > .btn-group,
  .card-header.d-flex > .crm-ux-actions,
  .card-header.d-flex > .card-tools,
  .card-header.d-flex > .header-actions,
  .card-header.d-flex > .page-actions{
    width:100%;
    margin-left:0!important;
    justify-content:flex-start;
  }
}

.crm-order-create-offcanvas{
  width:min(860px, calc(100vw - 2rem))!important;
  border-left:1px solid rgba(15,23,42,.14);
  box-shadow:-1.25rem 0 2.5rem rgba(15,23,42,.18);
}
.crm-order-drawer-header{
  align-items:flex-start;
  padding:1rem 1.25rem;
  background:#fff;
}
.crm-order-drawer-kicker{
  color:#64748b;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.1;
  margin-bottom:.2rem;
}
.crm-order-drawer-header .offcanvas-title{
  color:#0f172a;
  font-size:1.35rem;
  font-weight:800;
  line-height:1.1;
}
.crm-order-drawer-body{
  padding:1rem 1.25rem 0;
  background:#f8fafc;
}
.crm-order-create-form{
  min-height:100%;
  display:flex;
  flex-direction:column;
  gap:1rem;
  padding-bottom:0;
}
.crm-order-drawer-section{
  background:#fff;
  border:1px solid rgba(148,163,184,.35);
  border-radius:1rem;
  padding:1rem;
  box-shadow:0 .35rem 1.1rem rgba(15,23,42,.05);
}
.crm-order-drawer-section-title{
  display:flex;
  align-items:center;
  margin-bottom:.85rem;
  color:#0d6efd;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.crm-order-create-form .form-label{
  margin-bottom:.25rem;
  color:#475569;
  font-size:.78rem;
  font-weight:700;
}
.crm-order-create-form .form-control,
.crm-order-create-form .form-select{
  border-color:#cbd5e1;
  border-radius:.55rem;
  min-height:2.45rem;
  box-shadow:none;
}
.crm-order-create-form textarea.form-control{
  min-height:auto;
}
.crm-order-create-form .form-control:focus,
.crm-order-create-form .form-select:focus{
  border-color:#0d6efd;
  box-shadow:0 0 0 .2rem rgba(13,110,253,.13);
}
.crm-order-new-client{
  border:1px dashed rgba(13,110,253,.35);
  border-radius:.85rem;
  background:#f8fbff;
  padding:1rem;
}
.crm-order-drawer-footer{
  position:sticky;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:flex;
  gap:.75rem;
  justify-content:flex-start;
  margin:0 -1.25rem;
  padding:.9rem 1.25rem;
  background:rgba(255,255,255,.96);
  border-top:1px solid rgba(148,163,184,.35);
  box-shadow:0 -.7rem 1.4rem rgba(15,23,42,.06);
  backdrop-filter:saturate(160%) blur(8px);
}
.crm-order-drawer-loading{
  display:flex;
  align-items:center;
  color:#64748b;
  background:#fff;
  border:1px solid rgba(148,163,184,.35);
  border-radius:1rem;
  padding:1rem;
}
@media (max-width:767.98px){
  .crm-order-create-offcanvas{width:100vw!important;}
  .crm-order-drawer-body{padding:.85rem .85rem 0;}
  .crm-order-drawer-section{border-radius:.85rem;padding:.85rem;}
  .crm-order-drawer-footer{margin:0 -.85rem;padding:.85rem;}
}

.crm-universal-drawer,
.crm-settings-drawer{
  width:min(920px, calc(100vw - 2rem))!important;
  border-left:1px solid rgba(15,23,42,.14);
  box-shadow:-1.25rem 0 2.5rem rgba(15,23,42,.18);
}
.crm-drawer-header{
  align-items:flex-start;
  padding:1rem 1.25rem;
  background:#fff;
  border-bottom:1px solid rgba(148,163,184,.28);
}
.crm-drawer-kicker{
  color:#64748b;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.1;
  margin-bottom:.2rem;
  text-transform:uppercase;
}
.crm-drawer-header .offcanvas-title{
  color:#0f172a;
  font-size:1.35rem;
  font-weight:800;
  line-height:1.1;
}
.crm-drawer-body{
  padding:1rem 1.25rem 0;
  background:#f8fafc;
}
.crm-drawer-body > .row,
.crm-drawer-body > form,
.crm-drawer-body > .card,
.crm-drawer-body > .container,
.crm-drawer-body > .container-fluid{
  margin-left:0!important;
  margin-right:0!important;
}
.crm-drawer-body .card{
  border:1px solid rgba(148,163,184,.35);
  border-radius:1rem;
  box-shadow:0 .35rem 1.1rem rgba(15,23,42,.05)!important;
}
.crm-drawer-body .card-header{
  background:#fff;
  border-bottom:1px solid rgba(148,163,184,.22);
  border-radius:1rem 1rem 0 0!important;
}
.crm-drawer-body .card-footer{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:auto!important;
  display:flex!important;
  flex-wrap:wrap;
  gap:.65rem;
  align-items:center;
  justify-content:flex-start;
  margin:0!important;
  padding:.9rem 1rem;
  background:#fff;
  border-top:1px solid rgba(148,163,184,.28);
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.crm-drawer-body .card-footer.d-grid{
  display:flex!important;
}
.crm-drawer-body .card-footer .btn{
  width:auto!important;
  min-width:9.5rem;
  white-space:nowrap;
}
.crm-drawer-footer{
  position:sticky;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  justify-content:flex-start;
  margin:1rem -1.25rem 0;
  padding:.9rem 1.25rem;
  background:rgba(255,255,255,.96);
  border-top:1px solid rgba(148,163,184,.35);
  box-shadow:0 -.7rem 1.4rem rgba(15,23,42,.06);
  backdrop-filter:saturate(160%) blur(8px);
}
.crm-drawer-body .form-control,
.crm-drawer-body .form-select,
.crm-drawer-body .input-group-text{
  border-color:#cbd5e1;
  border-radius:.55rem;
  min-height:2.45rem;
  box-shadow:none;
}
.crm-drawer-body .form-control:focus,
.crm-drawer-body .form-select:focus{
  border-color:#0d6efd;
  box-shadow:0 0 0 .2rem rgba(13,110,253,.13);
}
@media (max-width:767.98px){
  .crm-universal-drawer,
  .crm-settings-drawer{width:100vw!important;}
  .crm-drawer-body{padding:.85rem .85rem 0;}
  .crm-drawer-body .card{border-radius:.85rem;}
  .crm-drawer-body .card-footer{margin:0!important;padding:.85rem;}
  .crm-drawer-body .card-footer .btn{min-width:0;}
  .crm-drawer-footer{margin:1rem -.85rem 0;padding:.85rem;}
}

.crm-sidebar-menu-editor-table td,
.crm-sidebar-menu-editor-table th {
  vertical-align: middle;
}
.crm-sidebar-menu-editor-table .form-text {
  font-size: .75rem;
}
@media (max-width: 991.98px) {
  .crm-sidebar-menu-editor-table {
    min-width: 860px;
  }
}


.crm-menu-editor-shell .card {
  border-radius: 1rem;
}
.crm-menu-editor-shell .card-header {
  background: #fff;
  border-bottom: 1px solid #eef2f7;
}
.crm-menu-main-card .card-body {
  background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
}
.crm-menu-editor-list {
  padding: .6rem;
}
.crm-menu-editor-node {
  margin: .55rem 0;
}
.crm-menu-editor-row {
  --menu-level: 0;
  padding: 1rem 1rem 1rem calc(1rem + var(--menu-level) * 1.1rem);
  border: 1px solid #e7edf5;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .035);
  transition: border-color .16s ease, box-shadow .16s ease, opacity .16s ease, background .16s ease;
}
.crm-menu-editor-row:hover {
  border-color: #c7dcff;
  box-shadow: 0 .6rem 1.3rem rgba(15, 23, 42, .055);
}
.crm-menu-editor-row.is-muted {
  opacity: .62;
  background: #f8fafc;
}
.crm-menu-editor-row-group {
  border-color: #cfe9ff;
  background: linear-gradient(180deg, #f8fcff 0%, #fff 100%);
}
.crm-menu-editor-row-header {
  border-style: dashed;
  background: #fafcff;
}
.crm-menu-row-top {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
}
.crm-menu-row-move {
  display: inline-flex;
  gap: .35rem;
  padding-top: .15rem;
}
.crm-menu-row-move .btn {
  width: 2.15rem;
  height: 2.15rem;
  padding: 0;
  border-color: #d7dee8;
  color: #475569;
  background: #fff;
}
.crm-menu-row-move .btn:disabled {
  opacity: .35;
}
.crm-menu-row-visible {
  padding-top: .25rem;
}
.crm-menu-row-main {
  min-width: 0;
}
.crm-menu-row-headline {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: .35rem;
  flex-wrap: wrap;
}
.crm-menu-row-type,
.crm-menu-row-nested {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding: .14rem .5rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 700;
  line-height: 1;
}
.crm-menu-row-type {
  color: #0f4c81;
  background: #eaf4ff;
}
.crm-menu-row-nested {
  color: #0369a1;
  background: #ecfeff;
}
.crm-menu-row-titleline {
  display: flex;
  gap: .75rem;
  align-items: center;
}
.crm-menu-label-input {
  min-width: 0;
  font-weight: 700;
  min-height: 2.55rem;
}
.crm-menu-editor-row .form-text {
  margin-top: .35rem;
}
.crm-menu-row-fields {
  display: grid;
  grid-template-columns: minmax(11rem, 12rem) minmax(14rem, 1fr) minmax(10rem, auto);
  gap: .75rem;
  margin-top: .9rem;
}
.crm-menu-row-fields.is-custom {
  grid-template-columns: minmax(11rem, 12rem) minmax(14rem, 1fr) minmax(12rem, 14rem);
}
.crm-menu-field .form-select,
.crm-menu-parent-lock {
  min-height: 2.4rem;
}
.crm-menu-parent-lock {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  border: 1px solid #e2e8f0;
  border-radius: .65rem;
  background: #f8fafc;
  color: #64748b;
}
.crm-menu-row-delete {
  display: flex;
  flex-direction: column;
}
.crm-menu-delete-box {
  min-height: 2.4rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .75rem;
  border: 1px dashed rgba(220, 38, 38, .28);
  border-radius: .7rem;
  background: #fff7f7;
}
.crm-menu-editor-children {
  margin: .5rem 0 1rem 2rem;
  padding: .7rem .75rem .45rem 1rem;
  border-left: 3px solid #cfe9ff;
  background: linear-gradient(90deg, rgba(14, 165, 233, .06), rgba(14, 165, 233, 0));
  border-radius: 0 1rem 1rem 0;
}
.crm-menu-children-title {
  color: #0369a1;
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin: .1rem 0 .55rem .1rem;
}
.crm-menu-empty-children {
  padding: .8rem .9rem;
  border: 1px dashed #cbd5e1;
  border-radius: .85rem;
  color: #64748b;
  background: #fff;
  font-size: .9rem;
}
.crm-menu-new-link {
  border-radius: 1rem !important;
  background: #fbfcff !important;
  border-color: #e7edf5 !important;
}
.crm-menu-new-link:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 1399.98px) {
  .crm-menu-row-fields,
  .crm-menu-row-fields.is-custom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .crm-menu-editor-row {
    padding: .9rem;
  }
  .crm-menu-row-top {
    grid-template-columns: 1fr;
    gap: .55rem;
  }
  .crm-menu-row-visible {
    padding-top: 0;
  }
  .crm-menu-row-fields,
  .crm-menu-row-fields.is-custom {
    grid-template-columns: 1fr;
  }
  .crm-menu-editor-children {
    margin-left: .9rem;
    padding-left: .8rem;
  }
}

.crm-autosave-status,
.crm-autosave-status-inline {
  display: inline-flex;
  align-items: center;
  gap: .15rem;
  min-height: 2.45rem;
  padding: .55rem .85rem;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 700;
  font-size: .9rem;
  white-space: nowrap;
}
.crm-autosave-status-inline {
  border-radius: .75rem;
  background: #f8fafc;
  color: #475569;
}
.crm-autosave-status.is-saving,
.crm-autosave-status-inline.is-saving {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}
.crm-autosave-status.is-saving .bi,
.crm-autosave-status-inline.is-saving .bi {
  animation: crmSpin .9s linear infinite;
}
.crm-autosave-status.is-saved,
.crm-autosave-status-inline.is-saved {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}
.crm-autosave-status.is-dirty,
.crm-autosave-status-inline.is-dirty {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}
.crm-autosave-status.is-error,
.crm-autosave-status-inline.is-error {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}
@keyframes crmSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}


.crm-sidebar-edit-menu-item {
  margin-top: .4rem;
  padding-top: .45rem;
  border-top: 1px solid rgba(255, 255, 255, .08);
}
.crm-sidebar-edit-menu-link {
  min-height: 2.1rem;
  padding-top: .38rem !important;
  padding-bottom: .38rem !important;
  font-size: .82rem;
  color: rgba(255, 255, 255, .55) !important;
}
.crm-sidebar-edit-menu-link .nav-icon {
  font-size: .9rem !important;
  width: 1.45rem !important;
}
.crm-sidebar-edit-menu-link p {
  font-size: .82rem;
  font-weight: 500;
}
.crm-sidebar-edit-menu-link:hover,
.crm-sidebar-edit-menu-link.active {
  color: rgba(255, 255, 255, .9) !important;
  background: rgba(255, 255, 255, .08) !important;
}


.crm-menu-editor-compact .crm-menu-main-card .card-header {
  min-height: auto;
  padding: .65rem .85rem;
}
.crm-menu-editor-compact .crm-menu-main-card .card-body {
  background: #fff;
}
.crm-menu-editor-compact .crm-menu-editor-list {
  padding: .35rem;
}
.crm-menu-editor-compact .crm-menu-editor-node {
  margin: .22rem 0;
}
.crm-menu-editor-compact .crm-menu-editor-row {
  display: grid;
  grid-template-columns: minmax(22rem, 1.1fr) minmax(24rem, .9fr);
  gap: .4rem .6rem;
  align-items: center;
  padding: .42rem .55rem .42rem calc(.55rem + var(--menu-level) * .8rem);
  border-radius: .72rem;
  box-shadow: none;
}
.crm-menu-editor-compact .crm-menu-editor-row:hover {
  box-shadow: 0 .25rem .8rem rgba(15, 23, 42, .045);
}
.crm-menu-editor-compact .crm-menu-row-top {
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: .45rem;
  align-items: center;
}
.crm-menu-editor-compact .crm-menu-row-move {
  gap: .18rem;
  padding-top: 0;
}
.crm-menu-editor-compact .crm-menu-row-move .btn {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: .45rem;
  font-size: .72rem;
}
.crm-menu-editor-compact .crm-menu-row-visible {
  padding-top: 0;
}
.crm-menu-editor-compact .crm-menu-row-visible .form-switch {
  min-height: 1.4rem;
  padding-left: 2.15rem;
}
.crm-menu-editor-compact .crm-menu-row-visible .form-check-input {
  width: 1.8rem;
  height: .95rem;
  margin-top: .2rem;
}
.crm-menu-editor-compact .crm-menu-row-headline {
  margin-bottom: .15rem;
}
.crm-menu-editor-compact .crm-menu-row-type,
.crm-menu-editor-compact .crm-menu-row-nested {
  min-height: 1.15rem;
  padding: .08rem .38rem;
  font-size: .62rem;
  border-radius: .45rem;
}
.crm-menu-editor-compact .crm-menu-row-nested {
  display: none;
}
.crm-menu-editor-compact .crm-menu-label-input,
.crm-menu-editor-compact .crm-menu-field .form-select,
.crm-menu-editor-compact .crm-menu-parent-lock {
  min-height: 1.95rem;
  height: 1.95rem;
  padding-top: .22rem;
  padding-bottom: .22rem;
  font-size: .875rem;
  border-radius: .5rem;
}
.crm-menu-editor-compact .crm-menu-label-input {
  font-weight: 650;
}
.crm-menu-editor-compact .crm-menu-editor-row .form-label,
.crm-menu-editor-compact .crm-menu-editor-row .form-text {
  display: none;
}
.crm-menu-editor-compact .crm-menu-row-fields,
.crm-menu-editor-compact .crm-menu-row-fields.is-custom {
  display: grid;
  grid-template-columns: minmax(8rem, 9rem) minmax(12rem, 1fr) minmax(9.5rem, auto);
  gap: .45rem;
  margin-top: 0;
  align-items: center;
}
.crm-menu-editor-compact .crm-menu-row-fields:not(.is-custom) .crm-menu-field-parent {
  grid-column: 2 / -1;
}
.crm-menu-editor-compact .crm-menu-delete-box {
  min-height: 1.95rem;
  height: 1.95rem;
  padding: .25rem .55rem;
  border-radius: .55rem;
  font-size: .82rem;
}
.crm-menu-editor-compact .crm-menu-editor-children {
  margin: .2rem 0 .35rem 1.35rem;
  padding: .2rem 0 .12rem .65rem;
  border-left-width: 2px;
  border-radius: 0 .65rem .65rem 0;
}
.crm-menu-editor-compact .crm-menu-children-title {
  margin: 0 0 .2rem;
  font-size: .62rem;
  color: #3182a8;
}
.crm-menu-editor-compact .crm-menu-empty-children {
  padding: .45rem .65rem;
  border-radius: .6rem;
  font-size: .8rem;
}
.crm-menu-editor-compact .crm-menu-add-link-card .card-body {
  padding: .65rem !important;
}
.crm-menu-editor-compact .crm-menu-new-link {
  padding: .65rem !important;
  margin-bottom: .6rem !important;
  border-radius: .75rem !important;
}
.crm-menu-editor-compact .crm-menu-new-link .form-label {
  margin-bottom: .18rem;
  font-size: .72rem;
  color: #64748b;
}
.crm-menu-editor-compact .crm-menu-new-link .form-control,
.crm-menu-editor-compact .crm-menu-new-link .form-select {
  min-height: 2rem;
  height: 2rem;
  padding-top: .22rem;
  padding-bottom: .22rem;
  font-size: .875rem;
  border-radius: .5rem;
}
.crm-menu-editor-compact .crm-menu-help-card {
  display: none;
}
.crm-menu-editor-compact .card {
  border-radius: .85rem;
}
@media (min-width: 1400px) {
  .crm-menu-editor-compact .crm-menu-editor-list {
    columns: 2;
    column-gap: .75rem;
  }
  .crm-menu-editor-compact .crm-menu-editor-node {
    break-inside: avoid;
    display: inline-block;
    width: 100%;
  }
  .crm-menu-editor-compact .crm-menu-editor-row {
    grid-template-columns: 1fr;
    gap: .3rem;
  }
  .crm-menu-editor-compact .crm-menu-row-fields,
  .crm-menu-editor-compact .crm-menu-row-fields.is-custom {
    grid-template-columns: minmax(7.5rem, 8rem) minmax(11rem, 1fr);
  }
  .crm-menu-editor-compact .crm-menu-row-delete {
    grid-column: 1 / -1;
  }
  .crm-menu-editor-compact .crm-menu-row-fields:not(.is-custom) .crm-menu-field-parent {
    grid-column: auto;
  }
}
@media (max-width: 991.98px) {
  .crm-menu-editor-compact .crm-menu-editor-row {
    grid-template-columns: 1fr;
  }
  .crm-menu-editor-compact .crm-menu-row-fields,
  .crm-menu-editor-compact .crm-menu-row-fields.is-custom {
    grid-template-columns: 1fr 1fr;
  }
  .crm-menu-editor-compact .crm-menu-row-delete {
    grid-column: 1 / -1;
  }
}
@media (max-width: 575.98px) {
  .crm-menu-editor-compact .crm-menu-row-top,
  .crm-menu-editor-compact .crm-menu-row-fields,
  .crm-menu-editor-compact .crm-menu-row-fields.is-custom {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1400px) {
  .crm-menu-editor-compact .crm-menu-editor-list {
    columns: 1 !important;
    column-gap: 0 !important;
  }
  .crm-menu-editor-compact .crm-menu-editor-node {
    display: block !important;
    width: auto !important;
    break-inside: auto !important;
  }
  .crm-menu-editor-compact .crm-menu-editor-row {
    grid-template-columns: minmax(22rem, 1.1fr) minmax(24rem, .9fr) !important;
    gap: .4rem .6rem !important;
  }
  .crm-menu-editor-compact .crm-menu-row-fields,
  .crm-menu-editor-compact .crm-menu-row-fields.is-custom {
    grid-template-columns: minmax(8rem, 9rem) minmax(12rem, 1fr) minmax(9.5rem, auto) !important;
  }
  .crm-menu-editor-compact .crm-menu-row-fields:not(.is-custom) .crm-menu-field-parent {
    grid-column: 2 / -1 !important;
  }
  .crm-menu-editor-compact .crm-menu-row-delete {
    grid-column: auto !important;
  }
}

.warehouse-subnav .btn {
  border-radius: .65rem;
  font-weight: 600;
}
.warehouse-subnav .card-body {
  row-gap: .45rem !important;
}
.warehouse-product-actions {
  display: grid;
  gap: .65rem;
}
.warehouse-product-actions .btn,
.warehouse-product-actions form {
  margin: 0 !important;
}
@media (max-width: 575.98px) {
  .warehouse-subnav .btn {
    flex: 1 1 calc(50% - .5rem);
  }
}


.crm-sidebar-vk-widget {
  box-sizing: border-box;
  width: calc(100% - 1rem);
  max-width: 236px;
  margin: .55rem auto .9rem;
  padding: 0;
  border: 0;
  border-radius: .8rem;
  background: transparent;
  overflow: hidden;
}
.crm-sidebar-vk-frame {
  box-sizing: border-box;
  width: 100%;
  height: 284px;
  max-height: 284px;
  overflow: hidden;
  border-radius: .8rem;
  background: #20252b;
}
.crm-sidebar-vk-frame iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 284px !important;
  max-height: 284px !important;
  border: 0 !important;
  border-radius: .8rem;
}
body.sidebar-collapse .crm-sidebar-vk-widget,
body.sidebar-mini.sidebar-collapse .crm-sidebar-vk-widget {
  display: none;
}
@media (max-width: 991.98px) {
  .crm-sidebar-vk-widget {
    display: none;
  }
}


.crm-appointment-drawer{
  width:min(1180px, calc(100vw - 1rem))!important;
}
.crm-appointment-drawer .crm-drawer-body{
  overflow-x:hidden;
}
.crm-drawer-body .beauty-appointment-form{
  max-width:100%;
  min-width:0;
}
.crm-drawer-body .beauty-editor-shell{
  grid-template-columns:minmax(240px, 290px) minmax(0, 1fr);
  gap:14px;
  max-width:100%;
  min-width:0;
}
.crm-drawer-body .beauty-editor-left,
.crm-drawer-body .beauty-editor-main,
.crm-drawer-body .beauty-editor-right{
  min-width:0;
}
.crm-drawer-body .beauty-editor-right{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:14px;
  align-items:start;
}
.crm-drawer-body .beauty-client-card{
  min-width:0;
}
.crm-drawer-body .beauty-client-card .collapse.show{
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr 1fr;
  gap:.55rem;
}
.crm-drawer-body .beauty-client-card .collapse.show > label{
  grid-column:1 / -1;
  margin-bottom:0;
}
.crm-drawer-body .beauty-client-card .collapse.show > .form-select{
  margin-bottom:0!important;
}
.crm-drawer-body .beauty-client-card .collapse.show > .form-control{
  margin-bottom:0!important;
}
.crm-drawer-body .beauty-client-stats{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.crm-drawer-body .beauty-editor-savebar{
  position:sticky;
  bottom:0;
  z-index:4;
  min-width:220px;
  margin:0;
  align-self:end;
  justify-content:flex-end;
  border-radius:16px;
}
.crm-drawer-body .beauty-editor-savebar .btn{
  min-width:9rem;
}
.crm-drawer-body .beauty-editor-section .row{
  min-width:0;
}
.crm-drawer-body .beauty-editor-section .form-control,
.crm-drawer-body .beauty-editor-section .form-select{
  max-width:100%;
}
@media (max-width:1199.98px){
  .crm-drawer-body .beauty-editor-shell{
    grid-template-columns:1fr;
  }
  .crm-drawer-body .beauty-editor-grid-actions{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .crm-drawer-body .beauty-editor-right{
    grid-template-columns:1fr;
  }
  .crm-drawer-body .beauty-editor-savebar{
    justify-content:flex-start;
  }
}
@media (max-width:767.98px){
  .crm-appointment-drawer{width:100vw!important;}
  .crm-drawer-body .beauty-client-card .collapse.show{
    grid-template-columns:1fr;
  }
  .crm-drawer-body .beauty-client-stats{
    grid-template-columns:1fr 1fr;
  }
  .crm-drawer-body .beauty-editor-grid-actions{
    grid-template-columns:1fr;
  }
  .crm-drawer-body .beauty-editor-savebar .btn{
    min-width:0;
    flex:1 1 auto;
  }
}


.crm-appointment-drawer,
.crm-universal-drawer:has(.beauty-appointment-form),
.crm-settings-drawer:has(.beauty-appointment-form){
  width:min(1320px, calc(100vw - 1rem))!important;
  max-width:calc(100vw - 1rem)!important;
}
.crm-appointment-drawer .offcanvas-body,
.crm-universal-drawer:has(.beauty-appointment-form) .offcanvas-body,
.crm-settings-drawer:has(.beauty-appointment-form) .offcanvas-body{
  overflow-x:hidden!important;
}
.offcanvas .beauty-appointment-form{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden;
}
.offcanvas .beauty-appointment-form *,
.crm-appointment-drawer .beauty-appointment-form *{
  box-sizing:border-box;
}
.crm-appointment-drawer .beauty-editor-shell,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-shell{
  display:grid!important;
  grid-template-columns:minmax(220px,260px) minmax(0,1fr)!important;
  gap:14px!important;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden;
}
.crm-appointment-drawer .beauty-editor-left,
.crm-appointment-drawer .beauty-editor-main,
.crm-appointment-drawer .beauty-editor-right,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-left,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-main,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-right{
  min-width:0!important;
  max-width:100%;
}
.crm-appointment-drawer .beauty-editor-right,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-right{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:start!important;
}
.crm-appointment-drawer .beauty-client-card,
.offcanvas:has(.beauty-appointment-form) .beauty-client-card{
  min-width:0!important;
  max-width:100%!important;
}
.crm-appointment-drawer .beauty-client-card .collapse.show,
.offcanvas:has(.beauty-appointment-form) .beauty-client-card .collapse.show{
  display:grid!important;
  grid-template-columns:minmax(190px,1.2fr) minmax(160px,1fr) minmax(160px,1fr) minmax(170px,1fr)!important;
  gap:.55rem!important;
}
.crm-appointment-drawer .beauty-client-card .collapse.show > label,
.offcanvas:has(.beauty-appointment-form) .beauty-client-card .collapse.show > label{
  grid-column:1 / -1!important;
  margin-bottom:0!important;
}
.crm-appointment-drawer .beauty-client-card .collapse.show > .form-select,
.crm-appointment-drawer .beauty-client-card .collapse.show > .form-control,
.offcanvas:has(.beauty-appointment-form) .beauty-client-card .collapse.show > .form-select,
.offcanvas:has(.beauty-appointment-form) .beauty-client-card .collapse.show > .form-control{
  margin-bottom:0!important;
  min-width:0!important;
}
.crm-appointment-drawer .beauty-client-stats,
.offcanvas:has(.beauty-appointment-form) .beauty-client-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.crm-appointment-drawer .beauty-editor-savebar,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-savebar{
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  align-self:end!important;
  justify-content:flex-end!important;
  min-width:220px!important;
  margin:0!important;
}
.crm-appointment-drawer .beauty-editor-section .row,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-section .row{
  min-width:0!important;
}
.crm-appointment-drawer .beauty-editor-section .form-control,
.crm-appointment-drawer .beauty-editor-section .form-select,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-section .form-control,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-section .form-select{
  max-width:100%!important;
  min-width:0!important;
}
@media (max-width:1199.98px){
  .crm-appointment-drawer .beauty-editor-shell,
  .offcanvas:has(.beauty-appointment-form) .beauty-editor-shell{
    grid-template-columns:1fr!important;
  }
  .crm-appointment-drawer .beauty-editor-right,
  .offcanvas:has(.beauty-appointment-form) .beauty-editor-right{
    grid-template-columns:1fr!important;
  }
  .crm-appointment-drawer .beauty-editor-savebar,
  .offcanvas:has(.beauty-appointment-form) .beauty-editor-savebar{
    justify-content:flex-start!important;
  }
}
@media (max-width:767.98px){
  .crm-appointment-drawer,
  .crm-universal-drawer:has(.beauty-appointment-form),
  .crm-settings-drawer:has(.beauty-appointment-form){
    width:100vw!important;
    max-width:100vw!important;
  }
  .crm-appointment-drawer .beauty-client-card .collapse.show,
  .offcanvas:has(.beauty-appointment-form) .beauty-client-card .collapse.show,
  .crm-appointment-drawer .beauty-client-stats,
  .offcanvas:has(.beauty-appointment-form) .beauty-client-stats{
    grid-template-columns:1fr!important;
  }
  .crm-appointment-drawer .beauty-editor-savebar .btn,
  .offcanvas:has(.beauty-appointment-form) .beauty-editor-savebar .btn{
    min-width:0!important;
    flex:1 1 auto;
  }
}

.crm-validation-summary {
  margin-bottom: 1rem;
  border-radius: .85rem;
}
.crm-field-error {
  font-size: .82rem;
  margin-top: .35rem;
}
.crm-live-validation-status {
  margin: -.35rem 0 .85rem;
}
.beauty-appointment-form .crm-validation-summary {
  margin: 0 0 1rem;
}
.beauty-appointment-form .is-invalid,
.crm-form-busy .is-invalid {
  border-color: #dc3545 !important;
}

.crm-appointment-drawer .beauty-editor-right,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-right{
  grid-template-columns:auto minmax(0,1fr)!important;
}
.crm-appointment-drawer .beauty-editor-savebar,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-savebar{
  align-self:start!important;
  justify-content:flex-start!important;
  min-width:260px!important;
  max-width:320px!important;
  flex-wrap:wrap;
}
.crm-appointment-drawer .beauty-editor-savebar .btn,
.offcanvas:has(.beauty-appointment-form) .beauty-editor-savebar .btn{
  width:100%;
  min-width:0!important;
}
@media (max-width:1199.98px){
  .crm-appointment-drawer .beauty-editor-right,
  .offcanvas:has(.beauty-appointment-form) .beauty-editor-right{
    grid-template-columns:1fr!important;
  }
  .crm-appointment-drawer .beauty-editor-savebar,
  .offcanvas:has(.beauty-appointment-form) .beauty-editor-savebar{
    max-width:100%!important;
    width:100%;
  }
  .crm-appointment-drawer .beauty-editor-savebar .btn,
  .offcanvas:has(.beauty-appointment-form) .beauty-editor-savebar .btn{
    width:auto;
    flex:1 1 auto;
  }
}

.crm-today-page .card {
  border-color: #e6edf5;
  border-radius: 1rem;
  box-shadow: 0 .65rem 1.5rem rgba(15, 23, 42, .035);
}
.crm-today-hero .card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem;
}
.crm-today-hero-main {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.crm-today-hero-icon {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(13, 110, 253, .12), rgba(13, 202, 240, .15));
  color: #0d6efd;
  font-size: 1.45rem;
}
.crm-today-date-form {
  display: flex;
  align-items: center;
  gap: .6rem;
}
.crm-today-date-form .form-control {
  min-width: 14rem;
}
.crm-today-stat .card-body {
  position: relative;
  min-height: 6.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.15rem 1.25rem;
  overflow: hidden;
}
.crm-today-stat small {
  color: #64748b;
  font-weight: 600;
  margin-bottom: .25rem;
}
.crm-today-stat strong {
  color: #0f172a;
  font-size: 1.85rem;
  line-height: 1.1;
}
.crm-today-stat-icon {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .85rem;
  opacity: .92;
}
.crm-today-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: #fff;
  border-bottom-color: #edf2f7;
  padding: 1rem 1.15rem;
}
.crm-today-panel .card-body {
  padding: 1rem;
}
.crm-today-feed {
  display: grid;
  gap: .75rem;
}
.crm-today-feed-item {
  display: grid;
  grid-template-columns: 4.4rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .85rem;
  padding: .85rem;
  border: 1px solid #e6edf5;
  border-radius: .95rem;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}
.crm-today-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 3.85rem;
  padding: .35rem .25rem;
  border-radius: .85rem;
  background: #eef6ff;
  color: #0d6efd;
  font-weight: 800;
  line-height: 1.05;
}
.crm-today-time span {
  font-size: 1rem;
}
.crm-today-time small {
  margin-top: .18rem;
  color: #64748b;
  font-size: .74rem;
  font-weight: 700;
  text-transform: lowercase;
}
.crm-today-feed-title {
  color: #0f172a;
  font-weight: 800;
  margin-bottom: .35rem;
}
.crm-today-feed-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .8rem;
  color: #64748b;
  font-size: .88rem;
}
.crm-today-feed-meta span {
  display: inline-flex;
  align-items: center;
  gap: .28rem;
}
.crm-today-feed-actions {
  display: flex;
  align-items: center;
  gap: .5rem;
  white-space: nowrap;
}
.crm-today-mini-list {
  display: grid;
  gap: .65rem;
}
.crm-today-mini-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .75rem;
  padding: .8rem;
  border: 1px solid #e6edf5;
  border-radius: .9rem;
  color: inherit;
  text-decoration: none;
  background: #fff;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.crm-today-mini-item:hover {
  color: inherit;
  border-color: #bfdbfe;
  box-shadow: 0 .5rem 1.1rem rgba(15, 23, 42, .055);
  transform: translateY(-1px);
}
.crm-today-mini-time {
  min-width: 3.7rem;
  min-height: 2.7rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: .2rem .35rem;
  border-radius: .75rem;
  background: #eef6ff;
  color: #0d6efd;
  font-weight: 800;
  line-height: 1.05;
}
.crm-today-mini-time b {
  font-size: .95rem;
  font-weight: 800;
}
.crm-today-mini-time small {
  margin-top: .15rem;
  color: #64748b;
  font-size: .7rem;
  font-weight: 700;
  text-transform: lowercase;
}
.crm-today-mini-main {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.crm-today-mini-main b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-today-mini-main small {
  color: #64748b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.crm-today-soft-empty,
.crm-empty-state {
  text-align: center;
  color: #64748b;
  border: 1px dashed #d7e0eb;
  border-radius: .95rem;
  background: #fbfdff;
}
.crm-today-soft-empty {
  padding: 1.5rem;
}
.crm-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .35rem;
}
.crm-empty-state i {
  color: #94a3b8;
  font-size: 2rem;
}
.crm-empty-state strong {
  color: #334155;
}
@media (max-width: 767.98px) {
  .crm-today-hero .card-body,
  .crm-today-hero-main,
  .crm-today-date-form {
    align-items: stretch;
    flex-direction: column;
  }
  .crm-today-date-form .form-control {
    min-width: 0;
  }
  .crm-today-feed-item {
    grid-template-columns: 1fr;
  }
  .crm-today-feed-actions {
    justify-content: space-between;
  }
}

.booking-admin-page .card,
.booking-page-settings-form .card {
  border-color: #e6edf5;
  border-radius: 1rem;
}
.booking-admin-help-card .card-body {
  display: flex;
  gap: .9rem;
  align-items: flex-start;
}
.booking-admin-help-icon {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: .9rem;
  color: #0d6efd;
  background: #eef6ff;
  font-size: 1.25rem;
}
.booking-page-grid {
  display: grid;
  gap: 1rem;
}
.booking-page-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #e6edf5;
  border-radius: 1rem;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}
.booking-page-card-main {
  display: flex;
  min-width: 0;
  gap: .9rem;
  align-items: flex-start;
}
.booking-page-status {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: .9rem;
  font-size: 1.25rem;
  background: #f1f5f9;
  color: #64748b;
}
.booking-page-status.is-on {
  background: #dcfce7;
  color: #15803d;
}
.booking-public-url-box {
  max-width: 34rem;
}
.booking-page-card-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(5.2rem, 1fr));
  gap: .55rem;
  align-self: start;
}
.booking-page-card-stats div {
  padding: .65rem .75rem;
  border: 1px solid #edf2f7;
  border-radius: .8rem;
  background: #fff;
  text-align: center;
}
.booking-page-card-stats span {
  display: block;
  color: #0f172a;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.1;
}
.booking-page-card-stats small {
  color: #64748b;
  font-size: .75rem;
}
.booking-page-card-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  padding-top: .75rem;
  border-top: 1px solid #edf2f7;
}
.booking-settings-section .card-header {
  background: #fff;
  border-bottom-color: #edf2f7;
}
.booking-mode-switches {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.booking-mode-switch {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .75rem;
  align-items: center;
  padding: .9rem;
  border: 1px solid #e2e8f0;
  border-radius: .95rem;
  cursor: pointer;
  background: #fff;
}
.booking-mode-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.booking-mode-switch b,
.booking-mode-switch small {
  display: block;
}
.booking-mode-switch small {
  color: #64748b;
  margin-top: .15rem;
}
.booking-mode-icon {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .85rem;
  background: #f1f5f9;
  color: #64748b;
}
.booking-mode-switch.is-on {
  border-color: #b7e4c7;
  background: #f7fff9;
}
.booking-mode-switch.is-on .booking-mode-icon {
  background: #dcfce7;
  color: #15803d;
}
.booking-mode-switch.is-off {
  border-color: #e2e8f0;
  background: #f8fafc;
}
.booking-public-url-editor .form-control {
  font-weight: 700;
}
@media (max-width: 1199.98px) {
  .booking-page-card {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .booking-mode-switches,
  .booking-page-card-stats {
    grid-template-columns: 1fr;
  }
  .booking-page-card-main {
    flex-direction: column;
  }
  .booking-page-card-actions .btn,
  .booking-page-card-actions form,
  .booking-page-card-actions form .btn {
    width: 100%;
  }
}


.crm-users-page {
  border-radius: 1rem;
}
.crm-users-page .card-header {
  background: #fff;
  border-bottom: 1px solid #edf2f7;
  padding: 1rem 1.25rem;
}
.crm-users-count {
  font-size: .8rem;
  padding: .45rem .75rem;
}
.crm-users-list {
  display: grid;
  gap: 1rem;
}
.crm-user-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.1rem;
  border: 1px solid #e8eef5;
  border-radius: 1rem;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: 0 .4rem 1rem rgba(15, 23, 42, .04);
}
.crm-user-card__main {
  min-width: 0;
}
.crm-user-card__profile {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.crm-user-card__avatar {
  width: 84px;
  height: 84px;
  flex: 0 0 84px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #eef6ff;
  box-shadow: 0 .3rem .8rem rgba(59, 130, 246, .14);
}
.crm-user-card__identity {
  min-width: 0;
}
.crm-user-card__name {
  font-size: 1.1rem;
  font-weight: 800;
  color: #0f172a;
}
.crm-user-card__code {
  margin-top: .2rem;
  color: #2563eb;
  font-size: .88rem;
  font-weight: 700;
}
.crm-user-card__email {
  margin-top: .25rem;
  color: #64748b;
  word-break: break-word;
}
.crm-user-card__meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
}
.crm-user-meta {
  padding: .85rem .9rem;
  border-radius: .9rem;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  min-width: 0;
}
.crm-user-meta__label {
  display: block;
  margin-bottom: .35rem;
  color: #64748b;
  font-size: .8rem;
  font-weight: 700;
}
.crm-user-meta__value, .crm-user-meta__roles {
  display: block;
  color: #0f172a;
  font-weight: 700;
}
.crm-user-meta__hint {
  display: block;
  margin-top: .25rem;
  color: #94a3b8;
  font-size: .78rem;
}
.crm-user-card__actions {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .crm-user-card__meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .crm-users-page .card-header {
    padding: .9rem 1rem;
  }
  .crm-user-card {
    grid-template-columns: 1fr;
    padding: .9rem;
  }
  .crm-user-card__profile {
    align-items: flex-start;
    margin-bottom: .8rem;
  }
  .crm-user-card__avatar {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
  }
  .crm-user-card__meta-grid {
    grid-template-columns: 1fr;
  }
  .crm-user-card__actions {
    justify-content: stretch;
  }
  .crm-user-card__actions .btn {
    width: 100%;
  }
}


.crm-user-form-card {
  border-radius: 1rem;
  border-color: #e6edf5;
}
.crm-user-form-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding: 1rem 1.15rem;
  background: #fff;
  border-bottom: 1px solid #edf2f7;
}
.crm-user-form-actions {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}
.crm-user-form-grid {
  display: grid;
  grid-template-columns: 18rem minmax(0, 1fr);
  gap: 1.25rem;
  align-items: start;
}
.crm-user-form-profile {
  padding: 1rem;
  border: 1px solid #e8eef5;
  border-radius: 1rem;
  background: #fbfdff;
}
.crm-user-photo-box {
  display: flex;
  align-items: center;
  gap: .85rem;
  margin-bottom: .85rem;
}
.crm-user-form-avatar {
  width: 86px;
  height: 86px;
  flex: 0 0 86px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #eef6ff;
  box-shadow: 0 .3rem .9rem rgba(15, 23, 42, .08);
}
.crm-user-photo-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: .2rem;
}
.crm-user-photo-info strong {
  color: #0f172a;
  line-height: 1.2;
}
.crm-user-photo-info span {
  color: #64748b;
  font-size: .84rem;
}
.crm-user-profile-note {
  margin-top: .85rem;
  padding: .75rem;
  border-radius: .85rem;
  background: #fff;
  border: 1px solid #e8eef5;
}
.crm-user-profile-note span,
.crm-user-profile-note strong {
  display: block;
}
.crm-user-profile-note strong {
  margin-top: .15rem;
  color: #2563eb;
}
.crm-user-form-fields {
  min-width: 0;
}
.crm-user-form-section {
  margin-top: 1.25rem;
  padding: 1rem;
  border: 1px solid #e8eef5;
  border-radius: 1rem;
  background: #fff;
}
.crm-user-form-section-title {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1rem;
}
.crm-user-form-section-title > i {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .85rem;
  background: #eef6ff;
  color: #0d6efd;
  font-size: 1.1rem;
}
.crm-user-form-section-title h5 {
  margin: 0;
  color: #0f172a;
  font-weight: 800;
}
.crm-user-form-section-title span {
  display: block;
  color: #64748b;
  font-size: .88rem;
}
.crm-staff-hours-wrap {
  border: 1px solid #e8eef5;
  border-radius: .9rem;
}
.crm-staff-hours-table thead th {
  background: #f8fafc;
  color: #475569;
  font-size: .84rem;
}
.crm-staff-hours-table td,
.crm-staff-hours-table th {
  padding: .7rem .75rem;
}
.crm-user-form-footer {
  display: flex;
  justify-content: flex-end;
  gap: .5rem;
  background: #fff;
  border-top: 1px solid #edf2f7;
  padding: 1rem 1.15rem;
}
@media (max-width: 991.98px) {
  .crm-user-form-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575.98px) {
  .crm-user-form-header,
  .crm-user-form-footer,
  .crm-user-form-actions {
    align-items: stretch;
  }
  .crm-user-form-header,
  .crm-user-form-footer {
    flex-direction: column;
  }
  .crm-user-form-actions .btn,
  .crm-user-form-footer .btn {
    width: 100%;
  }
  .crm-user-photo-box {
    align-items: flex-start;
  }
  .crm-user-form-avatar {
    width: 72px;
    height: 72px;
    flex-basis: 72px;
  }
}


.crm-access-page .card {
  border-color: #e6edf5;
  border-radius: 1rem;
}
.crm-access-hero .card-body,
.crm-access-roles .card-header,
.crm-access-matrix .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: #fff;
  border-bottom: 1px solid #edf2f7;
  padding: 1rem 1.15rem;
}
.crm-access-hero__main {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.crm-access-hero__icon {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(13, 110, 253, .12), rgba(13, 202, 240, .16));
  color: #0d6efd;
  font-size: 1.35rem;
}
.crm-access-role-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: .85rem;
}

.crm-access-role-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .9rem;
  min-height: 9.5rem;
  padding: 1rem;
  border: 1px solid #e8eef5;
  border-radius: .95rem;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}
.crm-access-role-card__top {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
}
.crm-access-role-card__identity {
  min-width: 0;
}
.crm-access-role-card__icon {
  width: 2.4rem;
  height: 2.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .8rem;
  background: #eef6ff;
  color: #0d6efd;
  flex: 0 0 2.4rem;
}
.crm-access-role-card strong {
  display: block;
  color: #0f172a;
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.2;
}
.crm-access-role-card__slug {
  margin-top: .18rem;
  color: #64748b;
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.crm-access-role-card small {
  display: block;
  margin-top: .15rem;
  color: #64748b;
  font-size: .85rem;
}
.crm-access-role-card__stats {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}
.crm-access-role-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .35rem .6rem;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid #e5edf7;
  color: #334155;
  font-size: .78rem;
  font-weight: 700;
}
.crm-access-role-card__action .badge {
  display: inline-flex;
  justify-content: center;
  padding: .48rem .75rem;
}
.crm-access-table-wrap {
  overflow-x: auto;
}
.crm-access-table {
  min-width: 1080px;
  vertical-align: middle;
}
.crm-access-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f8fafc;
  color: #475569;
  font-size: .82rem;
  font-weight: 800;
  border-bottom: 1px solid #dbe5f0;
  padding: .85rem .9rem;
  white-space: nowrap;
}
.crm-access-table th:not(.crm-access-permission-col),
.crm-access-table td:not(.crm-access-permission-col) {
  width: 8.5rem;
}
.crm-access-permission-col {
  position: sticky;
  left: 0;
  z-index: 3;
  min-width: 300px;
  max-width: 360px;
  background: inherit;
  box-shadow: 1px 0 0 #e6edf5;
}
.crm-access-table tbody td {
  padding: .7rem .9rem;
  border-color: #edf2f7;
}
.crm-access-permission-title {
  color: #0f172a;
  font-weight: 600;
}
.crm-access-group-row td {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #f1f5f9 !important;
  padding: .65rem .9rem !important;
  border-top: 1px solid #dbe5f0;
  border-bottom: 1px solid #dbe5f0;
}
.crm-access-group-row span {
  color: #0f172a;
  font-size: .9rem;
  font-weight: 900;
}
.crm-access-switch {
  display: inline-flex;
  min-height: 0;
  padding-left: 2.25rem;
  margin: 0;
}
.crm-access-switch .form-check-input {
  cursor: pointer;
  margin-top: 0;
}
.crm-access-always-on {
  width: 1.9rem;
  height: 1.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #dcfce7;
  color: #15803d;
  font-weight: 900;
}
@media (max-width: 767.98px) {
  .crm-access-hero .card-body,
  .crm-access-roles .card-header,
  .crm-access-matrix .card-header {
    padding: .9rem;
  }
  .crm-access-role-grid {
    grid-template-columns: 1fr;
  }
  .crm-access-table {
    min-width: 900px;
  }
  .crm-access-permission-col {
    min-width: 240px;
  }
}

.crm-vkbot-page .card {
  border-color: #e6edf5;
  border-radius: 1rem;
}
.crm-vkbot-icon {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .95rem;
  background: linear-gradient(135deg, rgba(13,110,253,.12), rgba(13,202,240,.18));
  color: #0d6efd;
  font-size: 1.35rem;
}
.crm-vkbot-stat .card-body {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  min-height: 7rem;
  justify-content: center;
}
.crm-vkbot-stat small {
  color: #64748b;
  font-weight: 700;
}
.crm-vkbot-stat strong {
  color: #0f172a;
  font-size: 2rem;
  line-height: 1;
}
.crm-vkbot-stat span {
  color: #64748b;
}
.crm-vkbot-settings .card-header {
  background: #fff;
  border-bottom: 1px solid #edf2f7;
}
.crm-vkbot-list {
  display: grid;
  gap: 1rem;
}
.crm-vkbot-user-card {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(300px, 1.4fr) 170px;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid #e8eef5;
  border-radius: 1rem;
  background: #fff;
}
.crm-vkbot-user-main {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
}
.crm-vkbot-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #eef6ff;
}
.crm-vkbot-switches {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem .8rem;
}
.crm-vkbot-switch {
  margin: 0;
  min-width: 0;
}
.crm-vkbot-switch span {
  font-size: .88rem;
  color: #334155;
}
.crm-vkbot-time {
  min-width: 0;
}
.crm-vkbot-help {
  display: grid;
  gap: .35rem;
  padding: 1rem;
  border: 1px solid #e8eef5;
  border-radius: .95rem;
  background: #fbfdff;
  height: 100%;
}
.crm-vkbot-help span {
  color: #64748b;
  font-size: .92rem;
}
@media (max-width: 1199.98px) {
  .crm-vkbot-user-card {
    grid-template-columns: 1fr;
  }
  .crm-vkbot-switches {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .crm-vkbot-switches {
    grid-template-columns: 1fr;
  }
}


.crm-sidebar-vk-loading,
.crm-sidebar-vk-fallback {
  min-height: 9rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .85rem;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.82);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: .8rem;
  font-size: .85rem;
}
.crm-sidebar-vk-fallback {
  flex-direction: column;
  gap: .25rem;
  text-decoration: none;
}
.crm-sidebar-vk-fallback b {
  color: #fff;
}
.crm-sidebar-vk-fallback span {
  color: rgba(255,255,255,.68);
}
.crm-sidebar-vk-fallback:hover {
  color: #fff;
  border-color: rgba(19,199,223,.45);
  background: rgba(19,199,223,.12);
}

.beauty-week-board {
  display: grid;
  grid-template-columns: repeat(7, minmax(180px, 1fr));
  gap: .75rem;
  padding: 1rem;
  overflow-x: auto;
}
.beauty-week-day {
  min-width: 180px;
  border: 1px solid #e6edf5;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .04);
  overflow: hidden;
}
.beauty-week-day.active {
  border-color: #0d6efd;
  box-shadow: 0 .55rem 1.35rem rgba(13, 110, 253, .12);
}
.beauty-week-day__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .85rem .85rem .55rem;
  border-bottom: 1px solid #edf2f7;
  background: #fbfdff;
}
.beauty-week-day__title {
  display: block;
  min-width: 0;
  text-decoration: none;
  color: #0f172a;
}
.beauty-week-day__title span {
  display: block;
  color: #64748b;
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.beauty-week-day__title b {
  display: block;
  margin-top: .12rem;
  font-size: .95rem;
}
.beauty-week-day__count {
  padding: .55rem .85rem;
  color: #64748b;
  font-size: .82rem;
  font-weight: 700;
}
.beauty-week-list {
  display: grid;
  gap: .55rem;
  padding: 0 .85rem .85rem;
}
.beauty-week-item {
  display: block;
  padding: .7rem .75rem;
  border-radius: .8rem;
  background: #f8fafc;
  border-left: 4px solid #0d6efd;
  color: #0f172a;
  text-decoration: none;
}
.beauty-week-item:hover {
  background: #eef6ff;
  color: #0f172a;
}
.beauty-week-item-success { border-left-color: #198754; }
.beauty-week-item-danger { border-left-color: #dc3545; }
.beauty-week-item-warning { border-left-color: #ffc107; }
.beauty-week-item-info { border-left-color: #0dcaf0; }
.beauty-week-item-dark { border-left-color: #212529; }
.beauty-week-item-secondary { border-left-color: #6c757d; }
.beauty-week-item__time,
.beauty-week-item__title,
.beauty-week-item__meta {
  display: block;
}
.beauty-week-item__time {
  color: #0d6efd;
  font-weight: 900;
  font-size: .86rem;
}
.beauty-week-item__title {
  margin-top: .2rem;
  font-weight: 800;
}
.beauty-week-item__meta {
  margin-top: .15rem;
  color: #64748b;
  font-size: .8rem;
}
.beauty-week-empty {
  margin: .1rem .85rem .85rem;
  padding: 1rem .75rem;
  border-radius: .8rem;
  background: #f8fafc;
  color: #94a3b8;
  text-align: center;
  font-size: .85rem;
  font-weight: 700;
}
@media (max-width: 1399.98px) {
  .beauty-week-board {
    grid-template-columns: repeat(7, minmax(168px, 1fr));
  }
}


.beauty-week-staff-select .form-select {
  min-width: 210px;
  max-width: 260px;
  border-radius: .7rem;
  font-weight: 700;
}
.beauty-week-summary {
  background: #fff;
  border-bottom: 1px solid #edf2f7;
}
.beauty-week-calendar {
  background: #fff;
  overflow: hidden;
}
.beauty-week-calendar__head {
  display: grid;
  grid-template-columns: 58px repeat(7, minmax(150px, 1fr)) 48px;
  align-items: stretch;
  min-width: 1120px;
  border-bottom: 1px solid #e5edf7;
  background: #fff;
}
.beauty-week-corner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 86px;
}
.beauty-week-head-day {
  position: relative;
  display: block;
  padding: 1rem .75rem .9rem;
  color: #0f172a;
  text-decoration: none;
  border-left: 1px solid #f1f5f9;
}
.beauty-week-head-day:hover {
  background: #f8fafc;
  color: #0f172a;
}
.beauty-week-head-day.active {
  background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}
.beauty-week-head-day span {
  display: block;
  color: #7b8794;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.1;
}
.beauty-week-head-day b {
  display: block;
  margin-top: .25rem;
  font-size: 1.45rem;
  line-height: 1.1;
  font-weight: 800;
}
.beauty-week-head-day em {
  position: absolute;
  top: .75rem;
  right: .75rem;
  min-width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  background: #0d6efd;
  color: #fff;
  font-size: .72rem;
  font-style: normal;
  font-weight: 800;
}
.beauty-week-calendar__body {
  display: grid;
  grid-template-columns: 58px minmax(1050px, 1fr) 48px;
  min-width: 1120px;
  overflow-x: auto;
}
.beauty-week-time-gutter {
  position: relative;
  background: #fff;
  border-right: 1px solid #e5edf7;
}
.beauty-week-time-gutter-right {
  border-right: 0;
  border-left: 1px solid #e5edf7;
}
.beauty-week-time-label {
  position: absolute;
  right: .65rem;
  transform: translateY(-50%);
  color: #0f172a;
  font-size: .9rem;
  font-weight: 800;
}
.beauty-week-time-gutter-right .beauty-week-time-label {
  left: .55rem;
  right: auto;
}
.beauty-week-days-grid {
  position: relative;
  background: #fff;
  overflow: hidden;
}
.beauty-week-grid-line {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #eef2f7;
  z-index: 1;
}
.beauty-week-grid-line.hour {
  background: #d9e2ec;
}
.beauty-week-day-column {
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #f1f5f9;
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 20px, rgba(15, 23, 42, .035) 20px, rgba(15, 23, 42, .035) 21px);
  z-index: 2;
}
.beauty-week-day-column:nth-child(8), .beauty-week-day-column:nth-child(9) {
  background-color: rgba(148, 163, 184, .08);
}
.beauty-week-day-column.active {
  background-color: rgba(13, 110, 253, .025);
}
.beauty-week-day-add {
  position: absolute;
  top: .45rem;
  right: .45rem;
  width: 1.75rem;
  height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .65rem;
  background: rgba(13, 110, 253, .08);
  color: #0d6efd;
  text-decoration: none;
  opacity: 0;
  transition: .15s ease;
  z-index: 5;
}
.beauty-week-day-column:hover .beauty-week-day-add {
  opacity: 1;
}
.beauty-week-event {
  position: absolute;
  left: .45rem;
  right: .45rem;
  display: block;
  padding: .45rem .55rem;
  border-radius: .65rem;
  background: #0d6efd;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 .45rem 1rem rgba(13, 110, 253, .18);
  z-index: 10;
  overflow: hidden;
}
.beauty-week-event:hover {
  color: #fff;
  filter: brightness(.96);
}
.beauty-week-event-success { background: #198754; }
.beauty-week-event-danger { background: #dc3545; }
.beauty-week-event-warning { background: #f59f00; }
.beauty-week-event-info { background: #0dcaf0; color: #082f49; }
.beauty-week-event-dark { background: #212529; }
.beauty-week-event-secondary { background: #64748b; }
.beauty-week-event__time,
.beauty-week-event__title,
.beauty-week-event__meta {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.beauty-week-event__time {
  font-size: .75rem;
  font-weight: 900;
  opacity: .9;
}
.beauty-week-event__title {
  margin-top: .1rem;
  font-size: .82rem;
  font-weight: 900;
}
.beauty-week-event__meta {
  margin-top: .05rem;
  font-size: .74rem;
  opacity: .88;
}
@media (max-width: 991.98px) {
  .beauty-week-calendar {
    overflow-x: auto;
  }
  .beauty-week-staff-select .form-select {
    min-width: 180px;
  }
}

/* Chat widget polish */
.crm-mobile-chat{right:1.25rem;bottom:4.65rem;font-size:.92rem}.crm-mobile-chat-toggle{background:linear-gradient(135deg,#12bfd8,#0d9fd7);box-shadow:0 1rem 2.4rem rgba(13,202,240,.32);padding:.78rem 1.1rem}.crm-mobile-chat-panel{width:min(760px,calc(100vw - 2rem));height:min(720px,calc(100vh - 6.5rem));border:0;border-radius:1.35rem;box-shadow:0 1.5rem 4.5rem rgba(15,23,42,.24)!important}.crm-mobile-chat-head{min-height:4.25rem;background:linear-gradient(135deg,#12bfd8,#0a98cf);padding:.95rem 1.1rem}.crm-mobile-chat-head b{font-size:1.02rem}.crm-mobile-chat-head .btn{border:0;border-radius:1rem;width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center}.crm-mobile-chat-search{padding:.85rem 1rem;background:#f8fafc}.crm-mobile-chat-search .form-control{height:2.55rem;border-radius:1rem;border-color:#dbe7ef;box-shadow:0 .25rem .9rem rgba(15,23,42,.04)}.crm-mobile-chat-body{grid-template-columns:minmax(245px,290px) minmax(0,1fr);background:#fff}.crm-mobile-chat-contacts{background:#f8fafc;padding:.55rem;border-right:1px solid #e5edf3}.crm-mobile-chat-contact{border:1px solid transparent;border-radius:1rem;margin:.2rem 0;padding:.7rem .75rem;background:transparent}.crm-mobile-chat-contact:hover{background:#fff;border-color:#dcebf2}.crm-mobile-chat-contact.active{background:#e8f9fc;border-color:#b6eef6;box-shadow:0 .5rem 1.1rem rgba(13,202,240,.08)}.crm-mobile-chat-contact-main{min-width:0;display:block;flex:1}.crm-mobile-chat-contact-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.crm-mobile-chat-contact-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.crm-mobile-chat-contact-row em{font-style:normal;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:#ff4d5e;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800}.crm-mobile-chat-contact small{margin-top:.12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-mobile-chat-avatar,.crm-mobile-chat-message-avatar{width:38px;height:38px;background:#dfeaf1;color:#415467;border:1px solid #c9dce8;position:relative}.crm-mobile-chat-avatar.is-support,.crm-mobile-chat-message-avatar.is-support{background:#e4f9fd;border-color:#99e7f4}.crm-mobile-chat-avatar.is-online:after,.crm-mobile-chat-message-avatar.is-online:after{content:"";position:absolute;right:0;bottom:0;width:.72rem;height:.72rem;border-radius:999px;background:#1bbf75;border:2px solid #fff}.crm-mobile-chat-dialog{background:#f7fafc}.crm-mobile-chat-dialog-head{min-height:4.25rem;padding:.85rem 1rem;background:#fff;border-bottom:1px solid #e5edf3}.crm-mobile-chat-back{display:none;border:0;background:#f1f6f9;border-radius:.85rem;width:2.2rem;height:2.2rem;align-items:center;justify-content:center;color:#415467}.crm-mobile-chat-dialog-title{min-width:0;flex:1}.crm-mobile-chat-dialog-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-mobile-chat-dialog-pill{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0b8ebf;background:#e6f8fc;border-radius:999px;padding:.32rem .55rem}.crm-mobile-chat-messages{padding:1.05rem 1.15rem;background:linear-gradient(180deg,#f8fbfd 0%,#eef7fb 100%)}.crm-mobile-chat-message{gap:.65rem;max-width:84%}.crm-mobile-chat-message.mine{align-self:flex-end}.crm-mobile-chat-message-content{min-width:0}.crm-mobile-chat-message-name{font-size:.72rem;font-weight:700;color:#64748b;margin:0 0 .18rem .35rem}.crm-mobile-chat-bubble{max-width:100%;border-radius:1.1rem 1.1rem 1.1rem .35rem;background:#fff;border:1px solid #e7eef3;box-shadow:0 .35rem .9rem rgba(15,23,42,.05);padding:.68rem .85rem;line-height:1.35}.crm-mobile-chat-message.mine .crm-mobile-chat-bubble{border:0;border-radius:1.1rem 1.1rem .35rem 1.1rem;background:#16bfd9;color:#fff;box-shadow:0 .55rem 1.1rem rgba(22,191,217,.2)}.crm-mobile-chat-message-time{font-size:.69rem;color:#718096;margin-top:.25rem;padding:0 .25rem}.crm-mobile-chat-compose{padding:.78rem;background:#fff;border-top:1px solid #e5edf3}.crm-mobile-chat-compose .input-group{align-items:flex-end;gap:.55rem}.crm-mobile-chat-compose .form-control{min-height:2.65rem;border-radius:1rem!important;border-color:#dbe7ef;resize:none;line-height:1.35;padding:.65rem .85rem;box-shadow:none}.crm-mobile-chat-compose .btn{width:2.65rem;height:2.65rem;border-radius:1rem!important;display:inline-flex;align-items:center;justify-content:center;background:#16bfd9;border-color:#16bfd9}.crm-chat-mini-state,.crm-mobile-chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.25rem;text-align:center;color:#64748b}.crm-chat-mini-state b,.crm-mobile-chat-empty b{display:block;color:#1f2937}.crm-chat-mini-state span,.crm-mobile-chat-empty span{font-size:.82rem}.crm-mobile-chat-empty-icon{width:3.5rem;height:3.5rem;border-radius:1.2rem;background:#e6f8fc;color:#0b9ec9;display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:.25rem}@media (max-width:767.98px){.crm-mobile-chat{right:.75rem;bottom:4.25rem}.crm-mobile-chat-panel{width:calc(100vw - 1.5rem);height:calc(100vh - 5.6rem);border-radius:1.15rem}.crm-mobile-chat-body{grid-template-columns:1fr}.crm-mobile-chat.is-dialog .crm-mobile-chat-contacts{display:none}.crm-mobile-chat:not(.is-dialog) .crm-mobile-chat-dialog{display:none}.crm-mobile-chat.is-dialog .crm-mobile-chat-search{display:none}.crm-mobile-chat-back{display:inline-flex}.crm-mobile-chat-message{max-width:92%}.crm-mobile-chat-dialog-pill{display:none}.crm-mobile-chat-head{min-height:3.9rem}}@media (max-width:575.98px){.crm-mobile-chat-toggle span{display:none}.crm-mobile-chat-panel{width:calc(100vw - 1rem);height:calc(100vh - 5.1rem);right:-.25rem}.crm-mobile-chat-messages{padding:.85rem}.crm-mobile-chat-bubble{font-size:.9rem}.crm-mobile-chat-contact{padding:.72rem}.crm-mobile-chat-avatar,.crm-mobile-chat-message-avatar{width:36px;height:36px}}

.crm-order-page{
  max-width:1440px;
  margin:0 auto;
  color:#1f2937;
}
.crm-order-page .card{
  border-radius:16px!important;
  border:1px solid #e6edf5!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
  overflow:hidden;
}
.crm-order-page .card-header{
  min-height:48px;
  display:flex;
  align-items:center;
  padding:.9rem 1rem!important;
}
.crm-order-page .card-title{
  font-size:1rem;
  line-height:1.2;
  font-weight:850;
  color:#172033;
}
.crm-order-page .card-body:not(.table-responsive){
  padding:1rem!important;
}
.crm-order-hero{
  border-color:#dce8f6!important;
  box-shadow:0 10px 30px rgba(15,23,42,.06)!important;
}
.crm-order-hero>.card-body{
  padding:1.05rem!important;
}
.crm-order-hero-head{
  align-items:flex-start!important;
}
.crm-order-title-block{
  min-width:0;
  flex:1 1 auto;
}
.crm-order-number{
  color:#667085!important;
  letter-spacing:.02em;
  margin-bottom:.15rem;
}
.crm-order-title{
  font-weight:850;
  letter-spacing:-.02em;
  color:#101828;
  word-break:break-word;
}
.crm-order-title-block .badge{
  border:1px solid #e6edf5;
  background:#f8fafc!important;
  color:#344054!important;
  font-weight:700;
}
.crm-order-actions{
  justify-content:flex-end;
  max-width:610px;
  row-gap:.45rem!important;
}
.crm-order-actions .btn{
  min-height:36px;
  padding:.45rem .72rem;
  border-radius:10px;
  font-weight:750;
  white-space:nowrap;
  box-shadow:none!important;
}
.crm-order-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
.crm-order-kpis .info-box{
  min-height:76px;
  margin:0;
  padding:.75rem;
  border:1px solid #e8eef6;
  border-radius:14px;
  background:#fbfdff;
  box-shadow:none!important;
  display:flex;
  align-items:center;
}
.crm-order-kpis .info-box-icon{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  border-radius:13px!important;
  font-size:1.35rem!important;
  box-shadow:none!important;
}
.crm-order-kpis .info-box-content{
  min-width:0;
  padding-left:.75rem;
}
.crm-order-kpis .info-box-text{
  color:#667085;
  font-size:.82rem;
  font-weight:700;
}
.crm-order-kpis .info-box-number{
  display:block;
  margin-top:.15rem;
  color:#101828;
  font-size:.98rem;
  font-weight:850;
  white-space:normal;
  overflow-wrap:anywhere;
}
.crm-order-layout{
  display:grid;
  grid-template-columns:minmax(290px,360px) minmax(0,1fr);
  gap:1rem;
  align-items:start;
}
.crm-order-layout>[class*="col-"]{
  width:auto!important;
  max-width:none!important;
  padding:0!important;
}
.crm-order-aside,.crm-order-main{
  min-width:0;
}
.crm-order-aside .card{
  margin-bottom:1rem!important;
}
.crm-order-aside .d-grid .btn{
  border-radius:10px;
  font-weight:700;
}
.crm-order-aside dl dt,
.crm-order-aside dl dd{
  padding-top:.28rem;
  padding-bottom:.28rem;
  margin-bottom:0;
  overflow-wrap:anywhere;
}
.crm-order-aside dl dt{
  color:#344054;
}
.crm-order-aside dl dd{
  color:#667085;
}
.crm-order-aside a,
.crm-order-main a{
  overflow-wrap:anywhere;
}
.crm-order-tabs{
  display:flex;
  gap:.25rem;
  padding:.3rem;
  border:1px solid #e6edf5;
  border-radius:14px;
  background:#f3f6fa;
  overflow-x:auto;
  flex-wrap:nowrap;
  scrollbar-width:thin;
}
.crm-order-tabs .nav-item{
  flex:0 0 auto;
}
.crm-order-tabs .nav-link{
  border-radius:10px!important;
  color:#475467;
  font-weight:800;
  padding:.55rem .8rem;
  white-space:nowrap;
}
.crm-order-tabs .nav-link:hover{
  background:#fff;
  color:#0d6efd;
}
.crm-order-tabs .nav-link.active{
  background:#0d6efd!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(13,110,253,.22);
}
.crm-order-main .tab-content{
  min-width:0;
}
.crm-order-main .table-responsive{
  border-radius:0 0 16px 16px;
}
.crm-order-main .table{
  margin-bottom:0;
}
.crm-order-main .table thead th{
  padding:.8rem 1rem;
  background:#f8fafc;
  color:#667085;
  font-size:.76rem;
  font-weight:850;
}
.crm-order-main .table tbody td{
  padding:.78rem 1rem;
  border-color:#eef2f7;
}
.crm-order-main .table td:first-child{
  max-width:420px;
  overflow-wrap:anywhere;
}
.crm-order-main .btn-group,
.crm-order-main .d-flex.gap-1{
  flex-wrap:wrap;
}
.crm-order-main form.row .btn,
.crm-order-main .card-body .btn{
  border-radius:10px;
  font-weight:700;
}
.app-content-header .alert{
  border-radius:12px;
  border-width:1px;
  box-shadow:0 4px 14px rgba(15,23,42,.035);
}
@media (max-width:1199.98px){
  .crm-order-layout{grid-template-columns:1fr;}
  .crm-order-actions{justify-content:flex-start;max-width:none;}
  .crm-order-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:767.98px){
  .crm-order-page{max-width:none;}
  .crm-order-hero>.card-body{padding:.9rem!important;}
  .crm-order-title{font-size:1.35rem;}
  .crm-order-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;}
  .crm-order-actions .btn{width:100%;white-space:normal;}
  .crm-order-kpis{grid-template-columns:1fr;}
  .crm-order-kpis .info-box{min-height:68px;}
  .crm-order-tabs{margin-left:-.15rem;margin-right:-.15rem;}
  .crm-order-main .table tbody td{padding:.55rem .75rem;}
  .crm-order-aside .d-flex.gap-3{align-items:flex-start!important;}
}
@media (max-width:420px){
  .crm-order-actions{grid-template-columns:1fr;}
}
.crm-order-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);}
.crm-order-main{order:1;}
.crm-order-aside{order:2;}
@media (max-width:1199.98px){
  .crm-order-main{order:2;}
  .crm-order-aside{order:1;}
}

.app-header .crm-notifications-menu{
  width:min(430px,calc(100vw - 1rem))!important;
  min-width:min(390px,calc(100vw - 1rem))!important;
  max-height:calc(100vh - 4.5rem);
  max-height:calc(100dvh - 4.5rem);
  padding:.85rem!important;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:18px!important;
  box-shadow:0 22px 60px rgba(15,23,42,.18)!important;
  background:#fff!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.32) transparent;
}
.app-header .crm-notifications-menu::-webkit-scrollbar{width:8px;}
.app-header .crm-notifications-menu::-webkit-scrollbar-thumb{background:rgba(15,23,42,.28);border-radius:999px;}
.app-header .crm-notifications-menu .crm-notifications-head{
  position:sticky;
  top:-.85rem;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin:-.85rem -.85rem .75rem;
  padding:1rem .95rem .85rem;
  background:linear-gradient(180deg,#fff 78%,rgba(255,255,255,.94));
  border-bottom:1px solid rgba(15,23,42,.08);
}
.app-header .crm-notifications-menu .crm-notifications-head strong{
  display:block;
  color:#0f172a;
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.15;
}
.app-header .crm-notifications-menu .crm-notifications-head small{
  display:block;
  margin-top:.18rem;
  color:#64748b;
  font-size:.78rem;
  font-weight:500;
}
.app-header .crm-notifications-menu .crm-notifications-all{
  color:#0d6efd;
  font-weight:800;
  font-size:.88rem;
  white-space:nowrap;
  text-decoration:none;
  border-bottom:1px dashed rgba(13,110,253,.55);
}
.app-header .crm-notifications-menu .crm-notifications-all:hover{color:#0a58ca;border-bottom-color:#0a58ca;}
.app-header .crm-notifications-list{display:flex;flex-direction:column;gap:.65rem;}
.app-header .crm-notification-card{
  position:relative;
  padding:.8rem .82rem .78rem .92rem;
  border:1px solid rgba(15,23,42,.10);
  border-left-width:4px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.045);
}
.app-header .crm-notification-card:hover{
  border-color:rgba(15,23,42,.16);
  box-shadow:0 12px 30px rgba(15,23,42,.08);
}
.app-header .crm-notification-main{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:start;
  gap:.72rem;
  color:#0f172a;
}
.app-header .crm-notification-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.25rem;
  flex:0 0 42px;
}
.app-header .crm-notification-text{min-width:0;display:block;padding-top:.05rem;}
.app-header .crm-notification-text strong{
  display:block;
  color:#111827;
  font-size:.96rem;
  line-height:1.22;
  font-weight:900;
  letter-spacing:-.01em;
  font-style:normal!important;
}
.app-header .crm-notification-text small{
  display:block;
  margin-top:.2rem;
  color:#475569;
  font-size:.84rem;
  line-height:1.32;
  font-weight:500;
  font-style:normal!important;
}
.app-header .crm-notification-count{
  min-width:36px;
  height:34px;
  padding:0 .55rem;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1rem;
  line-height:1;
  font-weight:900;
}
.app-header .crm-notification-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:.72rem 0 0 54px;
}
.app-header .crm-notification-actions .btn{
  border-radius:10px;
  font-weight:800;
  font-size:.82rem;
  padding:.38rem .64rem;
  min-height:2rem;
}
.app-header .crm-notification-card.is-danger{border-left-color:#ef4444;}
.app-header .crm-notification-card.is-danger .crm-notification-icon{background:#fee2e2;color:#ef4444;}
.app-header .crm-notification-card.is-danger .crm-notification-count{background:#fee2e2;color:#dc2626;}
.app-header .crm-notification-card.is-warning{border-left-color:#f59e0b;}
.app-header .crm-notification-card.is-warning .crm-notification-icon{background:#fef3c7;color:#d97706;}
.app-header .crm-notification-card.is-warning .crm-notification-count{background:#fef3c7;color:#b45309;}
.app-header .crm-notification-card.is-success{border-left-color:#22c55e;}
.app-header .crm-notification-card.is-success .crm-notification-icon{background:#dcfce7;color:#16a34a;}
.app-header .crm-notification-card.is-success .crm-notification-count{background:#dcfce7;color:#15803d;}
.app-header .crm-notification-card.is-info{border-left-color:#3b82f6;}
.app-header .crm-notification-card.is-info .crm-notification-icon{background:#dbeafe;color:#2563eb;}
.app-header .crm-notification-card.is-info .crm-notification-count{background:#dbeafe;color:#1d4ed8;}
.app-header .crm-notifications-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.25rem;
  padding:1.8rem 1rem;
  color:#64748b;
  text-align:center;
}
.app-header .crm-notifications-empty i{font-size:2rem;color:#22c55e;}
.app-header .crm-notifications-empty b{color:#0f172a;font-weight:900;}
.app-header .crm-notification-item em,
.app-header .crm-notification-card em,
.app-header .crm-notifications-menu em{font-style:normal!important;}
@media (max-width:575.98px){
  .app-header .crm-notifications-menu{
    width:calc(100vw - .75rem)!important;
    min-width:0!important;
    max-height:calc(100vh - 3.85rem);
    max-height:calc(100dvh - 3.85rem);
    padding:.7rem!important;
    border-radius:16px!important;
  }
  .app-header .crm-notifications-menu .crm-notifications-head{margin:-.7rem -.7rem .65rem;padding:.9rem .8rem .75rem;}
  .app-header .crm-notification-card{padding:.72rem .68rem .72rem .76rem;border-radius:14px;}
  .app-header .crm-notification-main{grid-template-columns:36px minmax(0,1fr) auto;gap:.55rem;}
  .app-header .crm-notification-icon{width:36px;height:36px;border-radius:12px;font-size:1.05rem;}
  .app-header .crm-notification-actions{margin-left:0;}
  .app-header .crm-notification-actions .btn{font-size:.78rem;}
}


.app-header .nav-item.dropdown.crm-dropdown-pinned > [data-bs-toggle="dropdown"],
.app-header .nav-item.dropdown.crm-dropdown-pinned > .dropdown-toggle,
.app-header .nav-item.dropdown.crm-dropdown-hover-open > [data-bs-toggle="dropdown"],
.app-header .nav-item.dropdown.crm-dropdown-hover-open > .dropdown-toggle{
  background:rgba(255,255,255,.18);
  border-radius:12px;
}
.app-header .nav-item.dropdown.crm-dropdown-pinned > [data-bs-toggle="dropdown"]::after,
.app-header .nav-item.dropdown.crm-dropdown-pinned > .dropdown-toggle::after{
  opacity:1;
}
.app-header .dropdown-menu{
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 46px rgba(15,23,42,.16)!important;
}
.app-header .dropdown-item{
  border-radius:10px;
  margin:.12rem .35rem;
  width:calc(100% - .7rem);
}
.app-header .dropdown-header{font-weight:900;color:#0f172a;}
.app-header .crm-notifications-loading{
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  color:#64748b;
  font-weight:700;
}
.app-header .crm-notifications-menu{
  width:min(430px,calc(100vw - 1rem))!important;
  min-width:min(390px,calc(100vw - 1rem))!important;
  max-height:calc(100vh - 4.5rem);
  max-height:calc(100dvh - 4.5rem);
  padding:.85rem!important;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid rgba(15,23,42,.10)!important;
  border-radius:18px!important;
  box-shadow:0 22px 60px rgba(15,23,42,.18)!important;
  background:#fff!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(15,23,42,.32) transparent;
}
.app-header .crm-notification-item,
.app-header .crm-notification-card,
.app-header .crm-notifications-menu,
.app-header .crm-notification-text,
.app-header .crm-notification-text strong,
.app-header .crm-notification-text small{
  font-style:normal!important;
}
.app-header .crm-notification-card{transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;}
.app-header .crm-notification-card:hover{transform:translateY(-1px);}
.app-header .crm-notification-card.is-danger .btn-outline-secondary{border-color:#ef4444;color:#dc2626;background:#fff;}
.app-header .crm-notification-card.is-danger .btn-outline-secondary:hover{background:#fee2e2;color:#b91c1c;}
.app-header .crm-notification-card.is-warning .btn-warning{color:#7c2d12;background:#fbbf24;border-color:#fbbf24;}
.app-header .crm-notification-card.is-warning .btn-outline-secondary{border-color:#f59e0b;color:#b45309;background:#fff;}
.app-header .crm-notification-card.is-warning .btn-outline-secondary:hover{background:#fef3c7;color:#92400e;}
.app-header .crm-notification-card.is-success .btn-outline-secondary{border-color:#22c55e;color:#15803d;background:#fff;}
.app-header .crm-notification-card.is-success .btn-outline-secondary:hover{background:#dcfce7;color:#166534;}
.app-header .crm-notification-card.is-info .btn-outline-secondary{border-color:#3b82f6;color:#1d4ed8;background:#fff;}
.app-header .crm-notification-card.is-info .btn-outline-secondary:hover{background:#dbeafe;color:#1e40af;}
.app-header .crm-notifications-empty.is-error i{color:#ef4444;}
@media (max-width:575.98px){
  .app-header .crm-notifications-menu{width:calc(100vw - .75rem)!important;min-width:0!important;}
}


.crm-page-notices{display:flex;flex-direction:column;gap:.5rem}
.crm-page-notices .alert{margin-bottom:0!important}
.crm-inline-notice{padding:.5rem .85rem!important;border-radius:.9rem!important;border-width:1px!important;box-shadow:none!important}
.crm-inline-notice__content{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;min-height:0}
.crm-inline-notice__text{display:block;font-size:.92rem;line-height:1.35;color:#214055}
.crm-inline-notice__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.crm-inline-notice__btn{--bs-btn-padding-y:.34rem;--bs-btn-padding-x:.72rem;--bs-btn-font-size:.83rem;--bs-btn-border-radius:.75rem;line-height:1.2;white-space:nowrap}
.crm-inline-notice__link{font-size:.9rem;font-weight:400;white-space:nowrap;text-decoration:none}
.crm-inline-notice__link:hover,.crm-inline-notice__link:focus{text-decoration:underline}

.crm-inline-notice--setup .crm-inline-notice__content{align-items:flex-start}
.crm-inline-notice__text--wide{flex:1 1 520px;min-width:0}
.crm-inline-notice__text--wide strong{display:block;margin-bottom:.12rem;color:inherit}
.crm-inline-notice__text--wide span{display:inline}
.crm-inline-notice__missing{margin:.34rem 0 0 0;padding-left:1.05rem;font-size:.86rem;line-height:1.4;color:#475569}
.crm-inline-notice__missing li+li{margin-top:.14rem}
.crm-inline-notice__missing a{font-weight:800;color:#9a6a00;text-decoration:none}
.crm-inline-notice__missing a:hover,.crm-inline-notice__missing a:focus{text-decoration:underline}
html[data-crm-theme="dark"] .crm-inline-notice__missing,
html[data-crm-theme="darker"] .crm-inline-notice__missing{color:var(--crm-muted)!important}
html[data-crm-theme="dark"] .crm-inline-notice__missing a,
html[data-crm-theme="darker"] .crm-inline-notice__missing a{color:#fde68a!important}
@media (max-width: 767.98px){
  .crm-inline-notice__text--wide{flex-basis:100%}
  .crm-inline-notice__missing{font-size:.83rem;padding-left:.95rem}
}
@media (max-width: 991.98px){
  .crm-inline-notice{padding:.5rem .7rem!important}
  .crm-inline-notice__content{align-items:flex-start}
}
@media (max-width: 767.98px){
  .crm-inline-notice__text{font-size:.88rem;line-height:1.32}
  .crm-inline-notice__actions{width:100%}
}


.crm-theme-toggle{width:2.15rem;min-width:2.15rem;height:2.15rem;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.42)!important;background:rgba(3,87,104,.18)!important;color:#fff!important;border-radius:.65rem!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;cursor:pointer}
.crm-theme-toggle:hover,.crm-theme-toggle:focus{background:rgba(2,73,91,.28)!important;border-color:rgba(255,255,255,.65)!important;color:#fff!important}.crm-theme-toggle i{font-size:1rem;line-height:1}
html[data-crm-theme="dark"]{
  color-scheme:dark;--crm-bg:#0f172a;--crm-bg-soft:#111c2f;--crm-surface:#182235;--crm-surface-2:#1f2b40;--crm-elevated:#202b3e;--crm-border:#334155;--crm-border-soft:#263449;--crm-text:#e5edf6;--crm-muted:#9fb0c7;--crm-muted-2:#7d8da5;--crm-accent:#38bdf8;--crm-accent-2:#22d3ee;--crm-danger:#fb7185;--crm-success:#4ade80;--crm-warning:#fbbf24;--bs-body-bg:#0f172a;--bs-body-color:#e5edf6;--bs-tertiary-bg:#111827;--bs-secondary-bg:#1f2937;--bs-border-color:#334155;--bs-emphasis-color:#f8fafc;--bs-secondary-color:#9fb0c7;--bs-link-color:#7dd3fc;--bs-link-hover-color:#bae6fd;
}
html[data-crm-theme="darker"]{
  color-scheme:dark;--crm-bg:#020617;--crm-bg-soft:#050b1b;--crm-surface:#0b1120;--crm-surface-2:#111827;--crm-elevated:#111827;--crm-border:#243044;--crm-border-soft:#172036;--crm-text:#e6edf7;--crm-muted:#93a4bb;--crm-muted-2:#748299;--crm-accent:#22d3ee;--crm-accent-2:#38bdf8;--crm-danger:#fb7185;--crm-success:#34d399;--crm-warning:#facc15;--bs-body-bg:#020617;--bs-body-color:#e6edf7;--bs-tertiary-bg:#050b1b;--bs-secondary-bg:#0b1120;--bs-border-color:#243044;--bs-emphasis-color:#f8fafc;--bs-secondary-color:#93a4bb;--bs-link-color:#67e8f9;--bs-link-hover-color:#a5f3fc;
}
html[data-crm-theme="dark"] body,html[data-crm-theme="darker"] body,
html[data-crm-theme="dark"] .app-main,html[data-crm-theme="darker"] .app-main,
html[data-crm-theme="dark"] .app-content,html[data-crm-theme="darker"] .app-content,
html[data-crm-theme="dark"] .content-wrapper,html[data-crm-theme="darker"] .content-wrapper{background:var(--crm-bg)!important;color:var(--crm-text)!important}
html[data-crm-theme="dark"] .app-header.navbar-cyan,html[data-crm-theme="dark"] .sidebar-brand.bg-info{background:linear-gradient(135deg,#111827 0%,#0f2a3b 55%,#164e63 100%)!important;box-shadow:0 .35rem 1rem rgba(0,0,0,.35)!important}
html[data-crm-theme="darker"] .app-header.navbar-cyan,html[data-crm-theme="darker"] .sidebar-brand.bg-info{background:linear-gradient(135deg,#020617 0%,#061222 58%,#0e3544 100%)!important;box-shadow:0 .35rem 1rem rgba(0,0,0,.5)!important}
html[data-crm-theme="dark"] .app-sidebar,html[data-crm-theme="darker"] .app-sidebar{background:var(--crm-surface)!important;color:var(--crm-text)!important;border-right:1px solid var(--crm-border-soft)!important}
html[data-crm-theme="darker"] .app-sidebar{background:#050a14!important}
html[data-crm-theme="dark"] .app-content-header,html[data-crm-theme="darker"] .app-content-header,
html[data-crm-theme="dark"] .app-footer,html[data-crm-theme="darker"] .app-footer{background:var(--crm-bg-soft)!important;border-color:var(--crm-border-soft)!important;color:var(--crm-text)!important}
html[data-crm-theme="dark"] .card,html[data-crm-theme="darker"] .card,
html[data-crm-theme="dark"] .modal-content,html[data-crm-theme="darker"] .modal-content,
html[data-crm-theme="dark"] .offcanvas,html[data-crm-theme="darker"] .offcanvas,
html[data-crm-theme="dark"] .crm-ux-stat,html[data-crm-theme="darker"] .crm-ux-stat,
html[data-crm-theme="dark"] .crm-ux-table-wrap,html[data-crm-theme="darker"] .crm-ux-table-wrap,
html[data-crm-theme="dark"] .crm-ux-soft-filter,html[data-crm-theme="darker"] .crm-ux-soft-filter,
html[data-crm-theme="dark"] .info-box,html[data-crm-theme="darker"] .info-box{background:var(--crm-surface)!important;color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important;box-shadow:0 12px 36px rgba(0,0,0,.18)!important}
html[data-crm-theme="darker"] .card,html[data-crm-theme="darker"] .modal-content,html[data-crm-theme="darker"] .offcanvas,html[data-crm-theme="darker"] .crm-ux-stat,html[data-crm-theme="darker"] .crm-ux-table-wrap,html[data-crm-theme="darker"] .crm-ux-soft-filter,html[data-crm-theme="darker"] .info-box{background:var(--crm-surface)!important;box-shadow:0 14px 38px rgba(0,0,0,.34)!important}
html[data-crm-theme="dark"] .card-header,html[data-crm-theme="dark"] .card-footer,html[data-crm-theme="darker"] .card-header,html[data-crm-theme="darker"] .card-footer{background:var(--crm-surface-2)!important;color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important}
html[data-crm-theme="dark"] .card-title,html[data-crm-theme="dark"] .crm-card-heading,html[data-crm-theme="dark"] h1,html[data-crm-theme="dark"] h2,html[data-crm-theme="dark"] h3,html[data-crm-theme="dark"] h4,html[data-crm-theme="dark"] h5,html[data-crm-theme="dark"] h6,
html[data-crm-theme="darker"] .card-title,html[data-crm-theme="darker"] .crm-card-heading,html[data-crm-theme="darker"] h1,html[data-crm-theme="darker"] h2,html[data-crm-theme="darker"] h3,html[data-crm-theme="darker"] h4,html[data-crm-theme="darker"] h5,html[data-crm-theme="darker"] h6{color:var(--crm-text)!important}
html[data-crm-theme="dark"] .text-muted,html[data-crm-theme="dark"] .small.text-muted,html[data-crm-theme="darker"] .text-muted,html[data-crm-theme="darker"] .small.text-muted{color:var(--crm-muted)!important}
html[data-crm-theme="dark"] .text-secondary,html[data-crm-theme="darker"] .text-secondary{color:var(--crm-muted)!important}
html[data-crm-theme="dark"] .table,html[data-crm-theme="darker"] .table{--bs-table-bg:var(--crm-surface);--bs-table-color:var(--crm-text);--bs-table-border-color:var(--crm-border-soft);--bs-table-striped-bg:rgba(148,163,184,.07);--bs-table-hover-bg:rgba(56,189,248,.08);color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important}
html[data-crm-theme="dark"] .table thead th,html[data-crm-theme="darker"] .table thead th{background:var(--crm-surface-2)!important;color:var(--crm-muted)!important;border-color:var(--crm-border-soft)!important}
html[data-crm-theme="dark"] .table td,html[data-crm-theme="dark"] .table th,html[data-crm-theme="darker"] .table td,html[data-crm-theme="darker"] .table th{border-color:var(--crm-border-soft)!important;color:var(--crm-text)!important}
html[data-crm-theme="dark"] .form-control,html[data-crm-theme="dark"] .form-select,html[data-crm-theme="dark"] textarea,html[data-crm-theme="dark"] .input-group-text,
html[data-crm-theme="darker"] .form-control,html[data-crm-theme="darker"] .form-select,html[data-crm-theme="darker"] textarea,html[data-crm-theme="darker"] .input-group-text{background:var(--crm-surface-2)!important;color:var(--crm-text)!important;border-color:var(--crm-border)!important;box-shadow:none!important}
html[data-crm-theme="dark"] .form-control::placeholder,html[data-crm-theme="darker"] .form-control::placeholder,html[data-crm-theme="dark"] textarea::placeholder,html[data-crm-theme="darker"] textarea::placeholder{color:var(--crm-muted-2)!important;opacity:1!important}
html[data-crm-theme="dark"] .form-control:focus,html[data-crm-theme="dark"] .form-select:focus,html[data-crm-theme="darker"] .form-control:focus,html[data-crm-theme="darker"] .form-select:focus{border-color:var(--crm-accent)!important;box-shadow:0 0 0 .2rem rgba(34,211,238,.16)!important}
html[data-crm-theme="dark"] .dropdown-menu,html[data-crm-theme="darker"] .dropdown-menu{--bs-dropdown-bg:var(--crm-elevated);--bs-dropdown-color:var(--crm-text);--bs-dropdown-link-color:var(--crm-text);--bs-dropdown-link-hover-color:var(--crm-text);--bs-dropdown-link-hover-bg:rgba(56,189,248,.12);--bs-dropdown-link-active-bg:rgba(56,189,248,.22);--bs-dropdown-border-color:var(--crm-border);background:var(--crm-elevated)!important;border-color:var(--crm-border)!important;color:var(--crm-text)!important;box-shadow:0 20px 45px rgba(0,0,0,.38)!important}
html[data-crm-theme="dark"] .dropdown-header,html[data-crm-theme="darker"] .dropdown-header{color:var(--crm-muted)!important}
html[data-crm-theme="dark"] .dropdown-divider,html[data-crm-theme="darker"] .dropdown-divider{border-color:var(--crm-border-soft)!important}
html[data-crm-theme="dark"] .nav-tabs,html[data-crm-theme="dark"] .nav-pills,html[data-crm-theme="darker"] .nav-tabs,html[data-crm-theme="darker"] .nav-pills{border-color:var(--crm-border-soft)!important}
html[data-crm-theme="dark"] .nav-tabs .nav-link,html[data-crm-theme="darker"] .nav-tabs .nav-link{color:var(--crm-muted)!important;border-color:transparent!important}
html[data-crm-theme="dark"] .nav-tabs .nav-link.active,html[data-crm-theme="dark"] .nav-pills .nav-link.active,html[data-crm-theme="darker"] .nav-tabs .nav-link.active,html[data-crm-theme="darker"] .nav-pills .nav-link.active{background:rgba(56,189,248,.16)!important;color:#e0f7ff!important;border-color:rgba(56,189,248,.35)!important}
html[data-crm-theme="dark"] .btn-light,html[data-crm-theme="darker"] .btn-light{background:var(--crm-surface-2)!important;border-color:var(--crm-border)!important;color:var(--crm-text)!important}
html[data-crm-theme="dark"] .btn-outline-secondary,html[data-crm-theme="darker"] .btn-outline-secondary{color:var(--crm-muted)!important;border-color:var(--crm-border)!important}
html[data-crm-theme="dark"] .app-header .crm-topbar-search .input-group,html[data-crm-theme="darker"] .app-header .crm-topbar-search .input-group{background:rgba(15,23,42,.72)!important;border-color:rgba(125,211,252,.24)!important;box-shadow:0 .35rem .9rem rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05)!important}
html[data-crm-theme="dark"] .app-header .crm-topbar-search .form-control,html[data-crm-theme="dark"] .app-header .crm-topbar-search [data-global-search-input],html[data-crm-theme="darker"] .app-header .crm-topbar-search .form-control,html[data-crm-theme="darker"] .app-header .crm-topbar-search [data-global-search-input]{background:transparent!important;color:#e6f6ff!important}
html[data-crm-theme="dark"] .app-header .crm-topbar-search .btn,html[data-crm-theme="darker"] .app-header .crm-topbar-search .btn{background:rgba(15,23,42,.5)!important;color:#7dd3fc!important;border-left-color:rgba(125,211,252,.18)!important}
html[data-crm-theme="dark"] .app-header .crm-topbar-search .btn i,html[data-crm-theme="darker"] .app-header .crm-topbar-search .btn i{color:#7dd3fc!important}
html[data-crm-theme="dark"] .app-header .crm-topbar-actions .btn.crm-topbar-balance,html[data-crm-theme="dark"] .app-header .crm-topbar-actions .btn.crm-topbar-create,html[data-crm-theme="darker"] .app-header .crm-topbar-actions .btn.crm-topbar-balance,html[data-crm-theme="darker"] .app-header .crm-topbar-actions .btn.crm-topbar-create{background:rgba(15,23,42,.72)!important;border-color:rgba(125,211,252,.24)!important;color:#e6f6ff!important;box-shadow:0 .3rem .8rem rgba(0,0,0,.3)!important}
html[data-crm-theme="dark"] .app-header .crm-topbar-actions .btn.crm-topbar-balance i,html[data-crm-theme="dark"] .app-header .crm-topbar-actions .btn.crm-topbar-balance span,html[data-crm-theme="dark"] .app-header .crm-topbar-actions .btn.crm-topbar-create i,html[data-crm-theme="dark"] .app-header .crm-topbar-actions .btn.crm-topbar-create span,html[data-crm-theme="darker"] .app-header .crm-topbar-actions .btn.crm-topbar-balance i,html[data-crm-theme="darker"] .app-header .crm-topbar-actions .btn.crm-topbar-balance span,html[data-crm-theme="darker"] .app-header .crm-topbar-actions .btn.crm-topbar-create i,html[data-crm-theme="darker"] .app-header .crm-topbar-actions .btn.crm-topbar-create span{color:#e6f6ff!important}
html[data-crm-theme="dark"] .crm-inline-notice,html[data-crm-theme="darker"] .crm-inline-notice{background:var(--crm-surface-2)!important;color:var(--crm-text)!important;border-color:var(--crm-border)!important}
html[data-crm-theme="dark"] .alert-info,html[data-crm-theme="darker"] .alert-info{background:rgba(14,116,144,.18)!important;color:#cffafe!important;border-color:rgba(34,211,238,.35)!important}
html[data-crm-theme="dark"] .alert-warning,html[data-crm-theme="darker"] .alert-warning{background:rgba(146,64,14,.22)!important;color:#fef3c7!important;border-color:rgba(251,191,36,.35)!important}
html[data-crm-theme="dark"] .alert-danger,html[data-crm-theme="darker"] .alert-danger{background:rgba(127,29,29,.26)!important;color:#ffe4e6!important;border-color:rgba(251,113,133,.38)!important}
html[data-crm-theme="dark"] .alert-success,html[data-crm-theme="darker"] .alert-success{background:rgba(20,83,45,.22)!important;color:#dcfce7!important;border-color:rgba(74,222,128,.32)!important}
html[data-crm-theme="dark"] .crm-notifications-menu,html[data-crm-theme="darker"] .crm-notifications-menu{background:var(--crm-elevated)!important;border-color:var(--crm-border)!important;color:var(--crm-text)!important}
html[data-crm-theme="dark"] .crm-notification-card,html[data-crm-theme="darker"] .crm-notification-card{background:var(--crm-surface)!important;border-color:var(--crm-border-soft)!important;color:var(--crm-text)!important}
html[data-crm-theme="dark"] .crm-notification-card__text,html[data-crm-theme="darker"] .crm-notification-card__text{color:var(--crm-muted)!important}
html[data-crm-theme="dark"] .crm-ux-empty,html[data-crm-theme="darker"] .crm-ux-empty{background:var(--crm-surface)!important;border-color:var(--crm-border)!important;color:var(--crm-muted)!important}
html[data-crm-theme="dark"] .beauty-editor-card,html[data-crm-theme="dark"] .beauty-client-card,html[data-crm-theme="dark"] .beauty-editor-section,html[data-crm-theme="dark"] .beauty-editor-payment,html[data-crm-theme="dark"] .beauty-calendar-main,html[data-crm-theme="dark"] .beauty-side-card,
html[data-crm-theme="darker"] .beauty-editor-card,html[data-crm-theme="darker"] .beauty-client-card,html[data-crm-theme="darker"] .beauty-editor-section,html[data-crm-theme="darker"] .beauty-editor-payment,html[data-crm-theme="darker"] .beauty-calendar-main,html[data-crm-theme="darker"] .beauty-side-card{background:var(--crm-surface)!important;border-color:var(--crm-border-soft)!important;color:var(--crm-text)!important}
html[data-crm-theme="dark"] .crm-setup-hero,html[data-crm-theme="dark"] .crm-setup-body,html[data-crm-theme="dark"] .crm-setup-step,html[data-crm-theme="dark"] .crm-setup-check,
html[data-crm-theme="darker"] .crm-setup-hero,html[data-crm-theme="darker"] .crm-setup-body,html[data-crm-theme="darker"] .crm-setup-step,html[data-crm-theme="darker"] .crm-setup-check{background:var(--crm-surface)!important;color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important}
html[data-crm-theme="dark"] .crm-setup-subtitle,html[data-crm-theme="dark"] .crm-setup-check-text span,html[data-crm-theme="darker"] .crm-setup-subtitle,html[data-crm-theme="darker"] .crm-setup-check-text span{color:var(--crm-muted)!important}
html[data-crm-theme="dark"] .border,html[data-crm-theme="darker"] .border{border-color:var(--crm-border-soft)!important}
html[data-crm-theme="dark"] hr,html[data-crm-theme="darker"] hr{border-color:var(--crm-border)!important;opacity:1}
html[data-crm-theme="dark"] ::-webkit-scrollbar,html[data-crm-theme="darker"] ::-webkit-scrollbar{width:10px;height:10px}html[data-crm-theme="dark"] ::-webkit-scrollbar-track{background:#111827}html[data-crm-theme="dark"] ::-webkit-scrollbar-thumb{background:#334155;border-radius:999px}html[data-crm-theme="darker"] ::-webkit-scrollbar-track{background:#020617}html[data-crm-theme="darker"] ::-webkit-scrollbar-thumb{background:#1e293b;border-radius:999px}



html[data-crm-theme="dark"],
html[data-crm-theme="darker"]{
  --crm-outline-info:#38bdf8;
  --crm-outline-primary:#60a5fa;
  --crm-outline-success:#34d399;
  --crm-outline-warning:#facc15;
  --crm-outline-danger:#fb7185;
  --crm-outline-secondary:#94a3b8;
}
html[data-crm-theme="dark"] body,
html[data-crm-theme="darker"] body{background:var(--crm-bg)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .app-main,
html[data-crm-theme="dark"] .app-content,
html[data-crm-theme="dark"] .content-wrapper,
html[data-crm-theme="dark"] .app-content-header,
html[data-crm-theme="dark"] .modal-body,
html[data-crm-theme="darker"] .app-main,
html[data-crm-theme="darker"] .app-content,
html[data-crm-theme="darker"] .content-wrapper,
html[data-crm-theme="darker"] .app-content-header,
html[data-crm-theme="darker"] .modal-body{background:var(--crm-bg)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .card,
html[data-crm-theme="dark"] .card-header,
html[data-crm-theme="dark"] .card-body,
html[data-crm-theme="dark"] .card-footer,
html[data-crm-theme="dark"] .modal-content,
html[data-crm-theme="dark"] .offcanvas,
html[data-crm-theme="dark"] .list-group-item,
html[data-crm-theme="dark"] .crm-ux-stat,
html[data-crm-theme="dark"] .crm-ux-table-wrap,
html[data-crm-theme="dark"] .crm-ux-soft-filter,
html[data-crm-theme="dark"] .beauty-editor-master-card,
html[data-crm-theme="dark"] .beauty-client-stats div,
html[data-crm-theme="dark"] .beauty-product-pick,
html[data-crm-theme="darker"] .card,
html[data-crm-theme="darker"] .card-header,
html[data-crm-theme="darker"] .card-body,
html[data-crm-theme="darker"] .card-footer,
html[data-crm-theme="darker"] .modal-content,
html[data-crm-theme="darker"] .offcanvas,
html[data-crm-theme="darker"] .list-group-item,
html[data-crm-theme="darker"] .crm-ux-stat,
html[data-crm-theme="darker"] .crm-ux-table-wrap,
html[data-crm-theme="darker"] .crm-ux-soft-filter,
html[data-crm-theme="darker"] .beauty-editor-master-card,
html[data-crm-theme="darker"] .beauty-client-stats div,
html[data-crm-theme="darker"] .beauty-product-pick{background:var(--crm-surface)!important;border-color:var(--crm-border-soft)!important;color:var(--crm-text)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;}
html[data-crm-theme="dark"] .bg-white,
html[data-crm-theme="dark"] .bg-body,
html[data-crm-theme="dark"] .bg-body-tertiary,
html[data-crm-theme="dark"] .bg-light,
html[data-crm-theme="darker"] .bg-white,
html[data-crm-theme="darker"] .bg-body,
html[data-crm-theme="darker"] .bg-body-tertiary,
html[data-crm-theme="darker"] .bg-light{background-color:var(--crm-surface)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] h1,
html[data-crm-theme="dark"] h2,
html[data-crm-theme="dark"] h3,
html[data-crm-theme="dark"] h4,
html[data-crm-theme="dark"] h5,
html[data-crm-theme="dark"] h6,
html[data-crm-theme="dark"] .card-title,
html[data-crm-theme="dark"] .modal-title,
html[data-crm-theme="dark"] .crm-ux-page-head h2,
html[data-crm-theme="dark"] .crm-ux-page-head h3,
html[data-crm-theme="dark"] .crm-ux-stat strong,
html[data-crm-theme="dark"] .crm-ux-empty b,
html[data-crm-theme="dark"] .beauty-client-stats b,
html[data-crm-theme="dark"] .beauty-related-appointment b,
html[data-crm-theme="darker"] h1,
html[data-crm-theme="darker"] h2,
html[data-crm-theme="darker"] h3,
html[data-crm-theme="darker"] h4,
html[data-crm-theme="darker"] h5,
html[data-crm-theme="darker"] h6,
html[data-crm-theme="darker"] .card-title,
html[data-crm-theme="darker"] .modal-title,
html[data-crm-theme="darker"] .crm-ux-page-head h2,
html[data-crm-theme="darker"] .crm-ux-page-head h3,
html[data-crm-theme="darker"] .crm-ux-stat strong,
html[data-crm-theme="darker"] .crm-ux-empty b,
html[data-crm-theme="darker"] .beauty-client-stats b,
html[data-crm-theme="darker"] .beauty-related-appointment b{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] p,
html[data-crm-theme="dark"] label,
html[data-crm-theme="dark"] .form-label,
html[data-crm-theme="dark"] .text-body,
html[data-crm-theme="dark"] .text-dark,
html[data-crm-theme="dark"] .text-black,
html[data-crm-theme="dark"] .card-text,
html[data-crm-theme="dark"] .dropdown-item-text,
html[data-crm-theme="darker"] p,
html[data-crm-theme="darker"] label,
html[data-crm-theme="darker"] .form-label,
html[data-crm-theme="darker"] .text-body,
html[data-crm-theme="darker"] .text-dark,
html[data-crm-theme="darker"] .text-black,
html[data-crm-theme="darker"] .card-text,
html[data-crm-theme="darker"] .dropdown-item-text{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .text-muted,
html[data-crm-theme="dark"] .text-secondary,
html[data-crm-theme="dark"] small,
html[data-crm-theme="dark"] .small,
html[data-crm-theme="dark"] .crm-ux-page-head p,
html[data-crm-theme="dark"] .crm-ux-stat small,
html[data-crm-theme="dark"] .crm-ux-stat span,
html[data-crm-theme="dark"] .crm-ux-service-table .service-muted,
html[data-crm-theme="dark"] .beauty-client-stats small,
html[data-crm-theme="dark"] .beauty-related-appointment span,
html[data-crm-theme="dark"] .beauty-related-appointment small,
html[data-crm-theme="darker"] .text-muted,
html[data-crm-theme="darker"] .text-secondary,
html[data-crm-theme="darker"] small,
html[data-crm-theme="darker"] .small,
html[data-crm-theme="darker"] .crm-ux-page-head p,
html[data-crm-theme="darker"] .crm-ux-stat small,
html[data-crm-theme="darker"] .crm-ux-stat span,
html[data-crm-theme="darker"] .crm-ux-service-table .service-muted,
html[data-crm-theme="darker"] .beauty-client-stats small,
html[data-crm-theme="darker"] .beauty-related-appointment span,
html[data-crm-theme="darker"] .beauty-related-appointment small{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .table td a,
html[data-crm-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item),
html[data-crm-theme="darker"] .table td a,
html[data-crm-theme="darker"] a:not(.btn):not(.nav-link):not(.dropdown-item){color:var(--bs-link-color)!important;}

/* Dark alerts: no full bright fill, only outline and left accent */
html[data-crm-theme="dark"] .alert,
html[data-crm-theme="darker"] .alert{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border-soft)!important;
  border-left:4px solid var(--crm-outline-secondary)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .alert-info,html[data-crm-theme="darker"] .alert-info{--crm-alert-accent:var(--crm-outline-info);border-left-color:var(--crm-alert-accent)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .alert-warning,html[data-crm-theme="darker"] .alert-warning{--crm-alert-accent:var(--crm-outline-warning);border-left-color:var(--crm-alert-accent)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .alert-danger,html[data-crm-theme="darker"] .alert-danger{--crm-alert-accent:var(--crm-outline-danger);border-left-color:var(--crm-alert-accent)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .alert-success,html[data-crm-theme="darker"] .alert-success{--crm-alert-accent:var(--crm-outline-success);border-left-color:var(--crm-alert-accent)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .alert-primary,html[data-crm-theme="darker"] .alert-primary{--crm-alert-accent:var(--crm-outline-primary);border-left-color:var(--crm-alert-accent)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .alert .alert-link,
html[data-crm-theme="dark"] .alert a,
html[data-crm-theme="darker"] .alert .alert-link,
html[data-crm-theme="darker"] .alert a{color:var(--crm-alert-accent,var(--bs-link-color))!important;}
html[data-crm-theme="dark"] .crm-inline-notice__text,
html[data-crm-theme="darker"] .crm-inline-notice__text{color:var(--crm-text)!important;}

/* Dark badges and status blocks: outline instead of bright solid fill */
html[data-crm-theme="dark"] .badge.text-bg-info,html[data-crm-theme="dark"] .badge.bg-info,
html[data-crm-theme="darker"] .badge.text-bg-info,html[data-crm-theme="darker"] .badge.bg-info{background:transparent!important;color:var(--crm-outline-info)!important;border:1px solid rgba(56,189,248,.55)!important;}
html[data-crm-theme="dark"] .badge.text-bg-primary,html[data-crm-theme="dark"] .badge.bg-primary,
html[data-crm-theme="darker"] .badge.text-bg-primary,html[data-crm-theme="darker"] .badge.bg-primary{background:transparent!important;color:var(--crm-outline-primary)!important;border:1px solid rgba(96,165,250,.55)!important;}
html[data-crm-theme="dark"] .badge.text-bg-success,html[data-crm-theme="dark"] .badge.bg-success,
html[data-crm-theme="darker"] .badge.text-bg-success,html[data-crm-theme="darker"] .badge.bg-success{background:transparent!important;color:var(--crm-outline-success)!important;border:1px solid rgba(52,211,153,.55)!important;}
html[data-crm-theme="dark"] .badge.text-bg-warning,html[data-crm-theme="dark"] .badge.bg-warning,
html[data-crm-theme="darker"] .badge.text-bg-warning,html[data-crm-theme="darker"] .badge.bg-warning{background:transparent!important;color:var(--crm-outline-warning)!important;border:1px solid rgba(250,204,21,.55)!important;}
html[data-crm-theme="dark"] .badge.text-bg-danger,html[data-crm-theme="dark"] .badge.bg-danger,
html[data-crm-theme="darker"] .badge.text-bg-danger,html[data-crm-theme="darker"] .badge.bg-danger{background:transparent!important;color:var(--crm-outline-danger)!important;border:1px solid rgba(251,113,133,.55)!important;}
html[data-crm-theme="dark"] .badge.text-bg-secondary,html[data-crm-theme="dark"] .badge.bg-secondary,
html[data-crm-theme="dark"] .badge.text-bg-light,
html[data-crm-theme="darker"] .badge.text-bg-secondary,html[data-crm-theme="darker"] .badge.bg-secondary,
html[data-crm-theme="darker"] .badge.text-bg-light{background:transparent!important;color:var(--crm-outline-secondary)!important;border:1px solid rgba(148,163,184,.45)!important;}

/* AdminLTE colored info-box icons should be outlined in dark theme */
html[data-crm-theme="dark"] .info-box .info-box-icon,
html[data-crm-theme="darker"] .info-box .info-box-icon{background:transparent!important;border:1px solid currentColor!important;box-shadow:none!important;}
html[data-crm-theme="dark"] .info-box .info-box-icon.text-bg-info,html[data-crm-theme="darker"] .info-box .info-box-icon.text-bg-info{color:var(--crm-outline-info)!important;}
html[data-crm-theme="dark"] .info-box .info-box-icon.text-bg-primary,html[data-crm-theme="darker"] .info-box .info-box-icon.text-bg-primary{color:var(--crm-outline-primary)!important;}
html[data-crm-theme="dark"] .info-box .info-box-icon.text-bg-success,html[data-crm-theme="darker"] .info-box .info-box-icon.text-bg-success{color:var(--crm-outline-success)!important;}
html[data-crm-theme="dark"] .info-box .info-box-icon.text-bg-warning,html[data-crm-theme="darker"] .info-box .info-box-icon.text-bg-warning{color:var(--crm-outline-warning)!important;}
html[data-crm-theme="dark"] .info-box .info-box-icon.text-bg-danger,html[data-crm-theme="darker"] .info-box .info-box-icon.text-bg-danger{color:var(--crm-outline-danger)!important;}

/* Notification center readable dark mode */
html[data-crm-theme="dark"] .app-header .crm-notifications-menu,
html[data-crm-theme="darker"] .app-header .crm-notifications-menu{background:var(--crm-elevated)!important;border-color:var(--crm-border)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .app-header .crm-notifications-head,
html[data-crm-theme="darker"] .app-header .crm-notifications-head{background:var(--crm-elevated)!important;border-color:var(--crm-border-soft)!important;}
html[data-crm-theme="dark"] .app-header .crm-notifications-title,
html[data-crm-theme="dark"] .app-header .crm-notification-text strong,
html[data-crm-theme="dark"] .app-header .crm-notifications-empty b,
html[data-crm-theme="darker"] .app-header .crm-notifications-title,
html[data-crm-theme="darker"] .app-header .crm-notification-text strong,
html[data-crm-theme="darker"] .app-header .crm-notifications-empty b{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .app-header .crm-notification-text small,
html[data-crm-theme="dark"] .app-header .crm-notifications-empty,
html[data-crm-theme="darker"] .app-header .crm-notification-text small,
html[data-crm-theme="darker"] .app-header .crm-notifications-empty{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .app-header .crm-notification-icon,
html[data-crm-theme="dark"] .app-header .crm-notification-count,
html[data-crm-theme="darker"] .app-header .crm-notification-icon,
html[data-crm-theme="darker"] .app-header .crm-notification-count{background:transparent!important;border:1px solid currentColor!important;}
html[data-crm-theme="dark"] .app-header .crm-notification-card,
html[data-crm-theme="darker"] .app-header .crm-notification-card{background:var(--crm-surface)!important;border-color:var(--crm-border-soft)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .app-header .crm-notification-card.is-danger .crm-notification-icon,
html[data-crm-theme="dark"] .app-header .crm-notification-card.is-danger .crm-notification-count,
html[data-crm-theme="darker"] .app-header .crm-notification-card.is-danger .crm-notification-icon,
html[data-crm-theme="darker"] .app-header .crm-notification-card.is-danger .crm-notification-count{color:var(--crm-outline-danger)!important;}
html[data-crm-theme="dark"] .app-header .crm-notification-card.is-warning .crm-notification-icon,
html[data-crm-theme="dark"] .app-header .crm-notification-card.is-warning .crm-notification-count,
html[data-crm-theme="darker"] .app-header .crm-notification-card.is-warning .crm-notification-icon,
html[data-crm-theme="darker"] .app-header .crm-notification-card.is-warning .crm-notification-count{color:var(--crm-outline-warning)!important;}
html[data-crm-theme="dark"] .app-header .crm-notification-card.is-success .crm-notification-icon,
html[data-crm-theme="dark"] .app-header .crm-notification-card.is-success .crm-notification-count,
html[data-crm-theme="darker"] .app-header .crm-notification-card.is-success .crm-notification-icon,
html[data-crm-theme="darker"] .app-header .crm-notification-card.is-success .crm-notification-count{color:var(--crm-outline-success)!important;}
html[data-crm-theme="dark"] .app-header .crm-notification-card.is-info .crm-notification-icon,
html[data-crm-theme="dark"] .app-header .crm-notification-card.is-info .crm-notification-count,
html[data-crm-theme="darker"] .app-header .crm-notification-card.is-info .crm-notification-icon,
html[data-crm-theme="darker"] .app-header .crm-notification-card.is-info .crm-notification-count{color:var(--crm-outline-info)!important;}

/* Dark buttons with outline stay readable */
html[data-crm-theme="dark"] .btn-outline-secondary,
html[data-crm-theme="darker"] .btn-outline-secondary{background:transparent!important;color:var(--crm-muted)!important;border-color:var(--crm-border)!important;}
html[data-crm-theme="dark"] .btn-outline-secondary:hover,
html[data-crm-theme="darker"] .btn-outline-secondary:hover{background:rgba(148,163,184,.12)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .btn-close,
html[data-crm-theme="darker"] .btn-close{filter:invert(1) grayscale(100%);opacity:.75;}


html[data-crm-theme="dark"],
html[data-crm-theme="darker"]{
  --crm-bg:#0f172a;
  --crm-bg-soft:#111827;
  --crm-surface:#182235;
  --crm-surface-2:#1f2b40;
  --crm-elevated:#202b3e;
  --crm-border:#334155;
  --crm-border-soft:#263449;
  --crm-text:#e5edf6;
  --crm-muted:#9fb0c7;
  --crm-muted-2:#7d8da5;
  --crm-accent:#38bdf8;
  --crm-accent-2:#22d3ee;
  --crm-danger:#fb7185;
  --crm-success:#34d399;
  --crm-warning:#facc15;
  --bs-body-bg:var(--crm-bg);
  --bs-body-color:var(--crm-text);
  --bs-tertiary-bg:var(--crm-bg-soft);
  --bs-secondary-bg:var(--crm-surface-2);
  --bs-border-color:var(--crm-border);
  --bs-emphasis-color:#f8fafc;
  --bs-secondary-color:var(--crm-muted);
  --bs-link-color:#7dd3fc;
  --bs-link-hover-color:#bae6fd;
}
html[data-crm-theme="darker"]{
  --crm-bg:#020617;
  --crm-bg-soft:#050b1b;
  --crm-surface:#0b1120;
  --crm-surface-2:#111827;
  --crm-elevated:#111827;
  --crm-border:#243044;
  --crm-border-soft:#172036;
  --crm-text:#e6edf7;
  --crm-muted:#93a4bb;
  --crm-muted-2:#748299;
  --crm-accent:#22d3ee;
  --crm-accent-2:#38bdf8;
}
html[data-crm-theme="dark"] body,
html[data-crm-theme="darker"] body{background:var(--crm-bg)!important;color:var(--crm-text)!important}

/* universal readable text on dark */
html[data-crm-theme="dark"] body,
html[data-crm-theme="dark"] .app-main,
html[data-crm-theme="dark"] .app-content,
html[data-crm-theme="dark"] .app-content-header,
html[data-crm-theme="dark"] .app-footer,
html[data-crm-theme="dark"] .card,
html[data-crm-theme="dark"] .card-body,
html[data-crm-theme="dark"] .card-header,
html[data-crm-theme="dark"] .card-footer,
html[data-crm-theme="dark"] .modal-content,
html[data-crm-theme="dark"] .modal-header,
html[data-crm-theme="dark"] .modal-body,
html[data-crm-theme="dark"] .modal-footer,
html[data-crm-theme="dark"] .offcanvas,
html[data-crm-theme="dark"] .offcanvas-header,
html[data-crm-theme="dark"] .offcanvas-body,
html[data-crm-theme="dark"] .dropdown-menu,
html[data-crm-theme="dark"] .list-group-item,
html[data-crm-theme="dark"] .accordion-item,
html[data-crm-theme="dark"] .accordion-button,
html[data-crm-theme="darker"] body,
html[data-crm-theme="darker"] .app-main,
html[data-crm-theme="darker"] .app-content,
html[data-crm-theme="darker"] .app-content-header,
html[data-crm-theme="darker"] .app-footer,
html[data-crm-theme="darker"] .card,
html[data-crm-theme="darker"] .card-body,
html[data-crm-theme="darker"] .card-header,
html[data-crm-theme="darker"] .card-footer,
html[data-crm-theme="darker"] .modal-content,
html[data-crm-theme="darker"] .modal-header,
html[data-crm-theme="darker"] .modal-body,
html[data-crm-theme="darker"] .modal-footer,
html[data-crm-theme="darker"] .offcanvas,
html[data-crm-theme="darker"] .offcanvas-header,
html[data-crm-theme="darker"] .offcanvas-body,
html[data-crm-theme="darker"] .dropdown-menu,
html[data-crm-theme="darker"] .list-group-item,
html[data-crm-theme="darker"] .accordion-item,
html[data-crm-theme="darker"] .accordion-button{
  background-color:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .app-content-header,
html[data-crm-theme="dark"] .app-footer,
html[data-crm-theme="darker"] .app-content-header,
html[data-crm-theme="darker"] .app-footer{background:var(--crm-bg-soft)!important}

html[data-crm-theme="dark"] .card-header,
html[data-crm-theme="dark"] .card-footer,
html[data-crm-theme="dark"] .modal-header,
html[data-crm-theme="dark"] .modal-footer,
html[data-crm-theme="dark"] .offcanvas-header,
html[data-crm-theme="darker"] .card-header,
html[data-crm-theme="darker"] .card-footer,
html[data-crm-theme="darker"] .modal-header,
html[data-crm-theme="darker"] .modal-footer,
html[data-crm-theme="darker"] .offcanvas-header{
  background:var(--crm-surface-2)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}

/* kill leftover white blocks in modules */
html[data-crm-theme="dark"] .bg-white,
html[data-crm-theme="dark"] .bg-light,
html[data-crm-theme="dark"] .bg-body,
html[data-crm-theme="dark"] .bg-body-tertiary,
html[data-crm-theme="dark"] .table-light,
html[data-crm-theme="darker"] .bg-white,
html[data-crm-theme="darker"] .bg-light,
html[data-crm-theme="darker"] .bg-body,
html[data-crm-theme="darker"] .bg-body-tertiary,
html[data-crm-theme="darker"] .table-light{
  background-color:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}

html[data-crm-theme="dark"] h1,
html[data-crm-theme="dark"] h2,
html[data-crm-theme="dark"] h3,
html[data-crm-theme="dark"] h4,
html[data-crm-theme="dark"] h5,
html[data-crm-theme="dark"] h6,
html[data-crm-theme="dark"] .card-title,
html[data-crm-theme="dark"] .modal-title,
html[data-crm-theme="dark"] .dropdown-header,
html[data-crm-theme="dark"] strong,
html[data-crm-theme="dark"] b,
html[data-crm-theme="dark"] dt,
html[data-crm-theme="darker"] h1,
html[data-crm-theme="darker"] h2,
html[data-crm-theme="darker"] h3,
html[data-crm-theme="darker"] h4,
html[data-crm-theme="darker"] h5,
html[data-crm-theme="darker"] h6,
html[data-crm-theme="darker"] .card-title,
html[data-crm-theme="darker"] .modal-title,
html[data-crm-theme="darker"] .dropdown-header,
html[data-crm-theme="darker"] strong,
html[data-crm-theme="darker"] b,
html[data-crm-theme="darker"] dt{color:var(--crm-text)!important}

html[data-crm-theme="dark"] .text-muted,
html[data-crm-theme="dark"] .text-secondary,
html[data-crm-theme="dark"] .form-text,
html[data-crm-theme="dark"] small,
html[data-crm-theme="dark"] .small,
html[data-crm-theme="dark"] dd,
html[data-crm-theme="darker"] .text-muted,
html[data-crm-theme="darker"] .text-secondary,
html[data-crm-theme="darker"] .form-text,
html[data-crm-theme="darker"] small,
html[data-crm-theme="darker"] .small,
html[data-crm-theme="darker"] dd{color:var(--crm-muted)!important}

html[data-crm-theme="dark"] .text-dark,
html[data-crm-theme="dark"] .text-black,
html[data-crm-theme="dark"] .text-body,
html[data-crm-theme="darker"] .text-dark,
html[data-crm-theme="darker"] .text-black,
html[data-crm-theme="darker"] .text-body{color:var(--crm-text)!important}

/* form controls on dark */
html[data-crm-theme="dark"] .form-control,
html[data-crm-theme="dark"] .form-select,
html[data-crm-theme="dark"] .form-check-input,
html[data-crm-theme="dark"] .input-group-text,
html[data-crm-theme="dark"] textarea,
html[data-crm-theme="darker"] .form-control,
html[data-crm-theme="darker"] .form-select,
html[data-crm-theme="darker"] .form-check-input,
html[data-crm-theme="darker"] .input-group-text,
html[data-crm-theme="darker"] textarea{
  background-color:#0f1b2d!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border)!important;
}
html[data-crm-theme="darker"] .form-control,
html[data-crm-theme="darker"] .form-select,
html[data-crm-theme="darker"] .input-group-text,
html[data-crm-theme="darker"] textarea{background-color:#08111f!important}
html[data-crm-theme="dark"] .form-control::placeholder,
html[data-crm-theme="dark"] textarea::placeholder,
html[data-crm-theme="darker"] .form-control::placeholder,
html[data-crm-theme="darker"] textarea::placeholder{color:var(--crm-muted-2)!important}

/* tables */
html[data-crm-theme="dark"] .table,
html[data-crm-theme="darker"] .table{
  --bs-table-bg:var(--crm-surface);
  --bs-table-color:var(--crm-text);
  --bs-table-border-color:var(--crm-border-soft);
  --bs-table-striped-bg:rgba(148,163,184,.055);
  --bs-table-striped-color:var(--crm-text);
  --bs-table-hover-bg:rgba(56,189,248,.08);
  --bs-table-hover-color:var(--crm-text);
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .table thead th,
html[data-crm-theme="darker"] .table thead th{
  background:var(--crm-surface-2)!important;
  color:var(--crm-muted)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .table td,
html[data-crm-theme="dark"] .table th,
html[data-crm-theme="darker"] .table td,
html[data-crm-theme="darker"] .table th{
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .table td .text-muted,
html[data-crm-theme="darker"] .table td .text-muted{color:var(--crm-muted)!important}

/* orders: overdue rows are only outlined, not yellow-filled */
html[data-crm-theme="dark"] .table .crm-order-overdue-row,
html[data-crm-theme="darker"] .table .crm-order-overdue-row{
  --bs-table-bg:rgba(250,204,21,.045)!important;
  --bs-table-color:var(--crm-text)!important;
  --bs-table-striped-bg:rgba(250,204,21,.06)!important;
  background:rgba(250,204,21,.045)!important;
  color:var(--crm-text)!important;
  box-shadow:inset 4px 0 0 var(--crm-warning);
}
html[data-crm-theme="dark"] .table .crm-order-overdue-row > *,
html[data-crm-theme="darker"] .table .crm-order-overdue-row > *{
  background:transparent!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .table .crm-order-overdue-row .text-danger,
html[data-crm-theme="darker"] .table .crm-order-overdue-row .text-danger{color:var(--crm-warning)!important}

/* alerts and top notices: no full yellow fill */
html[data-crm-theme="dark"] .alert,
html[data-crm-theme="darker"] .alert{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border-soft)!important;
  border-left:4px solid var(--crm-muted)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .alert-warning,
html[data-crm-theme="darker"] .alert-warning{border-left-color:var(--crm-warning)!important;color:var(--crm-text)!important}
html[data-crm-theme="dark"] .alert-info,
html[data-crm-theme="darker"] .alert-info{border-left-color:var(--crm-accent)!important}
html[data-crm-theme="dark"] .alert-danger,
html[data-crm-theme="darker"] .alert-danger{border-left-color:var(--crm-danger)!important}
html[data-crm-theme="dark"] .alert-success,
html[data-crm-theme="darker"] .alert-success{border-left-color:var(--crm-success)!important}
html[data-crm-theme="dark"] .alert-warning .btn-warning,
html[data-crm-theme="darker"] .alert-warning .btn-warning,
html[data-crm-theme="dark"] .crm-inline-notice .btn-warning,
html[data-crm-theme="darker"] .crm-inline-notice .btn-warning{
  background:transparent!important;
  border-color:var(--crm-warning)!important;
  color:#fde68a!important;
}
html[data-crm-theme="dark"] .alert-warning .btn-warning:hover,
html[data-crm-theme="darker"] .alert-warning .btn-warning:hover,
html[data-crm-theme="dark"] .crm-inline-notice .btn-warning:hover,
html[data-crm-theme="darker"] .crm-inline-notice .btn-warning:hover{
  background:rgba(250,204,21,.12)!important;
  color:#fff7cc!important;
}

/* toasts and live notification prompts */
html[data-crm-theme="dark"] .toast,
html[data-crm-theme="dark"] .toast-header,
html[data-crm-theme="darker"] .toast,
html[data-crm-theme="darker"] .toast-header,
html[data-crm-theme="dark"] [data-frujes-live-toast],
html[data-crm-theme="dark"] [data-frujes-permission],
html[data-crm-theme="darker"] [data-frujes-live-toast],
html[data-crm-theme="darker"] [data-frujes-permission]{
  background:var(--crm-elevated)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border)!important;
}
html[data-crm-theme="dark"] .toast-body,
html[data-crm-theme="darker"] .toast-body{color:var(--crm-text)!important}

/* sidebar/menu editor */
html[data-crm-theme="dark"] .crm-menu-editor-shell .card-header,
html[data-crm-theme="dark"] .crm-menu-main-card .card-body,
html[data-crm-theme="dark"] .crm-menu-editor-compact .crm-menu-main-card .card-body,
html[data-crm-theme="dark"] .crm-menu-editor-row,
html[data-crm-theme="dark"] .crm-menu-editor-row-group,
html[data-crm-theme="dark"] .crm-menu-editor-row-header,
html[data-crm-theme="dark"] .crm-menu-parent-lock,
html[data-crm-theme="dark"] .crm-menu-empty-children,
html[data-crm-theme="dark"] .crm-menu-new-link,
html[data-crm-theme="dark"] .crm-menu-delete-box,
html[data-crm-theme="darker"] .crm-menu-editor-shell .card-header,
html[data-crm-theme="darker"] .crm-menu-main-card .card-body,
html[data-crm-theme="darker"] .crm-menu-editor-compact .crm-menu-main-card .card-body,
html[data-crm-theme="darker"] .crm-menu-editor-row,
html[data-crm-theme="darker"] .crm-menu-editor-row-group,
html[data-crm-theme="darker"] .crm-menu-editor-row-header,
html[data-crm-theme="darker"] .crm-menu-parent-lock,
html[data-crm-theme="darker"] .crm-menu-empty-children,
html[data-crm-theme="darker"] .crm-menu-new-link,
html[data-crm-theme="darker"] .crm-menu-delete-box{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .crm-menu-editor-row-group,
html[data-crm-theme="darker"] .crm-menu-editor-row-group{box-shadow:inset 3px 0 0 var(--crm-accent)!important}
html[data-crm-theme="dark"] .crm-menu-editor-row-header,
html[data-crm-theme="darker"] .crm-menu-editor-row-header{border-style:dashed!important}
html[data-crm-theme="dark"] .crm-menu-editor-children,
html[data-crm-theme="darker"] .crm-menu-editor-children{
  background:transparent!important;
  border-left-color:var(--crm-accent)!important;
}
html[data-crm-theme="dark"] .crm-menu-row-type,
html[data-crm-theme="dark"] .crm-menu-row-nested,
html[data-crm-theme="darker"] .crm-menu-row-type,
html[data-crm-theme="darker"] .crm-menu-row-nested{
  background:transparent!important;
  border:1px solid currentColor!important;
  color:var(--crm-accent)!important;
}
html[data-crm-theme="dark"] .crm-autosave-status,
html[data-crm-theme="dark"] .crm-autosave-status-inline,
html[data-crm-theme="darker"] .crm-autosave-status,
html[data-crm-theme="darker"] .crm-autosave-status-inline{
  background:var(--crm-surface)!important;
  color:var(--crm-muted)!important;
  border-color:var(--crm-border)!important;
}
html[data-crm-theme="dark"] .crm-autosave-status.is-saved,
html[data-crm-theme="dark"] .crm-autosave-status-inline.is-saved,
html[data-crm-theme="darker"] .crm-autosave-status.is-saved,
html[data-crm-theme="darker"] .crm-autosave-status-inline.is-saved{color:var(--crm-success)!important;border-color:rgba(52,211,153,.55)!important}
html[data-crm-theme="dark"] .crm-autosave-status.is-saving,
html[data-crm-theme="dark"] .crm-autosave-status-inline.is-saving,
html[data-crm-theme="darker"] .crm-autosave-status.is-saving,
html[data-crm-theme="darker"] .crm-autosave-status-inline.is-saving{color:var(--crm-warning)!important;border-color:rgba(250,204,21,.55)!important}
html[data-crm-theme="dark"] .crm-autosave-status.is-error,
html[data-crm-theme="dark"] .crm-autosave-status-inline.is-error,
html[data-crm-theme="darker"] .crm-autosave-status.is-error,
html[data-crm-theme="darker"] .crm-autosave-status-inline.is-error{color:var(--crm-danger)!important;border-color:rgba(251,113,133,.55)!important}

/* order page / work order */
html[data-crm-theme="dark"] .crm-order-page,
html[data-crm-theme="dark"] .crm-order-hero,
html[data-crm-theme="dark"] .crm-order-page .card,
html[data-crm-theme="dark"] .crm-order-page .card-body,
html[data-crm-theme="dark"] .crm-order-page .card-header,
html[data-crm-theme="dark"] .crm-order-page .tab-content,
html[data-crm-theme="dark"] .crm-order-page .nav-tabs,
html[data-crm-theme="darker"] .crm-order-page,
html[data-crm-theme="darker"] .crm-order-hero,
html[data-crm-theme="darker"] .crm-order-page .card,
html[data-crm-theme="darker"] .crm-order-page .card-body,
html[data-crm-theme="darker"] .crm-order-page .card-header,
html[data-crm-theme="darker"] .crm-order-page .tab-content,
html[data-crm-theme="darker"] .crm-order-page .nav-tabs{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .crm-order-page .card-header,
html[data-crm-theme="darker"] .crm-order-page .card-header{background:var(--crm-surface-2)!important}
html[data-crm-theme="dark"] .crm-order-page dl,
html[data-crm-theme="dark"] .crm-order-page dt,
html[data-crm-theme="dark"] .crm-order-page dd,
html[data-crm-theme="dark"] .crm-order-page td,
html[data-crm-theme="dark"] .crm-order-page th,
html[data-crm-theme="darker"] .crm-order-page dl,
html[data-crm-theme="darker"] .crm-order-page dt,
html[data-crm-theme="darker"] .crm-order-page dd,
html[data-crm-theme="darker"] .crm-order-page td,
html[data-crm-theme="darker"] .crm-order-page th{color:var(--crm-text)!important}

/* colored full backgrounds in dark become outline */
html[data-crm-theme="dark"] .text-bg-warning,
html[data-crm-theme="darker"] .text-bg-warning{background:transparent!important;color:var(--crm-warning)!important;border:1px solid rgba(250,204,21,.55)!important}
html[data-crm-theme="dark"] .text-bg-info,
html[data-crm-theme="darker"] .text-bg-info{background:transparent!important;color:var(--crm-accent)!important;border:1px solid rgba(56,189,248,.55)!important}
html[data-crm-theme="dark"] .text-bg-success,
html[data-crm-theme="darker"] .text-bg-success{background:transparent!important;color:var(--crm-success)!important;border:1px solid rgba(52,211,153,.55)!important}
html[data-crm-theme="dark"] .text-bg-danger,
html[data-crm-theme="darker"] .text-bg-danger{background:transparent!important;color:var(--crm-danger)!important;border:1px solid rgba(251,113,133,.55)!important}
html[data-crm-theme="dark"] .text-bg-primary,
html[data-crm-theme="darker"] .text-bg-primary{background:transparent!important;color:#93c5fd!important;border:1px solid rgba(147,197,253,.55)!important}
html[data-crm-theme="dark"] .text-bg-light,
html[data-crm-theme="darker"] .text-bg-light{background:transparent!important;color:var(--crm-muted)!important;border:1px solid var(--crm-border)!important}

/* make success/danger/primary filled action buttons readable in dark, but not neon */
html[data-crm-theme="dark"] .btn-success,
html[data-crm-theme="darker"] .btn-success{background:#15803d!important;border-color:#22c55e!important;color:#ecfdf5!important}
html[data-crm-theme="dark"] .btn-danger,
html[data-crm-theme="darker"] .btn-danger{background:#0d6efd!important;border-color:#3b82f6!important;color:#eff6ff!important}
html[data-crm-theme="dark"] .btn-primary,
html[data-crm-theme="darker"] .btn-primary{background:#2563eb!important;border-color:#3b82f6!important;color:#eff6ff!important}

/* dropdown entries */
html[data-crm-theme="dark"] .dropdown-item,
html[data-crm-theme="darker"] .dropdown-item{color:var(--crm-text)!important}
html[data-crm-theme="dark"] .dropdown-item:hover,
html[data-crm-theme="dark"] .dropdown-item:focus,
html[data-crm-theme="darker"] .dropdown-item:hover,
html[data-crm-theme="darker"] .dropdown-item:focus{background:rgba(56,189,248,.12)!important;color:#fff!important}


html[data-crm-theme="dark"],
html[data-crm-theme="darker"]{color-scheme:dark;}

/* fix early default and prevent dark text inherited from older modules */
html[data-crm-theme="dark"] body,
html[data-crm-theme="darker"] body{
  background:var(--crm-bg)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .app-main,
html[data-crm-theme="dark"] .app-content,
html[data-crm-theme="dark"] .container-fluid,
html[data-crm-theme="darker"] .app-main,
html[data-crm-theme="darker"] .app-content,
html[data-crm-theme="darker"] .container-fluid{color:var(--crm-text)!important;}

/* all cards/forms/headers must be dark, including pages that hard-code #fff */
html[data-crm-theme="dark"] .card,
html[data-crm-theme="dark"] .card-body,
html[data-crm-theme="dark"] .card-header,
html[data-crm-theme="dark"] .card-footer,
html[data-crm-theme="dark"] .modal-content,
html[data-crm-theme="dark"] .modal-header,
html[data-crm-theme="dark"] .modal-body,
html[data-crm-theme="dark"] .modal-footer,
html[data-crm-theme="dark"] .offcanvas,
html[data-crm-theme="dark"] .offcanvas-header,
html[data-crm-theme="dark"] .offcanvas-body,
html[data-crm-theme="dark"] .dropdown-menu,
html[data-crm-theme="dark"] .list-group-item,
html[data-crm-theme="dark"] .tab-content,
html[data-crm-theme="dark"] .crm-ux-table-wrap,
html[data-crm-theme="dark"] .crm-ux-soft-filter,
html[data-crm-theme="dark"] .crm-ux-stat,
html[data-crm-theme="dark"] .crm-ux-empty,
html[data-crm-theme="darker"] .card,
html[data-crm-theme="darker"] .card-body,
html[data-crm-theme="darker"] .card-header,
html[data-crm-theme="darker"] .card-footer,
html[data-crm-theme="darker"] .modal-content,
html[data-crm-theme="darker"] .modal-header,
html[data-crm-theme="darker"] .modal-body,
html[data-crm-theme="darker"] .modal-footer,
html[data-crm-theme="darker"] .offcanvas,
html[data-crm-theme="darker"] .offcanvas-header,
html[data-crm-theme="darker"] .offcanvas-body,
html[data-crm-theme="darker"] .dropdown-menu,
html[data-crm-theme="darker"] .list-group-item,
html[data-crm-theme="darker"] .tab-content,
html[data-crm-theme="darker"] .crm-ux-table-wrap,
html[data-crm-theme="darker"] .crm-ux-soft-filter,
html[data-crm-theme="darker"] .crm-ux-stat,
html[data-crm-theme="darker"] .crm-ux-empty{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .card-header,
html[data-crm-theme="dark"] .card-footer,
html[data-crm-theme="dark"] .modal-header,
html[data-crm-theme="dark"] .modal-footer,
html[data-crm-theme="dark"] .offcanvas-header,
html[data-crm-theme="darker"] .card-header,
html[data-crm-theme="darker"] .card-footer,
html[data-crm-theme="darker"] .modal-header,
html[data-crm-theme="darker"] .modal-footer,
html[data-crm-theme="darker"] .offcanvas-header{
  background:var(--crm-surface-2)!important;
  color:var(--crm-text)!important;
}

/* readable text: override hard-coded dark text in modules */
html[data-crm-theme="dark"] :where(.card,.modal-content,.offcanvas,.dropdown-menu,.tab-content,.crm-order-page,.crm-menu-editor-shell,.beauty-editor-shell) :where(h1,h2,h3,h4,h5,h6,p,span,div,label,dt,dd,td,th,strong,b,em),
html[data-crm-theme="darker"] :where(.card,.modal-content,.offcanvas,.dropdown-menu,.tab-content,.crm-order-page,.crm-menu-editor-shell,.beauty-editor-shell) :where(h1,h2,h3,h4,h5,h6,p,span,div,label,dt,dd,td,th,strong,b,em){
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] :where(.text-muted,.text-secondary,.form-text,small,.small,.crm-order-number,.info-box-text,.crm-ux-page-head p,.crm-ux-stat small,.crm-ux-stat span),
html[data-crm-theme="darker"] :where(.text-muted,.text-secondary,.form-text,small,.small,.crm-order-number,.info-box-text,.crm-ux-page-head p,.crm-ux-stat small,.crm-ux-stat span){
  color:var(--crm-muted)!important;
}
html[data-crm-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item),
html[data-crm-theme="darker"] a:not(.btn):not(.nav-link):not(.dropdown-item){color:#7dd3fc!important;}
html[data-crm-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):hover,
html[data-crm-theme="darker"] a:not(.btn):not(.nav-link):not(.dropdown-item):hover{color:#bae6fd!important;}

/* order page: KPIs, tabs, right column and tables */
html[data-crm-theme="dark"] .crm-order-page,
html[data-crm-theme="darker"] .crm-order-page{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .crm-order-page .info-box,
html[data-crm-theme="dark"] .crm-order-kpis .info-box,
html[data-crm-theme="darker"] .crm-order-page .info-box,
html[data-crm-theme="darker"] .crm-order-kpis .info-box{
  background:var(--crm-surface)!important;
  border:1px solid var(--crm-border-soft)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .crm-order-page .info-box-content,
html[data-crm-theme="dark"] .crm-order-page .info-box-text,
html[data-crm-theme="dark"] .crm-order-page .info-box-number,
html[data-crm-theme="dark"] .crm-order-title,
html[data-crm-theme="darker"] .crm-order-page .info-box-content,
html[data-crm-theme="darker"] .crm-order-page .info-box-text,
html[data-crm-theme="darker"] .crm-order-page .info-box-number,
html[data-crm-theme="darker"] .crm-order-title{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .crm-order-page .info-box-text,
html[data-crm-theme="darker"] .crm-order-page .info-box-text{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-order-page .info-box-icon,
html[data-crm-theme="darker"] .crm-order-page .info-box-icon{
  background:transparent!important;
  border:1px solid currentColor!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .crm-order-tabs,
html[data-crm-theme="darker"] .crm-order-tabs{
  background:var(--crm-surface)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .crm-order-tabs .nav-link,
html[data-crm-theme="darker"] .crm-order-tabs .nav-link{
  background:transparent!important;
  color:var(--crm-muted)!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .crm-order-tabs .nav-link:hover,
html[data-crm-theme="darker"] .crm-order-tabs .nav-link:hover{
  background:rgba(56,189,248,.10)!important;
  color:#e0f2fe!important;
  border-color:rgba(56,189,248,.35)!important;
}
html[data-crm-theme="dark"] .crm-order-tabs .nav-link.active,
html[data-crm-theme="darker"] .crm-order-tabs .nav-link.active{
  background:rgba(56,189,248,.16)!important;
  color:#e0f2fe!important;
  border-color:rgba(56,189,248,.55)!important;
  box-shadow:inset 0 -2px 0 var(--crm-accent)!important;
}
html[data-crm-theme="dark"] .crm-order-main .table thead th,
html[data-crm-theme="darker"] .crm-order-main .table thead th{background:var(--crm-surface-2)!important;color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-order-aside dl dt,
html[data-crm-theme="dark"] .crm-order-aside dl dd,
html[data-crm-theme="darker"] .crm-order-aside dl dt,
html[data-crm-theme="darker"] .crm-order-aside dl dd{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .crm-order-aside dl dd,
html[data-crm-theme="darker"] .crm-order-aside dl dd{color:var(--crm-muted)!important;}

/* generic Bootstrap tabs and pills */
html[data-crm-theme="dark"] .nav-tabs,
html[data-crm-theme="darker"] .nav-tabs{border-color:var(--crm-border-soft)!important;background:var(--crm-surface)!important;}
html[data-crm-theme="dark"] .nav-tabs .nav-link,
html[data-crm-theme="darker"] .nav-tabs .nav-link{color:var(--crm-muted)!important;background:transparent!important;border-color:transparent!important;}
html[data-crm-theme="dark"] .nav-tabs .nav-link.active,
html[data-crm-theme="darker"] .nav-tabs .nav-link.active,
html[data-crm-theme="dark"] .nav-pills .nav-link.active,
html[data-crm-theme="darker"] .nav-pills .nav-link.active{background:rgba(56,189,248,.16)!important;color:#e0f2fe!important;border-color:rgba(56,189,248,.55)!important;}

/* overdue rows: no yellow fill, only outline/left line */
html[data-crm-theme="dark"] tr.crm-order-overdue-row,
html[data-crm-theme="darker"] tr.crm-order-overdue-row{background:transparent!important;box-shadow:none!important;}
html[data-crm-theme="dark"] tr.crm-order-overdue-row > td,
html[data-crm-theme="dark"] tr.crm-order-overdue-row > th,
html[data-crm-theme="darker"] tr.crm-order-overdue-row > td,
html[data-crm-theme="darker"] tr.crm-order-overdue-row > th{
  --bs-table-bg:var(--crm-surface)!important;
  --bs-table-color:var(--crm-text)!important;
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-top-color:rgba(250,204,21,.42)!important;
  border-bottom-color:rgba(250,204,21,.42)!important;
}
html[data-crm-theme="dark"] tr.crm-order-overdue-row > td:first-child,
html[data-crm-theme="darker"] tr.crm-order-overdue-row > td:first-child{box-shadow:inset 4px 0 0 var(--crm-warning)!important;}
html[data-crm-theme="dark"] tr.crm-order-overdue-row .text-danger,
html[data-crm-theme="darker"] tr.crm-order-overdue-row .text-danger{color:#fde68a!important;}

/* top notices: outline actions on dark, no yellow/yellow problem */
html[data-crm-theme="dark"] .crm-inline-notice,
html[data-crm-theme="darker"] .crm-inline-notice{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .crm-inline-notice .btn-outline-warning,
html[data-crm-theme="darker"] .crm-inline-notice .btn-outline-warning,
html[data-crm-theme="dark"] .crm-inline-notice .btn-warning,
html[data-crm-theme="darker"] .crm-inline-notice .btn-warning{
  background:transparent!important;
  border-color:rgba(250,204,21,.65)!important;
  color:#fde68a!important;
}
html[data-crm-theme="dark"] .crm-inline-notice .btn-outline-warning:hover,
html[data-crm-theme="darker"] .crm-inline-notice .btn-outline-warning:hover,
html[data-crm-theme="dark"] .crm-inline-notice .btn-warning:hover,
html[data-crm-theme="darker"] .crm-inline-notice .btn-warning:hover{background:rgba(250,204,21,.12)!important;color:#fff7cc!important;}

/* SweetAlert fallback/toast "Готово" must not be white */
html[data-crm-theme="dark"] .swal-modal,
html[data-crm-theme="darker"] .swal-modal{
  background:var(--crm-elevated)!important;
  border:1px solid var(--crm-border)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .swal-title,
html[data-crm-theme="dark"] .swal-text,
html[data-crm-theme="darker"] .swal-title,
html[data-crm-theme="darker"] .swal-text{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .swal-footer,
html[data-crm-theme="darker"] .swal-footer{background:var(--crm-elevated)!important;border-top:1px solid var(--crm-border)!important;}
html[data-crm-theme="dark"] .swal-button--cancel,
html[data-crm-theme="darker"] .swal-button--cancel{background:transparent!important;color:var(--crm-text)!important;border:1px solid var(--crm-border)!important;}

/* menu editor and beauty editor: kill white islands */
html[data-crm-theme="dark"] .crm-menu-editor-shell *,
html[data-crm-theme="darker"] .crm-menu-editor-shell *,
html[data-crm-theme="dark"] .beauty-editor-shell *,
html[data-crm-theme="darker"] .beauty-editor-shell *{border-color:var(--crm-border-soft);}
html[data-crm-theme="dark"] .crm-menu-editor-shell :where(.crm-menu-editor-row,.crm-menu-editor-row-group,.crm-menu-editor-row-header,.crm-menu-parent-lock,.crm-menu-empty-children,.crm-menu-new-link,.crm-menu-delete-box,.crm-menu-editor-children),
html[data-crm-theme="darker"] .crm-menu-editor-shell :where(.crm-menu-editor-row,.crm-menu-editor-row-group,.crm-menu-editor-row-header,.crm-menu-parent-lock,.crm-menu-empty-children,.crm-menu-new-link,.crm-menu-delete-box,.crm-menu-editor-children),
html[data-crm-theme="dark"] .beauty-editor-shell :where(.beauty-editor-card,.beauty-client-card,.beauty-editor-section,.beauty-editor-payment,.beauty-editor-statusbar,.beauty-editor-master-card,.beauty-related-appointment,.beauty-client-stats div,.beauty-product-pick),
html[data-crm-theme="darker"] .beauty-editor-shell :where(.beauty-editor-card,.beauty-client-card,.beauty-editor-section,.beauty-editor-payment,.beauty-editor-statusbar,.beauty-editor-master-card,.beauty-related-appointment,.beauty-client-stats div,.beauty-product-pick){
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
  box-shadow:none!important;
}

/* QR card text on dark */
html[data-crm-theme="dark"] .crm-order-page img[alt="QR"],
html[data-crm-theme="darker"] .crm-order-page img[alt="QR"]{background:#fff!important;border-radius:.35rem;padding:.15rem;}

/* table controls and button groups */
html[data-crm-theme="dark"] .btn-outline-secondary,
html[data-crm-theme="darker"] .btn-outline-secondary{color:var(--crm-muted)!important;border-color:var(--crm-border)!important;background:transparent!important;}
html[data-crm-theme="dark"] .btn-outline-secondary:hover,
html[data-crm-theme="darker"] .btn-outline-secondary:hover{color:var(--crm-text)!important;background:rgba(148,163,184,.12)!important;}


.swal-overlay{
  background:rgba(2,10,24,.68)!important;
  backdrop-filter:blur(2px);
}
.swal-modal{
  width:min(26rem, calc(100vw - 2rem))!important;
  border-radius:1rem!important;
  padding:1.15rem 1.15rem 1rem!important;
  box-shadow:0 22px 56px rgba(0,0,0,.42)!important;
}
.swal-icon{
  width:5rem!important;
  height:5rem!important;
  margin:.15rem auto .95rem!important;
  transform:none!important;
}
.swal-title{
  margin:0 0 .45rem!important;
  padding:0!important;
  font-size:1.1rem!important;
  line-height:1.25!important;
  font-weight:700!important;
}
.swal-text{
  margin:0 auto!important;
  padding:0!important;
  max-width:100%!important;
  font-size:1rem!important;
  line-height:1.45!important;
  text-align:center!important;
}
.swal-footer{
  margin-top:.95rem!important;
  padding:.85rem 0 0!important;
}
.swal-button-container{margin:0 .25rem!important;}
.swal-button{
  border-radius:.7rem!important;
  padding:.52rem .95rem!important;
  font-size:.94rem!important;
  box-shadow:none!important;
}
.swal-icon--success{
  border-color:rgba(125,211,116,.3)!important;
}
.swal-icon--success:before,
.swal-icon--success:after{
  background:transparent!important;
}
.swal-icon--success__hide-corners{
  background:transparent!important;
}
.swal-icon--success__ring{
  width:5rem!important;
  height:5rem!important;
  border:4px solid rgba(125,211,116,.22)!important;
}
.swal-icon--success__line{
  height:.38rem!important;
  background-color:#8dd36f!important;
  border-radius:.35rem!important;
}
.swal-icon--success__line--tip{
  width:1.58rem!important;
  left:.88rem!important;
  top:2.82rem!important;
}
.swal-icon--success__line--long{
  width:2.95rem!important;
  right:.52rem!important;
  top:2.36rem!important;
}
html[data-crm-theme="dark"] .swal-modal,
html[data-crm-theme="darker"] .swal-modal{
  background:var(--crm-elevated)!important;
  border:1px solid var(--crm-border)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .swal-title,
html[data-crm-theme="dark"] .swal-text,
html[data-crm-theme="darker"] .swal-title,
html[data-crm-theme="darker"] .swal-text{
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .swal-footer,
html[data-crm-theme="darker"] .swal-footer{
  background:transparent!important;
  border-top:1px solid var(--crm-border)!important;
}
html[data-crm-theme="dark"] .swal-button,
html[data-crm-theme="darker"] .swal-button{
  background:#2563eb!important;
  color:#eff6ff!important;
}
html[data-crm-theme="dark"] .swal-button--cancel,
html[data-crm-theme="darker"] .swal-button--cancel{
  background:transparent!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border)!important;
}

html[data-crm-theme="dark"] .crm-order-create-offcanvas,
html[data-crm-theme="darker"] .crm-order-create-offcanvas,
html[data-crm-theme="dark"] .crm-universal-drawer,
html[data-crm-theme="darker"] .crm-universal-drawer,
html[data-crm-theme="dark"] .crm-settings-drawer,
html[data-crm-theme="darker"] .crm-settings-drawer,
html[data-crm-theme="dark"] .offcanvas,
html[data-crm-theme="darker"] .offcanvas{
  background:var(--crm-bg)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border)!important;
}
html[data-crm-theme="dark"] .crm-order-drawer-header,
html[data-crm-theme="darker"] .crm-order-drawer-header,
html[data-crm-theme="dark"] .crm-drawer-header,
html[data-crm-theme="darker"] .crm-drawer-header,
html[data-crm-theme="dark"] .offcanvas-header,
html[data-crm-theme="darker"] .offcanvas-header{
  background:var(--crm-surface-2)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .crm-order-drawer-body,
html[data-crm-theme="darker"] .crm-order-drawer-body,
html[data-crm-theme="dark"] .crm-drawer-body,
html[data-crm-theme="darker"] .crm-drawer-body,
html[data-crm-theme="dark"] .offcanvas-body,
html[data-crm-theme="darker"] .offcanvas-body{
  background:var(--crm-bg)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .crm-order-drawer-section,
html[data-crm-theme="darker"] .crm-order-drawer-section,
html[data-crm-theme="dark"] .crm-order-new-client,
html[data-crm-theme="darker"] .crm-order-new-client,
html[data-crm-theme="dark"] .crm-drawer-body .card,
html[data-crm-theme="darker"] .crm-drawer-body .card,
html[data-crm-theme="dark"] .offcanvas .card,
html[data-crm-theme="darker"] .offcanvas .card,
html[data-crm-theme="dark"] .modal .card,
html[data-crm-theme="darker"] .modal .card,
html[data-crm-theme="dark"] .modal .card-body,
html[data-crm-theme="darker"] .modal .card-body{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .crm-order-drawer-section-title,
html[data-crm-theme="darker"] .crm-order-drawer-section-title,
html[data-crm-theme="dark"] .crm-order-drawer-kicker,
html[data-crm-theme="darker"] .crm-order-drawer-kicker,
html[data-crm-theme="dark"] .crm-drawer-kicker,
html[data-crm-theme="darker"] .crm-drawer-kicker{
  color:var(--crm-accent)!important;
}
html[data-crm-theme="dark"] .crm-order-drawer-header .offcanvas-title,
html[data-crm-theme="darker"] .crm-order-drawer-header .offcanvas-title,
html[data-crm-theme="dark"] .crm-order-create-form,
html[data-crm-theme="darker"] .crm-order-create-form,
html[data-crm-theme="dark"] .crm-order-create-form .form-label,
html[data-crm-theme="darker"] .crm-order-create-form .form-label,
html[data-crm-theme="dark"] .offcanvas label,
html[data-crm-theme="darker"] .offcanvas label,
html[data-crm-theme="dark"] .offcanvas .form-label,
html[data-crm-theme="darker"] .offcanvas .form-label{
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .crm-order-create-form .form-control,
html[data-crm-theme="darker"] .crm-order-create-form .form-control,
html[data-crm-theme="dark"] .crm-order-create-form .form-select,
html[data-crm-theme="darker"] .crm-order-create-form .form-select,
html[data-crm-theme="dark"] .offcanvas .form-control,
html[data-crm-theme="darker"] .offcanvas .form-control,
html[data-crm-theme="dark"] .offcanvas .form-select,
html[data-crm-theme="darker"] .offcanvas .form-select,
html[data-crm-theme="dark"] .modal .form-control,
html[data-crm-theme="darker"] .modal .form-control,
html[data-crm-theme="dark"] .modal .form-select,
html[data-crm-theme="darker"] .modal .form-select{
  background:#0b1628!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border)!important;
}
html[data-crm-theme="darker"] .crm-order-create-form .form-control,
html[data-crm-theme="darker"] .crm-order-create-form .form-select,
html[data-crm-theme="darker"] .offcanvas .form-control,
html[data-crm-theme="darker"] .offcanvas .form-select,
html[data-crm-theme="darker"] .modal .form-control,
html[data-crm-theme="darker"] .modal .form-select{
  background:#050b16!important;
}
html[data-crm-theme="dark"] .crm-order-create-form .form-control::placeholder,
html[data-crm-theme="darker"] .crm-order-create-form .form-control::placeholder,
html[data-crm-theme="dark"] .offcanvas .form-control::placeholder,
html[data-crm-theme="darker"] .offcanvas .form-control::placeholder,
html[data-crm-theme="dark"] .modal .form-control::placeholder,
html[data-crm-theme="darker"] .modal .form-control::placeholder{
  color:var(--crm-muted)!important;
  opacity:.78!important;
}
html[data-crm-theme="dark"] .crm-order-drawer-footer,
html[data-crm-theme="darker"] .crm-order-drawer-footer,
html[data-crm-theme="dark"] .crm-drawer-footer,
html[data-crm-theme="darker"] .crm-drawer-footer,
html[data-crm-theme="dark"] .offcanvas .card-footer,
html[data-crm-theme="darker"] .offcanvas .card-footer,
html[data-crm-theme="dark"] .modal-footer,
html[data-crm-theme="darker"] .modal-footer{
  background:rgba(15,23,42,.96)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
  box-shadow:0 -.7rem 1.4rem rgba(0,0,0,.18)!important;
}
html[data-crm-theme="darker"] .crm-order-drawer-footer,
html[data-crm-theme="darker"] .crm-drawer-footer,
html[data-crm-theme="darker"] .offcanvas .card-footer,
html[data-crm-theme="darker"] .modal-footer{
  background:rgba(2,6,23,.96)!important;
}
html[data-crm-theme="dark"] .btn-close,
html[data-crm-theme="darker"] .btn-close{
  filter:invert(1) grayscale(1) brightness(1.8)!important;
  opacity:.78!important;
}
html[data-crm-theme="dark"] .btn-close:hover,
html[data-crm-theme="darker"] .btn-close:hover{opacity:1!important;}


.app-sidebar .sidebar-brand,
.app-sidebar .brand-link.crm-sidebar-brand-link{
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
}
.app-sidebar .brand-link.crm-sidebar-brand-link .brand-text{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin:0!important;
}
.app-sidebar .brand-link.crm-sidebar-brand-link small.brand-text{
  margin-top:.18rem!important;
  font-size:.92rem!important;
  opacity:.9!important;
}

html[data-crm-theme="dark"] .beauty-retention-page,
html[data-crm-theme="darker"] .beauty-retention-page,
html[data-crm-theme="dark"] .beauty-timetable-page,
html[data-crm-theme="darker"] .beauty-timetable-page,
html[data-crm-theme="dark"] .staff-month-card,
html[data-crm-theme="darker"] .staff-month-card{
  color:var(--crm-text)!important;
}

/* Empty cards and soft white states */
html[data-crm-theme="dark"] .crm-empty-state,
html[data-crm-theme="dark"] .crm-today-soft-empty,
html[data-crm-theme="dark"] .crm-today-mini-item,
html[data-crm-theme="dark"] .beauty-action-hint,
html[data-crm-theme="dark"] .beauty-metric-card,
html[data-crm-theme="darker"] .crm-empty-state,
html[data-crm-theme="darker"] .crm-today-soft-empty,
html[data-crm-theme="darker"] .crm-today-mini-item,
html[data-crm-theme="darker"] .beauty-action-hint,
html[data-crm-theme="darker"] .beauty-metric-card{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border-soft)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .crm-empty-state strong,
html[data-crm-theme="dark"] .crm-today-soft-empty,
html[data-crm-theme="dark"] .crm-today-soft-empty *,
html[data-crm-theme="dark"] .beauty-action-hint b,
html[data-crm-theme="dark"] .beauty-metric-card b,
html[data-crm-theme="darker"] .crm-empty-state strong,
html[data-crm-theme="darker"] .crm-today-soft-empty,
html[data-crm-theme="darker"] .crm-today-soft-empty *,
html[data-crm-theme="darker"] .beauty-action-hint b,
html[data-crm-theme="darker"] .beauty-metric-card b{
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .crm-empty-state i,
html[data-crm-theme="darker"] .crm-empty-state i{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .beauty-action-hint p,
html[data-crm-theme="dark"] .beauty-metric-card small,
html[data-crm-theme="dark"] .beauty-metric-card span,
html[data-crm-theme="darker"] .beauty-action-hint p,
html[data-crm-theme="darker"] .beauty-metric-card small,
html[data-crm-theme="darker"] .beauty-metric-card span{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .beauty-metric-card.danger,
html[data-crm-theme="darker"] .beauty-metric-card.danger{border-left:4px solid var(--crm-danger)!important;}
html[data-crm-theme="dark"] .beauty-metric-card.success,
html[data-crm-theme="darker"] .beauty-metric-card.success{border-left:4px solid var(--crm-success)!important;}

/* Календарь и расписание сферы красоты */
html[data-crm-theme="dark"] .beauty-calendar-shell,
html[data-crm-theme="dark"] .beauty-calendar-main,
html[data-crm-theme="dark"] .beauty-toolbar,
html[data-crm-theme="dark"] .beauty-day-summary,
html[data-crm-theme="dark"] .beauty-timetable-wrap,
html[data-crm-theme="dark"] .beauty-calendar-grid,
html[data-crm-theme="dark"] .beauty-master-head,
html[data-crm-theme="dark"] .beauty-master-column,
html[data-crm-theme="dark"] .beauty-calendar-week,
html[data-crm-theme="dark"] .beauty-week-day-column,
html[data-crm-theme="darker"] .beauty-calendar-shell,
html[data-crm-theme="darker"] .beauty-calendar-main,
html[data-crm-theme="darker"] .beauty-toolbar,
html[data-crm-theme="darker"] .beauty-day-summary,
html[data-crm-theme="darker"] .beauty-timetable-wrap,
html[data-crm-theme="darker"] .beauty-calendar-grid,
html[data-crm-theme="darker"] .beauty-master-head,
html[data-crm-theme="darker"] .beauty-master-column,
html[data-crm-theme="darker"] .beauty-calendar-week,
html[data-crm-theme="darker"] .beauty-week-day-column{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-calendar-left,
html[data-crm-theme="dark"] .beauty-side-card,
html[data-crm-theme="dark"] .beauty-side-note,
html[data-crm-theme="darker"] .beauty-calendar-left,
html[data-crm-theme="darker"] .beauty-side-card,
html[data-crm-theme="darker"] .beauty-side-note{
  background:var(--crm-bg-soft)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-grid-line,
html[data-crm-theme="darker"] .beauty-grid-line{background:var(--crm-border-soft)!important;opacity:1!important;}
html[data-crm-theme="dark"] .beauty-grid-line.hour,
html[data-crm-theme="darker"] .beauty-grid-line.hour{background:var(--crm-border)!important;}
html[data-crm-theme="dark"] .beauty-time-label,
html[data-crm-theme="dark"] .beauty-master-role,
html[data-crm-theme="darker"] .beauty-time-label,
html[data-crm-theme="darker"] .beauty-master-role{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .beauty-master-name,
html[data-crm-theme="darker"] .beauty-master-name{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .beauty-free-slot,
html[data-crm-theme="darker"] .beauty-free-slot{
  background:rgba(34,211,238,.06)!important;
  border:1px solid rgba(34,211,238,.12)!important;
  color:transparent!important;
}
html[data-crm-theme="dark"] .beauty-free-slot:hover,
html[data-crm-theme="darker"] .beauty-free-slot:hover{background:rgba(34,211,238,.15)!important;border-color:rgba(34,211,238,.42)!important;}
html[data-crm-theme="dark"] .beauty-free-slot:hover span,
html[data-crm-theme="darker"] .beauty-free-slot:hover span{color:#bae6fd!important;}
html[data-crm-theme="dark"] .beauty-closed-slot,
html[data-crm-theme="darker"] .beauty-closed-slot{background:rgba(2,6,23,.32)!important;border-color:rgba(148,163,184,.08)!important;}
html[data-crm-theme="dark"] .beauty-closed-slot.break,
html[data-crm-theme="darker"] .beauty-closed-slot.break{background:rgba(251,191,36,.08)!important;}
html[data-crm-theme="dark"] .beauty-week-day-column:nth-child(8),
html[data-crm-theme="dark"] .beauty-week-day-column:nth-child(9),
html[data-crm-theme="dark"] .beauty-timetable-wrap .weekend,
html[data-crm-theme="darker"] .beauty-week-day-column:nth-child(8),
html[data-crm-theme="darker"] .beauty-week-day-column:nth-child(9),
html[data-crm-theme="darker"] .beauty-timetable-wrap .weekend{background:rgba(251,191,36,.05)!important;}

/* Mini calendar */
html[data-crm-theme="dark"] .beauty-mini-calendar a,
html[data-crm-theme="dark"] .beauty-mini-calendar span,
html[data-crm-theme="darker"] .beauty-mini-calendar a,
html[data-crm-theme="darker"] .beauty-mini-calendar span{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-mini-calendar a.has-items,
html[data-crm-theme="darker"] .beauty-mini-calendar a.has-items{background:rgba(34,211,238,.10)!important;color:#bae6fd!important;}
html[data-crm-theme="dark"] .beauty-mini-calendar a.active,
html[data-crm-theme="darker"] .beauty-mini-calendar a.active{background:rgba(37,99,235,.75)!important;color:#fff!important;border-color:#60a5fa!important;}
html[data-crm-theme="dark"] .beauty-mini-weekdays span,
html[data-crm-theme="darker"] .beauty-mini-weekdays span{background:transparent!important;border:0!important;color:var(--crm-muted)!important;}

/* Retention page white cards and bg-light sections */
html[data-crm-theme="dark"] .beauty-retention-page .bg-light,
html[data-crm-theme="dark"] .beauty-retention-page .text-bg-light,
html[data-crm-theme="darker"] .beauty-retention-page .bg-light,
html[data-crm-theme="darker"] .beauty-retention-page .text-bg-light{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-retention-page .border-bottom,
html[data-crm-theme="darker"] .beauty-retention-page .border-bottom{border-color:var(--crm-border-soft)!important;}
html[data-crm-theme="dark"] .beauty-retention-page .badge.text-bg-light,
html[data-crm-theme="darker"] .beauty-retention-page .badge.text-bg-light{background:rgba(148,163,184,.08)!important;color:var(--crm-text)!important;border:1px solid var(--crm-border-soft)!important;}

/* Staff work schedule table */
html[data-crm-theme="dark"] .staff-month-card,
html[data-crm-theme="darker"] .staff-month-card{background:var(--crm-surface)!important;border-color:var(--crm-border-soft)!important;}
html[data-crm-theme="dark"] .staff-month-card .card-header,
html[data-crm-theme="darker"] .staff-month-card .card-header{background:var(--crm-surface-2)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .staff-month-scroll,
html[data-crm-theme="darker"] .staff-month-scroll{background:var(--crm-surface)!important;}
html[data-crm-theme="dark"] .staff-month-table,
html[data-crm-theme="darker"] .staff-month-table{
  --bs-table-bg:var(--crm-surface)!important;
  --bs-table-color:var(--crm-text)!important;
  --bs-table-border-color:var(--crm-border-soft)!important;
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .staff-month-table th,
html[data-crm-theme="dark"] .staff-month-table td,
html[data-crm-theme="darker"] .staff-month-table th,
html[data-crm-theme="darker"] .staff-month-table td{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .staff-month-table thead th,
html[data-crm-theme="dark"] .staff-month-table .staff-col,
html[data-crm-theme="dark"] .staff-month-table .total-col,
html[data-crm-theme="darker"] .staff-month-table thead th,
html[data-crm-theme="darker"] .staff-month-table .staff-col,
html[data-crm-theme="darker"] .staff-month-table .total-col{background:var(--crm-surface-2)!important;color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .staff-month-table .day-col.weekend,
html[data-crm-theme="darker"] .staff-month-table .day-col.weekend{background:rgba(251,191,36,.06)!important;color:#fcd34d!important;}
html[data-crm-theme="dark"] .staff-month-avatar,
html[data-crm-theme="darker"] .staff-month-avatar{background:rgba(56,189,248,.14)!important;color:#bae6fd!important;}
html[data-crm-theme="dark"] .work-chip,
html[data-crm-theme="darker"] .work-chip{background:rgba(74,222,128,.12)!important;color:#86efac!important;border:1px solid rgba(74,222,128,.34)!important;}
html[data-crm-theme="dark"] .work-chip:hover,
html[data-crm-theme="darker"] .work-chip:hover{background:rgba(74,222,128,.2)!important;color:#bbf7d0!important;}

/* Left/right panels and dashboard cards in beauty mode */
html[data-crm-theme="dark"] .crm-today-hero,
html[data-crm-theme="dark"] .crm-today-card,
html[data-crm-theme="dark"] .crm-today-section,
html[data-crm-theme="darker"] .crm-today-hero,
html[data-crm-theme="darker"] .crm-today-card,
html[data-crm-theme="darker"] .crm-today-section{
  background:var(--crm-surface)!important;
  border-color:var(--crm-border-soft)!important;
  color:var(--crm-text)!important;
}


html[data-crm-theme="dark"] .beauty-time-corner,
html[data-crm-theme="dark"] .beauty-time-corner-right,
html[data-crm-theme="dark"] .beauty-time-gutter,
html[data-crm-theme="dark"] .beauty-time-gutter-right,
html[data-crm-theme="darker"] .beauty-time-corner,
html[data-crm-theme="darker"] .beauty-time-corner-right,
html[data-crm-theme="darker"] .beauty-time-gutter,
html[data-crm-theme="darker"] .beauty-time-gutter-right{
  background:var(--crm-surface-2)!important;
  color:var(--crm-muted)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-time-corner *,
html[data-crm-theme="dark"] .beauty-time-gutter *,
html[data-crm-theme="dark"] .beauty-time-gutter-right *,
html[data-crm-theme="darker"] .beauty-time-corner *,
html[data-crm-theme="darker"] .beauty-time-gutter *,
html[data-crm-theme="darker"] .beauty-time-gutter-right *{
  color:var(--crm-muted)!important;
}
html[data-crm-theme="dark"] .beauty-retention-page .nav,
html[data-crm-theme="dark"] .beauty-retention-page .nav-pills,
html[data-crm-theme="darker"] .beauty-retention-page .nav,
html[data-crm-theme="darker"] .beauty-retention-page .nav-pills{
  --bs-nav-pills-link-active-bg:rgba(37,99,235,.72)!important;
}
html[data-crm-theme="dark"] .beauty-retention-page .nav-pills .nav-link,
html[data-crm-theme="dark"] .beauty-retention-page .nav-tabs .nav-link,
html[data-crm-theme="darker"] .beauty-retention-page .nav-pills .nav-link,
html[data-crm-theme="darker"] .beauty-retention-page .nav-tabs .nav-link{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border-soft)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .beauty-retention-page .nav-pills .nav-link.active,
html[data-crm-theme="dark"] .beauty-retention-page .nav-tabs .nav-link.active,
html[data-crm-theme="darker"] .beauty-retention-page .nav-pills .nav-link.active,
html[data-crm-theme="darker"] .beauty-retention-page .nav-tabs .nav-link.active{
  background:rgba(37,99,235,.72)!important;
  color:#eff6ff!important;
  border-color:#60a5fa!important;
}
html[data-crm-theme="dark"] .beauty-retention-page .nav-link .badge,
html[data-crm-theme="dark"] .beauty-retention-page .badge,
html[data-crm-theme="darker"] .beauty-retention-page .nav-link .badge,
html[data-crm-theme="darker"] .beauty-retention-page .badge{
  background:rgba(148,163,184,.10)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-retention-page .table,
html[data-crm-theme="dark"] .beauty-retention-page .table-responsive,
html[data-crm-theme="darker"] .beauty-retention-page .table,
html[data-crm-theme="darker"] .beauty-retention-page .table-responsive{
  --bs-table-bg:transparent!important;
  --bs-table-color:var(--crm-text)!important;
  --bs-table-border-color:var(--crm-border-soft)!important;
  color:var(--crm-text)!important;
  background:transparent!important;
}
html[data-crm-theme="dark"] .beauty-retention-page .table th,
html[data-crm-theme="dark"] .beauty-retention-page .table td,
html[data-crm-theme="darker"] .beauty-retention-page .table th,
html[data-crm-theme="darker"] .beauty-retention-page .table td{
  background:transparent!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-retention-page .table tbody tr:hover > *,
html[data-crm-theme="darker"] .beauty-retention-page .table tbody tr:hover > *{
  background:rgba(148,163,184,.04)!important;
}
html[data-crm-theme="dark"] .beauty-retention-page .text-muted,
html[data-crm-theme="darker"] .beauty-retention-page .text-muted{color:var(--crm-muted)!important;}


html[data-crm-theme="dark"] .beauty-timetable-page .beauty-empty-state,
html[data-crm-theme="darker"] .beauty-timetable-page .beauty-empty-state{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border:1px dashed var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-timetable-page .beauty-empty-state *,
html[data-crm-theme="darker"] .beauty-timetable-page .beauty-empty-state *{
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .beauty-timetable-page .beauty-empty-state i,
html[data-crm-theme="darker"] .beauty-timetable-page .beauty-empty-state i{
  color:#7dd3fc!important;
}
html[data-crm-theme="dark"] .beauty-timetable-page .beauty-time-corner,
html[data-crm-theme="dark"] .beauty-timetable-page .beauty-time-corner-right,
html[data-crm-theme="dark"] .beauty-timetable-page .beauty-time-gutter,
html[data-crm-theme="dark"] .beauty-timetable-page .beauty-time-gutter-right,
html[data-crm-theme="darker"] .beauty-timetable-page .beauty-time-corner,
html[data-crm-theme="darker"] .beauty-timetable-page .beauty-time-corner-right,
html[data-crm-theme="darker"] .beauty-timetable-page .beauty-time-gutter,
html[data-crm-theme="darker"] .beauty-timetable-page .beauty-time-gutter-right{
  background:var(--crm-surface-2)!important;
  background-image:none!important;
  color:var(--crm-muted)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-timetable-page .beauty-time-label,
html[data-crm-theme="darker"] .beauty-timetable-page .beauty-time-label{
  color:var(--crm-muted)!important;
  background:transparent!important;
}
html[data-crm-theme="dark"] .beauty-timetable-page .beauty-free-slot:hover::after,
html[data-crm-theme="darker"] .beauty-timetable-page .beauty-free-slot:hover::after{
  color:#bae6fd!important;
  background:var(--crm-surface-2)!important;
  border:1px solid rgba(56,189,248,.25)!important;
  box-shadow:0 8px 18px rgba(2,6,23,.28)!important;
}


html[data-crm-theme="dark"] .beauty-editor-avatar-letter,
html[data-crm-theme="darker"] .beauty-editor-avatar-letter{
  background:rgba(96,165,250,.18)!important;
  color:#93c5fd!important;
  border:1px solid rgba(96,165,250,.28)!important;
  font-weight:800!important;
}
html[data-crm-theme="dark"] .beauty-editor-tabs,
html[data-crm-theme="darker"] .beauty-editor-tabs{
  background:var(--crm-surface-2)!important;
  border:1px solid var(--crm-border-soft)!important;
  border-radius:1rem!important;
  padding:.35rem!important;
}
html[data-crm-theme="dark"] .beauty-editor-tabs .nav-item,
html[data-crm-theme="darker"] .beauty-editor-tabs .nav-item{min-width:0!important;}
html[data-crm-theme="dark"] .beauty-editor-tabs .nav-link,
html[data-crm-theme="darker"] .beauty-editor-tabs .nav-link{
  background:transparent!important;
  color:var(--crm-text)!important;
  border:1px solid transparent!important;
  border-radius:.8rem!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .beauty-editor-tabs .nav-link.active,
html[data-crm-theme="darker"] .beauty-editor-tabs .nav-link.active{
  background:rgba(56,189,248,.16)!important;
  color:#e0f2fe!important;
  border-color:rgba(56,189,248,.28)!important;
}
html[data-crm-theme="dark"] .beauty-editor-tabs .nav-link:not(.active):hover,
html[data-crm-theme="darker"] .beauty-editor-tabs .nav-link:not(.active):hover{
  background:rgba(148,163,184,.06)!important;
}
html[data-crm-theme="dark"] .beauty-editor-savebar,
html[data-crm-theme="darker"] .beauty-editor-savebar{
  background:var(--crm-surface)!important;
  border:1px solid var(--crm-border-soft)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .beauty-editor-savebar .btn-light,
html[data-crm-theme="darker"] .beauty-editor-savebar .btn-light{
  background:var(--crm-surface-2)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .beauty-editor-savebar .btn-light:hover,
html[data-crm-theme="darker"] .beauty-editor-savebar .btn-light:hover{
  background:rgba(148,163,184,.10)!important;
}
html[data-crm-theme="dark"] .beauty-editor-savebar .btn-warning,
html[data-crm-theme="darker"] .beauty-editor-savebar .btn-warning{
  background:#2563eb!important;
  border-color:#3b82f6!important;
  color:#eff6ff!important;
}
html[data-crm-theme="dark"] .beauty-editor-savebar .btn-warning:hover,
html[data-crm-theme="darker"] .beauty-editor-savebar .btn-warning:hover{
  background:#1d4ed8!important;
  border-color:#2563eb!important;
  color:#fff!important;
}
html[data-crm-theme="dark"] .beauty-editor-savebar .btn-outline-danger,
html[data-crm-theme="darker"] .beauty-editor-savebar .btn-outline-danger{
  background:transparent!important;
}
html[data-crm-theme="dark"] .beauty-editor-main .tab-content,
html[data-crm-theme="dark"] .beauty-editor-main .tab-pane,
html[data-crm-theme="darker"] .beauty-editor-main .tab-content,
html[data-crm-theme="darker"] .beauty-editor-main .tab-pane{
  background:transparent!important;
  color:var(--crm-text)!important;
}


.crm-mobile-chat{bottom:2.35rem!important;}
.crm-mobile-chat-toggle{
  width:3.2rem!important;
  height:3.2rem!important;
  padding:0!important;
  justify-content:center!important;
  gap:0!important;
  border-radius:999px!important;
}
.crm-mobile-chat-toggle span{display:none!important;}
.crm-mobile-chat-toggle i{font-size:1.2rem!important;margin:0!important;}
@media (max-width:767.98px){.crm-mobile-chat{bottom:1.85rem!important;}}

html[data-crm-theme="dark"] .crm-mobile-chat-panel,
html[data-crm-theme="darker"] .crm-mobile-chat-panel{
  background:var(--crm-elevated)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border)!important;
  box-shadow:0 1.5rem 4.5rem rgba(2,6,23,.52)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-head,
html[data-crm-theme="darker"] .crm-mobile-chat-head{
  background:linear-gradient(135deg,#0f2742,#162d4e)!important;
  color:var(--crm-text)!important;
  border-bottom:1px solid var(--crm-border)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-head small,
html[data-crm-theme="darker"] .crm-mobile-chat-head small{color:var(--crm-muted)!important;opacity:1!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-head .btn,
html[data-crm-theme="darker"] .crm-mobile-chat-head .btn{
  background:rgba(15,23,42,.72)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-search,
html[data-crm-theme="darker"] .crm-mobile-chat-search{
  background:var(--crm-surface)!important;
  border-bottom:1px solid var(--crm-border)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-search .form-control,
html[data-crm-theme="darker"] .crm-mobile-chat-search .form-control{
  background:var(--crm-input-bg)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-search .form-control::placeholder,
html[data-crm-theme="darker"] .crm-mobile-chat-search .form-control::placeholder{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-body,
html[data-crm-theme="darker"] .crm-mobile-chat-body{background:var(--crm-elevated)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-contacts,
html[data-crm-theme="darker"] .crm-mobile-chat-contacts{
  background:var(--crm-surface)!important;
  border-right:1px solid var(--crm-border)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-contact,
html[data-crm-theme="darker"] .crm-mobile-chat-contact{
  color:var(--crm-text)!important;
  border-color:transparent!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-contact:hover,
html[data-crm-theme="darker"] .crm-mobile-chat-contact:hover{
  background:rgba(56,189,248,.08)!important;
  border-color:rgba(56,189,248,.12)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-contact.active,
html[data-crm-theme="darker"] .crm-mobile-chat-contact.active{
  background:rgba(56,189,248,.12)!important;
  border-color:rgba(56,189,248,.25)!important;
  box-shadow:0 .5rem 1.1rem rgba(2,6,23,.24)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-contact small,
html[data-crm-theme="darker"] .crm-mobile-chat-contact small{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-avatar,
html[data-crm-theme="dark"] .crm-mobile-chat-message-avatar,
html[data-crm-theme="darker"] .crm-mobile-chat-avatar,
html[data-crm-theme="darker"] .crm-mobile-chat-message-avatar{
  background:rgba(59,130,246,.18)!important;
  color:#bfdbfe!important;
  border:1px solid rgba(96,165,250,.26)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-avatar.is-support,
html[data-crm-theme="dark"] .crm-mobile-chat-message-avatar.is-support,
html[data-crm-theme="darker"] .crm-mobile-chat-avatar.is-support,
html[data-crm-theme="darker"] .crm-mobile-chat-message-avatar.is-support{
  background:rgba(34,211,238,.14)!important;
  border-color:rgba(34,211,238,.24)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-avatar.is-online:after,
html[data-crm-theme="dark"] .crm-mobile-chat-message-avatar.is-online:after,
html[data-crm-theme="darker"] .crm-mobile-chat-avatar.is-online:after,
html[data-crm-theme="darker"] .crm-mobile-chat-message-avatar.is-online:after{border-color:var(--crm-surface)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-dialog,
html[data-crm-theme="darker"] .crm-mobile-chat-dialog{background:var(--crm-elevated)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-dialog-head,
html[data-crm-theme="darker"] .crm-mobile-chat-dialog-head{
  background:var(--crm-surface)!important;
  border-bottom:1px solid var(--crm-border)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-dialog-head small,
html[data-crm-theme="darker"] .crm-mobile-chat-dialog-head small{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-back,
html[data-crm-theme="darker"] .crm-mobile-chat-back{
  background:var(--crm-surface-2)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-dialog-pill,
html[data-crm-theme="darker"] .crm-mobile-chat-dialog-pill{
  color:#cffafe!important;
  background:rgba(34,211,238,.12)!important;
  border:1px solid rgba(34,211,238,.24)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-messages,
html[data-crm-theme="darker"] .crm-mobile-chat-messages{background:linear-gradient(180deg,#0e1b31 0%,#12213a 100%)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-message-name,
html[data-crm-theme="darker"] .crm-mobile-chat-message-name{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-bubble,
html[data-crm-theme="darker"] .crm-mobile-chat-bubble{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border:1px solid var(--crm-border-soft)!important;
  box-shadow:0 .35rem .9rem rgba(2,6,23,.18)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-message.mine .crm-mobile-chat-bubble,
html[data-crm-theme="darker"] .crm-mobile-chat-message.mine .crm-mobile-chat-bubble{
  background:linear-gradient(135deg,#16bfd9,#0ea5c6)!important;
  color:#ecfeff!important;
  border-color:transparent!important;
  box-shadow:0 .55rem 1.1rem rgba(6,182,212,.16)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-message-time,
html[data-crm-theme="darker"] .crm-mobile-chat-message-time{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-compose,
html[data-crm-theme="darker"] .crm-mobile-chat-compose{
  background:var(--crm-surface)!important;
  border-top:1px solid var(--crm-border)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-compose .form-control,
html[data-crm-theme="darker"] .crm-mobile-chat-compose .form-control{
  background:var(--crm-input-bg)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .crm-mobile-chat-compose .form-control::placeholder,
html[data-crm-theme="darker"] .crm-mobile-chat-compose .form-control::placeholder{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-chat-mini-state,
html[data-crm-theme="dark"] .crm-mobile-chat-empty,
html[data-crm-theme="darker"] .crm-chat-mini-state,
html[data-crm-theme="darker"] .crm-mobile-chat-empty{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-chat-mini-state b,
html[data-crm-theme="dark"] .crm-mobile-chat-empty b,
html[data-crm-theme="darker"] .crm-chat-mini-state b,
html[data-crm-theme="darker"] .crm-mobile-chat-empty b{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .crm-mobile-chat-empty-icon,
html[data-crm-theme="darker"] .crm-mobile-chat-empty-icon{background:rgba(34,211,238,.12)!important;color:#67e8f9!important;}


html[data-crm-theme="dark"] .warehouse-subnav .btn,
html[data-crm-theme="darker"] .warehouse-subnav .btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:.4rem!important;
}
html[data-crm-theme="dark"] .warehouse-subnav .btn-outline-secondary,
html[data-crm-theme="darker"] .warehouse-subnav .btn-outline-secondary{
  color:#cfe3ff!important;
  border-color:rgba(148,163,184,.28)!important;
  background:rgba(15,23,42,.32)!important;
}
html[data-crm-theme="dark"] .warehouse-subnav .btn-outline-secondary i,
html[data-crm-theme="darker"] .warehouse-subnav .btn-outline-secondary i{
  color:#7dd3fc!important;
}
html[data-crm-theme="dark"] .warehouse-subnav .btn-outline-secondary:hover,
html[data-crm-theme="darker"] .warehouse-subnav .btn-outline-secondary:hover{
  background:rgba(56,189,248,.10)!important;
  border-color:rgba(56,189,248,.34)!important;
  color:#eff6ff!important;
}
html[data-crm-theme="dark"] .warehouse-subnav .btn-primary,
html[data-crm-theme="darker"] .warehouse-subnav .btn-primary{
  box-shadow:0 .5rem 1.2rem rgba(37,99,235,.18)!important;
}
html[data-crm-theme="dark"] .warehouse-subnav .btn-primary i,
html[data-crm-theme="darker"] .warehouse-subnav .btn-primary i,
html[data-crm-theme="dark"] .warehouse-subnav .btn-outline-primary i,
html[data-crm-theme="darker"] .warehouse-subnav .btn-outline-primary i{
  color:inherit!important;
}
html[data-crm-theme="dark"] .warehouse-subnav .vr,
html[data-crm-theme="darker"] .warehouse-subnav .vr{background-color:var(--crm-border-soft)!important;opacity:1!important;}

html[data-crm-theme="dark"] .warehouse-subnav + .card .media > span.rounded-circle,
html[data-crm-theme="darker"] .warehouse-subnav + .card .media > span.rounded-circle{
  width:2.8rem!important;
  height:2.8rem!important;
  border:1px solid transparent!important;
  box-shadow:0 .45rem .95rem rgba(2,6,23,.18)!important;
}
html[data-crm-theme="dark"] .warehouse-subnav + .card .media > span.rounded-circle i,
html[data-crm-theme="darker"] .warehouse-subnav + .card .media > span.rounded-circle i{
  font-size:1.05rem!important;
}
html[data-crm-theme="dark"] .warehouse-subnav + .card .bg-primary-subtle,
html[data-crm-theme="darker"] .warehouse-subnav + .card .bg-primary-subtle{
  background:rgba(59,130,246,.18)!important;
  color:#93c5fd!important;
  border-color:rgba(96,165,250,.26)!important;
}
html[data-crm-theme="dark"] .warehouse-subnav + .card .bg-success-subtle,
html[data-crm-theme="darker"] .warehouse-subnav + .card .bg-success-subtle{
  background:rgba(34,197,94,.14)!important;
  color:#86efac!important;
  border-color:rgba(74,222,128,.24)!important;
}
html[data-crm-theme="dark"] .warehouse-subnav + .card .bg-warning-subtle,
html[data-crm-theme="darker"] .warehouse-subnav + .card .bg-warning-subtle{
  background:rgba(245,158,11,.16)!important;
  color:#fde68a!important;
  border-color:rgba(251,191,36,.28)!important;
}
html[data-crm-theme="dark"] .warehouse-subnav + .card .bg-info-subtle,
html[data-crm-theme="darker"] .warehouse-subnav + .card .bg-info-subtle{
  background:rgba(34,211,238,.15)!important;
  color:#a5f3fc!important;
  border-color:rgba(34,211,238,.26)!important;
}
html[data-crm-theme="dark"] .warehouse-subnav + .card .text-primary,
html[data-crm-theme="darker"] .warehouse-subnav + .card .text-primary{color:#93c5fd!important;}
html[data-crm-theme="dark"] .warehouse-subnav + .card .text-success,
html[data-crm-theme="darker"] .warehouse-subnav + .card .text-success{color:#86efac!important;}
html[data-crm-theme="dark"] .warehouse-subnav + .card .text-warning,
html[data-crm-theme="darker"] .warehouse-subnav + .card .text-warning{color:#fde68a!important;}
html[data-crm-theme="dark"] .warehouse-subnav + .card .text-info,
html[data-crm-theme="darker"] .warehouse-subnav + .card .text-info{color:#a5f3fc!important;}


html[data-crm-theme="dark"] .finance-page .media > span.rounded-circle,
html[data-crm-theme="darker"] .finance-page .media > span.rounded-circle{
  width:2.8rem!important;
  height:2.8rem!important;
  border:1px solid transparent!important;
  box-shadow:0 .45rem .95rem rgba(2,6,23,.18)!important;
}
html[data-crm-theme="dark"] .finance-page .media > span.rounded-circle i,
html[data-crm-theme="darker"] .finance-page .media > span.rounded-circle i{
  font-size:1.05rem!important;
}
html[data-crm-theme="dark"] .finance-page .bg-success-subtle,
html[data-crm-theme="darker"] .finance-page .bg-success-subtle{
  background:rgba(34,197,94,.14)!important;
  color:#86efac!important;
  border-color:rgba(74,222,128,.24)!important;
}
html[data-crm-theme="dark"] .finance-page .bg-danger-subtle,
html[data-crm-theme="darker"] .finance-page .bg-danger-subtle{
  background:rgba(239,68,68,.14)!important;
  color:#fca5a5!important;
  border-color:rgba(248,113,113,.24)!important;
}
html[data-crm-theme="dark"] .finance-page .bg-info-subtle,
html[data-crm-theme="darker"] .finance-page .bg-info-subtle{
  background:rgba(34,211,238,.15)!important;
  color:#a5f3fc!important;
  border-color:rgba(34,211,238,.26)!important;
}
html[data-crm-theme="dark"] .finance-page .bg-primary-subtle,
html[data-crm-theme="darker"] .finance-page .bg-primary-subtle{
  background:rgba(59,130,246,.18)!important;
  color:#93c5fd!important;
  border-color:rgba(96,165,250,.26)!important;
}
html[data-crm-theme="dark"] .finance-page .text-success,
html[data-crm-theme="darker"] .finance-page .text-success{color:#86efac!important;}
html[data-crm-theme="dark"] .finance-page .text-danger,
html[data-crm-theme="darker"] .finance-page .text-danger{color:#fca5a5!important;}
html[data-crm-theme="dark"] .finance-page .text-info,
html[data-crm-theme="darker"] .finance-page .text-info{color:#a5f3fc!important;}
html[data-crm-theme="dark"] .finance-page .btn-outline-secondary,
html[data-crm-theme="darker"] .finance-page .btn-outline-secondary{
  color:#cfe3ff!important;
  border-color:rgba(148,163,184,.28)!important;
  background:rgba(15,23,42,.32)!important;
}
html[data-crm-theme="dark"] .finance-page .btn-outline-secondary:hover,
html[data-crm-theme="darker"] .finance-page .btn-outline-secondary:hover{
  background:rgba(56,189,248,.10)!important;
  border-color:rgba(56,189,248,.34)!important;
  color:#eff6ff!important;
}


html[data-crm-theme="dark"] .crm-setup-kicker,
html[data-crm-theme="darker"] .crm-setup-kicker{
  background:rgba(56,189,248,.12)!important;
  color:#67e8f9!important;
  border:1px solid rgba(56,189,248,.24)!important;
}
html[data-crm-theme="dark"] .crm-setup-kicker i,
html[data-crm-theme="darker"] .crm-setup-kicker i{color:#67e8f9!important;}
html[data-crm-theme="dark"] .crm-setup-title,
html[data-crm-theme="dark"] .crm-setup-check-text b,
html[data-crm-theme="darker"] .crm-setup-title,
html[data-crm-theme="darker"] .crm-setup-check-text b{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .crm-setup-step,
html[data-crm-theme="darker"] .crm-setup-step{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .crm-setup-step-num,
html[data-crm-theme="darker"] .crm-setup-step-num{
  background:rgba(148,163,184,.12)!important;
  color:#e2e8f0!important;
  border:1px solid rgba(148,163,184,.22)!important;
}
html[data-crm-theme="dark"] .crm-setup-step.active,
html[data-crm-theme="darker"] .crm-setup-step.active{
  background:rgba(37,99,235,.82)!important;
  color:#eff6ff!important;
  border-color:#3b82f6!important;
}
html[data-crm-theme="dark"] .crm-setup-step.active .crm-setup-step-num,
html[data-crm-theme="darker"] .crm-setup-step.active .crm-setup-step-num{
  background:rgba(255,255,255,.16)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}
html[data-crm-theme="dark"] .crm-setup-check,
html[data-crm-theme="darker"] .crm-setup-check{
  background:var(--crm-surface)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .crm-setup-check.is-done,
html[data-crm-theme="darker"] .crm-setup-check.is-done{
  border-color:rgba(74,222,128,.28)!important;
  background:linear-gradient(180deg,rgba(34,197,94,.06),rgba(34,197,94,.02))!important;
}
html[data-crm-theme="dark"] .crm-setup-check.is-warning,
html[data-crm-theme="darker"] .crm-setup-check.is-warning{
  border-color:rgba(251,191,36,.30)!important;
  background:linear-gradient(180deg,rgba(245,158,11,.06),rgba(245,158,11,.02))!important;
}
html[data-crm-theme="dark"] .crm-setup-check-icon,
html[data-crm-theme="darker"] .crm-setup-check-icon{
  border:1px solid transparent!important;
  box-shadow:0 .35rem .9rem rgba(2,6,23,.16)!important;
}
html[data-crm-theme="dark"] .crm-setup-check.is-done .crm-setup-check-icon,
html[data-crm-theme="darker"] .crm-setup-check.is-done .crm-setup-check-icon{
  background:rgba(34,197,94,.16)!important;
  color:#86efac!important;
  border-color:rgba(74,222,128,.26)!important;
}
html[data-crm-theme="dark"] .crm-setup-check.is-warning .crm-setup-check-icon,
html[data-crm-theme="darker"] .crm-setup-check.is-warning .crm-setup-check-icon{
  background:rgba(245,158,11,.16)!important;
  color:#fde68a!important;
  border-color:rgba(251,191,36,.28)!important;
}

.booking-page-avatar {
  width: 3.25rem;
  height: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #e6edf5;
  background: #f1f5f9;
  color: #64748b;
  font-size: 1.25rem;
  box-shadow: 0 .55rem 1.25rem rgba(15,23,42,.08);
}
.booking-page-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.booking-page-avatar.is-on {
  background: #dcfce7;
  color: #15803d;
  border-color: #bbf7d0;
}
.booking-page-avatar.is-off {
  background: #f8fafc;
  color: #64748b;
}




.crm-select-wrap{position:relative;display:inline-block;min-width:260px;max-width:100%;}
.crm-select-with-indicator{padding-right:2.5rem !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none !important;}
.crm-select-indicator{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.9rem;line-height:1;color:var(--bs-secondary-color);opacity:.95;}
.crm-upcoming-master-select{min-width:260px;}
html[data-crm-theme="dark"] .crm-select-indicator,
html[data-crm-theme="darker"] .crm-select-indicator{color:#d8e2f0;}
@media (max-width:575.98px){
  .crm-select-wrap,.crm-upcoming-master-select{width:100%;min-width:0;}
}


.work-chip.is-off{background:#f1f5f9;color:#64748b;border:1px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1.1;}
.work-chip.is-off:hover{background:#e2e8f0;color:#334155;}
.crm-staff-hours-row:target,.crm-staff-hours-row-highlight{outline:2px solid #38bdf8;outline-offset:-2px;background:rgba(56,189,248,.10)!important;}

html[data-crm-theme="dark"] .crm-user-form-card,
html[data-crm-theme="darker"] .crm-user-form-card,
html[data-crm-theme="dark"] .crm-user-form-profile,
html[data-crm-theme="darker"] .crm-user-form-profile,
html[data-crm-theme="dark"] .crm-user-form-section,
html[data-crm-theme="darker"] .crm-user-form-section,
html[data-crm-theme="dark"] .crm-user-profile-note,
html[data-crm-theme="darker"] .crm-user-profile-note,
html[data-crm-theme="dark"] .crm-staff-hours-wrap,
html[data-crm-theme="darker"] .crm-staff-hours-wrap{background:var(--crm-surface)!important;color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important;box-shadow:none!important;}
html[data-crm-theme="dark"] .crm-user-form-header,
html[data-crm-theme="darker"] .crm-user-form-header,
html[data-crm-theme="dark"] .crm-user-form-footer,
html[data-crm-theme="darker"] .crm-user-form-footer{background:var(--crm-surface-2)!important;color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important;}
html[data-crm-theme="dark"] .crm-user-photo-info strong,
html[data-crm-theme="darker"] .crm-user-photo-info strong,
html[data-crm-theme="dark"] .crm-user-form-section-title h5,
html[data-crm-theme="darker"] .crm-user-form-section-title h5{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .crm-user-photo-info span,
html[data-crm-theme="darker"] .crm-user-photo-info span,
html[data-crm-theme="dark"] .crm-user-form-section-title span,
html[data-crm-theme="darker"] .crm-user-form-section-title span{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-user-form-section-title > i,
html[data-crm-theme="darker"] .crm-user-form-section-title > i{background:rgba(56,189,248,.14)!important;color:#7dd3fc!important;border:1px solid rgba(56,189,248,.24)!important;}
html[data-crm-theme="dark"] .crm-staff-hours-table thead th,
html[data-crm-theme="darker"] .crm-staff-hours-table thead th{background:var(--crm-surface-2)!important;color:var(--crm-muted)!important;border-color:var(--crm-border-soft)!important;}
html[data-crm-theme="dark"] .crm-staff-hours-row:target,
html[data-crm-theme="dark"] .crm-staff-hours-row-highlight,
html[data-crm-theme="darker"] .crm-staff-hours-row:target,
html[data-crm-theme="darker"] .crm-staff-hours-row-highlight{background:rgba(56,189,248,.12)!important;}

html[data-crm-theme="dark"] .crm-users-page .card-header,
html[data-crm-theme="darker"] .crm-users-page .card-header,
html[data-crm-theme="dark"] .crm-user-card,
html[data-crm-theme="darker"] .crm-user-card,
html[data-crm-theme="dark"] .crm-user-meta,
html[data-crm-theme="darker"] .crm-user-meta{background:var(--crm-surface)!important;color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important;box-shadow:none!important;}
html[data-crm-theme="dark"] .crm-user-card__name,
html[data-crm-theme="darker"] .crm-user-card__name,
html[data-crm-theme="dark"] .crm-user-meta__value,
html[data-crm-theme="dark"] .crm-user-meta__roles,
html[data-crm-theme="darker"] .crm-user-meta__value,
html[data-crm-theme="darker"] .crm-user-meta__roles{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .crm-user-card__email,
html[data-crm-theme="dark"] .crm-user-meta__label,
html[data-crm-theme="dark"] .crm-user-meta__hint,
html[data-crm-theme="darker"] .crm-user-card__email,
html[data-crm-theme="darker"] .crm-user-meta__label,
html[data-crm-theme="darker"] .crm-user-meta__hint{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-user-card__avatar,
html[data-crm-theme="darker"] .crm-user-card__avatar,
html[data-crm-theme="dark"] .crm-user-form-avatar,
html[data-crm-theme="darker"] .crm-user-form-avatar{border-color:var(--crm-border-soft)!important;box-shadow:none!important;}
html[data-crm-theme="dark"] .crm-users-count,
html[data-crm-theme="darker"] .crm-users-count{background:var(--crm-surface-2)!important;color:var(--crm-text)!important;border:1px solid var(--crm-border-soft)!important;}

html[data-crm-theme="dark"] .booking-admin-page .card,
html[data-crm-theme="darker"] .booking-admin-page .card,
html[data-crm-theme="dark"] .booking-page-settings-form .card,
html[data-crm-theme="darker"] .booking-page-settings-form .card,
html[data-crm-theme="dark"] .booking-page-card,
html[data-crm-theme="darker"] .booking-page-card,
html[data-crm-theme="dark"] .booking-page-card-stats div,
html[data-crm-theme="darker"] .booking-page-card-stats div{background:var(--crm-surface)!important;color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important;box-shadow:none!important;}
html[data-crm-theme="dark"] .booking-settings-section .card-header,
html[data-crm-theme="darker"] .booking-settings-section .card-header,
html[data-crm-theme="dark"] .booking-admin-list-card .card-header,
html[data-crm-theme="darker"] .booking-admin-list-card .card-header{background:var(--crm-surface-2)!important;color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important;}
html[data-crm-theme="dark"] .booking-admin-help-icon,
html[data-crm-theme="darker"] .booking-admin-help-icon,
html[data-crm-theme="dark"] .booking-mode-icon,
html[data-crm-theme="darker"] .booking-mode-icon{background:rgba(56,189,248,.14)!important;color:#7dd3fc!important;border:1px solid rgba(56,189,248,.24)!important;}
html[data-crm-theme="dark"] .booking-page-avatar,
html[data-crm-theme="darker"] .booking-page-avatar{background:var(--crm-surface-2)!important;color:#7dd3fc!important;border-color:var(--crm-border-soft)!important;box-shadow:none!important;}
html[data-crm-theme="dark"] .booking-page-avatar.is-on,
html[data-crm-theme="darker"] .booking-page-avatar.is-on{background:rgba(34,197,94,.15)!important;color:#86efac!important;border-color:rgba(34,197,94,.28)!important;}
html[data-crm-theme="dark"] .booking-page-avatar.is-off,
html[data-crm-theme="darker"] .booking-page-avatar.is-off{background:rgba(148,163,184,.10)!important;color:var(--crm-muted)!important;border-color:var(--crm-border-soft)!important;}
html[data-crm-theme="dark"] .booking-page-card h4,
html[data-crm-theme="dark"] .booking-page-card-stats span,
html[data-crm-theme="darker"] .booking-page-card h4,
html[data-crm-theme="darker"] .booking-page-card-stats span{color:var(--crm-text)!important;}
html[data-crm-theme="dark"] .booking-page-card-stats small,
html[data-crm-theme="darker"] .booking-page-card-stats small{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .booking-page-card-actions,
html[data-crm-theme="darker"] .booking-page-card-actions{border-color:var(--crm-border-soft)!important;}

html[data-crm-theme="dark"] .crm-settings-card,
html[data-crm-theme="darker"] .crm-settings-card{background:var(--crm-surface)!important;color:var(--crm-text)!important;border-color:var(--crm-border-soft)!important;box-shadow:none!important;}
html[data-crm-theme="dark"] .crm-settings-card:hover,
html[data-crm-theme="darker"] .crm-settings-card:hover{background:var(--crm-surface-2)!important;border-color:rgba(56,189,248,.28)!important;}
html[data-crm-theme="dark"] .crm-settings-icon,
html[data-crm-theme="darker"] .crm-settings-icon{background:rgba(56,189,248,.14)!important;color:#7dd3fc!important;border:1px solid rgba(56,189,248,.24)!important;}

html[data-crm-theme="dark"] .work-chip.is-off,
html[data-crm-theme="darker"] .work-chip.is-off{background:rgba(148,163,184,.08)!important;color:var(--crm-muted)!important;border:1px dashed var(--crm-border)!important;}
html[data-crm-theme="dark"] .work-chip.is-off:hover,
html[data-crm-theme="darker"] .work-chip.is-off:hover{background:rgba(56,189,248,.12)!important;color:#bae6fd!important;border-color:rgba(56,189,248,.25)!important;}


/* Настройки Телеграм-бота */
.crm-telegrambot-page .card {
  border-color: #e6edf5;
  border-radius: 1rem;
}
.crm-telegrambot-icon {
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: .95rem;
  background: linear-gradient(135deg, rgba(13,110,253,.12), rgba(13,202,240,.18));
  color: #0d6efd;
  font-size: 1.35rem;
}
.crm-telegrambot-stat .card-body {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  min-height: 7rem;
  justify-content: center;
}
.crm-telegrambot-stat small {
  color: #64748b;
  font-weight: 700;
}
.crm-telegrambot-stat strong {
  color: #0f172a;
  font-size: 2rem;
  line-height: 1;
}
.crm-telegrambot-stat span {
  color: #64748b;
}
.crm-telegrambot-settings .card-header {
  background: #fff;
  border-bottom: 1px solid #edf2f7;
}
.crm-telegrambot-list {
  display: grid;
  gap: 1rem;
}
.crm-telegrambot-user-card {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(300px, 1.4fr) 170px;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid #e8eef5;
  border-radius: 1rem;
  background: #fff;
}
.crm-telegrambot-user-main {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-width: 0;
}
.crm-telegrambot-avatar {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #eef6ff;
}
.crm-telegrambot-switches {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .45rem .8rem;
}
.crm-telegrambot-switch {
  margin: 0;
  min-width: 0;
}
.crm-telegrambot-switch span {
  font-size: .88rem;
  color: #334155;
}
.crm-telegrambot-time {
  min-width: 0;
}
.crm-telegrambot-help {
  display: grid;
  gap: .35rem;
  padding: 1rem;
  border: 1px solid #e8eef5;
  border-radius: .95rem;
  background: #fbfdff;
  height: 100%;
}
.crm-telegrambot-help span {
  color: #64748b;
  font-size: .92rem;
}
@media (max-width: 1199.98px) {
  .crm-telegrambot-user-card {
    grid-template-columns: 1fr;
  }
  .crm-telegrambot-switches {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .crm-telegrambot-switches {
    grid-template-columns: 1fr;
  }
}

.crm-mobile-chat-avatar.is-assistant,
.crm-mobile-chat-message-avatar.is-assistant{
  background:#e6f8fc;
  color:#0b9ec9;
  border-color:rgba(22,191,217,.35);
}
.crm-mobile-chat-avatar.is-assistant img,
.crm-mobile-chat-message-avatar.is-assistant img{
  object-fit:contain;
  padding:.28rem;
}
.crm-mobile-chat-clear-ai{
  width:2.05rem;
  height:2.05rem;
  border-radius:.75rem!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
html[data-crm-theme="dark"] .crm-mobile-chat-avatar.is-assistant,
html[data-crm-theme="dark"] .crm-mobile-chat-message-avatar.is-assistant,
html[data-crm-theme="darker"] .crm-mobile-chat-avatar.is-assistant,
html[data-crm-theme="darker"] .crm-mobile-chat-message-avatar.is-assistant{
  background:rgba(34,211,238,.12)!important;
  border-color:rgba(103,232,249,.28)!important;
  color:#67e8f9!important;
}

.crm-mobile-chat-message.is-pending .crm-mobile-chat-bubble{
  opacity:.92;
}
.crm-mobile-chat-thinking{
  display:inline-flex!important;
  align-items:center;
  gap:.28rem;
  min-width:5.3rem;
  font-weight:700;
}
.crm-mobile-chat-thinking i{
  width:.32rem;
  height:.32rem;
  border-radius:999px;
  background:currentColor;
  opacity:.35;
  animation:crmChatThinkingDots 1.05s infinite ease-in-out;
}
.crm-mobile-chat-thinking i:nth-child(3){animation-delay:.16s;}
.crm-mobile-chat-thinking i:nth-child(4){animation-delay:.32s;}
@keyframes crmChatThinkingDots{
  0%,80%,100%{transform:translateY(0);opacity:.30;}
  40%{transform:translateY(-.18rem);opacity:.85;}
}
.crm-mobile-chat-message.is-error .crm-mobile-chat-bubble{
  border-color:rgba(220,53,69,.25);
}

html[data-crm-theme="dark"] body,html[data-crm-theme="darker"] body{background:var(--crm-bg,#0f172a)!important;color:var(--crm-text,#e5e7eb)!important;}
html[data-crm-theme="dark"] .app-main,html[data-crm-theme="dark"] .app-content,html[data-crm-theme="dark"] .content-wrapper,html[data-crm-theme="darker"] .app-main,html[data-crm-theme="darker"] .app-content,html[data-crm-theme="darker"] .content-wrapper{background:var(--crm-bg,#0f172a)!important;color:var(--crm-text,#e5e7eb)!important;}
html[data-crm-theme="dark"] .card,html[data-crm-theme="dark"] .modal-content,html[data-crm-theme="dark"] .offcanvas,html[data-crm-theme="dark"] .dropdown-menu,html[data-crm-theme="dark"] .list-group-item,html[data-crm-theme="dark"] .toast,html[data-crm-theme="darker"] .card,html[data-crm-theme="darker"] .modal-content,html[data-crm-theme="darker"] .offcanvas,html[data-crm-theme="darker"] .dropdown-menu,html[data-crm-theme="darker"] .list-group-item,html[data-crm-theme="darker"] .toast{background:var(--crm-card,#111827)!important;color:var(--crm-text,#e5e7eb)!important;border-color:rgba(148,163,184,.22)!important;}
html[data-crm-theme="darker"] .card,html[data-crm-theme="darker"] .modal-content,html[data-crm-theme="darker"] .offcanvas,html[data-crm-theme="darker"] .dropdown-menu,html[data-crm-theme="darker"] .list-group-item,html[data-crm-theme="darker"] .toast{background:#020617!important;}
html[data-crm-theme="dark"] .card-header,html[data-crm-theme="dark"] .card-footer,html[data-crm-theme="dark"] .modal-header,html[data-crm-theme="dark"] .modal-footer,html[data-crm-theme="darker"] .card-header,html[data-crm-theme="darker"] .card-footer,html[data-crm-theme="darker"] .modal-header,html[data-crm-theme="darker"] .modal-footer{background:rgba(15,23,42,.62)!important;border-color:rgba(148,163,184,.22)!important;color:var(--crm-text,#e5e7eb)!important;}
html[data-crm-theme="dark"] .bg-white,html[data-crm-theme="dark"] .bg-light,html[data-crm-theme="dark"] .bg-body,html[data-crm-theme="dark"] .bg-body-tertiary,html[data-crm-theme="darker"] .bg-white,html[data-crm-theme="darker"] .bg-light,html[data-crm-theme="darker"] .bg-body,html[data-crm-theme="darker"] .bg-body-tertiary{background:var(--crm-card,#111827)!important;color:var(--crm-text,#e5e7eb)!important;}
html[data-crm-theme="dark"] .table,html[data-crm-theme="darker"] .table{--bs-table-bg:transparent;--bs-table-color:var(--crm-text,#e5e7eb);--bs-table-border-color:rgba(148,163,184,.24);--bs-table-hover-bg:rgba(20,184,166,.08);color:var(--crm-text,#e5e7eb)!important;}
html[data-crm-theme="dark"] .form-control,html[data-crm-theme="dark"] .form-select,html[data-crm-theme="dark"] .input-group-text,html[data-crm-theme="darker"] .form-control,html[data-crm-theme="darker"] .form-select,html[data-crm-theme="darker"] .input-group-text{background:#0b1220!important;color:var(--crm-text,#e5e7eb)!important;border-color:rgba(148,163,184,.28)!important;}
html[data-crm-theme="dark"] .text-muted,html[data-crm-theme="dark"] .text-body-secondary,html[data-crm-theme="darker"] .text-muted,html[data-crm-theme="darker"] .text-body-secondary{color:var(--crm-muted,#94a3b8)!important;}
html[data-crm-theme="dark"] .border,html[data-crm-theme="darker"] .border{border-color:rgba(148,163,184,.24)!important;}
@media(max-width:991.98px){body.layout-navbar-fixed .app-main{padding-top:3.65rem}.app-content,.app-content .container-fluid{padding-left:.75rem!important;padding-right:.75rem!important}.app-content-header .container-fluid{padding-left:.75rem!important;padding-right:.75rem!important}.app-content-header h1,.app-content-header .h1{font-size:1.18rem!important}.app-footer{padding:.75rem!important;flex-direction:column;align-items:flex-start!important}.card{border-radius:1rem!important}.card-body{padding:1rem!important}.row{--bs-gutter-x:.75rem}.table-responsive{border-radius:1rem;overflow:auto;-webkit-overflow-scrolling:touch}.modal-dialog{margin:.5rem!important}.offcanvas{max-width:94vw}.btn-group,.btn-toolbar{flex-wrap:wrap}.input-group{min-width:0}.form-control,.form-select,.btn{min-height:2.4rem}.crm-mobile-chat-panel{width:min(420px,calc(100vw - 1rem))!important;right:.5rem!important;bottom:5rem!important;}}
@media(max-width:767.98px){.hide-on-phone,.d-phone-none{display:none!important}.app-content-header .breadcrumb{display:none}.card-header,.card-footer{padding:.85rem 1rem!important}.nav-tabs,.nav-pills{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;white-space:nowrap;padding-bottom:.2rem}.nav-tabs .nav-link,.nav-pills .nav-link{white-space:nowrap}.table:not(.table-mobile-keep) thead{display:none}.table:not(.table-mobile-keep) tbody,.table:not(.table-mobile-keep) tr,.table:not(.table-mobile-keep) td{display:block;width:100%}.table:not(.table-mobile-keep) tr{border:1px solid rgba(148,163,184,.22);border-radius:1rem;margin-bottom:.75rem;padding:.35rem;background:rgba(255,255,255,.02)}.table:not(.table-mobile-keep) td{border:0!important;padding:.45rem .55rem!important;word-break:break-word}.table:not(.table-mobile-keep) td[data-label]::before{content:attr(data-label);display:block;font-size:.72rem;font-weight:700;color:var(--crm-muted,#64748b);margin-bottom:.15rem}.btn,.form-control,.form-select{font-size:.95rem}.crm-mobile-chat{right:.65rem!important;bottom:.65rem!important}.crm-mobile-chat-panel{height:min(78vh,680px)!important}.crm-mobile-chat-body{min-height:0}.crm-mobile-chat-compose textarea{max-height:6.5rem}.crm-public-theme-toggle{right:.75rem;top:.75rem}}
@media(min-width:768px) and (max-width:1199.98px){.app-content,.app-content .container-fluid{padding-left:1rem!important;padding-right:1rem!important}.card-body{padding:1.1rem!important}.crm-mobile-chat-panel{width:420px!important}}

/* v1.0.5: безопасное форматирование ответов помощника в плавающем чате */
.crm-assistant-markdown{
  white-space:normal;
  line-height:1.48;
}
.crm-assistant-markdown p{
  margin:0 0 .55rem;
}
.crm-assistant-markdown p:last-child,
.crm-assistant-markdown ul:last-child,
.crm-assistant-markdown ol:last-child{
  margin-bottom:0;
}
.crm-assistant-markdown strong{
  font-weight:800;
  color:inherit;
}
.crm-assistant-markdown em{
  font-style:italic;
}
.crm-assistant-markdown code{
  padding:.08rem .28rem;
  border-radius:.35rem;
  background:rgba(15,23,42,.08);
  font-size:.92em;
  white-space:normal;
}
.crm-assistant-md-title{
  font-weight:850;
  line-height:1.25;
  margin:.6rem 0 .35rem;
  color:#0f172a;
}
.crm-assistant-md-title:first-child{
  margin-top:0;
}
.crm-assistant-md-title.level-1,
.crm-assistant-md-title.level-2{
  font-size:1rem;
}
.crm-assistant-md-title.level-3,
.crm-assistant-md-title.level-4{
  font-size:.95rem;
}
.crm-assistant-markdown ul,
.crm-assistant-markdown ol{
  margin:.25rem 0 .6rem;
  padding-left:1.15rem;
}
.crm-assistant-markdown li{
  margin:.2rem 0;
}
.crm-assistant-markdown hr{
  border:0;
  border-top:1px solid rgba(15,23,42,.12);
  margin:.7rem 0;
}
html[data-crm-theme="dark"] .crm-assistant-md-title,
html[data-crm-theme="darker"] .crm-assistant-md-title{
  color:#e5e7eb;
}
html[data-crm-theme="dark"] .crm-assistant-markdown code,
html[data-crm-theme="darker"] .crm-assistant-markdown code{
  background:rgba(148,163,184,.18);
}
html[data-crm-theme="dark"] .crm-assistant-markdown hr,
html[data-crm-theme="darker"] .crm-assistant-markdown hr{
  border-top-color:rgba(148,163,184,.25);
}

/* v1.0.14 calm page transitions */
.crm-js-enabled #crm-content{position:relative}
.crm-js-enabled #crm-content.crm-content-loading,
.crm-js-enabled #crm-content.crm-content-loading-soft{min-height:0}
.crm-js-enabled #crm-content.crm-content-loading::before,
.crm-js-enabled #crm-content.crm-content-loading-soft::before{content:"";position:fixed;left:0;top:0;z-index:2147483000;width:100%;height:3px;pointer-events:none;background:linear-gradient(90deg,rgba(var(--bs-primary-rgb),0),rgba(var(--bs-primary-rgb),.95),rgba(var(--bs-primary-rgb),0));background-size:220% 100%;animation:crmTopProgress 1.35s ease-in-out infinite;box-shadow:0 0 .85rem rgba(var(--bs-primary-rgb),.32)}
.crm-js-enabled #crm-content.crm-content-loading::after,
.crm-js-enabled #crm-content.crm-content-loading-soft::after{content:none!important}
.crm-js-enabled #crm-content.crm-content-revealed > .card,
.crm-js-enabled #crm-content.crm-content-revealed > .alert,
.crm-js-enabled #crm-content.crm-content-revealed > .table-responsive,
.crm-js-enabled #crm-content.crm-content-revealed > .row,
.crm-js-enabled #crm-content.crm-content-revealed > form,
.crm-js-enabled #crm-content.crm-content-revealed > section{animation:crmBlockIn .36s cubic-bezier(.2,.8,.2,1) both}
.crm-js-enabled #crm-content.crm-content-revealed > .card:nth-of-type(2n),
.crm-js-enabled #crm-content.crm-content-revealed > .alert:nth-of-type(2n),
.crm-js-enabled #crm-content.crm-content-revealed > .row:nth-of-type(2n){animation-delay:.045s}
.crm-js-enabled [data-balance-topup-preset].active{color:#fff;background:var(--bs-primary);border-color:var(--bs-primary);box-shadow:0 .35rem 1rem rgba(var(--bs-primary-rgb),.22)}
@keyframes crmBlockIn{from{opacity:.01;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes crmTopProgress{0%{background-position:120% 0}100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.crm-js-enabled #crm-content.crm-content-revealed > .card,.crm-js-enabled #crm-content.crm-content-revealed > .alert,.crm-js-enabled #crm-content.crm-content-revealed > .table-responsive,.crm-js-enabled #crm-content.crm-content-revealed > .row,.crm-js-enabled #crm-content.crm-content-revealed > form,.crm-js-enabled #crm-content.crm-content-revealed > section{animation:none!important}.crm-js-enabled #crm-content.crm-content-loading::before,.crm-js-enabled #crm-content.crm-content-loading-soft::before{animation:none!important}}


/* Sidebar density setting: standard / compact */
.crm-menu-style-option{
  display:flex;
  align-items:flex-start;
  gap:.75rem;
  height:100%;
  padding:1rem;
  border:1px solid var(--bs-border-color);
  border-radius:1rem;
  background:var(--bs-body-bg);
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.crm-menu-style-option:hover,
.crm-menu-style-option.is-active{
  border-color:rgba(13,202,240,.65);
  background:rgba(13,202,240,.08);
  box-shadow:0 .5rem 1.4rem rgba(15,23,42,.06);
}
.crm-menu-style-option strong,
.crm-menu-style-option small{display:block;line-height:1.35;}
.crm-menu-style-option small{margin-top:.18rem;color:var(--bs-secondary-color);}
.crm-menu-style-option .form-check-input{margin-top:.15rem;flex:0 0 auto;}

@media (min-width: 992px){
  body.crm-sidebar-layout-compact{--lte-sidebar-width:13.75rem;}
}
body.crm-sidebar-layout-compact .app-sidebar .sidebar-brand,
body.crm-sidebar-layout-compact .app-sidebar .brand-link.crm-sidebar-brand-link{min-height:3.75rem;}
body.crm-sidebar-layout-compact .app-sidebar .brand-link.crm-sidebar-brand-link .brand-text{font-size:1.18rem!important;}
body.crm-sidebar-layout-compact .app-sidebar .brand-link.crm-sidebar-brand-link small.brand-text{font-size:.74rem!important;}
body.crm-sidebar-layout-compact .app-sidebar .sidebar-wrapper{padding-top:.2rem;}
body.crm-sidebar-layout-compact .app-sidebar .user-panel{margin-top:.6rem!important;margin-bottom:.45rem!important;padding:.6rem .65rem!important;}
body.crm-sidebar-layout-compact .app-sidebar .user-panel img{width:34px;height:34px;}
body.crm-sidebar-layout-compact .app-sidebar .user-panel .info a{font-size:.88rem;line-height:1.2;}
body.crm-sidebar-layout-compact .app-sidebar .user-panel .info .small{font-size:.72rem;line-height:1.15;}
body.crm-sidebar-layout-compact .app-sidebar .nav-header{padding:.48rem .52rem .22rem;text-align:left!important;font-size:.66rem;letter-spacing:.035em;}
body.crm-sidebar-layout-compact .app-sidebar .nav-link{min-height:2rem;margin:.025rem .28rem;padding:.42rem .5rem;border-radius:.48rem;}
body.crm-sidebar-layout-compact .app-sidebar .nav-link .nav-icon{width:1.1rem;min-width:1.1rem;margin-left:0;margin-right:.42rem;font-size:.98rem;}
body.crm-sidebar-layout-compact .app-sidebar .nav-link p{margin-left:0;font-size:.88rem;line-height:1.15;}
body.crm-sidebar-layout-compact .app-sidebar .nav-treeview .nav-link{min-height:1.85rem;margin-left:.48rem;padding-top:.34rem;padding-bottom:.34rem;}
body.crm-sidebar-layout-compact .app-sidebar .nav-treeview .nav-link .nav-icon{font-size:.9rem;}
body.crm-sidebar-layout-compact .app-sidebar .nav-treeview .nav-link p{font-size:.84rem;}
body.crm-sidebar-layout-compact .app-sidebar .nav-arrow{font-size:.75rem;}
body.crm-sidebar-layout-compact .crm-sidebar-edit-menu-link{margin-top:.35rem;}
body.crm-sidebar-layout-compact .crm-sidebar-vk-widget{padding:.45rem .35rem .7rem;}
body.crm-sidebar-layout-compact .crm-sidebar-vk-frame{max-width:100%;}

/* UI density setting: standard / compact. The standard view stays unchanged. */
body.crm-ui-density-compact {
  font-size: .9rem;
}
body.crm-ui-density-compact .app-content-header,
body.crm-ui-density-compact .app-content,
body.crm-ui-density-compact .app-main .container-fluid {
  --bs-gutter-x: .85rem;
}
body.crm-ui-density-compact .app-content-header {
  padding-top: .65rem;
  padding-bottom: .45rem;
}
body.crm-ui-density-compact .app-content-header h1,
body.crm-ui-density-compact .app-content-header .h1,
body.crm-ui-density-compact .app-content-header .h2 {
  font-size: 1.28rem !important;
  line-height: 1.15;
}
body.crm-ui-density-compact .breadcrumb,
body.crm-ui-density-compact .app-content-header .text-muted {
  font-size: .78rem;
}
body.crm-ui-density-compact .card {
  border-radius: .72rem;
}
body.crm-ui-density-compact .card-header,
body.crm-ui-density-compact .card-footer {
  padding: .58rem .82rem;
}
body.crm-ui-density-compact .card-body {
  padding: .82rem;
}
body.crm-ui-density-compact .card-header .h5,
body.crm-ui-density-compact .card-header h5,
body.crm-ui-density-compact .card-header .h6,
body.crm-ui-density-compact .card-header h6 {
  font-size: .96rem !important;
  line-height: 1.2;
}
body.crm-ui-density-compact :where(.h1,h1) { font-size: 1.45rem; }
body.crm-ui-density-compact :where(.h2,h2) { font-size: 1.25rem; }
body.crm-ui-density-compact :where(.h3,h3) { font-size: 1.08rem; }
body.crm-ui-density-compact :where(.h4,h4) { font-size: 1rem; }
body.crm-ui-density-compact :where(.h5,h5) { font-size: .95rem; }
body.crm-ui-density-compact :where(.h6,h6) { font-size: .88rem; }
body.crm-ui-density-compact .fs-1 { font-size: 1.75rem !important; }
body.crm-ui-density-compact .fs-2 { font-size: 1.45rem !important; }
body.crm-ui-density-compact .fs-3 { font-size: 1.2rem !important; }
body.crm-ui-density-compact .fs-4 { font-size: 1.05rem !important; }
body.crm-ui-density-compact .fs-5 { font-size: .95rem !important; }
body.crm-ui-density-compact .display-1,
body.crm-ui-density-compact .display-2,
body.crm-ui-density-compact .display-3,
body.crm-ui-density-compact .display-4,
body.crm-ui-density-compact .display-5,
body.crm-ui-density-compact .display-6 {
  font-size: 1.75rem !important;
  line-height: 1.12;
}
body.crm-ui-density-compact .info-box {
  min-height: 4rem;
  border-radius: .72rem;
}
body.crm-ui-density-compact .info-box .info-box-icon {
  width: 3rem;
  min-width: 3rem;
  font-size: 1.1rem;
}
body.crm-ui-density-compact .info-box .info-box-content {
  padding: .55rem .7rem;
}
body.crm-ui-density-compact .info-box .info-box-text {
  font-size: .76rem;
  line-height: 1.15;
}
body.crm-ui-density-compact .info-box .info-box-number {
  font-size: .96rem;
  line-height: 1.18;
  white-space: normal;
}
body.crm-ui-density-compact .btn {
  --bs-btn-padding-y: .32rem;
  --bs-btn-padding-x: .62rem;
  --bs-btn-font-size: .86rem;
  --bs-btn-border-radius: .45rem;
}
body.crm-ui-density-compact .btn-sm,
body.crm-ui-density-compact .btn-group-sm > .btn {
  --bs-btn-padding-y: .22rem;
  --bs-btn-padding-x: .5rem;
  --bs-btn-font-size: .78rem;
  --bs-btn-border-radius: .38rem;
}
body.crm-ui-density-compact .form-control,
body.crm-ui-density-compact .form-select {
  min-height: 2.05rem;
  padding-top: .3rem;
  padding-bottom: .3rem;
  font-size: .86rem;
  border-radius: .45rem;
}
body.crm-ui-density-compact .form-control-sm,
body.crm-ui-density-compact .form-select-sm {
  min-height: 1.85rem;
  padding-top: .22rem;
  padding-bottom: .22rem;
  font-size: .78rem;
}
body.crm-ui-density-compact .form-label,
body.crm-ui-density-compact .col-form-label {
  margin-bottom: .22rem;
  font-size: .82rem;
}
body.crm-ui-density-compact .table {
  font-size: .84rem;
}
body.crm-ui-density-compact .table > :not(caption) > * > * {
  padding: .42rem .52rem;
}
body.crm-ui-density-compact .table-sm > :not(caption) > * > * {
  padding: .28rem .42rem;
}
body.crm-ui-density-compact .badge {
  font-size: .7rem;
  padding: .28em .48em;
}
body.crm-ui-density-compact .alert {
  padding: .58rem .78rem;
  border-radius: .62rem;
  font-size: .86rem;
}
body.crm-ui-density-compact .modal-header,
body.crm-ui-density-compact .modal-footer {
  padding: .75rem .9rem;
}
body.crm-ui-density-compact .modal-body {
  padding: .9rem;
}
body.crm-ui-density-compact .dropdown-menu {
  font-size: .86rem;
  --bs-dropdown-item-padding-y: .32rem;
  --bs-dropdown-item-padding-x: .72rem;
}
body.crm-ui-density-compact .nav-tabs .nav-link,
body.crm-ui-density-compact .nav-pills .nav-link {
  padding: .38rem .65rem;
  font-size: .84rem;
}
body.crm-ui-density-compact .crm-ux-empty {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
body.crm-ui-density-compact .crm-ux-empty i {
  font-size: 1.55rem;
}
body.crm-ui-density-compact .crm-ux-empty b {
  font-size: .95rem;
}
body.crm-ui-density-compact .crm-inline-notice {
  padding: .55rem .7rem;
}
body.crm-ui-density-compact .crm-inline-notice__text {
  font-size: .84rem;
}
body.crm-ui-density-compact .row {
  --bs-gutter-x: .75rem;
  --bs-gutter-y: .75rem;
}


/* Compact interface must not shrink or restyle service panels and modal shells. */
body.crm-ui-density-compact .offcanvas,
body.crm-ui-density-compact .modal,
body.crm-ui-density-compact .modal-dialog,
body.crm-ui-density-compact .modal-content,
body.crm-ui-density-compact .crm-settings-drawer,
body.crm-ui-density-compact .crm-universal-drawer,
body.crm-ui-density-compact .crm-order-create-offcanvas {
  font-size: 1rem;
}
body.crm-ui-density-compact .offcanvas .btn,
body.crm-ui-density-compact .modal .btn {
  --bs-btn-padding-y: .375rem;
  --bs-btn-padding-x: .75rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: .375rem;
}
body.crm-ui-density-compact .offcanvas .form-control,
body.crm-ui-density-compact .offcanvas .form-select,
body.crm-ui-density-compact .modal .form-control,
body.crm-ui-density-compact .modal .form-select {
  min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
  padding-top: .375rem;
  padding-bottom: .375rem;
  font-size: 1rem;
}


/* Production UI polish: compact topbar, calmer setup notice, cleaner metrics. */
.app-header .crm-topbar-search{
  flex:1 1 28rem;
  max-width:34rem;
}
.app-header .crm-topbar-actions{
  gap:.18rem;
}
.app-header .crm-topbar-actions .dropdown-toggle::after{
  margin-left:.32rem;
}
.app-header .crm-topbar-balance{
  max-width:7.2rem;
  padding-left:.52rem!important;
  padding-right:.52rem!important;
  font-size:.82rem!important;
}
.app-header #tenantDropdown span,
.app-header #userDropdown span{
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:bottom;
}
.app-header #tenantDropdown span{
  max-width:10.5rem;
}
.app-header #userDropdown span{
  max-width:8.6rem;
}
.app-header #userDropdown img{
  width:22px!important;
  height:22px!important;
  object-fit:cover;
}
@media (max-width: 1399.98px){
  .app-header .crm-topbar-search{max-width:28rem;}
  .app-header #tenantDropdown span{max-width:8rem;}
  .app-header #userDropdown span{max-width:7rem;}
  .app-header .crm-topbar-balance{max-width:6.2rem;}
}
@media (max-width: 1199.98px){
  .app-header .crm-topbar-search{max-width:none;}
}

/* Sidebar profile: smaller in compact menu mode. */
body.crm-sidebar-layout-compact .app-sidebar .user-panel{
  margin-top:.45rem!important;
  margin-bottom:.35rem!important;
  padding:.5rem .58rem!important;
}
body.crm-sidebar-layout-compact .app-sidebar .user-panel img{
  width:30px!important;
  height:30px!important;
}
body.crm-sidebar-layout-compact .app-sidebar .user-panel .d-flex{
  gap:.5rem!important;
}
body.crm-sidebar-layout-compact .app-sidebar .user-panel .info a{
  font-size:.82rem!important;
  line-height:1.12!important;
}
body.crm-sidebar-layout-compact .app-sidebar .user-panel .info .small{
  font-size:.68rem!important;
  line-height:1.08!important;
}
body.crm-sidebar-layout-compact .app-sidebar .user-panel .info .small + .small{
  display:none!important;
}

/* Setup notice: keep it useful, but less visually aggressive. */
.crm-inline-notice--setup.alert-warning{
  background:rgba(245,158,11,.075)!important;
  border-color:rgba(245,158,11,.22)!important;
  border-left:3px solid rgba(245,158,11,.55)!important;
  color:var(--bs-body-color)!important;
}
.crm-inline-notice--setup .crm-inline-notice__text{
  color:var(--bs-body-color)!important;
}
.crm-inline-notice--setup .crm-inline-notice__text--wide strong{
  color:var(--bs-body-color)!important;
  font-size:.92rem;
}
.crm-inline-notice--setup .crm-inline-notice__missing{
  margin-top:.24rem;
  font-size:.8rem;
}
.crm-inline-notice--setup .crm-inline-notice__missing a{
  color:#d29a16!important;
}
.crm-inline-notice--setup .crm-inline-notice__btn{
  --bs-btn-color:#d29a16;
  --bs-btn-border-color:rgba(210,154,22,.7);
  --bs-btn-hover-bg:rgba(210,154,22,.12);
  --bs-btn-hover-border-color:rgba(210,154,22,.9);
  --bs-btn-hover-color:#f6c453;
  background:transparent!important;
}
html[data-crm-theme="dark"] .crm-inline-notice--setup.alert-warning,
html[data-crm-theme="darker"] .crm-inline-notice--setup.alert-warning{
  background:rgba(245,158,11,.055)!important;
  border-color:rgba(245,158,11,.18)!important;
  color:#dbeafe!important;
}
html[data-crm-theme="dark"] .crm-inline-notice--setup .crm-inline-notice__text,
html[data-crm-theme="darker"] .crm-inline-notice--setup .crm-inline-notice__text{
  color:#dbeafe!important;
}

/* Dashboard metric cards: one visual rhythm for values and captions. */
.info-box{
  min-height:4.7rem;
}
.info-box .info-box-icon{
  width:3.35rem;
  min-width:3.35rem;
}
.info-box .info-box-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.1rem;
}
.info-box .info-box-text{
  color:var(--bs-secondary-color);
  font-size:.78rem;
  line-height:1.15;
}
.info-box .info-box-number{
  color:var(--bs-body-color);
  font-size:1.08rem;
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.01em;
}
.info-box .progress-description{
  color:var(--bs-body-color);
  font-size:.88rem;
  line-height:1.2;
}
body.crm-ui-density-compact .info-box{
  min-height:3.85rem;
}
body.crm-ui-density-compact .info-box .info-box-icon{
  width:2.75rem;
  min-width:2.75rem;
  font-size:1rem;
}
body.crm-ui-density-compact .info-box .info-box-content{
  padding:.48rem .62rem;
}
body.crm-ui-density-compact .info-box .info-box-text{
  font-size:.72rem;
}
body.crm-ui-density-compact .info-box .info-box-number{
  font-size:.98rem;
}
body.crm-ui-density-compact .info-box .progress-description{
  font-size:.8rem;
}

/* Empty states: shorter in compact mode, especially on the dashboard. */
.crm-ux-empty{
  padding:2rem 1rem!important;
}
.crm-ux-empty i{
  font-size:1.85rem!important;
  margin-bottom:.38rem!important;
}
body.crm-ui-density-compact .crm-ux-empty,
body.crm-ui-density-compact .crm-ux-empty.py-4{
  padding-top:1rem!important;
  padding-bottom:1rem!important;
}
body.crm-ui-density-compact .crm-ux-empty i{
  font-size:1.35rem!important;
}
body.crm-ui-density-compact .crm-ux-empty span{
  font-size:.82rem;
}

/* Footer should stay secondary, not compete with the main UI. */
.app-footer{
  color:rgba(148,163,184,.9);
}
.app-footer strong,
.app-footer .crm-footer-version{
  color:rgba(226,232,240,.92);
}
.app-footer .crm-footer-legal a{
  color:rgba(125,211,252,.72)!important;
}
.app-footer .crm-footer-legal a:hover,
.app-footer .crm-footer-legal a:focus{
  color:rgba(186,230,253,.95)!important;
}
body.crm-ui-density-compact .app-footer{
  font-size:.8rem;
  padding-top:.45rem;
  padding-bottom:.45rem;
}


/* Production design system pass: cards, filters, tables, empty states, dark surfaces. */
:root{
  --crm-surface-1:#111827;
  --crm-surface-2:#172236;
  --crm-surface-3:#1f2d46;
  --crm-line:rgba(148,163,184,.22);
  --crm-line-strong:rgba(148,163,184,.34);
  --crm-muted-2:#9fb3cf;
  --crm-muted-3:#7890ae;
  --crm-cyan:#22d3ee;
  --crm-blue:#2f6fed;
}

/* Keep page warning as a compact status strip. */
.crm-page-notices{gap:.45rem!important}
.crm-inline-notice{
  min-height:auto!important;
  margin-bottom:.45rem!important;
}
.crm-inline-notice--setup.alert-warning{
  padding:.55rem .8rem!important;
  border-radius:.85rem!important;
}
.crm-inline-notice--setup .crm-inline-notice__content{
  align-items:center!important;
  gap:.65rem!important;
}
.crm-inline-notice--setup .crm-inline-notice__text--wide{
  flex:1 1 auto!important;
}
.crm-inline-notice--setup .crm-inline-notice__text--wide strong{
  display:inline!important;
  margin:0 .35rem 0 0!important;
}
.crm-inline-notice--setup .crm-inline-notice__text--wide span{
  color:var(--crm-muted-2)!important;
}
.crm-inline-notice--setup .crm-inline-notice__missing{
  display:flex;
  flex-wrap:wrap;
  gap:.25rem .65rem;
  margin:.18rem 0 0!important;
  padding:0!important;
  list-style:none!important;
}
.crm-inline-notice--setup .crm-inline-notice__missing li{
  margin:0!important;
  white-space:nowrap;
}
.crm-inline-notice--setup .crm-inline-notice__missing li span{
  display:none!important;
}
@media (max-width:767.98px){
  .crm-inline-notice--setup .crm-inline-notice__missing li{white-space:normal}
}

/* Global cards and toolbars. */
.app-main .card{
  background:var(--crm-surface-2)!important;
  border-color:var(--crm-line)!important;
  box-shadow:0 .75rem 1.8rem rgba(0,0,0,.13)!important;
}
.app-main .card-header,
.app-main .card-footer{
  background:rgba(15,23,42,.36)!important;
  border-color:var(--crm-line)!important;
}
.card-header .card-title,
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6{
  color:#f8fafc!important;
}
.text-muted,
.card small.text-muted{
  color:var(--crm-muted-2)!important;
}
.app-main .bg-light,
.app-main .bg-white,
.app-main .bg-body,
.app-main .bg-body-tertiary{
  background:var(--crm-surface-2)!important;
  color:#e5edf8!important;
}
.app-main .border,
.app-main .rounded-3{
  border-color:var(--crm-line)!important;
}

/* Metric card rhythm across dashboard, finance, reports, retention and today. */
.info-box,
.finance-page > .row > [class*="col-"] > .card,
.beauty-metric-card,
.crm-today-stat,
.modules-reports-stat,
.app-main .card .crm-ux-stat{
  border-radius:.85rem!important;
}
.finance-page > .row > [class*="col-"] > .card .card-body,
.crm-today-stat .card-body{
  min-height:4.9rem!important;
  padding:.95rem 1rem!important;
}
.finance-page h4,
.finance-page .card-body h4,
.modules-reports-stat h3,
.crm-today-stat strong,
.beauty-metric-card b{
  font-size:1.18rem!important;
  line-height:1.15!important;
  letter-spacing:-.01em;
}
.finance-page h6,
.beauty-metric-card small,
.crm-today-stat small{
  font-size:.78rem!important;
  color:var(--crm-muted-2)!important;
}
.beauty-metric-card span,
.finance-page .card-body small{
  font-size:.78rem!important;
  color:var(--crm-muted-2)!important;
}

/* Filter panels: less vertical space, one-line on wide screens. */
.crm-ux-soft-filter,
.finance-page .card-body > form,
.modules-reports-filter,
.beauty-retention-page form.row,
.card-body > form.d-flex.flex-wrap,
.card-body > form.row{
  padding:.75rem!important;
  border:1px solid var(--crm-line)!important;
  border-radius:.85rem!important;
  background:rgba(15,23,42,.28)!important;
}
.finance-page .card-body > form .form-control,
.finance-page .card-body > form .form-select,
.card-body > form .form-control,
.card-body > form .form-select{
  margin-bottom:0!important;
}
.finance-page .card-body > form{
  display:grid!important;
  grid-template-columns:minmax(10rem,1fr) minmax(10rem,1fr) minmax(10rem,1fr) auto;
  align-items:end;
}
.finance-page .card-body > form .btn{
  margin-bottom:0!important;
}
@media (max-width:991.98px){
  .finance-page .card-body > form{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:575.98px){
  .finance-page .card-body > form{
    grid-template-columns:1fr;
  }
}

/* Tables: lighter headers inside dark theme, shorter empty rows. */
.app-main .table{
  --bs-table-bg:transparent!important;
  --bs-table-color:#e5edf8!important;
  --bs-table-border-color:var(--crm-line)!important;
  --bs-table-striped-bg:rgba(255,255,255,.025)!important;
  --bs-table-hover-bg:rgba(34,211,238,.05)!important;
  color:#e5edf8!important;
}
.app-main .table thead th{
  background:rgba(51,65,85,.55)!important;
  color:#b9cbe3!important;
  border-color:var(--crm-line)!important;
  font-size:.76rem!important;
  font-weight:800!important;
}
.app-main .table td{
  border-color:rgba(148,163,184,.16)!important;
  color:#e5edf8!important;
}
.app-main .table-responsive,
.crm-ux-table-wrap{
  border-color:var(--crm-line)!important;
  background:var(--crm-surface-2)!important;
  border-radius:.85rem!important;
}
.app-main .table td .crm-ux-empty,
.app-main .table td .crm-empty-state{
  margin:.25rem!important;
}

/* Unified empty state. */
.crm-ux-empty,
.crm-empty-state,
.crm-today-soft-empty,
.beauty-empty-state{
  min-height:0!important;
  padding:1.2rem 1rem!important;
  border:1px dashed rgba(148,163,184,.24)!important;
  border-radius:.9rem!important;
  background:rgba(15,23,42,.22)!important;
  color:var(--crm-muted-2)!important;
  text-align:center!important;
}
.crm-ux-empty i,
.crm-empty-state i,
.crm-today-soft-empty i,
.beauty-empty-state i{
  color:#60a5fa!important;
  font-size:1.45rem!important;
  margin-bottom:.35rem!important;
}
.crm-ux-empty b,
.crm-empty-state strong,
.crm-empty-state b,
.crm-today-soft-empty b,
.beauty-empty-state b{
  color:#f8fafc!important;
  font-size:.95rem!important;
  margin-bottom:.18rem!important;
}
.crm-ux-empty span,
.crm-empty-state span,
.crm-today-soft-empty span,
.beauty-empty-state span{
  color:var(--crm-muted-2)!important;
  font-size:.85rem!important;
}

/* Services page: softer statuses and search row. */
.module-services .card-body > form:has(input[name="q"]){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
}
.crm-ux-service-table .btn-outline-primary{
  color:#93c5fd!important;
  border-color:rgba(59,130,246,.58)!important;
  background:rgba(59,130,246,.06)!important;
}
.crm-service-warning-badge{
  color:#fde68a!important;
  background:rgba(245,158,11,.12)!important;
  border:1px solid rgba(245,158,11,.42)!important;
}
.crm-status-badge{
  border:1px solid transparent!important;
  font-weight:700!important;
}
.crm-status-badge--success{
  color:#86efac!important;
  background:rgba(34,197,94,.11)!important;
  border-color:rgba(34,197,94,.36)!important;
}
.crm-status-badge--muted{
  color:#cbd5e1!important;
  background:rgba(148,163,184,.10)!important;
  border-color:rgba(148,163,184,.26)!important;
}
.module-services .card-body > form:has(input[name="q"]){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
}
@media (max-width:575.98px){
  .module-services .card-body > form:has(input[name="q"]){
    grid-template-columns:1fr;
  }
}

/* Clients: reduce heavy action buttons and empty table height. */
.crm-ux-soft-filter.row{
  display:flex!important;
  flex-wrap:wrap!important;
}
.crm-ux-soft-filter.row > [class*="col-"]{
  min-width:0;
}
.crm-ux-soft-filter.row .form-select{
  width:100%!important;
  min-width:10rem!important;
}
.crm-ux-actions .btn-outline-warning{
  color:#fde68a!important;
  background:rgba(245,158,11,.06)!important;
  border-color:rgba(245,158,11,.35)!important;
}
.crm-ux-actions .btn-outline-dark{
  color:#94a3b8!important;
  background:rgba(148,163,184,.05)!important;
  border-color:rgba(148,163,184,.25)!important;
}
.crm-ux-actions .btn-outline-secondary{
  color:#cbd5e1!important;
  background:rgba(148,163,184,.05)!important;
  border-color:rgba(148,163,184,.25)!important;
}

/* Today page: no white cards in dark theme. */
.crm-today-page .card{
  background:var(--crm-surface-2)!important;
  border-color:var(--crm-line)!important;
}
.crm-today-hero .card-body{
  padding:1rem!important;
}
.crm-today-hero-icon,
.crm-today-stat-icon,
.crm-today-time,
.crm-today-mini-time{
  background:rgba(14,165,233,.15)!important;
  color:#7dd3fc!important;
  border:1px solid rgba(14,165,233,.22)!important;
}
.crm-today-stat strong,
.crm-today-feed-title,
.crm-today-mini-main b{
  color:#f8fafc!important;
}
.crm-today-panel-header{
  background:rgba(15,23,42,.34)!important;
  border-color:var(--crm-line)!important;
  padding:.8rem 1rem!important;
}
.crm-today-feed-item,
.crm-today-mini-item{
  background:rgba(15,23,42,.28)!important;
  border-color:var(--crm-line)!important;
  color:#e5edf8!important;
  box-shadow:none!important;
}
.crm-today-feed-item:hover,
.crm-today-mini-item:hover{
  border-color:rgba(34,211,238,.36)!important;
  background:rgba(14,165,233,.09)!important;
}
.crm-today-feed-meta,
.crm-today-mini-main small{
  color:var(--crm-muted-2)!important;
}

/* Calendar page: dark appointments, calmer grid, less duplicated visual noise. */
.beauty-timetable-page{
  --beauty-border:rgba(148,163,184,.20)!important;
  --beauty-muted:#9fb3cf!important;
  --beauty-soft:#172236!important;
}
.beauty-license-alert{
  display:none!important;
}
.beauty-calendar-shell,
.beauty-calendar-main,
.beauty-calendar-left,
.beauty-side-card,
.beauty-toolbar,
.beauty-top-filters,
.beauty-day-summary,
.beauty-master-headrow,
.beauty-time-corner,
.beauty-time-gutter,
.beauty-master-head{
  background:var(--crm-surface-2)!important;
  color:#e5edf8!important;
  border-color:var(--crm-line)!important;
}
.beauty-calendar-shell{
  min-height:0!important;
  box-shadow:0 .75rem 1.8rem rgba(0,0,0,.14)!important;
}
.beauty-date-title{
  color:#f8fafc!important;
  font-size:1.25rem!important;
}
.beauty-day-summary{
  gap:.85rem!important;
  font-size:.82rem!important;
}
.beauty-day-summary b,
.beauty-master-name{
  color:#f8fafc!important;
}
.beauty-master-role,
.beauty-time-label{
  color:var(--crm-muted-2)!important;
}
.beauty-master-grid{
  background:repeating-linear-gradient(to bottom,rgba(15,23,42,.14) 0,rgba(15,23,42,.14) 29px,rgba(148,163,184,.10) 30px)!important;
}
.beauty-grid-line{
  background:rgba(148,163,184,.10)!important;
}
.beauty-grid-line.hour{
  background:rgba(148,163,184,.20)!important;
}
.beauty-master-column{
  border-color:rgba(148,163,184,.14)!important;
}
.beauty-time-gutter-right{
  opacity:.42!important;
}
.beauty-closed-slot{
  background:rgba(148,163,184,.08)!important;
}
.beauty-appointment{
  background:linear-gradient(180deg,rgba(14,165,233,.96),rgba(30,64,175,.96))!important;
  border:1px solid rgba(125,211,252,.35)!important;
  border-left:4px solid #22d3ee!important;
  color:#eff6ff!important;
  box-shadow:0 .45rem 1rem rgba(0,0,0,.22)!important;
}
.beauty-appointment:hover{
  color:#fff!important;
  box-shadow:0 .65rem 1.25rem rgba(0,0,0,.28)!important;
}
.beauty-appointment-main{
  color:inherit!important;
}
.beauty-appointment-time{
  color:#bae6fd!important;
}
.beauty-appointment-title,
.beauty-appointment-client{
  color:#f8fafc!important;
}
.beauty-appointment-warning{
  background:linear-gradient(180deg,rgba(217,119,6,.96),rgba(120,53,15,.96))!important;
  border-left-color:#fbbf24!important;
}
.beauty-appointment-danger{
  background:linear-gradient(180deg,rgba(225,29,72,.96),rgba(127,29,29,.96))!important;
  border-left-color:#fb7185!important;
}
.beauty-appointment-success{
  background:linear-gradient(180deg,rgba(5,150,105,.96),rgba(6,78,59,.96))!important;
  border-left-color:#34d399!important;
}
.beauty-appointment-secondary,
.beauty-appointment-dark{
  background:linear-gradient(180deg,rgba(71,85,105,.96),rgba(30,41,59,.96))!important;
  border-left-color:#94a3b8!important;
}
.beauty-appointment-info{
  background:linear-gradient(180deg,rgba(8,145,178,.96),rgba(22,78,99,.96))!important;
  border-left-color:#67e8f9!important;
}
.beauty-free-slot:hover{
  background:rgba(34,211,238,.075)!important;
  outline-color:rgba(34,211,238,.28)!important;
}
.beauty-side-card .form-select,
.beauty-side-card .form-control{
  min-height:2.15rem!important;
}
.beauty-calendar-left{
  width:164px!important;
  flex-basis:164px!important;
}
.beauty-mini-calendar a,
.beauty-mini-calendar span{
  color:#cbd5e1!important;
  background:rgba(15,23,42,.20)!important;
}
.beauty-mini-calendar a.active{
  background:#2563eb!important;
  color:#fff!important;
}
.beauty-mini-calendar a.has-items{
  background:rgba(16,185,129,.14)!important;
  color:#86efac!important;
}

/* Masters monthly schedule: improve dense chips and cards below. */
.staff-month-table{
  font-size:11px!important;
}
.staff-month-table .staff-col{
  width:235px!important;
  background:var(--crm-surface-2)!important;
}
.staff-month-table th,
.staff-month-table td{
  background:var(--crm-surface-2)!important;
  border-color:var(--crm-line)!important;
}
.staff-month-table .day-col{
  width:38px!important;
  min-width:38px!important;
}
.work-chip{
  min-height:34px!important;
  padding:4px 1px!important;
  font-size:9px!important;
  line-height:1.05!important;
  background:rgba(20,184,166,.18)!important;
  border:1px solid rgba(45,212,191,.30)!important;
  color:#99f6e4!important;
}
.staff-month-table .day-col.weekend{
  background:rgba(148,163,184,.08)!important;
}
.beauty-master-card,
.staff-master-card{
  background:var(--crm-surface-2)!important;
  border-color:var(--crm-line)!important;
}

/* Retention page: smaller stats and dark subcards. */
.beauty-retention-page .card{
  background:var(--crm-surface-2)!important;
}
.beauty-retention-page .card-header{
  background:rgba(15,23,42,.32)!important;
}
.beauty-retention-page .card-body > form{
  margin-bottom:1rem!important;
}
.beauty-metric-card{
  min-height:5rem!important;
  padding:.9rem 1rem!important;
  background:rgba(15,23,42,.28)!important;
  border:1px solid var(--crm-line)!important;
  color:#e5edf8!important;
}
.beauty-metric-card.danger{
  border-left:3px solid #fb7185!important;
}
.beauty-metric-card.success{
  border-left:3px solid #34d399!important;
}
.beauty-action-hint{
  background:rgba(15,23,42,.24)!important;
  border:1px solid var(--crm-line)!important;
  border-radius:.85rem!important;
  padding:.85rem!important;
}
.beauty-action-hint p{
  color:var(--crm-muted-2)!important;
  margin-bottom:0!important;
}
.beauty-action-hint b{
  color:#f8fafc!important;
}

/* Finance page: toolbars and cashbox card do not look lonely. */
.finance-page > .row{
  --bs-gutter-x:.85rem!important;
  --bs-gutter-y:.85rem!important;
}
.finance-page > .row > [class*="col-"] > .card{
  margin-bottom:.85rem!important;
}
.finance-page .btn-group{
  gap:.25rem!important;
  flex-wrap:wrap!important;
}
.finance-page .btn-group .btn{
  border-radius:.55rem!important;
}
.finance-page .card-body > .row.mb-3{
  margin-bottom:.75rem!important;
}
.finance-page .card-body > .row.mb-3 .border{
  max-width:24rem;
  padding:.85rem!important;
  background:rgba(15,23,42,.22)!important;
}

/* Reports/analytics: compact cards and empty sections. */
.modules-reports-stat,
.modules-reports-stat .card-body,
.app-main .row .card .card-body:has(> small + h3){
  min-height:4.7rem;
}
.app-main .row .card .card-body:has(> small + h3) h3{
  font-size:1.15rem!important;
}

/* Compact mode receives extra density on wide empty areas. */
body.crm-ui-density-compact .crm-ux-empty,
body.crm-ui-density-compact .crm-empty-state,
body.crm-ui-density-compact .crm-today-soft-empty,
body.crm-ui-density-compact .beauty-empty-state{
  padding:.85rem!important;
}
body.crm-ui-density-compact .crm-today-stat .card-body,
body.crm-ui-density-compact .finance-page > .row > [class*="col-"] > .card .card-body{
  min-height:4rem!important;
}
body.crm-ui-density-compact .beauty-calendar-left{
  width:150px!important;
  flex-basis:150px!important;
}
body.crm-ui-density-compact .crm-inline-notice--setup .crm-inline-notice__text--wide span{
  display:none!important;
}


/* Final production UX pass. Keep this block last: it fixes layout hierarchy and component consistency. */
html, body { min-height: 100%; }
body .app-wrapper{
  min-height:100vh;
}
body .app-main{
  min-height:calc(100vh - 3.25rem);
  display:flex;
  flex-direction:column;
}
body .app-main > .app-content{
  flex:1 0 auto;
}
body .app-footer{
  margin-top:auto;
}

/* Topbar: only core work actions stay visible. */
.app-header .crm-topbar-inner{
  min-height:3.05rem!important;
}
.app-header .crm-topbar-search{
  max-width:30rem!important;
}
.app-header .crm-topbar-actions{
  gap:.2rem!important;
}
.app-header .crm-topbar-balance{
  max-width:5.7rem!important;
  font-size:.82rem!important;
  padding-left:.48rem!important;
  padding-right:.48rem!important;
}
.app-header .crm-topbar-balance .bi{
  margin-right:.15rem!important;
}
.app-header #tenantDropdown span{
  max-width:8.4rem!important;
}
.app-header #userDropdown span{
  max-width:7.6rem!important;
}
.app-header .crm-notifications-menu{
  width:min(24rem,calc(100vw - 1rem))!important;
  min-width:min(21rem,calc(100vw - 1rem))!important;
  border:1px solid rgba(148,163,184,.25)!important;
  box-shadow:0 1.2rem 3rem rgba(0,0,0,.35)!important;
}
.app-header .crm-notification-card{
  padding:.75rem!important;
  border-radius:.9rem!important;
}
.app-header .crm-notification-card .btn-warning,
.app-header .crm-notification-card .btn{
  --bs-btn-padding-y:.28rem;
  --bs-btn-padding-x:.55rem;
  --bs-btn-font-size:.78rem;
}

/* Sidebar: production navigation must not waste vertical space. */
.app-sidebar .sidebar-wrapper{
  scrollbar-gutter:auto!important;
}
.crm-sidebar-vk-widget{
  display:none!important;
}
.crm-sidebar-edit-menu-item{
  margin-top:.35rem;
  padding-top:.35rem;
  border-top:1px solid rgba(148,163,184,.14);
}
.crm-sidebar-edit-menu-link{
  opacity:.78;
}
.crm-sidebar-edit-menu-link p{
  max-width:9.6rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.crm-sidebar-layout-compact .app-sidebar .nav-header{
  margin-top:.25rem!important;
}
body.crm-sidebar-layout-compact .app-sidebar .nav-link{
  min-height:1.86rem!important;
  padding-top:.35rem!important;
  padding-bottom:.35rem!important;
}

/* Quick setup notice: full only where needed, compact elsewhere. */
.crm-inline-notice--setup{
  position:relative;
}
.crm-inline-notice--setup-compact{
  padding:.42rem .62rem!important;
  border-left-width:2px!important;
  border-radius:.75rem!important;
}
.crm-inline-notice--setup-compact .crm-inline-notice__content{
  min-height:1.7rem!important;
}
.crm-inline-notice--setup-compact .crm-inline-notice__text--wide{
  display:flex!important;
  align-items:center!important;
  gap:.45rem!important;
}
.crm-inline-notice--setup-compact .crm-inline-notice__text--wide strong{
  font-size:.86rem!important;
}
.crm-inline-notice--setup-compact .crm-inline-notice__text--wide span{
  font-size:.82rem!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.crm-inline-notice__dismiss{
  color:var(--bs-secondary-color)!important;
  text-decoration:none!important;
  padding:.12rem .25rem!important;
}
.crm-inline-notice__dismiss:hover{
  color:#fff!important;
}

/* Buttons: one primary CTA per area, everything else calmer. */
.btn-outline-warning:not(.active){
  color:#fcd34d!important;
  border-color:rgba(245,158,11,.38)!important;
  background:rgba(245,158,11,.045)!important;
}
.btn-outline-success:not(.active){
  color:#86efac!important;
  border-color:rgba(34,197,94,.32)!important;
  background:rgba(34,197,94,.04)!important;
}
.btn-outline-secondary:not(.active),
.btn-outline-dark:not(.active){
  color:#cbd5e1!important;
  border-color:rgba(148,163,184,.24)!important;
  background:rgba(148,163,184,.035)!important;
}

/* Segmented controls for filters/tabs. */
.crm-segmented-control,
.card-body > .btn-group:first-child,
.crm-addon-filterbar{
  display:inline-flex;
  gap:.2rem;
  padding:.2rem;
  border:1px solid rgba(148,163,184,.20);
  border-radius:.8rem;
  background:rgba(15,23,42,.25);
}
.crm-segmented-control .btn,
.card-body > .btn-group:first-child .btn,
.crm-addon-filterbar .btn{
  border-radius:.6rem!important;
  border-width:1px!important;
}

/* Empty state: compact, helpful, action-oriented. */
.crm-empty-state,
.crm-empty-state--action,
.crm-ux-empty,
.crm-today-soft-empty,
.beauty-empty-state{
  max-width:none!important;
  min-height:0!important;
  padding:1.1rem!important;
}
.crm-empty-state--action .btn,
.crm-ux-empty .btn{
  margin-top:.55rem!important;
}
.table .crm-empty-state,
.table .crm-ux-empty{
  margin:.25rem!important;
}
.table td[colspan]{
  background:rgba(15,23,42,.12)!important;
}

/* Clients: fixed filters and action hierarchy. */
.module-clients.action-index .crm-ux-soft-filter{
  align-items:end!important;
}
.module-clients.action-index .crm-ux-soft-filter .col-lg-7{flex:1 1 32rem!important;max-width:none!important;}
.module-clients.action-index .crm-ux-soft-filter .col-lg-3{flex:0 0 16rem!important;max-width:16rem!important;}
.module-clients.action-index .crm-ux-soft-filter .col-lg-2{flex:0 0 12rem!important;max-width:12rem!important;}
.module-clients.action-index .crm-ux-soft-filter details{
  margin-top:.15rem;
}
@media (max-width: 991.98px){
  .module-clients.action-index .crm-ux-soft-filter .col-lg-7,
  .module-clients.action-index .crm-ux-soft-filter .col-lg-3,
  .module-clients.action-index .crm-ux-soft-filter .col-lg-2{
    flex:1 1 100%!important;
    max-width:100%!important;
  }
}

/* Addons: filterable marketplace without visual noise. */
.crm-addon-filterbar{
  margin-top:.2rem;
  margin-bottom:.9rem!important;
}
.crm-addon-card{
  transition:opacity .16s ease, transform .16s ease, border-color .16s ease;
}
[data-addon-card].is-hidden{
  display:none!important;
}
.crm-addons-badge{
  font-weight:700!important;
  border:1px solid transparent!important;
}
.crm-addons-badge--included,
.crm-addons-badge--free{
  color:#86efac!important;
  background:rgba(34,197,94,.10)!important;
  border-color:rgba(34,197,94,.28)!important;
}
.crm-addons-badge--active{
  color:#93c5fd!important;
  background:rgba(59,130,246,.10)!important;
  border-color:rgba(59,130,246,.28)!important;
}
.crm-addons-badge--warning{
  color:#fde68a!important;
  background:rgba(245,158,11,.10)!important;
  border-color:rgba(245,158,11,.28)!important;
}
.crm-addons-badge--muted{
  color:#cbd5e1!important;
  background:rgba(148,163,184,.08)!important;
  border-color:rgba(148,163,184,.22)!important;
}

/* Balance page: top up is primary, history and empty states stay compact. */
.module-balance .display-6,
.module-balance .h2{
  font-size:1.55rem!important;
}
.module-balance .alert-warning{
  border-left:3px solid #facc15!important;
}

/* Quick start: next-step flow instead of a wall of equal cards. */
.crm-quickstart-progress{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.1rem;
}
.crm-quickstart-progress span{
  font-weight:900;
  font-size:1.35rem;
  color:#f8fafc;
}
.crm-quickstart-progress small{
  color:var(--crm-muted-2);
}
.crm-next-step-card{
  border-left:3px solid var(--crm-blue)!important;
}
.crm-quickstart-card.is-done{
  opacity:.58;
}
.crm-quickstart-icon{
  width:2.2rem;
  height:2.2rem;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#7dd3fc;
  background:rgba(14,165,233,.12);
  border:1px solid rgba(14,165,233,.22);
  flex:0 0 auto;
}
.crm-quickstart-card.is-done .crm-quickstart-icon{
  color:#86efac;
  background:rgba(34,197,94,.11);
  border-color:rgba(34,197,94,.24);
}
.crm-done-steps{
  margin-top:.6rem;
}
.crm-done-steps summary{
  cursor:pointer;
  color:var(--crm-muted-2);
  font-weight:700;
}

/* Settings cards: tighter and grouped feel. */
.module-settings .crm-settings-page .card-body{
  min-height:7rem;
}
.module-settings .crm-settings-card h3{
  font-size:1rem!important;
}
.module-settings .crm-settings-card p{
  font-size:.86rem!important;
}

/* Finance: primary action stays primary, transfer no longer overpowers. */
.module-finance .btn-success{
  color:#86efac!important;
  background:rgba(34,197,94,.06)!important;
  border-color:rgba(34,197,94,.32)!important;
}
.module-finance .btn-primary[href*="create"]{
  background:#2f6fed!important;
  border-color:#2f6fed!important;
}

/* Payments/tasks low-data pages: no huge dead space. */
.module-payments .row > [class*="col-"] > .card .card-body,
.module-tasks .card .card-body{
  min-height:auto!important;
}

/* Online booking: link is a tool, not a wall of buttons. */
.module-booking .booking-admin-help-card .card-body{
  padding:1rem!important;
}
.module-booking .booking-page-card{
  background:rgba(15,23,42,.20)!important;
  border-color:rgba(148,163,184,.20)!important;
}
.module-booking .booking-public-url-box input,
.module-booking input[readonly]{
  font-size:.86rem!important;
}

/* Calendar: reduce grid noise and keep chat away from the work zone. */
.module-schedule.action-index .beauty-time-gutter-right{
  display:none!important;
}
.module-schedule.action-index .beauty-timetable-scroll{
  grid-template-columns:54px 1fr!important;
}
.module-schedule.action-index .beauty-grid-line:not(.hour){
  opacity:.45!important;
}
.module-schedule.action-index .beauty-master-head{
  min-height:56px!important;
}
.module-schedule.action-index .beauty-appointment{
  min-height:48px!important;
}
.module-schedule.action-index .crm-mobile-chat{
  bottom:5.2rem!important;
}

/* Masters month grid: shorter chips and less repeated weekend text. */
.work-chip{
  white-space:nowrap!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.work-chip.is-off{
  color:transparent!important;
  background:rgba(148,163,184,.055)!important;
  border-color:transparent!important;
}
.work-chip.is-off span{
  color:rgba(148,163,184,.35)!important;
  font-size:8px!important;
}
.module-schedule.action-masters .card dl{
  margin-bottom:.65rem!important;
}
.module-schedule.action-masters .card p.text-muted{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Repeated visits: prioritize actions, reduce bulky tabs. */
.module-schedule.action-beauty .beauty-metric-card{
  min-height:4.6rem!important;
}
.module-schedule.action-beauty .nav,
.module-schedule.action-beauty .btn-group{
  gap:.25rem;
}
.module-schedule.action-beauty .card-body{
  padding:.95rem!important;
}

/* Notifications: avoid duplicated visual counters. */
.module-notifications .badge.position-absolute,
.module-notifications .card-header .badge{
  opacity:.72;
}
.module-notifications .card .btn-warning{
  --bs-btn-padding-y:.28rem;
  --bs-btn-padding-x:.55rem;
  --bs-btn-font-size:.78rem;
}

/* Short pages: keep footer at the bottom and offer breathing room without dead cards. */
.module-users .app-content,
.module-notifications .app-content,
.module-tasks .app-content,
.module-payments .app-content,
.module-clients.action-reactivation .app-content,
.module-setup.action-quickStart .app-content{
  min-height:calc(100vh - 9rem);
}

/* Responsive polish. */
@media (max-width: 1399.98px){
  .app-header .crm-topbar-search{max-width:25rem!important;}
  .app-header #tenantDropdown span{max-width:7rem!important;}
  .app-header #userDropdown span{max-width:6rem!important;}
}
@media (max-width: 1199.98px){
  .app-header #tenantDropdown span,
  .app-header #userDropdown span{display:none!important;}
}


/* Light theme production repair.
   Earlier production pass optimized dark CRM surfaces globally.
   This block deliberately restores proper light surfaces when data-crm-theme="light". */
html[data-crm-theme="light"]{
  --crm-surface-1:#ffffff;
  --crm-surface-2:#ffffff;
  --crm-surface-3:#f8fafc;
  --crm-line:rgba(15,23,42,.12);
  --crm-line-strong:rgba(15,23,42,.18);
  --crm-muted-2:#64748b;
  --crm-muted-3:#94a3b8;
  color-scheme:light;
}
html[data-crm-theme="light"] body{
  background:#f3f6fb!important;
  color:#0f172a!important;
}
html[data-crm-theme="light"] .app-wrapper,
html[data-crm-theme="light"] .app-main,
html[data-crm-theme="light"] .app-content{
  background:#f3f6fb!important;
  color:#0f172a!important;
}
html[data-crm-theme="light"] .app-content .container-fluid,
html[data-crm-theme="light"] #main-container,
html[data-crm-theme="light"] #crm-content{
  background:transparent!important;
  color:#0f172a!important;
}

/* Topbar in light mode: keep brand cyan, but inputs/buttons readable. */
html[data-crm-theme="light"] .app-header{
  background:linear-gradient(135deg,#12c7df,#0ea5c5)!important;
  border-bottom:1px solid rgba(15,23,42,.10)!important;
  color:#fff!important;
}
html[data-crm-theme="light"] .app-header .form-control{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-crm-theme="light"] .app-header .form-control::placeholder{
  color:#64748b!important;
}
html[data-crm-theme="light"] .app-header .btn,
html[data-crm-theme="light"] .app-header .nav-link,
html[data-crm-theme="light"] .app-header .dropdown-toggle{
  color:#0f172a!important;
}
html[data-crm-theme="light"] .app-header .nav-link,
html[data-crm-theme="light"] .app-header .dropdown-toggle{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-crm-theme="light"] .app-header .dropdown-menu{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 1rem 2.5rem rgba(15,23,42,.18)!important;
}
html[data-crm-theme="light"] .app-header .dropdown-item{
  color:#0f172a!important;
}
html[data-crm-theme="light"] .app-header .dropdown-item:hover,
html[data-crm-theme="light"] .app-header .dropdown-item:focus{
  background:#eef6ff!important;
  color:#0f172a!important;
}

/* Sidebar can stay dark as product shell, but must not blend into page. */
html[data-crm-theme="light"] .app-sidebar{
  background:#17212f!important;
  color:#e5edf8!important;
  border-right:1px solid rgba(15,23,42,.16)!important;
}
html[data-crm-theme="light"] .app-sidebar .sidebar-brand{
  background:#0f9db4!important;
}
html[data-crm-theme="light"] .app-sidebar .nav-link{
  color:#dbeafe!important;
}
html[data-crm-theme="light"] .app-sidebar .nav-link.active{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
html[data-crm-theme="light"] .app-sidebar .nav-header{
  color:#9fb3c8!important;
}

/* Cards, panels, page intro and setup strip. */
html[data-crm-theme="light"] .app-main .card,
html[data-crm-theme="light"] .card,
html[data-crm-theme="light"] .crm-card,
html[data-crm-theme="light"] .crm-today-panel,
html[data-crm-theme="light"] .booking-page-card,
html[data-crm-theme="light"] .beauty-metric-card,
html[data-crm-theme="light"] .beauty-action-hint,
html[data-crm-theme="light"] .crm-inline-notice,
html[data-crm-theme="light"] .crm-ux-soft-filter,
html[data-crm-theme="light"] .finance-page .card-body > form,
html[data-crm-theme="light"] .card-body > form.d-flex.flex-wrap,
html[data-crm-theme="light"] .card-body > form.row{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 .6rem 1.6rem rgba(15,23,42,.06)!important;
}
html[data-crm-theme="light"] .app-main .card-header,
html[data-crm-theme="light"] .app-main .card-footer,
html[data-crm-theme="light"] .card-header,
html[data-crm-theme="light"] .card-footer,
html[data-crm-theme="light"] .crm-today-panel-header{
  background:#f8fafc!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-crm-theme="light"] .card-header .card-title,
html[data-crm-theme="light"] .card-header h1,
html[data-crm-theme="light"] .card-header h2,
html[data-crm-theme="light"] .card-header h3,
html[data-crm-theme="light"] .card-header h4,
html[data-crm-theme="light"] .card-header h5,
html[data-crm-theme="light"] .card-header h6,
html[data-crm-theme="light"] h1,
html[data-crm-theme="light"] h2,
html[data-crm-theme="light"] h3,
html[data-crm-theme="light"] h4,
html[data-crm-theme="light"] h5,
html[data-crm-theme="light"] h6{
  color:#0f172a!important;
}
html[data-crm-theme="light"] .text-muted,
html[data-crm-theme="light"] .card small.text-muted,
html[data-crm-theme="light"] small.text-muted{
  color:#64748b!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup.alert-warning,
html[data-crm-theme="light"] .crm-inline-notice--setup{
  background:#fff8e1!important;
  border-color:rgba(202,138,4,.30)!important;
  border-left:3px solid rgba(202,138,4,.58)!important;
  color:#0f172a!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup .crm-inline-notice__text,
html[data-crm-theme="light"] .crm-inline-notice--setup .crm-inline-notice__text strong,
html[data-crm-theme="light"] .crm-inline-notice--setup .crm-inline-notice__text span{
  color:#0f172a!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup a{
  color:#0f766e!important;
}

/* Metric cards and info boxes. */
html[data-crm-theme="light"] .info-box,
html[data-crm-theme="light"] .crm-today-stat,
html[data-crm-theme="light"] .finance-page > .row > [class*="col-"] > .card,
html[data-crm-theme="light"] .modules-reports-stat,
html[data-crm-theme="light"] .app-main .row .card .card-body:has(> small + h3){
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-crm-theme="light"] .info-box .info-box-number,
html[data-crm-theme="light"] .info-box .progress-description,
html[data-crm-theme="light"] .crm-today-stat strong,
html[data-crm-theme="light"] .crm-today-feed-title,
html[data-crm-theme="light"] .crm-today-mini-main b,
html[data-crm-theme="light"] .finance-page h4,
html[data-crm-theme="light"] .finance-page .card-body h4,
html[data-crm-theme="light"] .modules-reports-stat h3{
  color:#0f172a!important;
}
html[data-crm-theme="light"] .info-box .info-box-text,
html[data-crm-theme="light"] .crm-today-stat small,
html[data-crm-theme="light"] .beauty-metric-card small{
  color:#64748b!important;
}

/* Tables in light mode. */
html[data-crm-theme="light"] .app-main .table{
  --bs-table-bg:#ffffff!important;
  --bs-table-color:#0f172a!important;
  --bs-table-border-color:rgba(15,23,42,.10)!important;
  --bs-table-striped-bg:#f8fafc!important;
  --bs-table-hover-bg:#eef6ff!important;
  color:#0f172a!important;
}
html[data-crm-theme="light"] .app-main .table thead th{
  background:#eef2f7!important;
  color:#334155!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-crm-theme="light"] .app-main .table td,
html[data-crm-theme="light"] .app-main .table th{
  color:#0f172a!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-crm-theme="light"] .app-main .table-responsive,
html[data-crm-theme="light"] .crm-ux-table-wrap{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-crm-theme="light"] .table td[colspan]{
  background:#ffffff!important;
}

/* Forms. */
html[data-crm-theme="light"] .form-control,
html[data-crm-theme="light"] .form-select,
html[data-crm-theme="light"] .input-group-text{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.16)!important;
}
html[data-crm-theme="light"] .form-control::placeholder{
  color:#94a3b8!important;
}
html[data-crm-theme="light"] .form-control:focus,
html[data-crm-theme="light"] .form-select:focus{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#0ea5e9!important;
  box-shadow:0 0 0 .2rem rgba(14,165,233,.14)!important;
}
html[data-crm-theme="light"] label,
html[data-crm-theme="light"] .form-label{
  color:#334155!important;
}

/* Empty states. */
html[data-crm-theme="light"] .crm-empty-state,
html[data-crm-theme="light"] .crm-empty-state--action,
html[data-crm-theme="light"] .crm-ux-empty,
html[data-crm-theme="light"] .crm-today-soft-empty,
html[data-crm-theme="light"] .beauty-empty-state{
  background:#f8fafc!important;
  color:#64748b!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-crm-theme="light"] .crm-empty-state b,
html[data-crm-theme="light"] .crm-empty-state strong,
html[data-crm-theme="light"] .crm-ux-empty b,
html[data-crm-theme="light"] .crm-today-soft-empty b,
html[data-crm-theme="light"] .beauty-empty-state b{
  color:#0f172a!important;
}
html[data-crm-theme="light"] .crm-empty-state span,
html[data-crm-theme="light"] .crm-ux-empty span,
html[data-crm-theme="light"] .crm-today-soft-empty span,
html[data-crm-theme="light"] .beauty-empty-state span{
  color:#64748b!important;
}

/* Today and appointment cards. */
html[data-crm-theme="light"] .crm-today-feed-item,
html[data-crm-theme="light"] .crm-today-mini-item{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-crm-theme="light"] .crm-today-feed-meta,
html[data-crm-theme="light"] .crm-today-mini-main small{
  color:#64748b!important;
}

/* Calendar and schedule in light mode. */
html[data-crm-theme="light"] .beauty-calendar-shell,
html[data-crm-theme="light"] .beauty-calendar-main,
html[data-crm-theme="light"] .beauty-calendar-left,
html[data-crm-theme="light"] .beauty-side-card,
html[data-crm-theme="light"] .beauty-toolbar,
html[data-crm-theme="light"] .beauty-top-filters,
html[data-crm-theme="light"] .beauty-day-summary,
html[data-crm-theme="light"] .beauty-master-headrow,
html[data-crm-theme="light"] .beauty-time-corner,
html[data-crm-theme="light"] .beauty-time-gutter,
html[data-crm-theme="light"] .beauty-master-head{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}
html[data-crm-theme="light"] .beauty-date-title,
html[data-crm-theme="light"] .beauty-day-summary b,
html[data-crm-theme="light"] .beauty-master-name{
  color:#0f172a!important;
}
html[data-crm-theme="light"] .beauty-master-role,
html[data-crm-theme="light"] .beauty-time-label{
  color:#64748b!important;
}
html[data-crm-theme="light"] .beauty-master-grid{
  background:repeating-linear-gradient(to bottom,#ffffff 0,#ffffff 29px,#eef2f7 30px)!important;
}
html[data-crm-theme="light"] .beauty-grid-line{
  background:rgba(15,23,42,.08)!important;
}
html[data-crm-theme="light"] .beauty-grid-line.hour{
  background:rgba(15,23,42,.14)!important;
}
html[data-crm-theme="light"] .beauty-master-column{
  border-color:rgba(15,23,42,.10)!important;
}
html[data-crm-theme="light"] .beauty-closed-slot{
  background:rgba(15,23,42,.04)!important;
}
html[data-crm-theme="light"] .beauty-appointment{
  background:linear-gradient(180deg,#dbeafe,#bfdbfe)!important;
  color:#0f172a!important;
  border:1px solid rgba(37,99,235,.32)!important;
  border-left:4px solid #2563eb!important;
  box-shadow:0 .45rem 1rem rgba(15,23,42,.12)!important;
}
html[data-crm-theme="light"] .beauty-appointment-time{
  color:#1d4ed8!important;
}
html[data-crm-theme="light"] .beauty-appointment-title,
html[data-crm-theme="light"] .beauty-appointment-client{
  color:#0f172a!important;
}
html[data-crm-theme="light"] .staff-month-table th,
html[data-crm-theme="light"] .staff-month-table td,
html[data-crm-theme="light"] .staff-month-table .staff-col{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.10)!important;
}
html[data-crm-theme="light"] .staff-month-table .day-col.weekend{
  background:#f8fafc!important;
}
html[data-crm-theme="light"] .work-chip{
  background:#dcfce7!important;
  color:#166534!important;
  border-color:rgba(22,101,52,.18)!important;
}
html[data-crm-theme="light"] .work-chip.is-off{
  background:#f1f5f9!important;
  color:#94a3b8!important;
}

/* Badges. */
html[data-crm-theme="light"] .crm-status-badge--success,
html[data-crm-theme="light"] .crm-addons-badge--included,
html[data-crm-theme="light"] .crm-addons-badge--free{
  color:#166534!important;
  background:#dcfce7!important;
  border-color:#bbf7d0!important;
}
html[data-crm-theme="light"] .crm-service-warning-badge,
html[data-crm-theme="light"] .crm-addons-badge--warning{
  color:#92400e!important;
  background:#fef3c7!important;
  border-color:#fde68a!important;
}
html[data-crm-theme="light"] .crm-addons-badge--muted,
html[data-crm-theme="light"] .crm-status-badge--muted{
  color:#475569!important;
  background:#f1f5f9!important;
  border-color:#e2e8f0!important;
}

/* Footer and floating widgets. */
html[data-crm-theme="light"] .app-footer{
  background:#ffffff!important;
  color:#64748b!important;
  border-top:1px solid rgba(15,23,42,.10)!important;
}
html[data-crm-theme="light"] .app-footer strong,
html[data-crm-theme="light"] .app-footer .crm-footer-version{
  color:#334155!important;
}
html[data-crm-theme="light"] .app-footer .crm-footer-legal a{
  color:#0284c7!important;
}
html[data-crm-theme="light"] .crm-mobile-chat-toggle,
html[data-crm-theme="light"] .crm-footer-social-link{
  box-shadow:0 .5rem 1.4rem rgba(15,23,42,.16)!important;
}

/* Bootstrap helpers previously forced dark. */
html[data-crm-theme="light"] .app-main .bg-light,
html[data-crm-theme="light"] .app-main .bg-white,
html[data-crm-theme="light"] .app-main .bg-body,
html[data-crm-theme="light"] .app-main .bg-body-tertiary{
  background:#ffffff!important;
  color:#0f172a!important;
}
html[data-crm-theme="light"] .border,
html[data-crm-theme="light"] .app-main .border{
  border-color:rgba(15,23,42,.12)!important;
}


/* v1.1.1 Light theme design-system rework.
   Final layer: creates a clean light CRM theme instead of recoloring dark screens. */
html[data-crm-theme="light"]{
  --fr-page:#eef3f8;
  --fr-page-2:#f5f8fc;
  --fr-surface:#ffffff;
  --fr-surface-soft:#f8fafc;
  --fr-surface-muted:#f1f5f9;
  --fr-border:#d7e2ee;
  --fr-border-soft:#e5ecf4;
  --fr-text:#0f172a;
  --fr-text-2:#334155;
  --fr-muted:#64748b;
  --fr-muted-2:#94a3b8;
  --fr-primary:#1669e8;
  --fr-primary-soft:#e8f1ff;
  --fr-cyan:#0891b2;
  --fr-warning:#b7791f;
  --fr-warning-bg:#fff8e6;
  --fr-success:#15803d;
  --fr-success-bg:#e8f8ee;
  --fr-danger:#be123c;
  --fr-danger-bg:#fff1f2;
  color-scheme:light;
}
html[data-crm-theme="light"] body,
html[data-crm-theme="light"] .app-wrapper,
html[data-crm-theme="light"] .app-main,
html[data-crm-theme="light"] .app-content{
  background:var(--fr-page)!important;
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .app-content .container-fluid{
  padding-top:1rem!important;
  padding-bottom:1.25rem!important;
}

/* Light theme topbar: calm workspace header, not a cyan marketing banner. */
html[data-crm-theme="light"] .app-header.navbar,
html[data-crm-theme="light"] .app-header{
  background:rgba(255,255,255,.96)!important;
  color:var(--fr-text)!important;
  border-bottom:1px solid var(--fr-border)!important;
  box-shadow:0 .35rem 1.2rem rgba(15,23,42,.07)!important;
  backdrop-filter:saturate(130%) blur(10px);
}
html[data-crm-theme="light"] .app-header .crm-topbar-inner{
  min-height:3.25rem!important;
}
html[data-crm-theme="light"] .app-header .nav-link,
html[data-crm-theme="light"] .app-header .dropdown-toggle,
html[data-crm-theme="light"] .app-header .crm-topbar-balance,
html[data-crm-theme="light"] .app-header .btn{
  background:#ffffff!important;
  color:var(--fr-text)!important;
  border:1px solid var(--fr-border)!important;
  box-shadow:0 .15rem .55rem rgba(15,23,42,.04)!important;
}
html[data-crm-theme="light"] .app-header .nav-link:hover,
html[data-crm-theme="light"] .app-header .dropdown-toggle:hover,
html[data-crm-theme="light"] .app-header .btn:hover{
  background:var(--fr-primary-soft)!important;
  border-color:#bfd5ff!important;
  color:#0f3f9c!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-start .nav-link{
  background:#eaf7fb!important;
  color:#075985!important;
  border-color:#c8edf7!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .form-control,
html[data-crm-theme="light"] .app-header form[role="search"] .form-control,
html[data-crm-theme="light"] .app-header .input-group .form-control{
  height:2.15rem!important;
  background:#ffffff!important;
  color:var(--fr-text)!important;
  border-color:var(--fr-border)!important;
  box-shadow:0 .15rem .55rem rgba(15,23,42,.04)!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .btn,
html[data-crm-theme="light"] .app-header form[role="search"] .btn,
html[data-crm-theme="light"] .app-header .input-group .btn{
  height:2.15rem!important;
  border-color:var(--fr-border)!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .app-header .form-control::placeholder{
  color:#7c8ba1!important;
}
html[data-crm-theme="light"] .app-header #tenantDropdown,
html[data-crm-theme="light"] .app-header #userDropdown{
  background:#ffffff!important;
  color:var(--fr-text)!important;
  opacity:1!important;
}
html[data-crm-theme="light"] .app-header #tenantDropdown span,
html[data-crm-theme="light"] .app-header #userDropdown span,
html[data-crm-theme="light"] .app-header #tenantDropdown i,
html[data-crm-theme="light"] .app-header #userDropdown i{
  color:var(--fr-text)!important;
  opacity:1!important;
}
html[data-crm-theme="light"] .app-header .dropdown-menu{
  background:#ffffff!important;
  color:var(--fr-text)!important;
  border:1px solid var(--fr-border)!important;
  box-shadow:0 1.15rem 2.75rem rgba(15,23,42,.16)!important;
}
html[data-crm-theme="light"] .app-header .dropdown-item{
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .app-header .dropdown-item:hover,
html[data-crm-theme="light"] .app-header .dropdown-item:focus{
  background:#eef6ff!important;
  color:#0f3f9c!important;
}

/* Sidebar: still dark, but less noisy and more neutral against light content. */
html[data-crm-theme="light"] .app-sidebar{
  background:#111c2b!important;
  color:#dbeafe!important;
  box-shadow:.35rem 0 1rem rgba(15,23,42,.12)!important;
}
html[data-crm-theme="light"] .app-sidebar .sidebar-brand{
  background:#0d8fa3!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
html[data-crm-theme="light"] .app-sidebar .nav-link{
  color:#cbd5e1!important;
}
html[data-crm-theme="light"] .app-sidebar .nav-link:hover{
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
}
html[data-crm-theme="light"] .app-sidebar .nav-link.active{
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
}
html[data-crm-theme="light"] .app-sidebar .nav-icon{
  opacity:.84!important;
}
html[data-crm-theme="light"] .app-sidebar .nav-header{
  color:#91a4bd!important;
  letter-spacing:.03em;
}
html[data-crm-theme="light"] .crm-sidebar-edit-menu-link{
  opacity:.65!important;
}

/* Page headings and breadcrumbs. */
html[data-crm-theme="light"] .app-content h1{
  font-size:1.28rem!important;
  font-weight:800!important;
  margin-bottom:.65rem!important;
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .breadcrumb,
html[data-crm-theme="light"] .breadcrumb a{
  color:#386fbe!important;
}
html[data-crm-theme="light"] .breadcrumb .active{
  color:var(--fr-muted)!important;
}

/* Setup notice becomes an onboarding chip, not a warning banner. */
html[data-crm-theme="light"] .crm-page-notices{
  margin:.45rem 0 .85rem!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup,
html[data-crm-theme="light"] .crm-inline-notice--setup.alert-warning{
  background:#fffdf6!important;
  border:1px solid #f2d28a!important;
  border-left:3px solid #d99a1f!important;
  color:var(--fr-text)!important;
  box-shadow:none!important;
  padding:.46rem .7rem!important;
  border-radius:.75rem!important;
  min-height:auto!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup .crm-inline-notice__content{
  min-height:1.7rem!important;
  align-items:center!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup .crm-inline-notice__text--wide{
  display:flex!important;
  align-items:center!important;
  gap:.5rem!important;
  min-width:0!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup strong{
  font-size:.88rem!important;
  font-weight:800!important;
  color:var(--fr-text)!important;
  white-space:nowrap!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup span{
  color:#05605a!important;
  font-size:.82rem!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup .crm-inline-notice__missing{
  display:flex!important;
  margin:0!important;
  gap:.55rem!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup .crm-inline-notice__missing li{
  display:inline-flex!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup .crm-inline-notice__missing li span{
  display:none!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup a{
  color:#04756f!important;
  text-decoration:none!important;
  font-weight:800!important;
}
html[data-crm-theme="light"] .crm-inline-notice--setup .btn{
  background:#fff!important;
  border-color:#f2d28a!important;
  color:#04756f!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .crm-inline-notice__dismiss{
  color:#8a6a28!important;
}

/* Surface system: distinguish page, cards, nested blocks and headers. */
html[data-crm-theme="light"] .app-main .card,
html[data-crm-theme="light"] .card,
html[data-crm-theme="light"] .crm-card,
html[data-crm-theme="light"] .info-box,
html[data-crm-theme="light"] .crm-today-panel,
html[data-crm-theme="light"] .booking-page-card,
html[data-crm-theme="light"] .beauty-metric-card,
html[data-crm-theme="light"] .beauty-action-hint{
  background:var(--fr-surface)!important;
  color:var(--fr-text)!important;
  border:1px solid var(--fr-border)!important;
  box-shadow:0 .45rem 1.15rem rgba(15,23,42,.055)!important;
  border-radius:.78rem!important;
}
html[data-crm-theme="light"] .app-main .card-header,
html[data-crm-theme="light"] .app-main .card-footer,
html[data-crm-theme="light"] .card-header,
html[data-crm-theme="light"] .card-footer,
html[data-crm-theme="light"] .crm-today-panel-header{
  background:var(--fr-surface-soft)!important;
  color:var(--fr-text)!important;
  border-color:var(--fr-border)!important;
}
html[data-crm-theme="light"] .card-body{
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .card-title,
html[data-crm-theme="light"] .card h1,
html[data-crm-theme="light"] .card h2,
html[data-crm-theme="light"] .card h3,
html[data-crm-theme="light"] .card h4,
html[data-crm-theme="light"] .card h5,
html[data-crm-theme="light"] .card h6{
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .text-muted,
html[data-crm-theme="light"] .card small.text-muted,
html[data-crm-theme="light"] small.text-muted,
html[data-crm-theme="light"] .service-muted{
  color:var(--fr-muted)!important;
}
html[data-crm-theme="light"] .bg-light,
html[data-crm-theme="light"] .bg-white,
html[data-crm-theme="light"] .bg-body,
html[data-crm-theme="light"] .bg-body-tertiary{
  background:var(--fr-surface-soft)!important;
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .border{
  border-color:var(--fr-border)!important;
}

/* Cards with nested grey panels should never look disabled. */
html[data-crm-theme="light"] .finance-page .card-body > .row.mb-3 .border,
html[data-crm-theme="light"] .app-main .border.rounded,
html[data-crm-theme="light"] .app-main .border.rounded-3{
  background:var(--fr-surface-soft)!important;
  color:var(--fr-text)!important;
}

/* Forms and filter bars. */
html[data-crm-theme="light"] .form-control,
html[data-crm-theme="light"] .form-select,
html[data-crm-theme="light"] .input-group-text{
  background:#fff!important;
  color:var(--fr-text)!important;
  border:1px solid #cfd9e6!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .form-control::placeholder{
  color:#8a99ad!important;
}
html[data-crm-theme="light"] .form-control:focus,
html[data-crm-theme="light"] .form-select:focus{
  border-color:#5aa7ff!important;
  box-shadow:0 0 0 .18rem rgba(22,105,232,.13)!important;
}
html[data-crm-theme="light"] label,
html[data-crm-theme="light"] .form-label{
  color:var(--fr-text-2)!important;
  font-weight:600!important;
}
html[data-crm-theme="light"] .crm-ux-soft-filter,
html[data-crm-theme="light"] .finance-page .card-body > form,
html[data-crm-theme="light"] .card-body > form.row,
html[data-crm-theme="light"] .card-body > form.d-flex.flex-wrap{
  background:var(--fr-surface-soft)!important;
  border:1px solid var(--fr-border)!important;
  box-shadow:none!important;
}

/* Buttons and disabled states. */
html[data-crm-theme="light"] .btn{
  border-radius:.5rem!important;
}
html[data-crm-theme="light"] .btn-primary{
  background:var(--fr-primary)!important;
  border-color:var(--fr-primary)!important;
  color:#fff!important;
}
html[data-crm-theme="light"] .btn-outline-primary{
  background:#fff!important;
  border-color:#85b7ff!important;
  color:#145bd1!important;
}
html[data-crm-theme="light"] .btn-outline-primary:hover{
  background:#e8f1ff!important;
  border-color:#4f94ff!important;
}
html[data-crm-theme="light"] .btn-outline-secondary,
html[data-crm-theme="light"] .btn-outline-dark{
  background:#fff!important;
  border-color:#cfd9e6!important;
  color:#475569!important;
}
html[data-crm-theme="light"] .btn-outline-warning{
  background:#fffdf6!important;
  border-color:#e3bd60!important;
  color:#8a5b00!important;
}
html[data-crm-theme="light"] .btn-outline-success,
html[data-crm-theme="light"] .btn-success{
  background:#fff!important;
  border-color:#9bd8b0!important;
  color:#166534!important;
}
html[data-crm-theme="light"] .btn:disabled,
html[data-crm-theme="light"] .btn.disabled,
html[data-crm-theme="light"] fieldset:disabled .btn{
  background:#f1f5f9!important;
  color:#94a3b8!important;
  border-color:#dbe3ec!important;
  opacity:1!important;
}

/* Tables: clear headers, rows and empty rows. */
html[data-crm-theme="light"] .table,
html[data-crm-theme="light"] .app-main .table{
  --bs-table-bg:#ffffff!important;
  --bs-table-color:var(--fr-text)!important;
  --bs-table-border-color:var(--fr-border-soft)!important;
  --bs-table-striped-bg:#fbfdff!important;
  --bs-table-hover-bg:#f2f7ff!important;
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .table thead th,
html[data-crm-theme="light"] .app-main .table thead th{
  background:#eaf0f7!important;
  color:#334155!important;
  border-bottom:1px solid #d2deeb!important;
  font-weight:800!important;
}
html[data-crm-theme="light"] .table td,
html[data-crm-theme="light"] .table th{
  border-color:var(--fr-border-soft)!important;
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .table-responsive,
html[data-crm-theme="light"] .crm-ux-table-wrap{
  background:#fff!important;
  border-color:var(--fr-border)!important;
  border-radius:.75rem!important;
}
html[data-crm-theme="light"] .table td[colspan]{
  background:#fff!important;
}

/* Empty states: helpful, compact and not a huge white hole. */
html[data-crm-theme="light"] .crm-empty-state,
html[data-crm-theme="light"] .crm-empty-state--action,
html[data-crm-theme="light"] .crm-ux-empty,
html[data-crm-theme="light"] .crm-today-soft-empty,
html[data-crm-theme="light"] .beauty-empty-state{
  background:#f8fafc!important;
  border:1px dashed #cfd9e6!important;
  color:var(--fr-muted)!important;
  border-radius:.75rem!important;
  padding:1.1rem!important;
  min-height:auto!important;
}
html[data-crm-theme="light"] .crm-empty-state strong,
html[data-crm-theme="light"] .crm-empty-state b,
html[data-crm-theme="light"] .crm-ux-empty b,
html[data-crm-theme="light"] .crm-today-soft-empty b,
html[data-crm-theme="light"] .beauty-empty-state b{
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .crm-empty-state span,
html[data-crm-theme="light"] .crm-ux-empty span,
html[data-crm-theme="light"] .crm-today-soft-empty span,
html[data-crm-theme="light"] .beauty-empty-state span{
  color:var(--fr-muted)!important;
}

/* Status badges: calmer and consistent. */
html[data-crm-theme="light"] .badge{
  border-radius:.38rem!important;
}
html[data-crm-theme="light"] .crm-status-badge--success,
html[data-crm-theme="light"] .crm-addons-badge--included,
html[data-crm-theme="light"] .crm-addons-badge--free{
  background:var(--fr-success-bg)!important;
  border:1px solid #bfeccb!important;
  color:var(--fr-success)!important;
}
html[data-crm-theme="light"] .crm-service-warning-badge,
html[data-crm-theme="light"] .crm-addons-badge--warning{
  background:#fff4d5!important;
  border:1px solid #f0cf7a!important;
  color:#936000!important;
}
html[data-crm-theme="light"] .crm-addons-badge--muted,
html[data-crm-theme="light"] .crm-status-badge--muted{
  background:#edf2f7!important;
  border:1px solid #d7e2ee!important;
  color:#536477!important;
}
html[data-crm-theme="light"] .text-bg-light{
  background:#edf2f7!important;
  color:#334155!important;
  border:1px solid #d7e2ee!important;
}
html[data-crm-theme="light"] .text-bg-secondary{
  background:#e2e8f0!important;
  color:#334155!important;
}

/* Segmented controls and addon filters. */
html[data-crm-theme="light"] .crm-segmented-control,
html[data-crm-theme="light"] .card-body > .btn-group:first-child,
html[data-crm-theme="light"] .crm-addon-filterbar{
  background:#eaf0f7!important;
  border:1px solid #d7e2ee!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .crm-addon-filterbar .btn:not(.active),
html[data-crm-theme="light"] .crm-segmented-control .btn:not(.active){
  background:transparent!important;
  border-color:transparent!important;
  color:#52657a!important;
}
html[data-crm-theme="light"] .crm-addon-filterbar .btn.active,
html[data-crm-theme="light"] .crm-segmented-control .btn.active{
  background:#fff!important;
  color:#145bd1!important;
  border-color:#c8d8ef!important;
  box-shadow:0 .12rem .45rem rgba(15,23,42,.06)!important;
}

/* Addons page: less visual noise. */
html[data-crm-theme="light"] .module-addons .alert-info{
  background:#eefbff!important;
  border-color:#bdefff!important;
  color:#175466!important;
}
html[data-crm-theme="light"] .module-addons .crm-addon-card .card-body{
  padding:.9rem!important;
}
html[data-crm-theme="light"] .module-addons .crm-addon-card .fw-bold{
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .module-addons .crm-addons-badge--included,
html[data-crm-theme="light"] .module-addons .crm-addons-badge--free{
  font-size:.68rem!important;
  opacity:.82!important;
}
html[data-crm-theme="light"] .module-addons .crm-addon-card .btn-outline-success,
html[data-crm-theme="light"] .module-addons .crm-addon-card .btn-outline-primary{
  opacity:.75!important;
}

/* Services page: one shared alert, minimal row actions. */
html[data-crm-theme="light"] .crm-compact-alert{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .55rem;
  align-items:center;
  padding:.55rem .75rem!important;
  border-radius:.7rem!important;
  background:#fff8e6!important;
  border:1px solid #efd083!important;
  color:#6b4b00!important;
}
html[data-crm-theme="light"] .crm-compact-alert span{
  color:#745d20!important;
}
html[data-crm-theme="light"] .module-services .crm-status-badge--success{
  display:none!important;
}
html[data-crm-theme="light"] .module-services .crm-row-action span{
  display:none!important;
}
html[data-crm-theme="light"] .module-services .crm-row-action{
  width:2rem;
  height:2rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
html[data-crm-theme="light"] .module-services .crm-ux-service-table td{
  vertical-align:middle!important;
}

/* Clients page: hide technical noise when empty. */
html[data-crm-theme="light"] .module-clients.action-index .crm-clients-list-card.is-empty .card-header{
  display:none!important;
}
html[data-crm-theme="light"] .module-clients.action-index .crm-clients-list-card.is-empty .table thead{
  display:none!important;
}
html[data-crm-theme="light"] .module-clients.action-index .crm-clients-list-card.is-empty .card-body{
  padding:1rem!important;
}
html[data-crm-theme="light"] .module-clients.action-index .crm-clients-list-card.is-empty table,
html[data-crm-theme="light"] .module-clients.action-index .crm-clients-list-card.is-empty tbody,
html[data-crm-theme="light"] .module-clients.action-index .crm-clients-list-card.is-empty tr,
html[data-crm-theme="light"] .module-clients.action-index .crm-clients-list-card.is-empty td{
  display:block!important;
  width:100%!important;
  border:0!important;
}
html[data-crm-theme="light"] .module-clients.action-index .crm-clients-filter-card .badge.text-bg-secondary{
  background:transparent!important;
  border:0!important;
  color:var(--fr-muted)!important;
  padding-left:.25rem!important;
}
html[data-crm-theme="light"] .module-clients.action-index .crm-ux-soft-filter .col-lg-2{
  flex:0 0 9.5rem!important;
  max-width:9.5rem!important;
}

/* Finance page: cashbox and toolbar hierarchy. */
html[data-crm-theme="light"] .module-finance .btn-group{
  background:#f1f5f9!important;
  border:1px solid #d7e2ee!important;
  border-radius:.7rem!important;
  padding:.18rem!important;
}
html[data-crm-theme="light"] .module-finance .btn-group .btn{
  box-shadow:none!important;
}
html[data-crm-theme="light"] .module-finance .card-body > .row.mb-3 .border{
  background:#fff!important;
  border-color:#cfd9e6!important;
}
html[data-crm-theme="light"] .module-finance .btn-success,
html[data-crm-theme="light"] .module-finance .btn-outline-secondary[href*="transfer"]{
  background:#fff!important;
  color:#166534!important;
  border-color:#9bd8b0!important;
}

/* Reports/analytics: less empty-table noise. */
html[data-crm-theme="light"] .module-reports .card .card-body:empty,
html[data-crm-theme="light"] .module-reports .table tbody:empty{
  min-height:0!important;
}
html[data-crm-theme="light"] .module-reports .row .card{
  min-height:auto!important;
}

/* Today page. */
html[data-crm-theme="light"] .crm-today-hero .card-body{
  padding:.9rem 1rem!important;
}
html[data-crm-theme="light"] .crm-today-stat .card-body{
  min-height:4.25rem!important;
}
html[data-crm-theme="light"] .crm-today-feed-item,
html[data-crm-theme="light"] .crm-today-mini-item{
  background:#fff!important;
  color:var(--fr-text)!important;
  border:1px solid var(--fr-border)!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .crm-today-feed-meta,
html[data-crm-theme="light"] .crm-today-mini-main small{
  color:var(--fr-muted)!important;
}

/* Calendar/schedule: reduce noise in light mode. */
html[data-crm-theme="light"] .beauty-calendar-shell,
html[data-crm-theme="light"] .beauty-calendar-main,
html[data-crm-theme="light"] .beauty-calendar-left,
html[data-crm-theme="light"] .beauty-side-card,
html[data-crm-theme="light"] .beauty-toolbar,
html[data-crm-theme="light"] .beauty-top-filters,
html[data-crm-theme="light"] .beauty-day-summary,
html[data-crm-theme="light"] .beauty-master-headrow,
html[data-crm-theme="light"] .beauty-time-corner,
html[data-crm-theme="light"] .beauty-time-gutter,
html[data-crm-theme="light"] .beauty-master-head{
  background:#fff!important;
  color:var(--fr-text)!important;
  border-color:var(--fr-border)!important;
}
html[data-crm-theme="light"] .beauty-master-grid{
  background:repeating-linear-gradient(to bottom,#ffffff 0,#ffffff 59px,#dfe7f1 60px)!important;
}
html[data-crm-theme="light"] .beauty-grid-line:not(.hour){
  opacity:.22!important;
}
html[data-crm-theme="light"] .beauty-grid-line.hour{
  background:#d8e2ee!important;
}
html[data-crm-theme="light"] .beauty-time-gutter-right{
  display:none!important;
}
html[data-crm-theme="light"] .beauty-timetable-scroll{
  grid-template-columns:54px 1fr!important;
}
html[data-crm-theme="light"] .beauty-free-slot{
  background:transparent!important;
  outline-color:transparent!important;
}
html[data-crm-theme="light"] .beauty-free-slot:hover{
  background:#eef7ff!important;
  outline-color:#b9dafd!important;
}
html[data-crm-theme="light"] .beauty-appointment{
  background:#e9f2ff!important;
  color:var(--fr-text)!important;
  border:1px solid #8bbcff!important;
  border-left:4px solid var(--fr-primary)!important;
  box-shadow:0 .25rem .8rem rgba(22,105,232,.12)!important;
}
html[data-crm-theme="light"] .beauty-appointment-time{
  color:#145bd1!important;
}
html[data-crm-theme="light"] .beauty-appointment-title,
html[data-crm-theme="light"] .beauty-appointment-client{
  color:var(--fr-text)!important;
}
html[data-crm-theme="light"] .beauty-empty-footer{
  background:#f8fafc!important;
  border-color:#d7e2ee!important;
}

/* Masters month grid: make it usable instead of a sea of badges. */
html[data-crm-theme="light"] .staff-month-table th,
html[data-crm-theme="light"] .staff-month-table td,
html[data-crm-theme="light"] .staff-month-table .staff-col{
  background:#fff!important;
  color:var(--fr-text)!important;
  border-color:#d7e2ee!important;
}
html[data-crm-theme="light"] .staff-month-table .day-col.weekend{
  background:#f4f7fb!important;
}
html[data-crm-theme="light"] .work-chip{
  background:#dff7e8!important;
  color:#14532d!important;
  border-color:#bce8cc!important;
  font-weight:800!important;
}
html[data-crm-theme="light"] .work-chip.is-off{
  background:#f1f5f9!important;
  border-color:#e2e8f0!important;
}
html[data-crm-theme="light"] .work-chip.is-off span{
  color:#aab6c5!important;
}

/* Footer. */
html[data-crm-theme="light"] .app-footer{
  background:#fff!important;
  color:#64748b!important;
  border-top:1px solid #d7e2ee!important;
  box-shadow:0 -.25rem .9rem rgba(15,23,42,.035)!important;
}
html[data-crm-theme="light"] .app-footer strong,
html[data-crm-theme="light"] .app-footer .crm-footer-version{
  color:#334155!important;
}
html[data-crm-theme="light"] .app-footer a{
  color:#1972c5!important;
}

/* Floating chat should not cover data-heavy screens. */
html[data-crm-theme="light"] .crm-mobile-chat-toggle{
  box-shadow:0 .7rem 1.8rem rgba(8,145,178,.24)!important;
}
html[data-crm-theme="light"] .module-schedule.action-index .crm-mobile-chat-toggle,
html[data-crm-theme="light"] .module-schedule.action-masters .crm-mobile-chat-toggle{
  bottom:5.5rem!important;
}

/* Responsive cleanup. */
@media (max-width:1399.98px){
  html[data-crm-theme="light"] .app-header #tenantDropdown span{
    max-width:7rem!important;
  }
  html[data-crm-theme="light"] .app-header #userDropdown span{
    max-width:6rem!important;
  }
}
@media (max-width:1199.98px){
  html[data-crm-theme="light"] .app-header #tenantDropdown span,
  html[data-crm-theme="light"] .app-header #userDropdown span{
    display:none!important;
  }
}
@media (max-width:767.98px){
  html[data-crm-theme="light"] .crm-inline-notice--setup .crm-inline-notice__text--wide span{
    display:none!important;
  }
  html[data-crm-theme="light"] .app-content .container-fluid{
    padding-left:.75rem!important;
    padding-right:.75rem!important;
  }
}

/* v1.1.1 hotfix: bring back blue header in light theme and restore hidden topbar elements */
html[data-crm-theme="light"] .app-header.navbar,
html[data-crm-theme="light"] .app-header{
  background:linear-gradient(180deg,#23bbda 0%,#18afd0 100%)!important;
  color:#ffffff!important;
  border-bottom:1px solid rgba(5,74,100,.22)!important;
  box-shadow:0 .45rem 1.35rem rgba(9,64,88,.18)!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-inner{
  min-height:3.35rem!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-start .nav-link,
html[data-crm-theme="light"] .app-header .nav-link{
  background:rgba(255,255,255,.12)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .app-header .nav-link:hover,
html[data-crm-theme="light"] .app-header .dropdown-toggle:hover,
html[data-crm-theme="light"] .app-header .btn:hover{
  background:rgba(255,255,255,.22)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.28)!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .form-control,
html[data-crm-theme="light"] .app-header form[role="search"] .form-control,
html[data-crm-theme="light"] .app-header .input-group .form-control{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(8,77,101,.16)!important;
  box-shadow:0 .18rem .7rem rgba(8,77,101,.14)!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .btn,
html[data-crm-theme="light"] .app-header form[role="search"] .btn,
html[data-crm-theme="light"] .app-header .input-group .btn,
html[data-crm-theme="light"] .app-header .btn.btn-light,
html[data-crm-theme="light"] .app-header .crm-topbar-balance,
html[data-crm-theme="light"] .app-header .crm-topbar-create{
  background:#ffffff!important;
  color:#0d7496!important;
  border:1px solid rgba(7,89,114,.14)!important;
  box-shadow:0 .18rem .7rem rgba(8,77,101,.12)!important;
}
html[data-crm-theme="light"] .app-header .btn.btn-light:hover,
html[data-crm-theme="light"] .app-header .crm-topbar-balance:hover,
html[data-crm-theme="light"] .app-header .crm-topbar-create:hover{
  background:#f2fbff!important;
  color:#095b75!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-start .nav-link{
  background:rgba(255,255,255,.2)!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.24)!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .form-control::placeholder,
html[data-crm-theme="light"] .app-header .form-control::placeholder{
  color:#7c8ba1!important;
}
html[data-crm-theme="light"] .app-header #notificationsDropdown,
html[data-crm-theme="light"] .app-header #notificationsDropdown i,
html[data-crm-theme="light"] .app-header .crm-topbar-start .nav-link i,
html[data-crm-theme="light"] .app-header .nav-link i,
html[data-crm-theme="light"] .app-header .dropdown-toggle i,
html[data-crm-theme="light"] .app-header .btn i,
html[data-crm-theme="light"] .app-header .btn span,
html[data-crm-theme="light"] .app-header .dropdown-toggle span,
html[data-crm-theme="light"] .app-header #tenantDropdown,
html[data-crm-theme="light"] .app-header #userDropdown{
  color:inherit!important;
  opacity:1!important;
}
html[data-crm-theme="light"] .app-header #tenantDropdown,
html[data-crm-theme="light"] .app-header #userDropdown{
  background:rgba(255,255,255,.14)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.2)!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .app-header #tenantDropdown:hover,
html[data-crm-theme="light"] .app-header #userDropdown:hover{
  background:rgba(255,255,255,.22)!important;
}
html[data-crm-theme="light"] .app-header .dropdown-toggle::after{
  color:inherit!important;
  opacity:.9!important;
}
html[data-crm-theme="light"] .app-header .crm-notification-badge{
  background:#ffffff!important;
  color:#0d7496!important;
  border-color:#ffffff!important;
  box-shadow:0 .15rem .45rem rgba(8,77,101,.14)!important;
}
html[data-crm-theme="light"] .app-header .dropdown-menu{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #d7e2ee!important;
}
html[data-crm-theme="light"] .app-header .dropdown-item,
html[data-crm-theme="light"] .app-header .dropdown-item i,
html[data-crm-theme="light"] .app-header .dropdown-item span,
html[data-crm-theme="light"] .app-header .dropdown-header,
html[data-crm-theme="light"] .app-header .dropdown-item-text,
html[data-crm-theme="light"] .app-header .dropdown-item-text *{
  color:#0f172a!important;
  opacity:1!important;
}
html[data-crm-theme="light"] .app-header .dropdown-item:hover,
html[data-crm-theme="light"] .app-header .dropdown-item:focus{
  background:#eef6ff!important;
  color:#0f3f9c!important;
}
html[data-crm-theme="light"] .app-header .dropdown-item:hover i,
html[data-crm-theme="light"] .app-header .dropdown-item:focus i{
  color:#0f3f9c!important;
}
html[data-crm-theme="light"] .app-header .dropdown-item.active,
html[data-crm-theme="light"] .app-header .dropdown-item.active .fw-semibold,
html[data-crm-theme="light"] .app-header .dropdown-item.active .small{
  color:#ffffff!important;
}
html[data-crm-theme="light"] .app-header .dropdown-item.active .small{
  opacity:.85!important;
}
html[data-crm-theme="light"] .app-header .text-white-50{
  color:#d5e7ff!important;
}

/* v1.1.1 hotfix: restore light-theme header and sidebar-brand colors to v1.0.13 look */
html[data-crm-theme="light"] .app-header.navbar-cyan,
html[data-crm-theme="light"] .app-sidebar .sidebar-brand.bg-info,
html[data-crm-theme="light"] .app-sidebar .sidebar-brand.bg-cyan{
  background:linear-gradient(180deg,#22bbda 0%,#1ab2d2 100%)!important;
  color:#fff!important;
}
html[data-crm-theme="light"] .app-header.navbar-cyan{
  border-bottom:1px solid rgba(2,83,102,.18)!important;
  box-shadow:0 .35rem 1rem rgba(2,62,78,.16)!important;
}
html[data-crm-theme="light"] .app-sidebar .sidebar-brand.bg-info,
html[data-crm-theme="light"] .app-sidebar .sidebar-brand.bg-cyan{
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .app-header,
html[data-crm-theme="light"] .app-header *{
  color:inherit;
}
html[data-crm-theme="light"] .app-header{
  color:#fff!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-inner{min-height:3.05rem!important;}
html[data-crm-theme="light"] .app-header .navbar-nav>.nav-item>.nav-link,
html[data-crm-theme="light"] .app-header .nav-link,
html[data-crm-theme="light"] .app-header .nav-link i,
html[data-crm-theme="light"] .app-header .nav-link span,
html[data-crm-theme="light"] .app-header .btn,
html[data-crm-theme="light"] .app-header .btn i,
html[data-crm-theme="light"] .app-header .btn span{
  color:#fff!important;
  font-weight:700!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-start .nav-link,
html[data-crm-theme="light"] .app-header .crm-topbar-actions>.nav-item>.nav-link{
  min-height:2.15rem;
  border:1px solid rgba(255,255,255,.42)!important;
  background:rgba(3,87,104,.18)!important;
  border-radius:.65rem!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-start .nav-link:hover,
html[data-crm-theme="light"] .app-header .crm-topbar-start .nav-link:focus,
html[data-crm-theme="light"] .app-header .crm-topbar-actions>.nav-item>.nav-link:hover,
html[data-crm-theme="light"] .app-header .crm-topbar-actions>.nav-item>.nav-link:focus,
html[data-crm-theme="light"] .app-header .dropdown-toggle:hover,
html[data-crm-theme="light"] .app-header .btn:hover{
  background:rgba(2,73,91,.28)!important;
  border-color:rgba(255,255,255,.65)!important;
  color:#fff!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search{max-width:640px;}
html[data-crm-theme="light"] .app-header .crm-topbar-search .input-group,
html[data-crm-theme="light"] .app-header form[role="search"] .input-group,
html[data-crm-theme="light"] .app-header .input-group:has([data-global-search-input]){
  min-height:2.2rem;
  background:#fff!important;
  border:1px solid rgba(2,83,102,.28)!important;
  border-radius:.7rem!important;
  overflow:hidden;
  box-shadow:0 .35rem .9rem rgba(2,62,78,.18), inset 0 1px 0 rgba(255,255,255,.75)!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .form-control,
html[data-crm-theme="light"] .app-header .crm-topbar-search [data-global-search-input],
html[data-crm-theme="light"] .app-header form[role="search"] .form-control,
html[data-crm-theme="light"] .app-header .input-group [data-global-search-input]{
  background:#fff!important;
  color:#102033!important;
  border:0!important;
  box-shadow:none!important;
  font-weight:650!important;
  min-height:2.2rem;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .form-control::placeholder,
html[data-crm-theme="light"] .app-header .crm-topbar-search [data-global-search-input]::placeholder,
html[data-crm-theme="light"] .app-header form[role="search"] .form-control::placeholder,
html[data-crm-theme="light"] .app-header .input-group [data-global-search-input]::placeholder{
  color:#506574!important;
  opacity:1!important;
  font-weight:650!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .btn,
html[data-crm-theme="light"] .app-header form[role="search"] .btn,
html[data-crm-theme="light"] .app-header .input-group .btn,
html[data-crm-theme="light"] .app-header .btn.btn-light,
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-balance,
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-create{
  min-height:2.2rem;
  background:#fff!important;
  border:1px solid rgba(2,83,102,.22)!important;
  color:#075468!important;
  box-shadow:0 .3rem .8rem rgba(2,62,78,.15)!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .btn{
  min-width:2.45rem;
  border:0!important;
  border-left:1px solid rgba(2,83,102,.16)!important;
  background:#f8fbfd!important;
  color:#07708a!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .btn i,
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-balance i,
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-balance span,
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-create i,
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-create span,
html[data-crm-theme="light"] .app-header .btn.btn-light,
html[data-crm-theme="light"] .app-header .btn.btn-light i,
html[data-crm-theme="light"] .app-header .btn.btn-light span{
  color:#075468!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-search .btn:hover,
html[data-crm-theme="light"] .app-header .crm-topbar-search .btn:focus{
  background:#ecf8fb!important;
  color:#035f76!important;
}
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-balance:hover,
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-create:hover,
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-balance:focus,
html[data-crm-theme="light"] .app-header .crm-topbar-actions .btn.crm-topbar-create:focus,
html[data-crm-theme="light"] .app-header .btn.btn-light:hover,
html[data-crm-theme="light"] .app-header .btn.btn-light:focus{
  background:#f2fbfd!important;
  border-color:rgba(2,83,102,.42)!important;
}
html[data-crm-theme="light"] .app-header #tenantDropdown,
html[data-crm-theme="light"] .app-header #userDropdown{
  padding-left:.65rem!important;
  padding-right:.65rem!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.38)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .app-header #tenantDropdown:hover,
html[data-crm-theme="light"] .app-header #userDropdown:hover{
  background:rgba(255,255,255,.26)!important;
  border-color:rgba(255,255,255,.58)!important;
}
html[data-crm-theme="light"] .app-header #tenantDropdown span,
html[data-crm-theme="light"] .app-header #userDropdown span,
html[data-crm-theme="light"] .app-header #tenantDropdown i,
html[data-crm-theme="light"] .app-header #userDropdown i,
html[data-crm-theme="light"] .app-header #notificationsDropdown,
html[data-crm-theme="light"] .app-header #notificationsDropdown i,
html[data-crm-theme="light"] .app-header .dropdown-toggle::after{
  color:#fff!important;
  opacity:1!important;
}
html[data-crm-theme="light"] .app-header .crm-notification-badge{
  background:#dc3545!important;
  border-color:#fff!important;
  color:#fff!important;
  font-weight:700!important;
  box-shadow:none!important;
}
html[data-crm-theme="light"] .app-header .dropdown-menu,
html[data-crm-theme="light"] .app-header .dropdown-menu *{
  color:var(--bs-body-color)!important;
  font-weight:400!important;
}
html[data-crm-theme="light"] .app-header .dropdown-menu{
  background:#fff!important;
  border:1px solid rgba(2,83,102,.12)!important;
  box-shadow:0 1rem 2.5rem rgba(15,23,42,.16)!important;
}
html[data-crm-theme="light"] .app-header .dropdown-menu .dropdown-header,
html[data-crm-theme="light"] .app-header .dropdown-menu .fw-semibold{
  font-weight:700!important;
}
html[data-crm-theme="light"] .app-header .dropdown-menu .text-muted{
  color:var(--bs-secondary-color)!important;
}
html[data-crm-theme="light"] .app-header .dropdown-menu .dropdown-item.active{
  color:#fff!important;
  font-weight:700!important;
}
html[data-crm-theme="light"] .app-sidebar .sidebar-brand .brand-text,
html[data-crm-theme="light"] .app-sidebar .sidebar-brand .brand-link,
html[data-crm-theme="light"] .app-sidebar .sidebar-brand .brand-link *{
  color:#fff!important;
}

/* AdminLTE mini sidebar: icons when collapsed, full menu on sidebar hover. */
.crm-sidebar-brand-mini{
  display:none;
  width:36px;
  height:36px;
  object-fit:contain;
}
@media (min-width:992px){
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .crm-sidebar-brand-link .brand-text{
    display:none!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .crm-sidebar-brand-mini{
    display:block!important;
    margin:0 auto!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:hover .crm-sidebar-brand-mini{
    display:none!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .user-panel{
    margin:.5rem .4rem!important;
    padding:.55rem 0!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .user-panel .d-flex{
    justify-content:center!important;
    gap:0!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .user-panel img{
    width:34px!important;
    height:34px!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .user-panel .info,
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .nav-header,
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .nav-link p,
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .nav-treeview{
    display:none!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .nav-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:2.75rem!important;
    margin:.12rem .45rem!important;
    padding:.55rem 0!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .nav-link .nav-icon{
    width:1.5rem!important;
    min-width:1.5rem!important;
    margin:0!important;
    font-size:1.18rem!important;
    text-align:center!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:not(:hover) .crm-sidebar-edit-menu-item{
    margin-top:.3rem!important;
    padding-top:.3rem!important;
  }
  body.sidebar-mini.sidebar-collapse .app-sidebar:hover .nav-link{
    justify-content:flex-start!important;
  }
}

/* Production UI baseline: consistent themes and touch-first responsive layout. */
html[data-crm-theme="light"]{color-scheme:light;--crm-surface:#fff;--crm-surface-soft:#f4f7fb;--crm-border:#d8e1ec;--crm-text:#172033;--crm-muted:#5d6b7e}
html[data-crm-theme="dark"],html[data-crm-theme="darker"]{color-scheme:dark;--crm-surface:#172033;--crm-surface-soft:#101827;--crm-border:#334155;--crm-text:#eef4ff;--crm-muted:#aebbd0}
html[data-crm-theme="dark"] body,html[data-crm-theme="darker"] body{background:#0f172a;color:var(--crm-text)}
html[data-crm-theme="darker"] body{background:#080d17}
html[data-crm-theme="dark"] .card,html[data-crm-theme="darker"] .card,
html[data-crm-theme="dark"] .dropdown-menu,html[data-crm-theme="darker"] .dropdown-menu,
html[data-crm-theme="dark"] .modal-content,html[data-crm-theme="darker"] .modal-content,
html[data-crm-theme="dark"] .offcanvas,html[data-crm-theme="darker"] .offcanvas{background:var(--crm-surface);color:var(--crm-text);border-color:var(--crm-border)}
html[data-crm-theme="dark"] .card-header,html[data-crm-theme="darker"] .card-header,
html[data-crm-theme="dark"] .card-footer,html[data-crm-theme="darker"] .card-footer,
html[data-crm-theme="dark"] .list-group-item,html[data-crm-theme="darker"] .list-group-item,
html[data-crm-theme="dark"] .table,html[data-crm-theme="darker"] .table{--bs-table-bg:transparent;--bs-table-color:var(--crm-text);--bs-table-border-color:var(--crm-border);background-color:transparent;color:var(--crm-text);border-color:var(--crm-border)}
html[data-crm-theme="dark"] .text-muted,html[data-crm-theme="darker"] .text-muted{color:var(--crm-muted)!important}
html[data-crm-theme="dark"] .form-control,html[data-crm-theme="dark"] .form-select,
html[data-crm-theme="darker"] .form-control,html[data-crm-theme="darker"] .form-select{background-color:#0e1625;border-color:#40506a;color:var(--crm-text)}
html[data-crm-theme="dark"] .form-control::placeholder,html[data-crm-theme="darker"] .form-control::placeholder{color:#91a0b8;opacity:1}
html[data-crm-theme="dark"] .bg-white,html[data-crm-theme="darker"] .bg-white,
html[data-crm-theme="dark"] .bg-body-tertiary,html[data-crm-theme="darker"] .bg-body-tertiary{background-color:var(--crm-surface-soft)!important}
html[data-crm-theme="light"] body{background:#f3f6fa;color:var(--crm-text)}
html[data-crm-theme="light"] .card{border-color:var(--crm-border);box-shadow:0 .25rem 1rem rgba(15,23,42,.055)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(13,110,253,.38)!important;outline-offset:2px}
.table-responsive{-webkit-overflow-scrolling:touch;scrollbar-width:thin}
img,svg,video{max-width:100%}

@media(max-width:991.98px){
  .app-main,.app-content,.content-wrapper{min-width:0!important}
  .app-content,.content-wrapper .content{padding-left:.75rem!important;padding-right:.75rem!important}
  .crm-topbar-inner{gap:.4rem!important;padding-inline:.5rem!important}
  .crm-topbar-search{order:3;flex:1 0 100%!important;max-width:none!important}
  .crm-topbar-actions{margin-left:auto!important;gap:.25rem!important}
  .crm-page-intro,.crm-page-header{align-items:flex-start!important}
  .crm-page-intro .btn,.crm-page-header .btn{white-space:normal}
  .app-footer{padding:1rem!important;text-align:center;justify-content:center!important}
  .crm-footer-legal{flex-basis:100%;justify-content:center;flex-wrap:wrap}
}
@media(max-width:767.98px){
  body{font-size:.9375rem}
  h1,.h1{font-size:1.65rem}h2,.h2{font-size:1.4rem}h3,.h3{font-size:1.2rem}
  .container,.container-fluid{--bs-gutter-x:1.25rem}
  .card{border-radius:.8rem}.card-body{padding:1rem}.card-header,.card-footer{padding:.8rem 1rem}
  .row>[class*="col-"]{min-width:0}
  .btn,.form-control,.form-select{min-height:44px}
  .btn-sm,.form-control-sm,.form-select-sm{min-height:38px}
  .input-group>.btn{min-width:44px}
  .table{min-width:640px;margin-bottom:0}
  .table.table-sm{min-width:560px}
  .table th,.table td{white-space:nowrap;vertical-align:middle}
  .table td .text-wrap,.table td p,.table td small{white-space:normal}
  .modal-dialog{margin:.5rem}.modal-content{max-height:calc(100dvh - 1rem)}.modal-body{overflow:auto}
  .offcanvas{max-width:94vw}
  .booking-page-card-main,.booking-page-card-actions{display:flex;flex-direction:column;align-items:stretch!important}
  .booking-page-card-actions .btn,.booking-page-card-actions form,.booking-page-card-actions form .btn{width:100%}
  .booking-page-card-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .crm-mobile-chat-panel{position:fixed!important;inset:.5rem!important;width:auto!important;height:auto!important;max-height:none!important;border-radius:1rem!important}
}
@media(max-width:575.98px){
  .crm-topbar-search{display:none!important}
  .crm-topbar-actions .crm-topbar-balance span,.crm-topbar-actions .crm-topbar-create span,#tenantDropdown span,#userDropdown span{display:none!important}
  .crm-topbar-actions .btn,.crm-topbar-actions .nav-link,#tenantDropdown,#userDropdown{width:42px;min-width:42px;padding-inline:.45rem!important;justify-content:center}
  .dropdown-menu{max-width:calc(100vw - 1rem);overflow-wrap:anywhere}
  .btn-group{display:flex;flex-wrap:wrap}.btn-group>.btn{flex:1 1 auto;border-radius:.5rem!important;margin:.1rem}
  .booking-page-card-stats small{font-size:.68rem;overflow-wrap:anywhere}
  .crm-footer-version{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Schedule polish: readable month title and a single coherent side panel. */
.beauty-calendar-wide{gap:14px!important}
.beauty-calendar-wide .beauty-calendar-left{width:192px!important;flex:0 0 192px!important;padding:0!important}
.beauty-calendar-wide .beauty-side-card{padding:12px!important;border:1px solid var(--beauty-border)!important;border-radius:14px!important}
.beauty-mini-month-title{font-size:.86rem;font-weight:800;line-height:1.1;white-space:nowrap;text-transform:none}
.beauty-mini-weekdays{margin-bottom:5px}
.beauty-mini-weekdays span{font-size:10px!important;font-weight:800;color:var(--crm-muted,#64748b)}
.beauty-calendar-wide .beauty-mini-calendar{gap:3px!important}
.beauty-calendar-wide .beauty-mini-calendar a,.beauty-calendar-wide .beauty-mini-calendar span{height:25px!important;min-height:25px!important;font-size:11px!important;border-radius:7px!important}
.beauty-side-filters{overflow:hidden}
.beauty-side-filters .form-select,.beauty-side-filters .btn{width:100%;min-width:0}
.beauty-side-actions{margin:12px -12px -12px;padding:12px;border-top:1px solid var(--beauty-border);background:rgba(148,163,184,.045)}
.beauty-side-actions .btn{white-space:normal;line-height:1.25;padding:.55rem .5rem}
html[data-crm-theme="light"] .beauty-calendar-left{background:transparent!important;color:#172033!important}
html[data-crm-theme="light"] .beauty-side-card{background:#fff!important;color:#172033!important;border-color:#d7e1ec!important;box-shadow:0 .3rem 1rem rgba(15,23,42,.055)!important}
html[data-crm-theme="light"] .beauty-mini-calendar a,html[data-crm-theme="light"] .beauty-mini-calendar span{background:#eef2f6!important;color:#526176!important}
html[data-crm-theme="light"] .beauty-mini-calendar a:hover{background:#e0edff!important;color:#0d6efd!important}
html[data-crm-theme="light"] .beauty-mini-calendar a.has-items{background:#dff8ef!important;color:#08775d!important}
html[data-crm-theme="light"] .beauty-mini-calendar a.active{background:#2563eb!important;color:#fff!important;box-shadow:0 4px 10px rgba(37,99,235,.25)!important}
html[data-crm-theme="light"] .beauty-side-actions{background:#f7f9fc;border-color:#d7e1ec}
@media(max-width:1199.98px){.beauty-calendar-wide .beauty-calendar-left{width:auto!important;flex-basis:auto!important;display:grid;grid-template-columns:minmax(210px,280px) minmax(260px,1fr);gap:12px;align-items:start}.beauty-calendar-wide .beauty-side-card{margin:0!important}.beauty-calendar-wide .beauty-calendar-main{margin-top:12px}}
@media(max-width:767.98px){.beauty-calendar-wide .beauty-calendar-left{display:block}.beauty-calendar-wide .beauty-side-card{margin-bottom:10px!important}.beauty-calendar-wide .beauty-mini-calendar a,.beauty-calendar-wide .beauty-mini-calendar span{height:34px!important;min-height:34px!important;font-size:12px!important}}


/* Booking mode switches: correct dark theme contrast. */
html[data-crm-theme="dark"] .booking-mode-switch,
html[data-crm-theme="darker"] .booking-mode-switch{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
  box-shadow:none!important;
}
html[data-crm-theme="dark"] .booking-mode-switch small,
html[data-crm-theme="darker"] .booking-mode-switch small{
  color:var(--crm-muted)!important;
}
html[data-crm-theme="dark"] .booking-mode-switch.is-on,
html[data-crm-theme="darker"] .booking-mode-switch.is-on{
  background:rgba(34,197,94,.10)!important;
  border-color:rgba(34,197,94,.32)!important;
}
html[data-crm-theme="dark"] .booking-mode-switch.is-on .booking-mode-icon,
html[data-crm-theme="darker"] .booking-mode-switch.is-on .booking-mode-icon{
  background:rgba(34,197,94,.16)!important;
  color:#86efac!important;
  border-color:rgba(34,197,94,.30)!important;
}
html[data-crm-theme="dark"] .booking-mode-switch.is-off,
html[data-crm-theme="darker"] .booking-mode-switch.is-off{
  background:rgba(148,163,184,.08)!important;
  border-color:var(--crm-border-soft)!important;
}