:root {
    --bazaria-primary: #5b4cf0;
    --bazaria-primary-rgb: 91, 76, 240;
    --bazaria-dark: #172033;
    --bazaria-muted: #667085;
    --sidebar-width: 270px;
}

/* Thème personnalisable depuis Paramètres > Apparence. */
a { --bs-link-color-rgb: var(--bazaria-primary-rgb); }
.btn-primary { --bs-btn-hover-bg: color-mix(in srgb,var(--bazaria-primary) 82%,#000); --bs-btn-hover-border-color: color-mix(in srgb,var(--bazaria-primary) 82%,#000); --bs-btn-active-bg: color-mix(in srgb,var(--bazaria-primary) 74%,#000); --bs-btn-active-border-color: color-mix(in srgb,var(--bazaria-primary) 74%,#000); }
.form-check-input:checked { border-color: var(--bazaria-primary); background-color: var(--bazaria-primary); }
.text-primary { color: var(--bazaria-primary)!important; }.bg-primary { background-color: var(--bazaria-primary)!important; }.border-primary { border-color: var(--bazaria-primary)!important; }
.sidebar-link:hover,.sidebar-link.active { background: rgba(var(--bazaria-primary-rgb),.28); }
.sidebar-sublink.active > i { background: var(--bazaria-primary); }
.orders-submenu .sidebar-sublink.active { border-color: rgba(var(--bazaria-primary-rgb),.3); background: linear-gradient(90deg,rgba(var(--bazaria-primary-rgb),.3),rgba(var(--bazaria-primary-rgb),.1)); box-shadow: inset 3px 0 0 color-mix(in srgb,var(--bazaria-primary) 72%,#fff); }
.analytics-hero,.friendly-page-hero { background: linear-gradient(125deg,color-mix(in srgb,var(--bazaria-primary) 45%,#11152e),var(--bazaria-primary) 64%,color-mix(in srgb,var(--bazaria-primary) 75%,#fff)); }
.login-visual { background: linear-gradient(145deg,color-mix(in srgb,var(--bazaria-primary) 30%,#0c1024),color-mix(in srgb,var(--bazaria-primary) 66%,#18132f),var(--bazaria-primary)); }
.login-submit { background: linear-gradient(100deg,color-mix(in srgb,var(--bazaria-primary) 84%,#000),color-mix(in srgb,var(--bazaria-primary) 80%,#fff)); box-shadow: 0 13px 25px rgba(var(--bazaria-primary-rgb),.24); }
.appearance-color-field { display:grid; grid-template-columns:58px minmax(130px,180px) 1fr; gap:12px; align-items:center; }.appearance-color-field input[type="color"] { width:58px; height:48px; padding:4px; border:1px solid #e4e7ec; border-radius:11px; background:#fff; }.appearance-color-preview { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 16px; border-radius:12px; color:#fff; font-weight:750; background:var(--bazaria-primary); }.appearance-upload { display:flex; align-items:center; gap:16px; }.appearance-upload > img { width:82px; height:82px; flex:0 0 82px; border:1px solid #e5e7ef; border-radius:18px; object-fit:cover; background:#f5f3ff; padding:4px; }.appearance-upload > img.is-favicon { width:58px; height:58px; flex-basis:58px; border-radius:13px; }.appearance-upload > div { min-width:0; flex:1; }.appearance-upload small { display:block; margin-top:5px; color:#8b93a4; font-size:.7rem; }
@media (max-width:575.98px) { .appearance-color-field { grid-template-columns:58px 1fr; }.appearance-color-preview { grid-column:1/-1; }.appearance-upload { align-items:flex-start; flex-direction:column; } }

body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--bazaria-dark); }
.auth-page { margin: 0; background: #f7f7fb; }
.login-card { width: min(100%, 460px); border-radius: 24px; }
.error-card { width: min(100%, 520px); border-radius: 24px; }
.error-icon { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 20px; background: #fee4e2; color: #d92d20; font-size: 1.8rem; }
.login-logo { display: block; width: 76px; height: 76px; object-fit: cover; border-radius: 50%; box-shadow: 0 12px 28px rgba(91, 76, 240, .3); }
.login-screen { display: grid; grid-template-columns: minmax(460px,1.05fr) minmax(500px,.95fr); min-height: 100vh; }
.login-visual { position: relative; display: flex; overflow: hidden; flex-direction: column; min-height: 100vh; padding: 38px 52px 30px; color: #fff; background: linear-gradient(145deg,#171236 0%,#342275 46%,#6849d8 100%); }
.login-visual::after { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(20,13,57,.97) 0%,rgba(29,18,72,.87) 42%,rgba(41,24,91,.38) 72%,rgba(50,31,110,.12) 100%),linear-gradient(180deg,rgba(18,12,52,.72) 0%,rgba(29,18,75,.12) 48%,rgba(19,12,55,.78) 100%); pointer-events: none; }.login-visual-orb { position: absolute; z-index: 0; right: -130px; bottom: -150px; width: 430px; height: 430px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018); }
.login-brand { position: relative; z-index: 2; display: flex; align-items: center; gap: 11px; font-size: 1.05rem; }.login-brand img { width: 45px; height: 45px; border: 3px solid rgba(255,255,255,.16); border-radius: 50%; object-fit: cover; }.login-brand strong { font-weight: 800; }.login-visual-copy { position: relative; z-index: 2; max-width: 560px; margin-top: 8vh; }.login-eyebrow { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.13); border-radius: 99px; background: rgba(255,255,255,.08); color: #dcd6ff; font-size: .68rem; font-weight: 700; letter-spacing: .04em; }.login-visual-copy h1 { max-width: 520px; margin: 16px 0 11px; font-size: clamp(2.2rem,3.5vw,3.55rem); font-weight: 800; letter-spacing: -.045em; line-height: 1.03; }.login-visual-copy p { max-width: 470px; margin: 0; color: rgba(255,255,255,.7); font-size: .9rem; line-height: 1.65; }
.login-hero-image { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 58% center; filter: saturate(.9) contrast(1.03); }.login-benefits { position: relative; z-index: 3; display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }.login-benefits span { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(17,10,51,.64); backdrop-filter: blur(9px); color: rgba(255,255,255,.84); font-size: .67rem; }.login-benefits i { color: #8ce1c5; }
@media (max-height: 820px) and (min-width: 992px) { .login-visual-copy { margin-top: 4vh; }.login-visual-copy h1 { font-size: 2.45rem; } }
.login-form-panel { display: grid; place-items: center; min-height: 100vh; padding: 45px 8vw; background: radial-gradient(circle at 95% 5%,#f0edff 0,transparent 30%),#fbfbfd; }.login-form-wrap { width: min(100%,440px); }.login-mobile-brand { display: none; }.login-form-kicker { color: #6957e8; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.login-form-wrap h2 { margin: 7px 0 6px; color: #222a3b; font-size: 2rem; font-weight: 800; letter-spacing: -.035em; }.login-form-intro { margin-bottom: 32px; color: #81899a; font-size: .82rem; }.login-field label { margin-bottom: 8px; color: #3a4355; font-size: .76rem; font-weight: 750; }.login-input { position: relative; display: flex; align-items: center; }.login-input > i { position: absolute; z-index: 2; left: 16px; color: #939bad; }.login-input .form-control { min-height: 52px; padding: 12px 48px 12px 45px; border: 1px solid #e0e3eb; border-radius: 13px!important; background: #fff; color: #2d3649; font-size: .8rem; box-shadow: 0 5px 15px rgba(37,43,65,.035); }.login-input .form-control:focus { border-color: #8c7ded; box-shadow: 0 0 0 4px rgba(105,87,232,.1); }.login-input .password-toggle { position: absolute; z-index: 3; right: 8px; display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 10px; background: #f5f4fb; color: #737c90; }.login-remember,.login-remember label { color: #636d80; font-size: .72rem; }.login-remember .form-check-input:checked { border-color: #6957e8; background-color: #6957e8; }.login-secure { color: #8c95a6; font-size: .64rem; }.login-secure i { color: #16986a; }.login-submit { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 54px; padding: 0 20px; border: 0; border-radius: 14px; background: linear-gradient(100deg,#5745df,#725cf0); color: #fff; font-size: .82rem; font-weight: 800; box-shadow: 0 13px 25px rgba(87,69,223,.24); transition: .2s ease; }.login-submit:hover { transform: translateY(-2px); box-shadow: 0 16px 30px rgba(87,69,223,.3); }.login-submit i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: rgba(255,255,255,.13); }.login-help { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 24px; color: #969dad; font-size: .66rem; }.login-error { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 22px; padding: 12px; border: 1px solid #f4c7cd; border-radius: 12px; background: #fff0f2; color: #a52e3d; }.login-error > span { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border-radius: 8px; background: #ffdce1; }.login-error > div { display: grid; }.login-error strong { font-size: .72rem; }.login-error small { font-size: .66rem; }
@media (max-width: 991.98px) { .login-screen { grid-template-columns: 1fr; }.login-visual { display: none; }.login-form-panel { padding: 35px 22px; }.login-mobile-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 42px; color: #282f42; font-size: 1rem; font-weight: 800; }.login-mobile-brand img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; box-shadow: 0 8px 20px rgba(91,76,240,.2); } }
.form-control, .input-group-text { border-color: #e4e7ec; }
.input-group-text { background: #f9fafb; color: var(--bazaria-muted); }
.password-toggle { border-color: #e4e7ec; background: #fff; color: var(--bazaria-muted); }
.password-toggle:hover, .password-toggle:focus { border-color: #8d82f8; background: #f6f5ff; color: var(--bazaria-primary); }
.password-strength-header { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; color: #667085; font-size: .78rem; }
.password-strength-header strong { color: #344054; }
.password-strength-track { height: 7px; overflow: hidden; border-radius: 999px; background: #eaecf0; }
.password-strength-bar { width: 0; height: 100%; border-radius: inherit; transition: width .25s ease, background-color .25s ease; }
.password-strength-bar.is-weak { width: 33%; background: #f04438; }
.password-strength-bar.is-medium { width: 66%; background: #f79009; }
.password-strength-bar.is-strong { width: 100%; background: #12b76a; }
.form-control:focus { border-color: #8d82f8; box-shadow: 0 0 0 .2rem rgba(91, 76, 240, .12); }
.btn-primary { --bs-btn-bg: var(--bazaria-primary); --bs-btn-border-color: var(--bazaria-primary); --bs-btn-hover-bg: #493bd5; --bs-btn-hover-border-color: #493bd5; }

.app-page { background: #f5f7fb; min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 1040; width: var(--sidebar-width); height: 100vh; height: 100dvh; overflow-x: hidden; overflow-y: auto; padding: 28px 22px 42px; background: #151b2b; color: white; overscroll-behavior: contain; scrollbar-color: rgba(158,169,193,.38) transparent; scrollbar-width: thin; -webkit-overflow-scrolling: touch; transition: transform .25s ease; }
.sidebar::-webkit-scrollbar { width: 6px; }
.sidebar::-webkit-scrollbar-track { background: transparent; }
.sidebar::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(158,169,193,.32); }
.sidebar::-webkit-scrollbar-thumb:hover { background: rgba(158,169,193,.5); }
.brand { display: flex; align-items: center; gap: 12px; color: white; font-size: 1.15rem; }
.brand-logo { width: 44px; height: 44px; object-fit: cover; border-radius: 50%; box-shadow: 0 0 0 3px rgba(255,255,255,.1); }
.sidebar-nav { display: grid; gap: 8px; margin-top: 48px; padding-bottom: 28px; }
.sidebar-link { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 11px; color: #aeb6c7; text-decoration: none; transition: .2s ease; }
.sidebar-link:hover, .sidebar-link.active { color: white; background: rgba(91, 76, 240, .28); }
.sidebar-menu-toggle { width: 100%; border: 0; background: transparent; text-align: left; }
.submenu-chevron { margin-left: auto; font-size: .75rem; transition: transform .2s ease; }
.sidebar-menu-toggle[aria-expanded="true"] .submenu-chevron { transform: rotate(180deg); }
.sidebar-submenu { display: grid; gap: 4px; margin: 4px 0 4px 26px; padding-left: 15px; border-left: 1px solid rgba(255, 255, 255, .12); }
.sidebar-sublink { display: flex; align-items: center; gap: 10px; min-height: 39px; padding: 9px 10px; border-radius: 8px; color: #8f9aaf; font-size: .86rem; line-height: 1.25; text-decoration: none; transition: .2s ease; }
.sidebar-sublink > i { display: grid; place-items: center; width: 24px; height: 24px; flex: 0 0 24px; border-radius: 7px; background: rgba(255,255,255,.045); color: #99a4b8; font-size: .78rem; line-height: 1; }
.sidebar-sublink > span { min-width: 0; }
.sidebar-sublink.active > i { background: #6555e4; color: #fff; }
.sidebar-sublink:hover, .sidebar-sublink.active { color: white; background: rgba(255, 255, 255, .07); }
.orders-submenu { gap: 6px; margin-top: 7px; margin-bottom: 9px; padding: 5px 0 5px 13px; border-left-color: rgba(139, 124, 255, .45); }
.orders-submenu .sidebar-sublink { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 9px 11px; border: 1px solid transparent; }
.orders-submenu .sidebar-sublink i { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; background: rgba(255, 255, 255, .055); color: #9da7ba; font-size: .78rem; transition: .2s ease; }
.orders-submenu .sidebar-sublink:hover { border-color: rgba(255, 255, 255, .06); background: rgba(255, 255, 255, .055); }
.orders-submenu .sidebar-sublink.active { border-color: rgba(132, 116, 255, .22); background: linear-gradient(90deg, rgba(106, 87, 232, .28), rgba(106, 87, 232, .1)); box-shadow: inset 3px 0 0 #8373f5; }
form.is-auto-submitting { opacity: .72; pointer-events: none; transition: opacity .15s ease; }
.friendly-page-hero { position: relative; display: flex; align-items: center; gap: 18px; overflow: hidden; padding: 25px 28px; border-radius: 22px; color: #fff; background: linear-gradient(125deg,#29205e 0%,#5f4be4 62%,#7665ee 100%); box-shadow: 0 18px 38px rgba(64,48,159,.2); }
.friendly-page-hero::after { content: ''; position: absolute; right: 8%; top: -60px; width: 190px; height: 190px; border-radius: 50%; background: rgba(255,255,255,.08); }
.confirmation-page-hero { background: linear-gradient(125deg,#283568,#5b4bdc 62%,#7768ee 100%); }
.delivery-page-hero { background: linear-gradient(125deg,#154d66,#287f91 58%,#43a8a7 100%); }
.customers-page-hero { background: linear-gradient(125deg,#3e2875,#7651c9 60%,#9a69e0 100%); }
.reminders-page-hero { background: linear-gradient(125deg,#69451c,#bd7925 58%,#e7a642 100%); }
.friendly-hero-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 58px; height: 58px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.2); border-radius: 17px; background: rgba(255,255,255,.13); backdrop-filter: blur(8px); font-size: 1.45rem; }
.friendly-page-hero > div { position: relative; z-index: 1; }.friendly-page-hero h1 { margin: 2px 0 3px; font-size: 1.7rem; font-weight: 800; }.friendly-page-hero p { margin: 0; color: rgba(255,255,255,.73); font-size: .82rem; }.friendly-kicker { color: rgba(255,255,255,.68); font-size: .65rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.friendly-hero-count { display: grid; min-width: 110px; padding: 12px 16px; border: 1px solid rgba(255,255,255,.15); border-radius: 15px; background: rgba(255,255,255,.1); text-align: center; backdrop-filter: blur(7px); }.friendly-hero-count strong { font-size: 1.35rem; }.friendly-hero-count span { color: rgba(255,255,255,.7); font-size: .65rem; }
.friendly-page-hero > .btn { position: relative; z-index: 2; border: 0; color: #5141c5; font-weight: 700; box-shadow: 0 8px 18px rgba(30,22,92,.18); }
.friendly-filter { overflow: hidden; border: 1px solid #e9e9f2; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(35,42,66,.055); }.friendly-filter .card-body { padding: 18px 20px; }.friendly-filter .form-label { color: #6f788b; font-size: .68rem; font-weight: 700; }.friendly-filter .form-control,.friendly-filter .form-select { min-height: 44px; border-color: #e3e5ed; border-radius: 11px; background-color: #fafbfc; font-size: .78rem; }.friendly-filter .form-control:focus,.friendly-filter .form-select:focus { border-color: #8e7ff0; background: #fff; box-shadow: 0 0 0 3px rgba(105,87,232,.1); }
.friendly-search { position: relative; }.friendly-search > i { position: absolute; z-index: 2; left: 15px; top: 50%; color: #929bad; transform: translateY(-50%); }.friendly-search .form-control { padding-left: 42px; }
.friendly-data-card { overflow: hidden; border: 1px solid #e9eaf0; border-radius: 19px; background: #fff; box-shadow: 0 9px 28px rgba(35,42,66,.06); }
.friendly-data-card > .table-responsive { max-height: max(420px,calc(100vh - 310px)); overflow: auto; scrollbar-gutter: stable; }
.friendly-data-card > .table-responsive::-webkit-scrollbar { width: 10px; height: 12px; }
.friendly-data-card > .table-responsive::-webkit-scrollbar-track { border-radius: 99px; background: #f0f1f6; }
.friendly-data-card > .table-responsive::-webkit-scrollbar-thumb { border: 2px solid #f0f1f6; border-radius: 99px; background: #a89ef0; }
.friendly-data-card > .table-responsive::-webkit-scrollbar-thumb:hover { background: #7464df; }
.friendly-table { width: max-content; min-width: 100%; table-layout: auto; }
.friendly-table thead { position: sticky; top: 0; z-index: 4; }
.friendly-table thead th { min-width: 76px; padding: 12px 13px; border-bottom: 1px solid #e8eaf0; background: #f8f9fc; color: #7d879a; font-size: .61rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; white-space: nowrap; }
.friendly-table tbody td { min-width: 76px; max-width: 260px; padding: 13px; border-color: #eef0f4; color: #374156; font-size: .75rem; overflow-wrap: anywhere; }
.friendly-table tbody tr { transition: .15s ease; }.friendly-table tbody tr:hover { background: #faf9ff; }.order-reference { color: #5948d8; font-weight: 800; text-decoration: none; }.order-reference:hover { color: #3d2fb1; }.table-meta { display: flex; align-items: center; gap: 5px; margin-top: 4px; color: #99a1b1; font-size: .65rem; }
.customer-cell { display: flex; align-items: center; gap: 10px; }.customer-cell > span { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 11px; background: linear-gradient(145deg,#ece9ff,#f6f4ff); color: #6957e8; font-weight: 800; }.customer-cell > div { display: grid; }.customer-cell strong { color: #303a4e; font-size: .78rem; }.customer-cell small { display: flex; align-items: center; gap: 4px; margin-top: 2px; color: #939bac; font-size: .65rem; }.amount-cell { color: #242d40!important; font-weight: 800; white-space: nowrap; }.amount-cell small { color: #929bad; font-size: .6rem; }.tracking-chip,.location-chip { display: inline-flex; align-items: center; gap: 6px; color: #687387; font-size: .71rem; }.tracking-chip i,.location-chip i { color: #6957e8; }.status-update { display: flex; gap: 7px; min-width: 215px; }.status-update .form-select { border-color: #e1e4ec; border-radius: 9px; font-size: .7rem; }.metric-pill { display: inline-grid; place-items: center; min-width: 33px; height: 29px; border-radius: 9px; font-weight: 800; }.metric-pill.is-primary { color: #5c4bd2; background: #efedff; }.metric-pill.is-success { color: #13875f; background: #e7f8f1; }.metric-pill.is-warning { color: #aa7200; background: #fff5d9; }.metric-pill.is-danger { color: #c63f50; background: #ffebee; }
.grouped-amounts { display: grid; gap: 4px; min-width: 150px; }.grouped-amounts small,.grouped-amounts strong { display: flex; justify-content: space-between; gap: 14px; }.grouped-amounts small { color: #7d879a; font-size: .67rem; font-weight: 500; }.grouped-amounts strong { padding-top: 4px; border-top: 1px solid #e4e7ee; color: #242d40; font-size: .82rem; font-weight: 800; }
.friendly-empty { display: grid; place-items: center; gap: 5px; padding: 42px 20px; color: #929bad; text-align: center; }.friendly-empty i { margin-bottom: 4px; color: #7665e9; font-size: 1.8rem; }.friendly-empty strong { color: #465066; }.friendly-empty span { font-size: .72rem; }
.reminder-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 13px; }.reminder-summary > div { display: flex; align-items: center; gap: 12px; padding: 15px 17px; border: 1px solid #e9eaf0; border-radius: 15px; background: #fff; box-shadow: 0 7px 20px rgba(35,42,66,.045); }.reminder-summary > div > span { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 11px; }.reminder-summary > div > div { display: grid; }.reminder-summary strong { color: #30394d; font-size: 1rem; }.reminder-summary small { color: #8e97a8; font-size: .66rem; }.reminder-summary .is-overdue span { color: #d44959; background: #ffebee; }.reminder-summary .is-today span { color: #ae7500; background: #fff4d6; }.reminder-summary .is-tomorrow span { color: #5b4cdb; background: #eeecff; }.reminder-summary .is-upcoming span { color: #667084; background: #eef0f4; }
.reminder-section-head { display: flex; align-items: center; justify-content: space-between; padding: 15px 18px; border-bottom: 1px solid #eceef3; }.reminder-section-head > div { display: flex; align-items: center; gap: 10px; }.reminder-section-head span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; }.reminder-section-head h2 { margin: 0; color: #30394d; font-size: .9rem; font-weight: 800; }.reminder-section-head > strong { display: grid; place-items: center; min-width: 29px; height: 29px; border-radius: 9px; font-size: .72rem; }.reminder-section-head.is-danger span,.reminder-section-head.is-danger > strong { color: #c83e50; background: #ffebee; }.reminder-section-head.is-warning span,.reminder-section-head.is-warning > strong { color: #a86f00; background: #fff4d7; }.reminder-section-head.is-primary span,.reminder-section-head.is-primary > strong { color: #5948d7; background: #efedff; }.reminder-section-head.is-secondary span,.reminder-section-head.is-secondary > strong { color: #667084; background: #eef0f4; }.reminder-time { display: flex; align-items: center; gap: 8px; color: #6554df; }.reminder-time > i { font-size: 1rem; }.reminder-time > div { display: grid; }.reminder-time strong { color: #30394d; font-size: .82rem; }.reminder-time small { color: #949cac; font-size: .62rem; }.reminder-time.is-late,.reminder-time.is-late strong { color: #ca4051; }.reminder-note { display: block; max-width: 210px; overflow: hidden; color: #697388; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }.reminder-done { border: 0; border-radius: 9px; background: #1ca574; box-shadow: 0 5px 12px rgba(28,165,116,.15); }
.orders-submenu .sidebar-sublink.active i { background: #6957e8; color: #fff; box-shadow: 0 5px 12px rgba(74, 59, 184, .35); }
.sidebar-section-label { margin: 22px 14px 2px; color: #737f97; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.app-shell { min-height: 100vh; margin-left: var(--sidebar-width); }
.topbar { height: 78px; display: flex; align-items: center; padding: 0 34px; background: white; border-bottom: 1px solid #eaecf0; }
.topbar-datetime { display: flex; align-items: center; gap: 11px; }
.datetime-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #f0eeff; color: var(--bazaria-primary); font-size: 1rem; }
.topbar-datetime > div { display: grid; gap: 2px; }
.topbar-datetime strong { color: #293349; font-size: .8rem; font-weight: 750; text-transform: capitalize; }
.topbar-datetime > div > span { display: flex; align-items: center; gap: 6px; color: #8b94a7; font-size: .7rem; font-weight: 600; }
.topbar-datetime time { color: #6957e8; font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.avatar { width: 42px; height: 42px; padding: 0; overflow: hidden; border-radius: 50%; background: #ebe9ff; color: var(--bazaria-primary); font-weight: 700; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.notification-bell { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #e8e7f4; border-radius: 13px; background: #f8f7ff; color: #5d4ee6; font-size: 1.1rem; }
.notification-bell:hover { background: #efedff; }
.notification-count { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; border: 2px solid white; border-radius: 20px; background: #ef4444; color: white; font-size: .65rem; font-weight: 800; line-height: 16px; text-align: center; }
.notification-menu { width: min(360px, calc(100vw - 24px)); padding: 0; overflow: hidden; border-radius: 16px; }
.notification-menu-title { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px; border-bottom: 1px solid #edf0f5; }
.notification-menu-title span { display: grid; place-items: center; min-width: 26px; height: 26px; border-radius: 20px; background: #ebe9ff; color: #5d4ee6; font-size: .75rem; font-weight: 800; }
.notification-item { display: flex; gap: 11px; padding: 12px 18px; border-bottom: 1px solid #f0f2f6; color: #20283a; text-decoration: none; }
.notification-item:hover { background: #f8f7ff; }
.notification-item > span:last-child { display: grid; min-width: 0; }
.notification-item small, .notification-item em { overflow: hidden; color: #7b8496; font-size: .75rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.notification-order-icon, .notification-toast-icon { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 11px; background: #ebe9ff; color: #5d4ee6; }
.notification-empty { padding: 28px 18px; color: #8a93a5; text-align: center; }
.notification-all { display: block; padding: 12px 18px; background: #fafaff; color: #5d4ee6; font-size: .82rem; font-weight: 700; text-align: center; text-decoration: none; }
.new-order-toast { border-radius: 16px; box-shadow: 0 18px 45px rgba(28, 24, 70, .2); }
.new-order-toast .toast-header { gap: 10px; padding: 12px 14px; border: 0; }
.new-order-toast .toast-body { padding: 0 16px 16px 60px; color: #5f687a; }
.sheet-list { display: grid; gap: 10px; }
.sheet-list-item { display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid #eaecf2; border-radius: 14px; background: #fff; }
.sheet-list-item.is-selected { border-color: #7565ed; background: #f8f7ff; box-shadow: 0 0 0 3px rgba(101, 87, 232, .08); }
.sheet-main { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1; color: #20283a; text-decoration: none; }
.sheet-main > span:last-child { display: grid; min-width: 0; }
.sheet-main small { overflow: hidden; color: #7f889b; text-overflow: ellipsis; white-space: nowrap; }
.sheet-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 12px; background: #e9fbf2; color: #159c63; font-size: 1.15rem; }
.column-sort-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.column-sort-item { display: flex; align-items: center; gap: 6px; min-width: 0; padding: 10px; border: 1px solid #dde2eb; border-radius: 10px; background: #fff; cursor: grab; transition: .15s ease; }
.column-sort-item:hover { border-color: #8a7df0; background: #faf9ff; }
.column-sort-item.is-dragging { opacity: .45; box-shadow: 0 8px 20px rgba(47,39,107,.15); }
.sidebar-subgroup-label { display: flex; align-items: center; gap: 9px; padding: 12px 10px 5px; color: #7f8aa0; font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.sidebar-subgroup-label > i { display: grid; place-items: center; width: 24px; flex: 0 0 24px; font-size: .78rem; }
.sidebar-sublink-nested { margin-left: 8px; padding: 9px 10px; font-size: .8rem; }
.drag-handle { color: #9ca5b6; font-size: 1.1rem; cursor: grab; }
@media(max-width:575.98px){.column-sort-list{grid-template-columns:1fr}}
.content-area { padding: 38px 34px; }
.eyebrow { color: var(--bazaria-primary); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.status-pill { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; padding: 9px 14px; border: 1px solid #d1fadf; border-radius: 999px; background: #ecfdf3; color: #027a48; font-size: .86rem; font-weight: 600; }
.status-pill span { width: 8px; height: 8px; border-radius: 50%; background: #12b76a; }
.dashboard-card { padding: 26px; border: 1px solid #eaecf0; border-radius: 18px; background: white; box-shadow: 0 8px 24px rgba(16, 24, 40, .04); }
.card-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 13px; font-size: 1.25rem; }
.profile-card { padding: 28px; border: 1px solid #eaecf0; border-radius: 18px; background: white; box-shadow: 0 8px 24px rgba(16, 24, 40, .04); }
.profile-photo { display: grid; place-items: center; width: 132px; height: 132px; overflow: hidden; border: 5px solid #f0efff; border-radius: 50%; background: #e9e7ff; color: var(--bazaria-primary); font-size: 2.4rem; font-weight: 800; }
.profile-photo img { width: 100%; height: 100%; object-fit: cover; }
.section-heading { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid #eaecf0; }
.section-heading > span { display: grid; place-items: center; width: 42px; height: 42px; flex: 0 0 auto; border-radius: 12px; background: #eeecff; color: var(--bazaria-primary); font-size: 1.15rem; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 24px; }
.data-card, .form-card { padding: 24px; border: 1px solid #eaecf0; border-radius: 18px; background: white; box-shadow: 0 8px 24px rgba(16, 24, 40, .04); }
.data-card { padding: 8px 20px 20px; }
.data-card .table > :not(caption) > * > * { padding: 16px 12px; border-color: #f0f1f3; }
.data-card thead th { color: #667085; font-size: .76rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.table-avatar { display: grid; place-items: center; width: 40px; height: 40px; flex: 0 0 auto; overflow: hidden; border-radius: 50%; background: #ebe9ff; color: var(--bazaria-primary); font-weight: 700; }
.table-avatar img { width: 100%; height: 100%; object-fit: cover; }
.small-avatar { width: 34px; height: 34px; font-size: .8rem; }
.count-badge { display: inline-grid; place-items: center; min-width: 32px; height: 28px; padding: 0 8px; border-radius: 8px; background: #f2f4f7; color: #344054; font-weight: 700; }
.permission-group { padding: 18px; border: 1px solid #eaecf0; border-radius: 14px; background: #fafbfc; }
.permission-title { margin-bottom: 12px; color: var(--bazaria-primary); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.invitation-notice { display: flex; align-items: flex-start; gap: 14px; padding: 16px; border: 1px solid #d9d6fe; border-radius: 12px; background: #f4f3ff; color: #42307d; }
.invitation-notice > i { font-size: 1.35rem; }
.invitation-notice p { margin-top: 3px; color: #667085; font-size: .9rem; }
.modal-content { border-radius: 18px; }
.modal-header, .modal-footer { padding: 20px 24px; border-color: #eaecf0; }
.modal-body { padding: 24px; }
.modal-password-action { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; border: 1px solid #e4e7ec; border-radius: 12px; background: #f9fafb; }
.unauthorized-icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: #fee4e2; color: #d92d20; font-size: 1.55rem; }
.sidebar-backdrop { display: none; }

/* Dashboard & analytics */
.analytics-hero { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 32px; overflow: hidden; padding: 34px 38px; border-radius: 24px; background: linear-gradient(135deg, #211b45 0%, #4335a1 55%, #6957e8 100%); color: #fff; box-shadow: 0 22px 50px rgba(59, 45, 145, .2); }
.analytics-hero h1 { margin: 8px 0 7px; color: #fff; font-size: clamp(1.65rem, 3vw, 2.35rem); font-weight: 750; letter-spacing: -.04em; }
.analytics-hero p { margin: 0; color: rgba(255,255,255,.7); }
.hero-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: #cfc8ff; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.hero-meta span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: rgba(255,255,255,.08); color: rgba(255,255,255,.84); font-size: .76rem; }
.hero-meta i { color: #c7bdff; }
.hero-orb { position: absolute; border-radius: 50%; background: rgba(255,255,255,.08); filter: blur(1px); }
.hero-orb-one { top: -85px; right: 18%; width: 210px; height: 210px; }
.hero-orb-two { right: -45px; bottom: -95px; width: 190px; height: 190px; }
.hero-action { display: flex; align-items: center; gap: 12px; min-width: 225px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; background: rgba(255,255,255,.11); color: #fff; text-decoration: none; backdrop-filter: blur(8px); transition: .2s ease; }
.hero-action:hover { color: #fff; background: rgba(255,255,255,.18); transform: translateY(-2px); }
.hero-action > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #fff; color: var(--bazaria-primary); font-size: 1.15rem; }
.hero-action div { display: grid; flex: 1; }
.hero-action small { color: rgba(255,255,255,.62); font-size: .68rem; }
.hero-action strong { font-size: .88rem; }
.hero-score { min-width: 210px; padding: 19px 22px; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: rgba(255,255,255,.1); text-align: center; backdrop-filter: blur(8px); }
.hero-score small, .hero-score span { display: block; color: rgba(255,255,255,.65); font-size: .7rem; }
.hero-score strong { display: block; margin: 2px 0; font-size: 2.15rem; letter-spacing: -.05em; }
.analytics-filter { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 14px 16px; border: 1px solid #e8eaf0; border-radius: 18px; background: #fff; box-shadow: 0 8px 26px rgba(23,32,51,.045); }
.filter-label { display: flex; align-items: center; gap: 11px; white-space: nowrap; }
.filter-label > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; background: #f0eeff; color: #6957e8; }
.filter-label div { display: grid; }
.filter-label strong { font-size: .82rem; }
.filter-label small { color: #98a0b3; font-size: .68rem; }
.filter-fields { display: flex; align-items: center; justify-content: flex-end; gap: 9px; width: 100%; }
.analytics-period { max-width: 220px; }
.analytics-filter .form-control, .analytics-filter .form-select { min-height: 42px; border-radius: 10px; background-color: #f8f9fc; font-size: .82rem; }
.analytics-submit { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; border-radius: 10px; font-size: .82rem; }
.section-title-row { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin: 5px 2px 15px; }
.section-title-row h2, .panel-heading h2 { margin: 2px 0 0; font-size: 1.05rem; font-weight: 750; letter-spacing: -.02em; }
.section-kicker { color: #8b93a6; font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.section-period { display: inline-flex; align-items: center; gap: 7px; color: #8b93a6; font-size: .75rem; }
.kpi-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 12px; }
.kpi-card { position: relative; display: flex; align-items: center; gap: 12px; min-height: 90px; overflow: hidden; padding: 16px; border: 1px solid #eaecf2; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgba(23,32,51,.04); transition: transform .2s ease, box-shadow .2s ease; }
.kpi-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(23,32,51,.08); }
.kpi-card::after { position: absolute; inset: auto -16px -22px auto; width: 54px; height: 54px; border-radius: 50%; background: currentColor; content: ''; opacity: .05; }
.kpi-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 11px; background: color-mix(in srgb, currentColor 11%, white); font-size: 1rem; }
.kpi-value { color: #1b2436; font-size: 1.42rem; font-weight: 780; line-height: 1.1; letter-spacing: -.04em; }
.kpi-label { margin-top: 4px; color: #7b8499; font-size: .72rem; white-space: nowrap; }
.kpi-purple { color: #6957e8; }.kpi-blue { color: #3183e2; }.kpi-amber { color: #d99400; }.kpi-orange { color: #e66a28; }.kpi-green { color: #159a69; }.kpi-red { color: #dc4c5b; }.kpi-slate { color: #68738a; }.kpi-cyan { color: #269cb7; }
.revenue-card { display: flex; align-items: center; gap: 16px; height: 100%; padding: 22px; border: 1px solid #eaecf2; border-radius: 18px; background: #fff; box-shadow: 0 8px 22px rgba(23,32,51,.04); }
.revenue-icon { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 auto; border-radius: 14px; font-size: 1.15rem; }
.revenue-purple .revenue-icon { background: #efedff; color: #6957e8; }.revenue-green .revenue-icon { background: #e8f8f1; color: #159a69; }.revenue-blue .revenue-icon { background: #eaf3fe; color: #3183e2; }
.revenue-label { color: #7b8499; font-size: .75rem; }
.revenue-value { margin-top: 2px; color: #1b2436; font-size: clamp(1.15rem,2vw,1.5rem); font-weight: 760; letter-spacing: -.035em; }
.revenue-value small { color: #99a1b3; font-size: .62rem; font-weight: 700; }
.rate-card { display: flex; align-items: center; gap: 16px; height: 100%; padding: 18px 20px; border: 1px solid #eaecf2; border-radius: 18px; background: #fff; box-shadow: 0 8px 22px rgba(23,32,51,.04); }
.rate-ring { --ring-color:#6957e8; position: relative; display: grid; place-items: center; width: 62px; height: 62px; flex: 0 0 auto; border-radius: 50%; background: conic-gradient(var(--ring-color) calc(var(--rate) * 3.6deg), #edf0f5 0); }
.rate-ring::after { position: absolute; width: 48px; height: 48px; border-radius: 50%; background: #fff; content: ''; }
.rate-ring span { z-index: 1; color: #253047; font-size: .72rem; font-weight: 800; }
.rate-green { --ring-color:#1aaa75; }.rate-purple { --ring-color:#6957e8; }.rate-red { --ring-color:#df5260; }
.rate-label { color: #253047; font-size: .85rem; font-weight: 700; }
.analytics-panel { padding: 24px; border: 1px solid #eaecf2; border-radius: 20px; background: #fff; box-shadow: 0 10px 30px rgba(23,32,51,.045); }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 22px; }
.panel-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #f1efff; color: #6957e8; }
.platform-row { display: flex; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid #f0f1f5; }
.platform-row:last-child, .ranking-row:last-child { border-bottom: 0; }
.platform-logo { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #f4f2ff; color: #6957e8; }
.platform-row strong, .platform-row span { font-size: .78rem; }
.platform-row .d-flex > span { color: #9098aa; }
.mini-track { height: 5px; overflow: hidden; border-radius: 99px; background: #eff1f5; }
.mini-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6957e8,#9385f5); }
.ranking-row { display: flex; align-items: center; gap: 13px; padding: 12px 0; border-bottom: 1px solid #f0f1f5; }
.ranking-number { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #f5f6f9; color: #8a93a6; font-size: .7rem; font-weight: 800; }
.ranking-row:first-child .ranking-number { background: #fff6dc; color: #be8100; }
.ranking-name { display: grid; flex: 1; }
.ranking-name strong { color: #2a3449; font-size: .8rem; }
.ranking-name small { color: #9aa2b2; font-size: .68rem; }
.ranking-value { color: #6957e8; font-size: .9rem; }
.empty-analytics { display: grid; place-items: center; gap: 8px; min-height: 150px; color: #9aa2b2; font-size: .78rem; }.empty-analytics i { font-size: 1.5rem; }
.chart-area { height: 310px; }.donut-area { position: relative; height: 230px; }.donut-center { position: absolute; inset: 50% auto auto 50%; display: grid; transform: translate(-50%,-50%); text-align: center; pointer-events: none; }.donut-center strong { color: #253047; font-size: 1.55rem; }.donut-center span { color: #9aa2b2; font-size: .7rem; }
.chart-legend { display: inline-flex; align-items: center; gap: 7px; color: #8e97aa; font-size: .7rem; }.chart-legend i { width: 8px; height: 8px; border-radius: 50%; background: #6957e8; }
.donut-legend { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }.donut-legend span { display: flex; align-items: center; gap: 6px; color: #7b8499; font-size: .68rem; text-transform: capitalize; }.donut-legend i { width: 7px; height: 7px; border-radius: 50%; }.donut-legend strong { margin-left: auto; color: #2c3548; }
.city-row { display: grid; grid-template-columns: minmax(100px,1fr) 2fr 30px; align-items: center; gap: 14px; padding: 13px 0; }.city-row > span { display: flex; gap: 7px; color: #3c4659; font-size: .78rem; }.city-row > span i { color: #6957e8; }.city-progress { height: 6px; overflow: hidden; border-radius: 99px; background: #f0f1f5; }.city-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#6957e8,#a193fa); }.city-row strong { color: #647087; font-size: .78rem; text-align: right; }
.agents-panel { padding-bottom: 12px; }.analytics-table thead th { padding: 12px 14px; border-bottom-color: #e9ebf0; color: #929aab; font-size: .66rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; }.analytics-table tbody td { padding: 14px; border-color: #f0f1f5; font-size: .78rem; }.agent-cell { display: flex; align-items: center; gap: 10px; }.agent-cell > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #eeecff; color: #6957e8; font-weight: 800; }.metric-chip { display: inline-grid; place-items: center; min-width: 32px; height: 27px; border-radius: 8px; background: #f1efff; color: #6957e8; font-weight: 800; }.agent-rate { display: flex; align-items: center; gap: 9px; }.agent-rate > div { width: 70px; height: 5px; overflow: hidden; border-radius: 99px; background: #eceef3; }.agent-rate span { display: block; height: 100%; border-radius: inherit; background: #20b486; }.agent-rate strong { font-size: .72rem; }
.csv-dropzone { display: grid; place-items: center; min-height: 280px; padding: 35px; border: 2px dashed #d8d4fa; border-radius: 18px; background: linear-gradient(145deg,#fbfaff,#f6f5ff); text-align: center; cursor: pointer; transition: .2s ease; }.csv-dropzone:hover { border-color: #6957e8; background: #f5f3ff; }.csv-dropzone > span { display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: 16px; border-radius: 19px; background: #6957e8; color: #fff; box-shadow: 0 12px 25px rgba(105,87,232,.22); font-size: 1.7rem; }.csv-dropzone strong { color: #293349; font-size: 1rem; }.csv-dropzone small { margin-top: 5px; color: #8992a5; }.csv-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.recognized-fields { display: flex; flex-wrap: wrap; gap: 8px; }.recognized-fields span { display: inline-flex; align-items: center; gap: 5px; padding: 7px 10px; border-radius: 9px; background: #f4f5f8; color: #5f697e; font-size: .72rem; }.recognized-fields i { color: #159a69; }.import-tip { display: flex; gap: 10px; margin-top: 24px; padding: 14px; border-radius: 12px; background: #fff8e6; color: #8b6500; }.import-tip p { margin: 0; font-size: .72rem; }.import-result { display: flex; align-items: flex-start; gap: 16px; padding: 20px 22px; border: 1px solid #c8eedf; border-radius: 17px; background: #effbf6; }.result-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 auto; border-radius: 13px; background: #159a69; color: #fff; font-size: 1.2rem; }.import-result h2 { margin: 0 0 4px; font-size: 1rem; }.import-result p { margin: 0; color: #527466; font-size: .8rem; }.import-result details { margin-top: 10px; font-size: .75rem; }
.mapping-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.mapping-card { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 13px; padding: 14px; border: 1px solid #eaecf2; border-radius: 14px; background: #fafbfc; }.mapping-card > div { display: grid; }.mapping-card small { margin-bottom: 3px; color: #9aa2b3; font-size: .62rem; text-transform: uppercase; }.mapping-card strong { font-size: .78rem; }.mapping-card > i { color: #6957e8; }.mapping-card .form-select { font-size: .76rem; }
.export-summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px; border-radius: 14px; background: #f7f7fb; }.export-summary > div { display: flex; align-items: center; gap: 8px; color: #778196; font-size: .76rem; }.export-summary i { color: #6957e8; }
.bazaria-pagination { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 18px; border-top: 1px solid #eef0f5; background: linear-gradient(180deg,#fff,#fbfbfe); }.pagination-summary { display: flex; align-items: center; gap: 10px; color: #7b8497; font-size: .75rem; }.pagination-summary strong { color: #30394d; font-weight: 750; }.pagination-summary-icon { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; border-radius: 10px; background: #f0eeff; color: #6957e8; }.bazaria-pagination .pagination { display: flex; gap: 5px; }.bazaria-pagination .page-link { display: grid; place-items: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid #e7e8ef; border-radius: 10px!important; background: #fff; color: #697287; font-size: .75rem; font-weight: 700; box-shadow: none; }.bazaria-pagination .page-link:hover { border-color: #cfc9fb; background: #f4f2ff; color: #5948dc; }.bazaria-pagination .page-item.active .page-link { border-color: #6957e8; background: linear-gradient(135deg,#6957e8,#5642e8); color: #fff; box-shadow: 0 6px 15px rgba(105,87,232,.22); }.bazaria-pagination .page-item.disabled .page-link { background: #f5f6f8; color: #bdc2cc; }
.claim-order-btn { display: inline-flex; align-items: center; min-height: 31px; border-radius: 9px; font-size: .67rem; font-weight: 750; white-space: nowrap; }.claim-owner-badge { display: inline-flex; align-items: center; min-height: 31px; padding: 0 10px; font-size: .65rem; }
.returns-page-hero { background: linear-gradient(120deg,#562543,#b44768); }.return-card { padding: 20px; }.return-card-summary { display: grid; grid-template-columns: .8fr 1.1fr 1.5fr .8fr; align-items: center; gap: 18px; padding-bottom: 16px; border-bottom: 1px solid #eceef3; }.return-card-summary > div { display: grid; gap: 3px; }.return-card-summary small { color: #858ea1; font-size: .68rem; }.return-card .form-label { color: #697287; font-size: .68rem; font-weight: 700; }
.visualization-manager { display: grid; grid-template-columns: minmax(300px,.85fr) minmax(380px,1.15fr); gap: 16px; padding: 16px; border: 1px solid #e8e7f3; border-radius: 16px; background: #f9f9fd; }.visualization-save { padding: 16px; border-radius: 13px; background: #fff; }.visualization-save h3 { margin: 4px 0; font-size: .9rem; }.visualization-save p { margin: 0 0 16px; color: #858ea1; font-size: .7rem; }.saved-visualizations { display: grid; align-content: start; gap: 9px; }.saved-visualization { display: flex; align-items: center; gap: 11px; padding: 11px; border: 1px solid #e8e9ef; border-radius: 12px; background: #fff; }.saved-visualization > span { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 10px; background: #f0eeff; color: #6957e8; }.saved-visualization > div:nth-child(2) { display: grid; margin-right: auto; }.saved-visualization strong { font-size: .75rem; }.saved-visualization small { color: #929aab; font-size: .63rem; }.saved-visualization.is-default { border-color: #d8d3fa; background: #f7f5ff; }
.integration-status { display: flex; align-items: center; gap: 12px; min-width: 220px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(255,255,255,.1); backdrop-filter: blur(8px); }.integration-status > span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.13); color: #d9d4ff; }.integration-status > div { display: grid; }.integration-status small { color: rgba(255,255,255,.62); font-size: .67rem; }.integration-status strong { font-size: .84rem; }.integration-status.is-active > span { background: #e7fbf2; color: #159a69; }
.sync-actions { display: flex; align-items: center; justify-content: space-between; gap: 14px; }.sync-actions form:last-child { width: min(100%,520px); }.last-sync { display: flex; align-items: flex-start; gap: 11px; margin-top: 18px; padding: 14px; border-radius: 13px; background: #f6f7fa; }.last-sync > span { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 auto; border-radius: 10px; }.last-sync > div { display: grid; }.last-sync strong { font-size: .75rem; }.last-sync small { margin-top: 2px; color: #7f889b; font-size: .68rem; }.last-sync.is-success > span { background: #e6f8f0; color: #159a69; }.last-sync.is-error > span { background: #ffedef; color: #dc4c5b; }
.integration-input .input-group-text { min-width: 44px; justify-content: center; background: #f7f7fb; }.integration-input .form-control, .integration-input .input-group-text, .integration-input .btn { min-height: 48px; }.secret-toggle { border-color: #e4e7ec; color: #7e879a; }.integration-switch { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px; border: 1px solid #e6e8ef; border-radius: 15px; background: #fafbfc; }.integration-switch > div:first-child { display: flex; align-items: center; gap: 12px; }.integration-switch > div:first-child > span { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 11px; background: #efedff; color: #6957e8; }.integration-switch > div:first-child > div { display: grid; }.integration-switch strong { font-size: .82rem; }.integration-switch small { color: #8d96a8; font-size: .68rem; }.integration-switch .form-check-input { width: 2.7rem; height: 1.4rem; cursor: pointer; }.security-list { display: grid; gap: 18px; }.security-list > div { display: flex; align-items: flex-start; gap: 11px; }.security-list > div > span { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 auto; border-radius: 10px; background: #f0eeff; color: #6957e8; }.security-list > div > div { display: grid; }.security-list strong { color: #354055; font-size: .78rem; }.security-list small { margin-top: 2px; color: #8b94a7; font-size: .67rem; line-height: 1.5; }.config-meta { display: grid; margin-top: 24px; padding: 14px; border-radius: 12px; background: #f6f7fa; }.config-meta span,.config-meta small { color: #929aab; font-size: .65rem; }.config-meta strong { margin: 3px 0; font-size: .8rem; }.phase-notice { display: flex; gap: 9px; margin-top: 16px; padding: 13px; border-radius: 12px; background: #fff8e7; color: #8b6500; }.phase-notice p { margin: 0; font-size: .68rem; line-height: 1.5; }

@media (max-width: 991.98px) {
    .sidebar { transform: translateX(-100%); }
    .sidebar.is-open { transform: translateX(0); }
    .app-shell { margin-left: 0; }
    .sidebar-backdrop { position: fixed; inset: 0; z-index: 1030; background: rgba(16, 24, 40, .45); }
    .sidebar-backdrop.is-visible { display: block; }
    .kpi-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
    .analytics-filter { align-items: stretch; flex-direction: column; }
    .filter-fields { justify-content: stretch; }
    .topbar-datetime { margin-left: 12px; }
    .return-card-summary { grid-template-columns: 1fr 1fr; }
    .visualization-manager { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .friendly-page-hero { align-items: flex-start; flex-wrap: wrap; padding: 22px 19px; border-radius: 18px; }
    .friendly-page-hero h1 { font-size: 1.4rem; }
    .friendly-page-hero p { max-width: 240px; }
    .friendly-hero-icon { width: 48px; height: 48px; border-radius: 14px; }
    .friendly-hero-count { width: 100%; margin-left: 0!important; }
    .friendly-page-hero > .btn { width: 100%; margin-left: 0!important; }
    .friendly-filter .card-body { padding: 15px; }
    .friendly-table tbody td,.friendly-table thead th { padding: 12px; }
    .reminder-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .reminder-summary > div { padding: 12px; }
    .topbar { padding: 0 18px; }
    .datetime-icon { width: 36px; height: 36px; }
    .topbar-datetime strong { max-width: 125px; overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
    .topbar-datetime > div > span { font-size: .65rem; }
    .content-area { padding: 28px 18px; }
    .page-heading { align-items: stretch; flex-direction: column; }
    .page-heading .btn { width: 100%; }
    .data-card, .form-card { padding: 18px; }
    .analytics-hero { align-items: stretch; flex-direction: column; padding: 26px 22px; border-radius: 20px; }
    .hero-action, .hero-score { width: 100%; min-width: 0; }
    .kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .kpi-card { min-height: 82px; padding: 13px; }
    .kpi-icon { width: 34px; height: 34px; }
    .filter-fields { align-items: stretch; flex-direction: column; }
    .analytics-period { max-width: none; }
    .analytics-submit { justify-content: center; }
    .section-title-row { align-items: flex-start; flex-direction: column; }
    .analytics-panel { padding: 20px; }
    .mapping-grid { grid-template-columns: 1fr; }
    .mapping-card { grid-template-columns: 1fr; }
    .mapping-card > i { transform: rotate(90deg); text-align: center; }
    .export-summary { align-items: stretch; flex-direction: column; }
    .integration-status { width: 100%; min-width: 0; }
    .integration-switch { align-items: flex-start; }
    .sync-actions { align-items: stretch; flex-direction: column; }
    .sync-actions form, .sync-actions form:last-child { width: 100%; }
    .bazaria-pagination { align-items: stretch; flex-direction: column; padding: 14px; }
    .pagination-summary { justify-content: center; text-align: center; }
    .bazaria-pagination .pagination { justify-content: center; }
    .return-card-summary { grid-template-columns: 1fr; }
}
.login-language { display: flex; justify-content: flex-end; gap: 5px; margin-bottom: 28px; }.login-language a,.locale-switcher a { padding: 6px 9px; border-radius: 8px; color: #7b8497; font-size: .65rem; font-weight: 800; text-decoration: none; }.login-language a.active,.locale-switcher a.active { background: #6957e8; color: #fff; }.locale-switcher { display: flex; gap: 3px; padding: 3px; border: 1px solid #e5e6ed; border-radius: 10px; background: #fff; }
html[dir="rtl"] body { font-family: "DIN Next LT Arabic", "DIN Next Arabic", Tahoma, Arial, sans-serif; }html[dir="rtl"] .text-end { text-align: left!important; }html[dir="rtl"] .text-start { text-align: right!important; }html[dir="rtl"] .sidebar { right: 0; left: auto; }html[dir="rtl"] .app-shell { margin-right: var(--sidebar-width); margin-left: 0; }html[dir="rtl"] .submenu-chevron { margin-right: auto; margin-left: 0; }html[dir="rtl"] .sidebar-submenu { margin-right: 26px; margin-left: 0; padding-right: 15px; padding-left: 0; border-right: 1px solid rgba(255,255,255,.12); border-left: 0; }html[dir="rtl"] .friendly-search > i { right: 15px; left: auto; }html[dir="rtl"] .friendly-search .form-control { padding-right: 42px; padding-left: 12px; }html[dir="rtl"] .login-input > i { right: 16px; left: auto; }html[dir="rtl"] .login-input .form-control { padding-right: 45px; padding-left: 48px; }html[dir="rtl"] .login-input .password-toggle { right: auto; left: 8px; }html[dir="rtl"] .login-submit i { transform: rotate(180deg); }
@media (max-width: 991.98px) { html[dir="rtl"] .app-shell { margin-right: 0; }html[dir="rtl"] .sidebar { transform: translateX(100%); }html[dir="rtl"] .sidebar.is-open { transform: translateX(0); } }
html[dir="rtl"] .topbar { direction: rtl; }
html[dir="rtl"] .topbar-user-zone { order: 0; margin-right: auto!important; margin-left: 0!important; }
html[dir="rtl"] .topbar-user-zone .locale-switcher { order: -3; }html[dir="rtl"] .topbar-user-zone .text-end { order: -2; text-align: right!important; }html[dir="rtl"] .topbar-user-zone .dropdown { order: -1; }
html[dir="rtl"] .topbar-datetime { order: 0; margin-right: 0; margin-left: 0; }
html[dir="rtl"] body :not(i):not(.bi) { font-weight: 400!important; }
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4,html[dir="rtl"] h5,html[dir="rtl"] h6,html[dir="rtl"] strong,html[dir="rtl"] b,html[dir="rtl"] th,html[dir="rtl"] .fw-bold,html[dir="rtl"] .fw-bolder { font-weight: 750!important; }
html[dir="rtl"] label,html[dir="rtl"] button,html[dir="rtl"] .btn,html[dir="rtl"] .nav-link,html[dir="rtl"] .sidebar-link,html[dir="rtl"] .sidebar-sublink,html[dir="rtl"] .fw-semibold,html[dir="rtl"] .fw-medium { font-weight: 500!important; }
html[dir="rtl"] .sidebar-sublink-nested { margin-right: 8px; margin-left: 0; }
html[dir="rtl"] .friendly-page-hero .friendly-hero-count { margin-right: auto!important; margin-left: 0!important; }
html[dir="rtl"] .friendly-page-hero > .btn { margin-right: auto!important; margin-left: 0!important; }
html[dir="rtl"] .analytics-hero > .hero-action,html[dir="rtl"] .analytics-hero > .hero-score,html[dir="rtl"] .analytics-hero > .integration-status { margin-right: auto!important; margin-left: 0!important; }
html[dir="rtl"] .friendly-page-hero > div:nth-child(2),html[dir="rtl"] .analytics-hero > .position-relative:first-of-type { text-align: right; }
html[dir="rtl"] .bazaria-pagination .bi-chevron-left,html[dir="rtl"] .bazaria-pagination .bi-chevron-right { transform: rotate(180deg); }
@media (max-width: 767.98px) { html[dir="rtl"] .friendly-page-hero .friendly-hero-count,html[dir="rtl"] .friendly-page-hero > .btn,html[dir="rtl"] .analytics-hero > .hero-action,html[dir="rtl"] .analytics-hero > .hero-score,html[dir="rtl"] .analytics-hero > .integration-status { margin-right: 0!important; } }

/* Palette globale administrable */
body,.app-page { background:var(--bazaria-background,#f5f7fb); }
.app-page { color:var(--bazaria-text,#172033); }.text-secondary { color:var(--bazaria-muted,#667085)!important; }.analytics-panel,.friendly-filter,.friendly-table-card,.topbar { border-color:var(--bazaria-border,#e5e7ef)!important; }.text-success { color:var(--bazaria-success,#159a69)!important; }.text-warning { color:var(--bazaria-warning,#d99400)!important; }.text-danger { color:var(--bazaria-danger,#dc4c5b)!important; }
.sidebar { background:var(--bazaria-sidebar,#151b2b); }
.topbar,.analytics-panel,.friendly-filter-card,.friendly-table-card,.stat-card,.rate-card,.login-card { background-color:var(--bazaria-surface,#fff); }
.analytics-hero,.friendly-page-hero { background:linear-gradient(125deg,var(--bazaria-secondary,#342568) 0%,color-mix(in srgb,var(--bazaria-secondary,#342568) 48%,var(--bazaria-primary,#5b4cf0)) 55%,var(--bazaria-primary,#5b4cf0) 100%); box-shadow:0 22px 50px rgba(var(--bazaria-secondary-rgb,52,37,104),.2); }
.sidebar-link:hover,.sidebar-link.active { background:rgba(var(--bazaria-primary-rgb),.28); }
.sidebar-sublink.active > i,.login-language a.active,.locale-switcher a.active { background:var(--bazaria-primary); }
.panel-icon,.topbar-icon,.friendly-icon,.stat-icon { color:var(--bazaria-primary); background:rgba(var(--bazaria-primary-rgb),.09); }

.theme-color-grid { display:grid; gap:10px; }
.theme-color-option { display:grid; grid-template-columns:minmax(180px,1fr) 54px 120px; gap:10px; align-items:center; padding:11px 13px; border:1px solid #e7e9f0; border-radius:13px; background:color-mix(in srgb,var(--bazaria-surface,#fff) 92%,var(--bazaria-background,#f5f7fb)); }
.theme-color-option small { display:block; margin-top:2px; color:#8b93a4; font-size:.7rem; }
.theme-color-option input[type="color"] { width:54px; height:42px; padding:3px; border:1px solid #dde1ea; border-radius:9px; background:#fff; }
.theme-live-preview { --preview-primary:#5b4cf0; --preview-secondary:#342568; --preview-background:#f5f7fb; --preview-sidebar:#151b2b; --preview-surface:#fff; display:grid; grid-template-columns:92px 1fr; min-height:190px; overflow:hidden; border:1px solid #e4e7ef; border-radius:17px; background:var(--preview-background); box-shadow:0 12px 26px rgba(31,38,61,.08); }
.theme-live-preview aside { display:grid; align-content:start; gap:11px; padding:18px 14px; background:var(--preview-sidebar); }
.theme-live-preview aside span { width:30px; height:30px; border-radius:50%; background:var(--preview-primary); }
.theme-live-preview aside i { display:block; width:100%; height:8px; border-radius:8px; background:rgba(255,255,255,.16); }.theme-live-preview aside i:first-of-type { background:var(--preview-primary); }
.theme-live-preview main { padding:14px; }.theme-live-preview header { height:55px; margin-bottom:12px; border-radius:12px; background:linear-gradient(115deg,var(--preview-secondary),var(--preview-primary)); }.theme-live-preview section { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.theme-live-preview section div { height:46px; border:1px solid rgba(30,39,65,.07); border-radius:10px; background:var(--preview-surface); }.theme-live-preview button { grid-column:1/-1; justify-self:end; padding:7px 14px; border:0; border-radius:8px; color:#fff; background:var(--preview-primary); font-size:.72rem; font-weight:700; }
@media (max-width:575.98px) { .theme-color-option { grid-template-columns:1fr 48px; }.theme-color-option input.form-control { grid-column:1/-1; }.theme-live-preview { grid-template-columns:70px 1fr; } }
.saved-themes { display:grid; gap:11px; }.saved-theme-card { display:grid; grid-template-columns:180px minmax(180px,1fr) auto; gap:18px; align-items:center; padding:15px 16px; border:1px solid #e5e8f0; border-radius:15px; background:var(--bazaria-surface,#fff); }.saved-theme-card.is-bazaria { border-color:rgba(var(--bazaria-primary-rgb),.22); background:rgba(var(--bazaria-primary-rgb),.045); }.saved-theme-card small { display:block; margin-top:3px; color:#8b94a7; font-size:.72rem; }.theme-swatches { display:flex; overflow:hidden; height:42px; border:1px solid rgba(25,35,58,.09); border-radius:10px; }.theme-swatches i { display:block; flex:1; background:var(--swatch); }.theme-empty { display:flex; align-items:center; justify-content:center; gap:10px; min-height:86px; border:1px dashed #dce0ea; border-radius:14px; color:#8b94a7; }.theme-empty i { color:var(--bazaria-primary); font-size:1.2rem; }
@media (max-width:767.98px) { .saved-theme-card { grid-template-columns:1fr; gap:10px; }.saved-theme-card > .d-flex,.saved-theme-card > button { justify-self:start; }.theme-swatches { width:100%; } }

/* Accents des statistiques liés au thème actif */
.statistics-hero { background:linear-gradient(125deg,var(--bazaria-secondary) 0%,color-mix(in srgb,var(--bazaria-secondary) 45%,var(--bazaria-primary)) 58%,var(--bazaria-primary) 100%); }
.chart-legend i,.donut-legend i { background:var(--bazaria-primary); }.ranking-value,.city-row > span i,.agent-cell > span,.metric-chip { color:var(--bazaria-primary); }.agent-cell > span,.metric-chip { background:rgba(var(--bazaria-primary-rgb),.1); }.city-progress i,.mini-track span { background:linear-gradient(90deg,var(--bazaria-secondary),var(--bazaria-primary)); }.rate-purple { --ring-color:var(--bazaria-primary); }.revenue-purple .revenue-icon { color:var(--bazaria-primary); background:rgba(var(--bazaria-primary-rgb),.1); }.analytics-panel .section-kicker { color:color-mix(in srgb,var(--bazaria-primary) 68%,#68738a); }
.statistics-filter .filter-label > span,.filter-label > span,.datetime-icon,.section-heading > span,.pagination-summary-icon,.saved-visualization > span,.integration-switch > div:first-child > span,.security-list > div > span { color:var(--bazaria-primary); background:rgba(var(--bazaria-primary-rgb),.1); }

/* En-têtes d’intégration adaptatifs, sans débordement */
.integration-hero { isolation:isolate; background:linear-gradient(125deg,color-mix(in srgb,var(--bazaria-secondary) 82%,#101426) 0%,var(--bazaria-secondary) 48%,color-mix(in srgb,var(--bazaria-primary) 82%,#fff) 100%); }
.integration-hero::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:radial-gradient(circle at 78% 10%,rgba(255,255,255,.14),transparent 28%),linear-gradient(105deg,transparent 45%,rgba(255,255,255,.06)); }
.integration-hero > .position-relative { min-width:0; max-width:min(78%,920px); }.integration-hero h1 { overflow-wrap:anywhere; }.integration-hero p { max-width:850px; line-height:1.5; overflow-wrap:anywhere; }.integration-hero > .btn,.integration-hero > .integration-status { z-index:2; flex:0 0 auto; white-space:nowrap; }
.analytics-hero .hero-meta span { border-color:color-mix(in srgb,var(--bazaria-primary) 32%,#fff); background:color-mix(in srgb,var(--bazaria-primary) 18%,#fff); color:color-mix(in srgb,var(--bazaria-secondary) 78%,#111); box-shadow:0 5px 16px rgba(var(--bazaria-secondary-rgb),.12); }
.analytics-hero .hero-meta i { color:var(--bazaria-primary); }.analytics-hero .hero-eyebrow { color:color-mix(in srgb,var(--bazaria-primary) 22%,#fff); }
@media (max-width:1199.98px) { .integration-hero > .position-relative { max-width:70%; }.integration-hero h1 { font-size:clamp(1.55rem,3vw,2.1rem); } }
@media (max-width:767.98px) { .integration-hero > .position-relative { max-width:100%; }.integration-hero > .btn { width:100%; margin-left:0!important; }.integration-hero .hero-meta { flex-wrap:wrap; } }

/* Suppression des anciens accents violets : toute l’interface suit le thème */
.orders-submenu .sidebar-sublink.active i,.sidebar-sublink.active > i { background:var(--bazaria-primary); box-shadow:0 5px 12px rgba(var(--bazaria-primary-rgb),.3); }
.sidebar-submenu,.orders-submenu { border-color:rgba(var(--bazaria-primary-rgb),.65); }.sidebar-sublink.active,.orders-submenu .sidebar-sublink.active { border-color:rgba(var(--bazaria-primary-rgb),.65); background:linear-gradient(90deg,rgba(var(--bazaria-primary-rgb),.3),rgba(var(--bazaria-primary-rgb),.1)); box-shadow:inset 3px 0 0 color-mix(in srgb,var(--bazaria-primary) 72%,#fff); }
.topbar-datetime time,.login-form-kicker,.tracking-chip i,.location-chip i,.mapping-card > i,.export-summary i,.reminder-time { color:var(--bazaria-primary); }
.form-control:focus,.form-select:focus,.friendly-filter .form-control:focus,.friendly-filter .form-select:focus { border-color:var(--bazaria-primary); box-shadow:0 0 0 .2rem rgba(var(--bazaria-primary-rgb),.12); }
.customer-cell > span { color:var(--bazaria-primary); background:linear-gradient(145deg,rgba(var(--bazaria-primary-rgb),.16),rgba(var(--bazaria-primary-rgb),.06)); }
.metric-pill.is-primary,.reminder-section-head.is-primary span,.reminder-section-head.is-primary > strong { color:var(--bazaria-primary); background:rgba(var(--bazaria-primary-rgb),.1); }
.kpi-purple { color:var(--bazaria-primary); }.kpi-green { color:var(--bazaria-success); }.kpi-amber { color:var(--bazaria-warning); }.kpi-red { color:var(--bazaria-danger); }
.rate-green { --ring-color:var(--bazaria-success); }.rate-purple { --ring-color:var(--bazaria-primary); }.rate-red { --ring-color:var(--bazaria-danger); }
.platform-logo,.panel-icon { color:var(--bazaria-primary); background:rgba(var(--bazaria-primary-rgb),.1); }
.csv-dropzone { border-color:rgba(var(--bazaria-primary-rgb),.3); background:linear-gradient(145deg,var(--bazaria-surface),rgba(var(--bazaria-primary-rgb),.055)); }.csv-dropzone:hover { border-color:var(--bazaria-primary); background:rgba(var(--bazaria-primary-rgb),.07); }.csv-dropzone > span { background:var(--bazaria-primary); box-shadow:0 12px 25px rgba(var(--bazaria-primary-rgb),.22); }
.bazaria-pagination .page-link:hover { border-color:rgba(var(--bazaria-primary-rgb),.35); background:rgba(var(--bazaria-primary-rgb),.07); color:var(--bazaria-primary); }.bazaria-pagination .page-item.active .page-link { border-color:var(--bazaria-primary); background:linear-gradient(135deg,var(--bazaria-secondary),var(--bazaria-primary)); box-shadow:0 6px 15px rgba(var(--bazaria-primary-rgb),.22); }
.login-logo,.login-mobile-brand img { box-shadow:0 10px 26px rgba(var(--bazaria-primary-rgb),.25); }.login-form-panel { background:radial-gradient(circle at 95% 5%,rgba(var(--bazaria-primary-rgb),.1) 0,transparent 30%),var(--bazaria-background); }.login-submit { background:linear-gradient(100deg,var(--bazaria-secondary),var(--bazaria-primary)); box-shadow:0 13px 25px rgba(var(--bazaria-primary-rgb),.24); }.login-remember .form-check-input:checked { border-color:var(--bazaria-primary); background-color:var(--bazaria-primary); }
.login-language a.active,.locale-switcher a.active { background:var(--bazaria-primary); }.locale-switcher { border-color:var(--bazaria-border); background:var(--bazaria-surface); }