/* SIDE — small additions on top of the DashLite theme. */

/* Logo (SVG) sizes */
.logo-img { height: 32px; width: auto; }
.logo-img-lg { height: 44px; }
.header-main .logo-img { height: 30px; }

/* Language flags */
.language-flag { width: 24px; height: 16px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08); vertical-align: middle; }
.language-item.active .language-name { font-weight: 700; }
.menu-sub .language-list { padding: .25rem 0; }
.menu-sub .language-item { display: flex; align-items: center; gap: .6rem; padding: .5rem 1.25rem; color: #526484; }
.footer-languages { display: flex; flex-wrap: wrap; gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.footer-languages a { display: inline-flex; align-items: center; gap: .5rem; color: inherit; opacity: .8; }
.footer-languages a:hover, .footer-languages a[aria-current] { opacity: 1; }

/* Header buttons */
.menu-btns { display: flex; flex-wrap: wrap; gap: .5rem; }

/* Feature icons use the Nioicon font */
.styled-icon-s1 .icon { font-size: 2.5rem; line-height: 50px; text-align: center; color: #fff; }

/* Pricing placeholder while prices are not published */
.pricing-amount-soon { font-size: 1.25rem; color: #8094ae; margin: 1.25rem 0; }
.pricing .pricing-title { margin-bottom: .25rem; }

/* Google / Facebook buttons */
.btn-social { display: flex; align-items: center; justify-content: center; gap: .5rem; color: #364a63; }
.btn-social .ni-google { color: #ea4335; }
.btn-social .ni-facebook-f { color: #1877f2; }
.btn-social:hover { color: #364a63; background: #f5f6fa; }


/* Phones: comfortable side margins */
@media (max-width: 575.98px) {
    .container { --bs-gutter-x: 32px; }
}

/* Signed-in area */
.app-shell { width: 100%; max-width: 1200px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
.app-topbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: .9rem; padding-bottom: .9rem; }
.app-content { padding-top: 2.5rem; padding-bottom: 2.5rem; }

/* Dashboard (assets/app) */
.nk-sidebar .logo-img { height: 28px; }
.nk-sidebar .logo-img-small { height: 32px; }
.nk-header .logo-img { height: 26px; }
.company-logo-sm { height: 28px; width: 28px; object-fit: contain; border-radius: 6px; }
.company-logo-preview { width: 120px; height: 120px; border-radius: 16px; background: #f5f6fa; border: 1px dashed #dbdfea; display: grid; place-items: center; overflow: hidden; }
.company-logo-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }
.company-logo-preview .icon { font-size: 2.5rem; color: #b7c2d0; }
.nk-sidebar .nk-menu-item.is-disabled > .nk-menu-link { cursor: default; color: #8094ae; background: transparent; pointer-events: none; }
.nk-menu-item.is-disabled .nk-menu-link:hover, .nk-menu-item.is-disabled .nk-menu-link:hover .nk-menu-icon { color: #8094ae; background: transparent; }
.nk-menu-item.is-disabled .nk-menu-badge { color: #8094ae; background: #ebeef2; }
.link-button { display: flex; align-items: center; width: 100%; padding: .575rem 0; border: 0; background: transparent; color: #526484; font-size: 13px; font-weight: 500; text-align: start; }
.link-button .icon { font-size: 1.125rem; width: 1.75rem; }
.link-button:hover { color: #6576ff; }
.nk-activity-item { gap: 1rem; }
.nk-list-members { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }

/* Responsive logo: the full word on large screens, only the "S" on phones */
@media (min-width: 576px) { .logo-mark { display: none !important; } }
@media (max-width: 575.98px) { .logo-full { display: none !important; } .logo-link .logo-img.logo-mark { height: 32px; width: 26px; max-height: none; max-width: none; } }

/* Company logo in place of the Side logo */
.company-brand { height: 36px !important; max-width: 160px; width: auto; object-fit: contain; }
.nk-sidebar .logo-img-small.company-brand { max-width: 36px; }

/* Minimal grey menu icons, like the template; colour only for the current page */
.nk-sidebar .nk-menu-icon, .nk-sidebar .nk-menu-icon .icon { color: #8094ae; }
.nk-sidebar .nk-menu-icon .icon { font-size: 1.15rem; }
.nk-sidebar .nk-menu-link { color: #526484; font-weight: 500; }
.nk-sidebar .nk-menu-item.active > .nk-menu-link,
.nk-sidebar .nk-menu-item.active > .nk-menu-link .nk-menu-icon .icon,
.nk-sidebar .nk-menu-link:hover, .nk-sidebar .nk-menu-link:hover .nk-menu-icon .icon { color: #6576ff; }
.nk-sidebar .nk-menu-item.is-disabled .nk-menu-sub .nk-menu-link { cursor: default; color: #8094ae; }
.sidebar-store-link { height: 60px; border-top: 1px solid #e5e9f2; padding: 0 1rem; display: flex; align-items: center; background: #f5f6fa; }
.sidebar-store-link .nk-menu-link { display: flex; align-items: center; gap: .75rem; width: 100%; padding: .6rem .75rem; }
/* The store link sits under the menu: the scrolling menu gets 60px less, so the logo always stays visible. */
.nk-sidebar.has-store-link .nk-sidebar-content { height: calc(100vh - 65px - 60px); }
.npc-general .nk-sidebar-head { height: 65px; padding-top: 0; padding-bottom: 0; }

/* Dashboard */
.stat-card .stat-label { font-size: .8125rem; font-weight: 500; color: #526484; }
.stat-card .stat-icon { width: 32px; height: 32px; border-radius: 8px; display: grid; place-items: center; font-size: 1rem; }
.stat-card .stat-value { font-size: 1.5rem; font-weight: 700; color: #364a63; line-height: 1.2; margin-bottom: .15rem; }
.stat-card .stat-value small { font-size: .75rem; font-weight: 600; color: #8094ae; }
.address-card { background: linear-gradient(135deg, #f5f6ff 0%, #ffffff 60%); }
.address-title { font-size: 1.15rem; }
.address-link { display: inline-flex; align-items: center; gap: .4rem; font-size: 1.35rem; font-weight: 700; color: #6576ff; word-break: break-all; }
.address-qr { width: 140px; height: 140px; margin: 0 auto; padding: 10px; background: #fff; border: 1px solid #e5e9f2; border-radius: 12px; }
.address-qr svg { width: 100%; height: 100%; }
.progress-ring { --progress: 0; margin-bottom: .25rem; flex: 0 0 64px; width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center;
    background: conic-gradient(#6576ff calc(var(--progress) * 1%), #e5e9f2 0); }
.progress-ring span { width: 50px; height: 50px; border-radius: 50%; background: #fff; display: grid; place-items: center; font-weight: 700; font-size: .85rem; color: #364a63; }
.profile-checklist { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: .4rem .75rem; }
.profile-checklist li { display: flex; align-items: center; gap: .4rem; font-size: .8125rem; color: #8094ae; }
.profile-checklist li.is-done { color: #364a63; }
.profile-checklist li.is-done .icon { color: #1ee0ac; }
.install-logo { width: 64px; height: 64px; object-fit: contain; border-radius: 14px; }
.install-steps { padding-inline-start: 1.25rem; }
.install-steps li { margin-bottom: .4rem; }

/* Customers and suppliers */
.partner-logo { width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
.partner-empty-icon { width: 64px; height: 64px; margin: 0 auto; border-radius: 50%; background: #f5f6fa; display: grid; place-items: center; font-size: 1.75rem; color: #8094ae; }
[data-table-body] { transition: opacity .15s; }
[data-table-body].is-loading { opacity: .5; }
.profile-stats .small-amount { font-size: .95rem; }

/* Numbering settings */
.w-70px { width: 70px; } .w-80px { width: 80px; } .w-100px { width: 100px; }
.numbering-table td, .numbering-table th { white-space: nowrap; vertical-align: middle; }
.numbering-preview { font-size: .9rem; color: #6576ff; background: #f5f6ff; padding: .2rem .5rem; border-radius: 4px; }
.modal form[data-ajax] .btn { min-height: 38px; padding: .4375rem 1.125rem; line-height: 1.5rem; }

/* =====================================================================
   Signed-in area — calm layout: more space between and inside blocks.
   Scoped to the dashboard theme (body.npc-general).
   ===================================================================== */
.npc-general { --side-gap: 1.75rem; --side-radius: 14px; --side-border: #eceff5; }
@media (min-width: 992px) { .npc-general { --side-gap: 2rem; } }

/* Page */
.npc-general .nk-content { padding-top: 2.25rem; padding-bottom: 3rem; }
@media (min-width: 1200px) { .npc-general .nk-content { padding-left: 2.75rem; padding-right: 2.75rem; } }
.npc-general .nk-content-body { max-width: 1440px; margin: 0 auto; }
.npc-general .nk-block-head-sm { padding-bottom: 1.75rem; }
.npc-general .nk-block-head .nk-block-title.page-title { font-size: 1.6rem; letter-spacing: -.01em; }
.npc-general .nk-block-head .nk-block-des { margin-top: .35rem; }
.npc-general .nk-block + .nk-block { margin-top: var(--side-gap); }
.npc-general .nk-block-head + .nk-block { margin-top: 0; }

/* Grids and cards */
.npc-general .row.g-gs { --bs-gutter-x: var(--side-gap); --bs-gutter-y: var(--side-gap); }
.npc-general .card { border-radius: var(--side-radius); }
.npc-general .card-bordered { border-color: var(--side-border); box-shadow: 0 1px 2px rgba(31, 43, 58, .03); }
.npc-general .card-inner { padding: 1.5rem; }
@media (min-width: 768px) { .npc-general .card-inner { padding: 1.75rem 2rem; } }
.npc-general .card-inner-group .card-inner:not(:last-child) { border-bottom-color: var(--side-border); }
.npc-general .card .title, .npc-general .card h6.title { font-size: 1rem; }
.npc-general .alert { border-radius: 10px; padding: 1rem 1.25rem; margin-bottom: var(--side-gap); }

/* Tables */
.npc-general .nk-tb-list .nk-tb-col { padding-top: 1.1rem; padding-bottom: 1.1rem; }
.npc-general .nk-tb-list .nk-tb-head .nk-tb-col { padding-top: .85rem; padding-bottom: .85rem; background: #fafbfd; }
.npc-general .nk-tb-list .nk-tb-col:first-child { padding-inline-start: 2rem; }
.npc-general .nk-tb-list .nk-tb-col:last-child { padding-inline-end: 2rem; }
.npc-general .nk-tb-item:not(.nk-tb-head):hover { background: #fafbff; }
.npc-general .table td, .npc-general .table th { padding: .9rem 1.25rem; }

/* Forms */
.npc-general .form-group { margin-bottom: 1.4rem; }
.npc-general .form-label { margin-bottom: .55rem; }
.npc-general .form-control, .npc-general .form-select { min-height: 42px; border-radius: 8px; border-color: #dfe3ec; }
.npc-general .form-control-sm, .npc-general .form-select-sm { min-height: 34px; }
.npc-general .form-note { margin-top: .45rem; }
.npc-general .row.g-3 { --bs-gutter-y: 1.25rem; --bs-gutter-x: 1.5rem; }
.npc-general .btn { border-radius: 8px; }
.npc-general .modal-content { border-radius: 16px; }
.npc-general .modal-body-md { padding: 2.25rem 2.5rem; }
.npc-general .nav-tabs-s2 .nav-link { padding: .75rem 0; }

/* Sidebar and header */
.npc-general .nk-sidebar-head { padding: 1.25rem 1.5rem; }
.npc-general .nk-menu-heading { padding-top: 2rem; padding-bottom: .5rem; }
.npc-general .nk-menu-heading:first-child { padding-top: 1rem; }
.npc-general .nk-menu-link { padding-top: .7rem; padding-bottom: .7rem; border-radius: 8px; }
.npc-general .nk-header { box-shadow: none; border-bottom: 1px solid var(--side-border); }
.npc-general .nk-footer { border-top-color: var(--side-border); padding: 1.5rem 2.75rem; }

/* Dashboard spacing */
.stat-card .card-inner { padding: 1.5rem 1.75rem; }
.stat-card .stat-value { margin-top: .75rem; margin-bottom: .35rem; }
.npc-general .nk-activity-item { padding: 1.15rem 2rem; }
.npc-general .profile-checklist { gap: .65rem 1rem; margin-top: 1.25rem; }
.npc-general .address-qr { width: 156px; height: 156px; }
.npc-general .nk-list-members { gap: 1.25rem; }
.npc-general .profile-ud-list { row-gap: .5rem; }

/* Items */
.item-thumb { border-radius: 10px !important; overflow: hidden; }
.item-thumb img { width: 100%; height: 100%; object-fit: cover; }
.item-photo { width: 140px; height: 140px; border-radius: 18px; background: #f5f6fa; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--side-border, #eceff5); }
.item-photo img { width: 100%; height: 100%; object-fit: cover; }
.item-photo .icon { font-size: 3rem; color: #b7c2d0; }
.item-barcode { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .75rem; background: #f5f6fa; border-radius: 8px; font-family: ui-monospace, monospace; font-size: .85rem; }
.price-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .85rem; }
.price-list li { display: flex; justify-content: space-between; gap: 1rem; font-size: .875rem; color: #8094ae; }
.price-list li strong { color: #364a63; font-weight: 600; text-align: end; }
.price-list li.is-total { padding: .75rem 0; border-top: 1px dashed #dbdfea; border-bottom: 1px dashed #dbdfea; }
.price-list li.is-total strong { font-size: 1.05rem; color: #6576ff; }
.price-summary { height: 100%; display: grid; gap: .75rem; align-content: center; padding: 1rem 1.25rem; border-radius: 10px; background: #f5f6ff; }
.price-summary div { display: flex; justify-content: space-between; font-size: .875rem; color: #526484; }
.price-summary strong { color: #364a63; }
.stat-link { transition: border-color .15s, box-shadow .15s; }
.stat-link:hover, .stat-link.is-active { border-color: #6576ff; box-shadow: 0 4px 14px rgba(101, 118, 255, .12); }
.stock-level { font-weight: 600; }
.tb-amount .currency { font-size: .75rem; color: #8094ae; font-weight: 500; }
.w-150px { width: 150px; }
.form-text-hint span { font-size: .75rem; color: #8094ae; }
/* Amounts and quantities always read left to right, also on Arabic pages */
.price-list strong, .stat-value, .tb-amount, .stock-level, .price-summary strong, .numbering-preview { direction: ltr; unicode-bidi: isolate; }

/* Step-by-step forms */
.wizard-nav { display: flex; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--side-border, #eceff5); overflow-x: auto; }
.wizard-nav li { flex: 1 1 0; min-width: 170px; display: flex; align-items: center; gap: .85rem; padding: 1.4rem 1.75rem; cursor: pointer; position: relative; color: #8094ae; }
.wizard-nav li::after { content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 2px; background: transparent; }
.wizard-nav li.is-current::after { background: #6576ff; }
.wizard-number { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: .875rem; background: #f0f2f8; color: #8094ae; transition: all .2s; }
.wizard-nav li.is-current .wizard-number { background: #6576ff; color: #fff; box-shadow: 0 0 0 4px rgba(101, 118, 255, .15); }
.wizard-nav li.is-done .wizard-number { background: #e6faf5; color: #1ee0ac; font-size: 0; }
.wizard-nav li.is-done .wizard-number::before { content: "\e9bd"; font-family: "Nioicon"; font-size: 1rem; }
.wizard-label { display: flex; flex-direction: column; line-height: 1.3; }
.wizard-title { font-weight: 600; color: #364a63; font-size: .9rem; }
.wizard-nav li:not(.is-current):not(.is-done) .wizard-title { color: #8094ae; }
.wizard-hint { font-size: .75rem; }
.wizard-body { min-height: 360px; }
@media (min-width: 992px) { .wizard-body { padding: 2.5rem 3rem !important; } }
.wizard-step { display: none; animation: wizard-in .25s ease; }
.wizard-step.is-current { display: block; }
@keyframes wizard-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.wizard-footer { display: flex; align-items: center; gap: .75rem; border-top: 1px solid var(--side-border, #eceff5); background: #fafbfd; border-radius: 0 0 14px 14px; }
.wizard-note { display: flex; gap: .65rem; align-items: flex-start; margin-top: 1.5rem; padding: 1rem 1.25rem; border-radius: 10px; background: #f5f6ff; color: #526484; font-size: .85rem; }
.wizard-note .icon { color: #6576ff; font-size: 1.1rem; margin-top: .1rem; }

/* Choice cards (radio buttons that look like tiles) */
.choice-group { display: flex; gap: .75rem; }
.choice-group-wrap { flex-wrap: wrap; }
.choice-card { margin: 0; cursor: pointer; }
.choice-card input { position: absolute; opacity: 0; pointer-events: none; }
.choice-card span { display: inline-flex; align-items: center; gap: .55rem; padding: .7rem 1.15rem; border: 1px solid #dfe3ec; border-radius: 10px; color: #526484; font-weight: 500; transition: all .15s; background: #fff; }
.choice-card span .icon { font-size: 1.15rem; color: #8094ae; }
.choice-card:hover span { border-color: #b8c0f9; }
.choice-card input:checked + span { border-color: #6576ff; background: #f5f6ff; color: #364a63; box-shadow: 0 0 0 3px rgba(101, 118, 255, .12); }
.choice-card input:checked + span .icon { color: #6576ff; }
.choice-card input:focus-visible + span { outline: 2px solid #6576ff; outline-offset: 2px; }
.term-chip { border-radius: 20px !important; }
.contact-row { padding: 1.5rem; border: 1px solid var(--side-border, #eceff5); border-radius: 12px; margin-bottom: 1rem; background: #fcfcfe; }

/* Customer / supplier profile */
.quick-actions { display: flex; justify-content: center; gap: .5rem; list-style: none; padding: 0; margin: 0; }
.quick-actions a, .quick-actions button { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; border: 1px solid #e5e9f2; background: #fff; color: #526484; font-size: 1.05rem; transition: all .15s; }
.quick-actions a:hover, .quick-actions button:hover { border-color: #6576ff; color: #6576ff; }
.quick-actions .is-danger:hover { border-color: #e85347; color: #e85347; }
.mini-stats { display: grid; gap: .65rem; }
.mini-stat { display: flex; justify-content: space-between; align-items: center; padding: .8rem 1rem; border-radius: 10px; font-size: .8125rem; }
.mini-stat strong { font-size: .95rem; direction: ltr; unicode-bidi: isolate; }
.mini-stat.is-primary { background: #f0f2ff; color: #6576ff; }
.mini-stat.is-info { background: #e8f6fd; color: #0b9bd6; }
.mini-stat.is-warning { background: #fff6e5; color: #e59a00; }
.mini-stat span { color: #526484; }
.detail-pairs { list-style: none; margin: 0; padding: 0; display: grid; gap: .8rem; }
.detail-pairs li { display: flex; justify-content: space-between; gap: 1rem; font-size: .8125rem; }
.detail-pairs span { color: #8094ae; white-space: nowrap; }
.detail-pairs strong { color: #364a63; font-weight: 500; text-align: end; word-break: break-word; }
.tab-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; margin-inline-start: .4rem; border-radius: 10px; background: #f0f2ff; color: #6576ff; font-size: .7rem; font-weight: 700; }
.user-avatar.xl { width: 96px; height: 96px; font-size: 1.75rem; }

/* "Ma société" header: completion bar and section menu */
.company-progress { margin-bottom: 1.5rem; }
.company-progress .card-inner { padding: 1.25rem 1.75rem; }
.company-progress-value { font-weight: 700; color: #6576ff; font-size: 1.1rem; }
.company-progress-bar { height: 8px; border-radius: 8px; background: #eef0f6; overflow: hidden; }
.company-progress-bar span { display: block; height: 100%; border-radius: 8px; background: linear-gradient(90deg, #6576ff, #8f6bff); transition: width .4s; }
.company-tabs { display: flex; gap: .4rem; list-style: none; margin: 0 0 1.75rem; padding: .4rem; overflow-x: auto; background: #fff; border: 1px solid var(--side-border, #eceff5); border-radius: 12px; }
.company-tabs a { display: flex; align-items: center; gap: .5rem; padding: .7rem 1rem; border-radius: 9px; color: #526484; font-weight: 500; white-space: nowrap; transition: all .15s; }
.company-tabs a .icon { font-size: 1.1rem; color: #8094ae; }
.company-tabs a:hover { background: #f5f6fa; color: #364a63; }
.company-tabs a.active { background: #6576ff; color: #fff; }
.company-tabs a.active .icon { color: #fff; }
.company-tab-count { font-size: .7rem; font-weight: 700; padding: .1rem .45rem; border-radius: 10px; background: #f0f2f8; color: #8094ae; }
.company-tab-count.is-complete { background: #e6faf5; color: #1ee0ac; }
.company-tabs a.active .company-tab-count { background: rgba(255, 255, 255, .2); color: #fff; }
@media (min-width: 992px) { .company-pane-body { padding: 2.5rem 3rem !important; } }
.company-section-title { font-size: 1.15rem; margin-bottom: .35rem; }
.store-switch { display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 1.5rem; border-radius: 12px; background: #f5f6ff; }
.form-switch-lg .form-check-input { width: 3rem; height: 1.6rem; cursor: pointer; }
.price-summary { padding: 1.5rem 1.75rem; gap: 1rem; }
.price-summary .is-total { padding: .85rem 0; border-top: 1px dashed #c9cff5; border-bottom: 1px dashed #c9cff5; }
.price-summary .is-total strong { font-size: 1.15rem; color: #6576ff; }
.tenant-brand { display: flex; align-items: center; gap: .85rem; }
.tenant-brand img { height: 48px; width: 48px; object-fit: contain; border-radius: 10px; }
.tenant-brand span { font-size: 1.35rem; font-weight: 700; color: #364a63; }

/* DashLite also uses .gap-1… .gap-4 as fixed-height spacers: never apply that height to flex containers. */
.d-flex[class*="gap-"], .d-grid[class*="gap-"], .choice-group[class*="gap-"], [class*="gap-"].flex-wrap { height: auto !important; }
.wizard-footer .btn { min-height: 44px; }
.pane-table { border: 1px solid var(--side-border, #eceff5); border-radius: 12px; overflow: hidden; margin-bottom: 1.5rem; }
.pane-table-title { padding: 1rem 1.25rem; margin: 0; border-bottom: 1px solid var(--side-border, #eceff5); background: #fafbfd; font-size: .9rem; }

/* ---------- Sales & purchases ---------- */
.doc-nav-wrap{margin:0 0 1.5rem;overflow-x:auto;scrollbar-width:none}
.doc-nav-wrap::-webkit-scrollbar{display:none}
.doc-nav{display:flex;gap:.375rem;list-style:none;margin:0;padding:.375rem;background:#fff;border:1px solid #e5e9f2;border-radius:12px;width:max-content;min-width:100%}
.doc-nav a{display:flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:8px;color:#526484;font-weight:500;white-space:nowrap;font-size:.875rem}
.doc-nav a .icon{font-size:1.05rem;color:#8094ae}
.doc-nav a:hover{background:#f5f6fa;color:#364a63}
.doc-nav a.is-current{background:rgba(133,79,255,.1);color:#854fff}
.doc-nav a.is-current .icon{color:#854fff}
.doc-status{font-weight:500}
.doc-number{display:flex;flex-direction:column}
.doc-form-section{padding:1.75rem 1.5rem}
@media (min-width:992px){.doc-form-section{padding:2rem 2.25rem}}
.doc-section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1rem}
.doc-section-title span{width:28px;height:28px;border-radius:50%;background:rgba(133,79,255,.1);color:#854fff;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}
.doc-number-preview{height:calc(2.125rem + 2px);display:flex;align-items:center;padding:0 1rem;border:1px dashed #dbdfea;border-radius:4px;background:#f9fafc;color:#364a63;font-weight:600;letter-spacing:.02em}
[dir=rtl] .doc-number-preview{justify-content:flex-end}
.doc-line{display:grid;gap:.75rem;padding:1rem;border:1px solid #e5e9f2;border-radius:10px;margin-bottom:.75rem;background:#fff;grid-template-columns:1fr 1fr}
.doc-line .doc-line-item,.doc-line .doc-line-desc{grid-column:1/-1}
.doc-line .form-label{font-size:.75rem;margin-bottom:.25rem;color:#8094ae}
.doc-line-total{display:flex;flex-direction:column;justify-content:flex-end}
.doc-line-total .amount{font-weight:600;color:#364a63;padding:.45rem 0}
.doc-line-remove{display:flex;align-items:flex-end;justify-content:flex-end}
@media (min-width:992px){
  .doc-line{grid-template-columns:minmax(150px,1.3fr) minmax(180px,2fr) 80px 120px 80px 95px 110px 40px;align-items:center;padding:.5rem 0;border:0;border-bottom:1px solid #f0f2f7;border-radius:0;margin:0;background:none}
  .doc-line .doc-line-item,.doc-line .doc-line-desc{grid-column:auto}
  .doc-line-total{text-align:end}
  .doc-line-head{font-size:.75rem;font-weight:600;color:#8094ae;text-transform:uppercase;letter-spacing:.04em;padding-top:0;border-bottom:1px solid #e5e9f2}
}
.doc-line-head.d-lg-grid{display:none}
@media (min-width:992px){.doc-line-head.d-lg-grid{display:grid!important}}
.doc-totals{background:#f9fafc;border:1px solid #eef0f6;border-radius:12px;padding:1.25rem 1.5rem}
.doc-total-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.4rem 0;color:#526484}
.doc-total-row strong{color:#364a63;font-weight:600}
.doc-total-row.is-tax{font-size:.875rem}
.doc-total-row.is-discount strong{color:#e85347}
.doc-total-row.is-grand{border-top:1px solid #e5e9f2;margin-top:.5rem;padding-top:.85rem;font-size:1.1rem}
.doc-total-row.is-grand strong{color:#854fff;font-weight:700}
.doc-paper .card-inner{padding:2rem}
@media (min-width:992px){.doc-paper .card-inner{padding:2.5rem}}
.doc-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#8094ae;font-weight:600;border-bottom-width:1px}
.doc-table td{vertical-align:top;padding-top:.9rem;padding-bottom:.9rem}
.doc-words{background:#f9fafc;border-radius:10px;padding:1rem 1.25rem;font-size:.875rem}
.doc-stock-note{display:flex;gap:.5rem;align-items:flex-start;background:#f5f6fa;border-radius:8px;padding:.65rem .85rem}
.doc-convert{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}
[dir=rtl] .doc-convert .ni-arrow-long-right{transform:scaleX(-1)}
.doc-payments,.doc-links{list-style:none;margin:0;padding:0}
.doc-payments li{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f0f2f7}
.doc-links li a{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:8px;color:#364a63}
.doc-links li a:hover{background:#f5f6fa}
.doc-list-summary strong{font-weight:600}

/* Icons of alerts and notes never overlap their text */
.alert.alert-icon{display:flex;align-items:flex-start;gap:.75rem;padding-left:1.25rem}
.alert.alert-icon>.icon{position:static;transform:none;margin:0;font-size:1.25rem;line-height:1.3;flex-shrink:0}
[dir=rtl] .alert.alert-icon{padding-right:1.25rem}
.wizard-note{display:flex;align-items:flex-start;gap:.75rem}
.wizard-note>.icon{flex-shrink:0;margin-top:.15rem}

/* Dashboard: company profile by section */
.profile-sections{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.profile-sections a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid #eef0f6;border-radius:10px;color:#364a63;transition:background .15s}
.profile-sections a:hover{background:#f9fafc}
.profile-sections a>.icon{font-size:1.15rem;color:#8094ae}
.profile-sections .profile-section-name{flex:1}
.profile-sections .profile-section-count{font-size:.8rem;color:#8094ae;font-weight:600}
.profile-sections a.is-done .profile-section-count .icon{color:#1ee0ac;font-size:1.1rem}
.address-card .card-inner{height:100%;display:flex;flex-direction:column;justify-content:center}
.doc-form-buttons{flex-shrink:0;justify-content:flex-end}
@media (max-width:767px){
  .wizard-footer{flex-direction:column;align-items:stretch}
  .wizard-footer .doc-form-buttons{margin-left:0!important;margin-right:0!important;flex-direction:column}
  .wizard-footer .doc-form-buttons .btn{justify-content:center}
}
.doc-total-row.is-grand strong{white-space:nowrap}

/* Contacts of a customer / supplier */
.contact-card{display:flex;gap:1rem;align-items:flex-start;border:1px solid #e5e9f2;border-radius:12px;padding:1.1rem 1.25rem;height:100%}
.contact-card .contact-line{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#526484;margin-top:.25rem;word-break:break-all}
.contact-card .contact-line:hover{color:#854fff}
.contact-actions{display:flex;gap:.15rem;flex-shrink:0}
.min-w-0{min-width:0}

/* Customer / supplier form: type and logo side by side */
.partner-head-row{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;align-items:flex-start;justify-content:space-between}
.logo-picker{display:flex;gap:1rem;align-items:flex-start}
.logo-picker-image{width:84px;height:84px;border-radius:16px;border:1px dashed #c7cfe0;background:#f9fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;flex-shrink:0;margin:0;transition:border-color .15s}
.logo-picker-image:hover{border-color:#854fff}
.logo-picker-image img{width:100%;height:100%;object-fit:contain;background:#fff}
.logo-picker-image .icon{font-size:1.6rem;color:#8094ae}
.logo-picker .form-note{max-width:240px}
.logo-picker-lg{flex-direction:column}.logo-picker-lg .logo-picker-image{width:120px;height:120px;border-radius:20px}

/* Mon compte */
.logo-picker-image.is-round{border-radius:50%}
.email-status{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;padding:1rem 1.25rem;border-radius:12px;background:#fff8ec;border:1px solid #fde6bf}
.email-status>.icon{font-size:1.4rem;color:#f4a100;flex-shrink:0}
.email-status.is-verified{background:#effbf6;border-color:#c6efdf}
.email-status.is-verified>.icon{color:#1ee0ac}
.notification-list,.login-list{list-style:none;margin:0;padding:0}
.notification-list li{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;border-bottom:1px solid #f0f2f7}
.notification-list li:last-child,.login-list li:last-child{border-bottom:0}
.login-list li{display:flex;gap:1rem;align-items:center;padding:.9rem 0;border-bottom:1px solid #f0f2f7}
.login-icon{width:40px;height:40px;border-radius:10px;background:#f5f6fa;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#526484;flex-shrink:0}

/* Exports */
.export-set{border:1px solid #e5e9f2;border-radius:12px;padding:1.25rem 1.5rem;height:100%}
.export-columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem 1rem}
.period-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.period-chips .btn{border-radius:50px}
.form-text-hint:has(.overline-title){position:absolute;inset-inline-end:2.4rem;top:-.55rem;background:#fff;padding:0 .3rem;z-index:2;line-height:1}
.form-text-hint .overline-title{font-size:.62rem;color:#8094ae}
.sort-link{display:inline-flex;align-items:center;gap:.2rem;color:#8094ae}
.sort-link .icon{font-size:.8rem;opacity:.5}
.sort-link.is-active,.sort-link:hover{color:#6576ff}.sort-link.is-active .icon{opacity:1}

/* Clickable photo (logo, avatar): the image itself opens the file chooser */
.photo-drop{display:flex;align-items:center;justify-content:center;width:100%;height:118px;border:1.5px dashed #c7cfe0;border-radius:14px;background:#f9fafc;cursor:pointer;overflow:hidden;margin:0;transition:border-color .15s,background .15s}
.photo-drop:hover{border-color:#6576ff;background:#f5f6ff}
.photo-drop img{width:100%;height:100%;object-fit:contain;background:#fff}
.photo-drop-empty,.logo-picker-image .photo-drop-empty{display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#8094ae}
.photo-drop-empty .icon{font-size:1.6rem}
.photo-drop-empty small{font-size:.75rem}
.logo-picker-image{cursor:pointer}

/* Attached files and remarks of a customer / supplier */
.file-drop{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem;border:1.5px dashed #c7cfe0;border-radius:14px;background:#f9fafc;cursor:pointer;margin:0;text-align:center;transition:border-color .15s,background .15s}
.file-drop:hover{border-color:#6576ff;background:#f5f6ff}
.file-drop .icon{font-size:2rem;color:#6576ff}
.file-drop small{color:#8094ae}
.file-drop-names{color:#364a63;font-weight:500;font-size:.85rem}
.file-list,.note-list{list-style:none;margin:0;padding:0}
.file-list li{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f0f2f7}
.file-thumb{width:48px;height:48px;border-radius:10px;background:#eef0ff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-size:.7rem;font-weight:700;color:#6576ff}
.file-thumb img{width:100%;height:100%;object-fit:cover}
.file-thumb.is-pdf{background:#ffe9e7;color:#e85347}
.file-thumb.is-xlsx,.file-thumb.is-xls{background:#e3f8ef;color:#1aa478}
.file-thumb.is-docx,.file-thumb.is-doc{background:#e5efff;color:#3b7ddd}
.note-list li{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid #f0f2f7}
.note-list li:last-child,.file-list li:last-child{border-bottom:0}
.note-head{display:flex;flex-wrap:wrap;gap:.6rem;align-items:baseline}
.note-body{margin-top:.25rem;color:#526484;white-space:normal}
.nav-tabs-card{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.nav-tabs-card .nav-item{flex-shrink:0}.nav-tabs-card .nav-link{white-space:nowrap}

/* Recycle bin */
.trash-list{list-style:none;margin:0;padding:.5rem 1.5rem}
.trash-list li{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #f0f2f7}
.trash-list li:last-child{border-bottom:0}
.trash-icon{width:42px;height:42px;border-radius:12px;background:#f5f6fa;color:#526484;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
/* Confirmation pop-up */
.confirm-modal .modal-content{border-radius:18px;border:0}
.confirm-modal .modal-body{padding:2rem 2rem 1.25rem;text-align:center}
.confirm-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#eef0ff;color:#6576ff}
.confirm-modal.is-danger .confirm-icon{background:#ffe9e7;color:#e85347}
.confirm-modal h5{margin-bottom:.5rem}
.confirm-note{margin-top:1rem;padding:.75rem 1rem;border-radius:10px;background:#f5f6fa;color:#526484;font-size:.85rem;display:flex;gap:.6rem;text-align:start}
.confirm-note .icon{color:#6576ff;font-size:1.1rem;flex-shrink:0;margin-top:.1rem}
.confirm-modal .modal-footer{border:0;padding:0 2rem 2rem;justify-content:center;gap:.5rem}
.confirm-modal .modal-footer .btn{min-width:130px;justify-content:center}

/* Team */
.member-card.is-disabled{opacity:.6}
.member-facts{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.45rem}
.member-facts li{display:flex;gap:.6rem;align-items:center;color:#526484;font-size:.875rem}
.member-facts .icon{color:#8094ae;font-size:1.05rem}
.member-levels{display:flex;flex-wrap:wrap;gap:.35rem}
.level-chip{font-size:.72rem;padding:.2rem .6rem;border-radius:50px;font-weight:500}
.level-chip.is-view{background:#f0f2f7;color:#526484}
.level-chip.is-edit{background:#e5efff;color:#3b7ddd}
.level-chip.is-full{background:#e3f8ef;color:#1aa478}
.member-actions{display:flex;align-items:center;gap:.25rem;padding-top:.85rem;padding-bottom:.85rem}
.member-actions .btn-light{margin-inline-end:auto}
.role-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}
.role-card{margin:0;cursor:pointer}
.role-card input{position:absolute;opacity:0;pointer-events:none}
.role-card span{display:flex;flex-direction:column;gap:.25rem;height:100%;padding:1rem 1.1rem;border:1.5px solid #e5e9f2;border-radius:12px;transition:all .15s}
.role-card strong{color:#364a63}.role-card small{color:#8094ae;line-height:1.45}
.role-card input:checked+span{border-color:#6576ff;background:#f5f6ff;box-shadow:0 0 0 3px rgba(101,118,255,.12)}
.rights-grid{border:1px solid #e5e9f2;border-radius:12px;overflow:hidden}
.rights-row{display:grid;grid-template-columns:1.6fr repeat(4,1fr);align-items:center;border-bottom:1px solid #f0f2f7}
.rights-row:last-child{border-bottom:0}
.rights-head{background:#f9fafc;font-size:.75rem;font-weight:600;color:#8094ae;text-transform:uppercase;letter-spacing:.04em}
.rights-head span{padding:.75rem .5rem;text-align:center}
.rights-module{padding:.85rem 1rem;color:#364a63;font-weight:500}
.rights-cell{display:flex;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .5rem;margin:0;cursor:pointer}
.rights-cell input{position:absolute;opacity:0;pointer-events:none}
.rights-dot{width:20px;height:20px;border-radius:50%;border:2px solid #dbdfea;transition:all .15s}
.rights-cell input:checked+.rights-dot{border-width:6px}
.rights-cell input:checked+.rights-dot.is-none{border-color:#8094ae}
.rights-cell input:checked+.rights-dot.is-view{border-color:#09c2de}
.rights-cell input:checked+.rights-dot.is-edit{border-color:#6576ff}
.rights-cell input:checked+.rights-dot.is-full{border-color:#1ee0ac}
@media (max-width:767px){.rights-head{display:none}.rights-row{grid-template-columns:1fr 1fr}.rights-module{grid-column:1/-1;padding-bottom:0}.rights-cell{justify-content:flex-start}}
.day-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.day-chip{margin:0;cursor:pointer}
.day-chip input{position:absolute;opacity:0;pointer-events:none}
.day-chip span{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:.55rem .9rem;border:1.5px solid #e5e9f2;border-radius:10px;color:#526484;font-weight:500}
.day-chip input:checked+span{border-color:#6576ff;background:#6576ff;color:#fff}
.schedule-box{padding:1.25rem;border-radius:12px;background:#f9fafc;border:1px solid #eef0f6}
.ip-row{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:.5rem;margin-bottom:.5rem;align-items:center}
@media (max-width:767px){.ip-row{grid-template-columns:1fr 1fr}}

/* ---------- Projects & treasury: minimal, calm ---------- */
.segmented{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.3rem;background:#eef0f5;border-radius:12px}
.segmented a{padding:.45rem .95rem;border-radius:9px;color:#526484;font-weight:500;font-size:.875rem;display:inline-flex;gap:.45rem;align-items:center}
.segmented a span{color:#8094ae;font-size:.78rem}
.segmented a.is-current{background:#fff;color:#1f2b3a;box-shadow:0 1px 3px rgba(31,43,58,.1)}
.calm-empty{text-align:center;padding:4rem 1.5rem}
.calm-empty-icon{width:64px;height:64px;border-radius:20px;margin:0 auto 1rem;background:#f5f6fa;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#8094ae}
.pj-card{display:block;height:100%;background:#fff;border-radius:18px;padding:1.5rem;border:1px solid #eef0f6;color:inherit;transition:transform .15s,box-shadow .15s}
.pj-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(31,43,58,.08);color:inherit}
.pj-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.1rem}
.pj-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--project-color,#6576ff);flex-shrink:0}
.pj-status{font-size:.75rem;color:#8094ae;font-weight:500}
.pj-status.is-done{color:#1aa478}.pj-status.is-on_hold{color:#f4a100}
.pj-name{font-size:1.15rem;margin-bottom:.2rem;color:#1f2b3a;font-weight:600;letter-spacing:-.01em}
.pj-customer{color:#8094ae;font-size:.875rem;margin-bottom:1.25rem}
.pj-progress{height:6px;border-radius:6px;background:#f0f2f7;overflow:hidden;margin-top:.5rem}
.pj-progress span{display:block;height:100%;background:var(--project-color,#6576ff);border-radius:6px;transition:width .3s}
.pj-progress.is-money span{background:#1ee0ac}
.pj-meta{display:flex;justify-content:space-between;margin-top:.65rem;font-size:.8rem;color:#8094ae}
.pj-head{margin-bottom:1.75rem}
.pj-back{display:inline-flex;align-items:center;gap:.35rem;color:#8094ae;font-size:.85rem;margin-bottom:.6rem}
.pj-title{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:#1f2b3a;margin-bottom:.25rem}
.pj-title .pj-dot{width:14px;height:14px}
.pj-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-top:1.5rem}
.pj-stats>div{background:#fff;border:1px solid #eef0f6;border-radius:16px;padding:1rem 1.25rem}
.pj-stats span{display:block;font-size:.78rem;color:#8094ae;margin-bottom:.15rem}
.pj-stats strong{font-size:1.25rem;color:#1f2b3a;font-weight:600}
.board{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:1.25rem;overflow-x:auto;padding-bottom:.5rem}
.board-column{background:#fff;border:1px solid #eef0f6;border-radius:18px;padding:1rem;display:flex;flex-direction:column;min-height:320px}
.board-column header{display:flex;align-items:center;gap:.55rem;padding:.2rem .35rem .85rem}
.board-column h6{margin:0;font-size:.9rem;font-weight:600;color:#364a63}
.board-count{margin-inline-start:auto;font-size:.78rem;color:#8094ae;background:#fff;border-radius:20px;padding:.05rem .55rem}
.board-dot{width:9px;height:9px;border-radius:50%}
.board-dot.is-todo{background:#8094ae}.board-dot.is-doing{background:#6576ff}.board-dot.is-done{background:#1ee0ac}
.board-list{display:flex;flex-direction:column;gap:.6rem;flex-grow:1;min-height:60px;border-radius:12px;transition:background .15s}
.board-list.is-over{background:rgba(101,118,255,.06)}
.task-card{background:#fff;border-radius:12px;padding:.85rem 1rem;border:1px solid #eef0f6;box-shadow:0 1px 2px rgba(31,43,58,.04);cursor:pointer;border-inline-start:3px solid transparent;transition:box-shadow .15s,transform .15s}
.task-card:hover{box-shadow:0 6px 16px rgba(31,43,58,.08)}
.task-card.priority-high{border-inline-start-color:#ff63a5}
.task-card.is-dragging{opacity:.4;transform:scale(.98)}
.board-column[data-column="done"] .task-title{color:#8094ae;text-decoration:line-through}
.task-title{margin:0;color:#1f2b3a;font-size:.9rem;line-height:1.45}
.task-meta{display:flex;align-items:center;gap:.7rem;margin-top:.55rem;font-size:.75rem;color:#8094ae}
.task-meta span{display:inline-flex;align-items:center;gap:.2rem}
.task-meta .is-late{color:#e85347}
.task-avatar{margin-inline-start:auto;width:22px;height:22px;border-radius:50%;background:#eef0ff;color:#6576ff;justify-content:center;font-weight:600;font-size:.7rem}
.board-add input{width:100%;border:0;background:transparent;padding:.65rem .5rem;margin-top:.4rem;border-radius:10px;font-size:.875rem;color:#364a63;outline:0}
.board-add input:focus{background:#f5f6fa;box-shadow:0 0 0 2px rgba(101,118,255,.2)}
.board-add input::placeholder{color:#8094ae}
.task-modal{border-radius:20px;border:0}
.task-modal .modal-body{padding:1.75rem 1.75rem 1rem}
.task-modal .modal-footer{border:0;padding:0 1.75rem 1.5rem}
.task-modal-title{width:100%;border:0;font-size:1.25rem;font-weight:600;color:#1f2b3a;outline:0;padding:0}
.color-dots{display:flex;gap:.6rem}
.color-dots label{margin:0;cursor:pointer}
.color-dots input{position:absolute;opacity:0}
.color-dots span{display:block;width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4px transparent;transition:box-shadow .15s}
.color-dots input:checked+span{box-shadow:0 0 0 3px #fff,0 0 0 5px #364a63}
.calm-form{border-radius:20px}
.treasury-hero{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;border-radius:22px;background:linear-gradient(135deg,#1f2b3a,#364a63);color:#fff;margin-bottom:.5rem}
.treasury-hero>div:first-child span{opacity:.7;font-size:.9rem}
.treasury-hero>div:first-child strong{display:block;font-size:2.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.treasury-hero small{font-size:.9rem;opacity:.7}
.treasury-hero-side{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-end}
.treasury-hero-side span{display:block;font-size:.8rem;opacity:.7}
.treasury-hero-side strong{font-size:1.15rem}
.treasury-hero-side small{display:block;opacity:1}
.treasury-hero .text-success{color:#5ff0c6!important}.treasury-hero .text-danger{color:#ff9a8f!important}
.treasury-hero a{color:#c5ccff}
.account-list,.movement-list,.cheque-list{list-style:none;margin:0;padding:0}
.account-list li,.movement-list li{display:flex;align-items:center;gap:.9rem;padding:.8rem 0;border-bottom:1px solid #f0f2f7}
.account-list li:last-child,.movement-list li:last-child{border-bottom:0}
.account-list a{color:inherit}
.account-icon,.movement-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.account-icon.is-bank{background:#eef0ff;color:#6576ff}.account-icon.is-cash{background:#fff4dd;color:#e8a300}
.movement-icon.is-in{background:#e3f8ef;color:#1aa478}.movement-icon.is-out{background:#ffe9e7;color:#e85347}
.chart-legend{display:flex;gap:1rem;font-size:.8rem;color:#8094ae}
.chart-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:.35rem;vertical-align:middle}
.chart-legend .is-in::before{background:#1ee0ac}.chart-legend .is-out::before{background:#ff8a7e}
.bar-chart{display:flex;align-items:flex-end;gap:1rem;height:200px}
.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}
.bars{flex:1;display:flex;align-items:flex-end;gap:5px;width:100%;justify-content:center}
.bar{width:min(22px,40%);border-radius:7px 7px 3px 3px;transition:height .4s}
.bar.is-in{background:#1ee0ac}.bar.is-out{background:#ff8a7e}
.bar-label{margin-top:.5rem;font-size:.75rem;color:#8094ae}
.movement-sums{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 0 1rem;color:#8094ae;font-size:.875rem;border-bottom:1px solid #f0f2f7;margin-bottom:.25rem}
.direction-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.direction-toggle label{margin:0;cursor:pointer}
.direction-toggle input{position:absolute;opacity:0}
.direction-toggle span{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem;border-radius:12px;border:1.5px solid #e5e9f2;color:#526484;font-weight:500}
.direction-toggle input:checked+span{border-color:#6576ff;background:#f5f6ff;color:#364a63}
.direction-toggle input:checked+span.is-in{border-color:#1ee0ac;background:#effbf6;color:#1aa478}
.direction-toggle input:checked+span.is-out{border-color:#ff8a7e;background:#fff3f2;color:#e85347}
.cheque-list li{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f0f2f7}
.cheque-list li:last-child{border-bottom:0}
.cheque-badge{font-size:.72rem;font-weight:700;padding:.35rem .6rem;border-radius:8px;background:#f5f6fa;color:#526484;text-transform:uppercase;min-width:64px;text-align:center}
.state-pill{font-size:.75rem;padding:.25rem .65rem;border-radius:20px;font-weight:500;white-space:nowrap}
.state-pill.is-portfolio{background:#fff4dd;color:#c48800}.state-pill.is-deposited{background:#eef0ff;color:#6576ff}
.state-pill.is-cashed{background:#e3f8ef;color:#1aa478}.state-pill.is-unpaid{background:#ffe9e7;color:#e85347}
@media (max-width:767px){.cheque-list li{flex-wrap:wrap}.treasury-hero{padding:1.5rem}.treasury-hero>div:first-child strong{font-size:1.9rem}}
.reconcile-tick{width:26px;height:26px;border-radius:50%;border:1.5px solid #dbdfea;background:#fff;color:transparent;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;transition:all .15s}
.reconcile-tick:hover{border-color:#1ee0ac}
.reconcile-tick.is-on{background:#1ee0ac;border-color:#1ee0ac;color:#fff}
.schedule-date{width:44px;height:46px;border-radius:12px;background:#f5f6fa;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;line-height:1.1}
.schedule-date strong{font-size:1rem;color:#1f2b3a}.schedule-date small{font-size:.65rem;color:#8094ae;text-transform:uppercase}
.schedule-date.is-late{background:#ffe9e7}.schedule-date.is-late strong{color:#e85347}
.deposit-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #f0f2f7;background:#f9fafc;border-radius:4px 4px 0 0}
.deposit-bar>span{flex:1 1 260px}
.deposit-bar .form-select,.deposit-bar .form-control{width:auto}
.cheque-check{width:22px;flex-shrink:0}
.state-pill.is-issued{background:#fff4dd;color:#c48800}.state-pill.is-debited{background:#e3f8ef;color:#1aa478}
.cash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem}
.cash-grid label{display:flex;align-items:center;gap:.5rem;margin:0}
.cash-denom{min-width:52px;text-align:center;font-weight:600;font-size:.8rem;padding:.35rem .4rem;border-radius:8px;background:#fff4dd;color:#9a6b00}
.cash-denom.is-note{background:#e3f8ef;color:#1aa478}
.cash-result{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem;padding:1rem;border-radius:12px;background:#f5f6fa}
.cash-result span{display:block;font-size:.75rem;color:#8094ae}.cash-result strong{font-size:1.05rem}

/* Errors inside the app */
.app-error{max-width:560px;margin:4rem auto;text-align:center;padding:3rem 2rem;background:#fff;border-radius:24px;border:1px solid #eef0f6}
.app-error-code{font-size:7rem;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,#6576ff,#854fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.app-error-title{margin:1rem 0 .5rem;font-size:1.6rem;color:#1f2b3a}
.app-error-text{color:#8094ae;margin-bottom:1.75rem}
.app-error-timer{margin:1.25rem 0 0;color:#8094ae;font-size:.85rem}

/* Searchable lists */
.combo{position:relative}
.combo-native{position:absolute!important;opacity:0;pointer-events:none;width:1px!important;height:1px!important;inset-inline-start:0;bottom:0}
.combo-button{text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#fff;cursor:pointer}
.combo-button.is-placeholder{color:#8094ae}
.combo-panel{display:none;position:absolute;z-index:1060;top:calc(100% + 6px);inset-inline-start:0;min-width:100%;width:max-content;max-width:min(420px,90vw);background:#fff;border:1px solid #e5e9f2;border-radius:14px;box-shadow:0 16px 40px rgba(31,43,58,.14);overflow:hidden}
.combo.is-open .combo-panel{display:block}
.combo-search{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid #f0f2f7}
.combo-search .icon{color:#8094ae}
.combo-search input{border:0;outline:0;width:100%;font-size:.9rem;color:#364a63;background:transparent}
.combo-list{list-style:none;margin:0;padding:.35rem;max-height:280px;overflow-y:auto}
.combo-list li{padding:.55rem .75rem;border-radius:9px;cursor:pointer;color:#364a63;font-size:.9rem}
.combo-list li:hover,.combo-list li.is-active{background:#f5f6ff}
.combo-list li.is-selected{color:#6576ff;font-weight:600}
.combo-list li.is-placeholder{color:#8094ae}
.combo-list li.combo-empty{color:#8094ae;cursor:default;background:none}
.combo-list li.combo-create{color:#6576ff;font-weight:600;border-top:1px solid #f0f2f7;margin-top:.25rem;border-radius:0 0 9px 9px;display:flex;align-items:center;gap:.4rem}
/* Required fields: a red star after the label */
.form-label.is-required::after{content:" *";color:#e85347;font-weight:600}
.photo-drop-lg{height:220px;border-radius:18px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.gallery-thumb,.gallery-add{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;margin:0;cursor:pointer}
.gallery-thumb{border:1px solid #e5e9f2;background:#fff}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.gallery-thumb input{position:absolute;opacity:0}
.gallery-remove{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(232,83,71,.75);color:#fff;font-size:1.2rem}
.gallery-thumb:hover .gallery-remove{display:flex;background:rgba(31,43,58,.45)}
.gallery-thumb input:checked~.gallery-remove{display:flex;background:rgba(232,83,71,.8)}
.gallery-thumb.is-new{outline:2px solid #6576ff;outline-offset:-2px}
.gallery-add{border:1.5px dashed #c7cfe0;display:flex;align-items:center;justify-content:center;color:#8094ae;font-size:1.3rem;background:#f9fafc}
.gallery-add:hover{border-color:#6576ff;color:#6576ff}
.label-preview{background:#f5f6fa;border-radius:14px;padding:1.25rem;display:flex;justify-content:center}.label-preview img{max-width:100%;background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(31,43,58,.08)}.gallery-sm{grid-template-columns:repeat(4,1fr);max-width:220px;margin:0 auto}
/* Projects toolbar: tabs, then search and period (only past 3 projects) */
.pj-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}
.pj-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex:1 1 420px;justify-content:flex-end}
.pj-search{flex:1 1 220px;max-width:320px}
.pj-dates{display:flex;gap:.4rem;align-items:center}
.pj-dates .form-control{width:150px}
@media (max-width:575px){.pj-tools{justify-content:stretch}.pj-search{max-width:none}.pj-dates{width:100%}.pj-dates .form-control{flex:1;width:auto}}
/* Ma société → Thèmes de documents */
.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.75rem}
.theme-card{position:relative;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;margin:0}
.theme-card input{position:absolute;opacity:0;pointer-events:none}
.theme-thumb{position:relative;display:block;aspect-ratio:210/270;background:#fff;border:1.5px solid #e3e7f0;border-radius:10px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.theme-card:hover .theme-thumb{border-color:#c5cbe0}
.theme-card input:checked + .theme-thumb{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.theme-card input:focus-visible + .theme-thumb{outline:2px solid var(--accent);outline-offset:2px}
.theme-thumb i,.theme-thumb b{position:absolute;display:block;font-style:normal}
.theme-thumb b{position:static}
/* header */
.theme-thumb .t-head{left:8%;right:8%;top:6%;height:12%;display:flex;justify-content:space-between;align-items:flex-start}
.theme-thumb .t-logo{width:30%;height:38%;border-radius:2px;background:#cfd5e1}
.theme-thumb .t-title{width:32%;height:46%;border-radius:2px;background:#1f2b3a}
.theme-thumb.hd-classic .t-title{background:#1f2b3a}
.theme-thumb.hd-band .t-head,.theme-thumb.hd-ink .t-head{left:0;right:0;top:0;height:19%;padding:7% 8% 0;background:var(--accent)}
.theme-thumb.hd-ink .t-head{background:#1f2b3a;border-bottom:3px solid var(--accent)}
.theme-thumb.hd-band .t-logo,.theme-thumb.hd-ink .t-logo{background:#fff;opacity:.9}
.theme-thumb.hd-band .t-title{background:#fff}
.theme-thumb.hd-ink .t-title{background:var(--accent)}
.theme-thumb.hd-center .t-head{flex-direction:column;align-items:center;gap:6%;height:17%}
.theme-thumb.hd-center .t-logo{width:24%;height:26%}
.theme-thumb.hd-center .t-title{width:100%;height:6px;background:none;border-top:1px solid var(--accent);border-bottom:1px solid var(--accent)}
.theme-thumb.hd-stripe{border-top:5px solid var(--accent)}
.theme-thumb.hd-stripe .t-head{flex-direction:row-reverse}
.theme-thumb.hd-stripe .t-title{width:46%;height:60%;background:#1f2b3a}
/* customer box */
.theme-thumb .t-box{right:8%;top:24%;width:42%;height:9%;border-radius:2px}
.theme-thumb.pt-box .t-box{border:1px solid #1f2b3a}
.theme-thumb.pt-soft .t-box{background:color-mix(in srgb,var(--accent) 14%,#fff);border-radius:4px}
.theme-thumb.pt-line .t-box{border-left:2px solid var(--accent);background:#f3f4f7}
.theme-thumb.pt-plain .t-box{background:repeating-linear-gradient(#e3e7ef 0 2px,transparent 2px 6px)}
.theme-thumb.hd-center .t-box{left:29%;right:auto}
.theme-thumb.hd-stripe .t-box{right:auto;left:8%}
/* table */
.theme-thumb .t-table{left:8%;right:8%;top:38%;height:32%;display:flex;flex-direction:column}
.theme-thumb .t-table b{flex:1;border-bottom:1px solid #eef0f5}
.theme-thumb.tb-grid .t-table{border:1px solid #1f2b3a;background:linear-gradient(90deg,transparent 54%,#d5dae3 54%,#d5dae3 55%,transparent 55%,transparent 76%,#d5dae3 76%,#d5dae3 77%,transparent 77%)}
.theme-thumb.tb-grid .t-table b{border:0}
.theme-thumb.tb-grid .t-table b:first-child{background:#1f2b3a;flex:.8}
.theme-thumb.tb-zebra .t-table b{border:0}
.theme-thumb.tb-zebra .t-table b:first-child{background:var(--accent)}
.theme-thumb.tb-zebra .t-table b:nth-child(odd):not(:first-child){background:color-mix(in srgb,var(--accent) 12%,#fff)}
.theme-thumb.tb-lines .t-table b:first-child{border-bottom:2px solid var(--accent)}
.theme-thumb.tb-boxed .t-table{border:1px solid #dfe3ea;border-radius:5px;overflow:hidden}
.theme-thumb.tb-boxed .t-table b:first-child{background:#f1f3f7}
.theme-thumb.tb-bold .t-table{border-bottom:3px solid #1f2b3a}
.theme-thumb.tb-bold .t-table b{border-bottom:1px dashed #cfd5e0}
.theme-thumb.tb-bold .t-table b:first-child{background:#1f2b3a}
/* totals */
.theme-thumb .t-total{right:8%;top:74%;width:36%;height:10%;display:flex;flex-direction:column;justify-content:flex-end}
.theme-thumb .t-total b{height:42%}
.theme-thumb.tt-frame .t-total{border:1px solid #1f2b3a}
.theme-thumb.tt-frame .t-total b{background:color-mix(in srgb,var(--accent) 16%,#fff)}
.theme-thumb.tt-band .t-total b{background:var(--accent)}
.theme-thumb.tt-pill .t-total b{background:var(--accent);border-radius:8px}
.theme-thumb.tt-double .t-total b{border-top:3px double #1f2b3a}
.theme-thumb.tt-plain .t-total b{border-top:1px solid #1f2b3a}
/* decoration and footer */
.theme-thumb .t-foot{left:22%;right:22%;bottom:4%;height:2.5%;border-radius:2px;background:#e3e7ef}
.theme-thumb.dc-foot .t-foot{left:0;right:0;bottom:0;height:6%;border-radius:0;background:var(--accent)}
.theme-thumb.dc-side{border-left:6px solid var(--accent)}
.theme-thumb.dc-corner .t-deco{top:0;right:0;width:18%;aspect-ratio:1;background:var(--accent);clip-path:polygon(100% 0,0 0,100% 100%)}
.theme-thumb.dc-frame .t-deco{inset:3%;border:1px solid var(--accent);border-radius:2px}
.theme-thumb.dc-dots .t-deco{top:4%;right:5%;width:24%;height:10%;background:radial-gradient(var(--accent) 1px,transparent 1.3px) 0 0/5px 5px;opacity:.5}
.theme-thumb.dc-corner .t-head{right:20%}
.theme-name{font-size:.8125rem;font-weight:600;color:#1f2b3a;display:flex;gap:.35rem;align-items:center;flex-wrap:wrap}
.theme-font{font-size:.72rem;color:#8094ae;margin-top:-.25rem}
.theme-parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem 1.25rem}
.theme-preview{position:sticky;top:90px}
.theme-preview-frame{position:relative;width:100%;aspect-ratio:210/297;border:1px solid #e3e7f0;border-radius:12px;overflow:hidden;background:#fff}
.theme-preview-frame iframe{position:absolute;top:0;left:0;width:820px;height:1160px;border:0;transform-origin:0 0}
[dir=rtl] .theme-preview-frame iframe{left:auto;right:0;transform-origin:100% 0}
/* Logistics */
.lg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e5e9f2;border:1px solid #e5e9f2;border-radius:14px;overflow:hidden;margin-bottom:1.5rem}
.lg-stats>div,.lg-stats>a{background:#fff;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.15rem}
.lg-stats span{font-size:.8rem;color:#8094ae}
.lg-stats strong{font-size:1.4rem;font-weight:700;color:#1f2b3a}
.lg-stats strong small{font-size:.75rem;color:#8094ae;font-weight:500}
@media (max-width:767px){.lg-stats{grid-template-columns:repeat(2,1fr)}}
.lg-waiting{list-style:none;margin:0;padding:0}
.lg-waiting li{display:flex;align-items:center;gap:.9rem;padding:.75rem 0;border-top:1px solid #f1f3f8}
.lg-waiting li:first-child{border-top:0}
.lg-waiting-icon{flex:0 0 38px;height:38px;border-radius:10px;background:#eef0ff;color:#6576ff;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}
.lg-list{list-style:none;margin:0;padding:0}
.lg-list li a{display:flex;align-items:center;gap:1rem;padding:.95rem 1.25rem;border-top:1px solid #f1f3f8;color:inherit}
.lg-list li:first-child a{border-top:0}
.lg-list li a:hover{background:#fafbfd}
.lg-status{flex:0 0 38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;background:#f2f4f8;color:#526484}
.lg-status.is-ready{background:#eef0ff;color:#6576ff}
.lg-status.is-shipped{background:#fff6e5;color:#c98a00}
.lg-status.is-delivered{background:#e6f9f2;color:#16a37b}
.lg-status.is-failed{background:#ffecec;color:#e85347}
.lg-date{font-size:.85rem;color:#526484;white-space:nowrap}
.lg-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;background:#f2f4f8;color:#526484;white-space:nowrap}
.lg-badge.is-ready{background:#eef0ff;color:#4f5fe0}
.lg-badge.is-shipped{background:#fff6e5;color:#a87200}
.lg-badge.is-delivered{background:#e6f9f2;color:#11845f}
.lg-badge.is-failed{background:#ffecec;color:#d43c30}
@media (max-width:575px){.lg-badge{display:none}}
.lg-steps{list-style:none;display:flex;margin:0;padding:0;counter-reset:step}
.lg-steps li{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}
.lg-steps li::before{content:"";position:absolute;top:17px;inset-inline-start:-50%;width:100%;height:2px;background:#e5e9f2;z-index:0}
.lg-steps li:first-child::before{display:none}
.lg-steps li.is-done::before,.lg-steps li.is-current::before{background:#6576ff}
.lg-step-dot{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #e5e9f2;color:#8094ae;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}
.lg-steps li.is-done .lg-step-dot{background:#6576ff;border-color:#6576ff;color:#fff}
.lg-steps li.is-current .lg-step-dot{border-color:#6576ff;color:#6576ff;box-shadow:0 0 0 4px rgba(101,118,255,.15)}
.lg-step-label{font-size:.85rem;font-weight:600;color:#1f2b3a}
.lg-step-date{font-size:.75rem;color:#8094ae}
.lg-info{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:0;font-size:.875rem}
.lg-info dt{font-weight:400;color:#8094ae}
.lg-info dd{margin:0;color:#1f2b3a;text-align:end}
.lg-wh-figures{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid #f1f3f8}
.lg-wh-figures span{display:block;font-size:.78rem;color:#8094ae}
.lg-wh-figures strong{font-size:1.1rem;color:#1f2b3a}
[dir=rtl] .lg-flip{transform:scaleX(-1);display:inline-block}
/* Ma boutique */
.store-thumb{flex:0 0 44px;width:44px;height:44px;border-radius:10px;background:#f2f4f8;color:#a9b1c2;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.store-thumb img{width:100%;height:100%;object-fit:cover}
.store-switch-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0}
.store-switch-row + .store-switch-row{border-top:1px solid #f1f3f8}
.store-accents{display:flex;flex-wrap:wrap;gap:.6rem}
.store-accents label{cursor:pointer;margin:0}
.store-accents input{position:absolute;opacity:0}
.store-accents span{display:block;width:34px;height:34px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 3px #fff;border:2px solid transparent;transition:border-color .15s}
.store-accents input:checked + span{border-color:var(--swatch)}
.store-accents input:focus-visible + span{outline:2px solid #6576ff;outline-offset:2px}
.menu-count{margin-inline-start:auto;margin-inline-end:1.6rem;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#6576ff;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
/* DashLite puts overflow:hidden on the root, which stops every position:sticky (theme preview…).
   clip keeps the horizontal cut without creating a scroll container. */
.nk-app-root{overflow:visible;overflow-x:clip}
/* Documents: actions of each row, share pop-up */
.doc-row-actions{list-style:none;display:flex;justify-content:flex-end;gap:.15rem;margin:0;padding:0}
.share-qr{width:220px;height:220px;margin:0 auto;padding:10px;border:1px solid #e5e9f2;border-radius:16px;background:#fff}
.share-qr svg{width:100%;height:100%;display:block}
.share-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.share-buttons .btn{justify-content:center}
.share-whatsapp{color:#128c7e}
@media (max-width:420px){.share-buttons{grid-template-columns:1fr}}
/* Ma société → Tickets de caisse */
.segmented-option{margin:0;cursor:pointer}
.segmented-option input{position:absolute;opacity:0}
.segmented-option span{display:inline-block;padding:.45rem .95rem;border-radius:9px;color:#526484;font-weight:500;font-size:.875rem}
.segmented-option input:checked + span{background:#fff;color:#1f2b3a;box-shadow:0 1px 3px rgba(31,43,58,.1)}
.ticket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.75rem}
.ticket-card{display:flex;flex-direction:column;gap:.35rem;cursor:pointer;margin:0}
.ticket-card input{position:absolute;opacity:0}
.ticket-thumb{position:relative;display:flex;flex-direction:column;gap:6%;aspect-ratio:3/5;padding:12% 12%;background:#fff;border:1.5px solid #e3e7f0;border-radius:8px;transition:border-color .15s,box-shadow .15s}
.ticket-card input:checked + .ticket-thumb{border-color:#1f2b3a;box-shadow:0 0 0 3px rgba(31,43,58,.15)}
.ticket-thumb i,.ticket-thumb b{display:block;font-style:normal}
.ticket-thumb .tt-head{display:flex;flex-direction:column;align-items:center;gap:4px}
.ticket-thumb .tt-head b:first-child{width:46%;height:10px;border-radius:2px;background:#cfd5e1}
.ticket-thumb .tt-head b:last-child{width:70%;height:4px;border-radius:2px;background:#e3e7ef}
.ticket-thumb .tt-sep{border-top:1px dashed #1f2b3a}
.ticket-thumb .tt-line{height:5px;border-radius:2px;background:linear-gradient(90deg,#d5dae3 0 60%,transparent 60% 78%,#1f2b3a 78%)}
.ticket-thumb .tt-total{height:12px;border-radius:2px;background:linear-gradient(90deg,#1f2b3a 0 30%,transparent 30% 60%,#1f2b3a 60%)}
.ticket-thumb.tk-h-left .tt-head{align-items:flex-start}
.ticket-thumb.tk-h-boxed .tt-head{border:1.5px solid #1f2b3a;border-radius:4px;padding:5px}
.ticket-thumb.tk-h-inverse .tt-head{background:#1f2b3a;margin:-12% -12% 0;padding:12% 12% 8%}
.ticket-thumb.tk-h-inverse .tt-head b{background:#fff}
.ticket-thumb.tk-s-space .tt-sep{border:0}
.ticket-thumb.tk-s-solid .tt-sep{border-top-style:solid}
.ticket-thumb.tk-s-dotted .tt-sep{border-top:2px dotted #1f2b3a}
.ticket-thumb.tk-s-double .tt-sep{border-top:3px double #1f2b3a}
.ticket-thumb.tk-s-stars .tt-sep{border:0;height:5px;background:radial-gradient(#1f2b3a 1px,transparent 1.5px) 0 0/6px 5px}
.ticket-thumb.tk-t-large .tt-total{width:60%;margin:0 auto;height:14px;background:#1f2b3a}
.ticket-thumb.tk-t-inverse .tt-total{background:#1f2b3a;height:14px}
.ticket-thumb.tk-t-boxed .tt-total{background:none;border:2px solid #1f2b3a;height:14px}
.ticket-thumb.tk-t-double .tt-total{background:none;border-top:3px double #1f2b3a;border-bottom:3px double #1f2b3a}
.ticket-thumb.tk-t-line .tt-total{border-top:1px solid #1f2b3a;border-bottom:1px solid #1f2b3a}
.ticket-preview-frame{position:relative;height:620px;border:1px solid #e3e7f0;border-radius:12px;overflow:hidden;background:#f5f6fa}
.ticket-preview-frame iframe{width:100%;height:100%;border:0}
.demo-list{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.6rem}
.demo-list li{display:flex;gap:.6rem;align-items:flex-start}
.demo-list .icon{margin-top:.2rem}

/* Platform: super admin, subscription, support */
.btn-xs{padding:.2rem .55rem;font-size:.75rem;line-height:1.4;border-radius:6px}
.header-bell{position:relative}
.header-bell-count{position:absolute;top:-2px;inset-inline-end:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e85347;color:#fff;font-size:10px;font-weight:700;line-height:17px;text-align:center}
.platform-banner{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem .9rem;margin-bottom:1.5rem;padding:.8rem 1.1rem;border-radius:12px;background:#eef3ff;color:#2c3782;font-size:.875rem}
.platform-banner .icon{font-size:1.15rem}
.platform-banner > span{flex:1;min-width:200px}
.platform-banner.is-warning{background:#fff6e0;color:#7a5600}
.platform-banner.is-danger{background:#fdecea;color:#8a2a21}
.platform-banner.is-dark{background:#1f2b3a;color:#fff}
.sa-badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;background:#1f2b3a;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}
.sa-status-choice{display:flex;flex-wrap:wrap;gap:.5rem}
.sa-status-choice label{margin:0;cursor:pointer}
.sa-status-choice input{position:absolute;opacity:0}
.sa-status-choice span{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border:1.5px solid #e3e7f0;border-radius:9px;color:#526484;font-weight:500;font-size:.875rem;transition:border-color .15s,background .15s}
.sa-status-choice input:checked + span{border-color:#1f2b3a;color:#1f2b3a;background:#f5f6fa}
.sa-status-choice input:checked + span.is-suspended{border-color:#f4bd0e;background:#fff8e1;color:#7a5600}
.sa-status-choice input:checked + span.is-blocked{border-color:#e85347;background:#fdecea;color:#8a2a21}
.sa-status-choice input:focus-visible + span{box-shadow:0 0 0 3px rgba(31,43,58,.15)}
.sa-usage{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}
.sa-usage div{display:flex;flex-direction:column;padding:.8rem;border:1px solid var(--side-border,#eceff5);border-radius:10px}
.sa-usage strong{font-size:1.25rem;color:#1f2b3a}
.sa-usage span{font-size:.8rem;color:#8091a7}
.sa-modules{display:flex;flex-wrap:wrap;gap:.45rem}
.sa-module{margin:0;cursor:pointer}
.sa-module input{position:absolute;opacity:0}
.sa-module span,.sa-module.is-core{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border:1.5px solid #e3e7f0;border-radius:8px;font-size:.8rem;color:#526484}
.sa-module input:checked + span{border-color:#1f2b3a;background:#1f2b3a;color:#fff}
.sa-module.is-core{background:#f5f6fa;cursor:default;border-style:dashed}
.sa-quick{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
.plan-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}
.plan-choice{margin:0;cursor:pointer}
.plan-choice input{position:absolute;opacity:0}
.plan-choice > span{display:flex;flex-direction:column;gap:.25rem;height:100%;padding:1rem;border:1.5px solid #e3e7f0;border-radius:12px;transition:border-color .15s,box-shadow .15s}
.plan-choice strong{color:#1f2b3a}
.plan-choice small{color:#526484;font-weight:500}
.plan-choice em{font-style:normal;font-size:.78rem;color:#8091a7}
.plan-choice input:checked + span{border-color:#1f2b3a;box-shadow:0 0 0 3px rgba(31,43,58,.12)}
.support-thread{display:flex;flex-direction:column;gap:1rem}
.support-message{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}
.support-message.is-mine{align-self:flex-end;align-items:flex-end}
.support-bubble{padding:.75rem 1rem;border-radius:14px;background:#f5f6fa;color:#364a63;white-space:normal;word-break:break-word}
.support-message.is-mine .support-bubble{background:#1f2b3a;color:#fff}
.support-message.is-side:not(.is-mine) .support-bubble{background:#eef3ff;color:#2c3782}
.support-meta{margin-top:.3rem;font-size:.75rem;color:#8091a7}
.dark-mode .platform-banner:not(.is-dark),.dark-mode .support-bubble{background:#1c2b46;color:#d6dbe4}
.sa-stats{grid-template-columns:repeat(5,1fr)}
.sa-stats>a:hover{background:#fafbfd}
@media (max-width:767px){.sa-stats{grid-template-columns:repeat(2,1fr)}}
.sa-slug{display:flex;align-items:stretch}
.sa-slug .form-control{border-start-end-radius:0;border-end-end-radius:0}
.sa-slug-root{display:flex;align-items:center;padding:0 .8rem;border:1px solid #dbdfea;border-inline-start:0;border-radius:0 6px 6px 0;background:#f5f6fa;color:#8094ae;font-size:.85rem;white-space:nowrap}
[dir="rtl"] .sa-slug-root{border-radius:6px 0 0 6px}
.advisor-card{display:flex;align-items:center;gap:1rem}
.advisor-card .user-avatar{width:56px;height:56px;flex-shrink:0;font-size:1.1rem}
.advisor-card .user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.advisor-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.lg-list li > .lg-row{display:flex;align-items:center;gap:1rem;padding:.95rem 1.25rem;border-top:1px solid #f1f3f8}
.lg-list li:first-child > .lg-row{border-top:0}
.pay-due{padding:1rem 1.1rem;border-radius:12px;background:#fff8e6;border:1px solid #fbe3a6}
.pay-due > div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.pay-due strong{font-size:1.35rem;color:#1f2b3a}
.readonly-invoice{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;border-radius:12px;background:#f5f6fa;margin:1rem 0}
.readonly-invoice strong{font-size:1.15rem;color:#1f2b3a}

.ticket-thumb.tk-h-split .tt-head{flex-direction:row;align-items:center;gap:5%}
.ticket-thumb.tk-h-split .tt-head b:first-child{width:24%;height:14px}
.ticket-thumb.tk-h-split .tt-head b:last-child{width:56%}
.ticket-thumb.tk-s-wave .tt-sep{border:0;height:5px;background:radial-gradient(circle at 3px 0,transparent 2.5px,#1f2b3a 3px,transparent 4px) 0 0/6px 5px repeat-x}
.ticket-thumb.tk-t-underline .tt-total{background:none;border-bottom:2px solid #1f2b3a;height:10px}
.ticket-thumb.tk-h-bar .tt-head{border-top:4px solid #1f2b3a;padding-top:6px}
.ticket-thumb.tk-t-pill .tt-total{background:#1f2b3a;border-radius:999px;height:13px}
.ticket-thumb.tk-t-stamp .tt-total{width:64%;margin:0 auto;height:14px;background:none;border:2px dashed #1f2b3a;transform:rotate(-3deg)}
.ticket-thumb.tk-h-right .tt-head{align-items:flex-end}
.ticket-thumb.tk-s-thin .tt-sep{border-top:1px solid #c5ccd8}
.ticket-thumb.tk-t-right .tt-total{width:45%;margin-inline-start:auto;height:12px;background:#1f2b3a}
.pay-amount{display:flex;flex-direction:column;gap:.15rem;padding:1rem 1.2rem;border-radius:12px;background:#f0fbf7}
.pay-amount strong{font-size:1.6rem;color:#1f2b3a}
.pay-amount.is-cancelled{background:#fdf0ef}
.pay-amount.is-cancelled strong{text-decoration:line-through;color:#8094ae}
.nk-tb-item.is-cancelled .nk-tb-col{opacity:.7}

.share-mail-form{margin-top:14px;padding-top:14px;border-top:1px solid #eceff5}
.share-mail-result{min-height:18px;margin-top:8px;font-size:13px;text-align:start}
.share-mail-result.is-ok{color:#11845f}
.share-mail-result.is-error{color:#e85347}

.label-preview{min-height:150px;align-items:center}
.label-preview img{transition:width .2s}
.label-sheet-preview{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px;border:1px solid #eceff5;border-radius:12px}
.label-sheet-mini{--per-row:3;--ratio:.6;flex:0 0 74px;aspect-ratio:210/297;padding:4px;background:#fff;border:1px solid #dbdfea;border-radius:3px;display:grid;grid-template-columns:repeat(var(--per-row),1fr);align-content:start;gap:1px;overflow:hidden;box-shadow:0 1px 3px rgba(31,43,58,.08)}
.label-sheet-mini i{display:block;aspect-ratio:1/var(--ratio);background:#1f2b3a;opacity:.75;border-radius:1px}
.label-sheet-mini i.is-empty{background:#e5e9f2;opacity:1}
.label-sheet-info{font-size:12.5px;line-height:1.5;color:#526484}

.print-help{padding:12px 14px;border-radius:12px;background:#f5f6fa;font-size:13px;color:#526484}
.print-help strong{display:block;color:#1f2b3a;margin-bottom:4px}
.print-help p{margin:0 0 6px}
.print-help code{display:inline-block;margin:0 0 6px;padding:3px 8px;border-radius:6px;background:#fff;border:1px solid #e3e7f0;color:#1f2b3a}

.header-alert{display:inline-flex;align-items:center;gap:6px;margin-inline-start:10px;padding:4px 12px 4px 10px;border-radius:999px;background:#fff3e6;color:#b45309;font-size:12.5px;font-weight:600;animation:header-alert 1.6s ease-in-out infinite}
.header-alert:hover{background:#ffe8cc;color:#92400e}
.header-alert .icon{font-size:15px}
.header-alert-dot{width:8px;height:8px;border-radius:50%;background:#f97316;box-shadow:0 0 0 0 rgba(249,115,22,.6);animation:header-alert-dot 1.6s ease-out infinite}
@keyframes header-alert{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes header-alert-dot{0%{box-shadow:0 0 0 0 rgba(249,115,22,.6)}100%{box-shadow:0 0 0 8px rgba(249,115,22,0)}}
@media (prefers-reduced-motion:reduce){.header-alert,.header-alert-dot{animation:none}}
@media (max-width:767px){.header-alert span:last-child{display:none}}

.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.tpl-card{display:flex;flex-direction:column;gap:4px;margin:0;cursor:pointer}
.tpl-card input{position:absolute;opacity:0}
.tpl-thumb{display:flex;flex-direction:column;gap:6px;aspect-ratio:4/3;padding:8px;border:1.5px solid #e3e7f0;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.tpl-card input:checked + .tpl-thumb{border-color:#1f2b3a;box-shadow:0 0 0 3px rgba(31,43,58,.14)}
.tpl-thumb i{font-style:normal}.tpl-thumb b,.tpl-bar{display:block}
.tpl-bar{height:6px;border-radius:2px;background:#e8ebf2}
.tpl-hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:6px;border-radius:5px;background:#eef0ff}
.tpl-hero b:first-child{width:60%;height:7px;border-radius:2px;background:#1f2b3a}
.tpl-hero b:last-child{width:40%;height:4px;border-radius:2px;background:#b7bfd0}
.tpl-row{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;height:26%}
.tpl-row b{border-radius:3px;background:#e8ebf2}
.tpl-name{font-weight:600;color:#1f2b3a;font-size:13.5px}
.tpl-desc{font-size:11.5px;color:#8094ae;line-height:1.35}
.tpl-preview{font-size:12px;font-weight:600}
.tpl-minimal .tpl-hero{background:#fff;border-bottom:1px solid #e3e7f0;border-radius:0}.tpl-minimal .tpl-row b{border-radius:0;background:#f2f3f6}
.tpl-boutique{background:#fffdf9}.tpl-boutique .tpl-hero{background:#f6f1ea;align-items:center}.tpl-boutique .tpl-row b{background:#efe6da}
.tpl-marche .tpl-hero{background:#f97316;border-radius:5px 5px 12px 12px}.tpl-marche .tpl-hero b:first-child{background:#fff}.tpl-marche .tpl-row b{background:#fff1e0;border-radius:6px}
.tpl-nuit{background:#0f141d;border-color:#2a3344}.tpl-nuit .tpl-bar{background:#2a3344}.tpl-nuit .tpl-hero{background:#1d2535}.tpl-nuit .tpl-hero b:first-child{background:#fff}.tpl-nuit .tpl-row b{background:#1d2535}
.tpl-compact .tpl-hero{flex:0 0 22%}.tpl-compact .tpl-row{grid-template-columns:repeat(5,1fr);height:auto;flex:1}
.tpl-corporate .tpl-hero{background:#fff;border-bottom:3px solid #6576ff;border-radius:0}.tpl-corporate .tpl-row b{border-top:2px solid #6576ff;background:#f5f6fa}
.tpl-agence .tpl-bar,.tpl-agence .tpl-hero{background:#0f141d}.tpl-agence .tpl-hero b:first-child{background:#fff;height:10px;width:80%}
.tpl-cabinet .tpl-hero{background:#f7f6f3;align-items:center;border-radius:0}.tpl-cabinet .tpl-row b{background:#f7f6f3;border-radius:0}
.tpl-artisan{background:#fffaf2}.tpl-artisan .tpl-hero{background:#faf3e8;border-radius:10px}.tpl-artisan .tpl-row b{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(120,80,30,.12)}
.tpl-restaurant .tpl-hero{background:#1c1712;align-items:center}.tpl-restaurant .tpl-hero b:first-child{background:#fff}.tpl-restaurant .tpl-row{grid-template-columns:1fr;gap:3px}.tpl-restaurant .tpl-row b{height:3px;border-bottom:1px dotted #b7bfd0;background:none}
.tpl-studio .tpl-hero{background:#fff}.tpl-studio .tpl-hero b:first-child{height:14px;width:90%;background:#111}.tpl-studio .tpl-row b{background:none;border-top:2px solid #111;border-radius:0}
.tpl-sante .tpl-hero{background:linear-gradient(135deg,#e6f2ff,#fff)}.tpl-sante .tpl-row b{background:#e6f2ff;border-radius:6px}

/* Team messages */
.tm{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - 200px);min-height:480px;border:1px solid var(--side-border,#eceff5);border-radius:14px;background:#fff;overflow:hidden}
.tm-list{border-inline-end:1px solid #eceff5;overflow-y:auto}
.tm-list-head{padding:18px 18px 10px}
.tm-conv{display:flex;align-items:center;gap:12px;padding:12px 18px;color:inherit}
.tm-conv:hover{background:#f7f8fb}
.tm-conv.is-active{background:#f0f2f8}
.tm-conv-text{flex:1;min-width:0;display:flex;flex-direction:column}
.tm-conv-text strong{color:#1f2b3a;font-weight:600;font-size:14px}
.tm-conv-text small{color:#8094ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-unread{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#6576ff;color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.tm-avatar{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#e8ecfb;color:#4b5bd6;display:inline-flex;align-items:center;justify-content:center;font-weight:700;overflow:hidden}
.tm-avatar img{width:100%;height:100%;object-fit:cover}
.tm-avatar.is-team{background:#1f2b3a;color:#fff}
.tm-thread{display:flex;flex-direction:column;min-width:0}
.tm-thread-head{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #eceff5}
.tm-thread-head div{display:flex;flex-direction:column}
.tm-thread-head small{color:#8094ae}
.tm-back{font-size:20px;color:#1f2b3a}
.tm-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;background:#fafbfd}
.tm-empty{margin:auto;color:#8094ae}
.tm-message{display:flex;align-items:flex-end;gap:10px;max-width:78%}
.tm-message .tm-avatar{width:30px;height:30px;font-size:12px}
.tm-message.is-mine{align-self:flex-end;flex-direction:row-reverse}
.tm-bubble-wrap{display:flex;flex-direction:column;gap:4px;min-width:0}
.tm-message.is-mine .tm-bubble-wrap{align-items:flex-end}
.tm-sender{font-size:12px;color:#8094ae;font-weight:600}
.tm-bubble{padding:10px 14px;border-radius:16px;background:#fff;border:1px solid #eceff5;color:#364a63;word-break:break-word}
.tm-message.is-mine .tm-bubble{background:#1f2b3a;border-color:#1f2b3a;color:#fff}
.tm-image img{max-width:240px;max-height:200px;border-radius:12px;display:block}
.tm-file{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#fff;border:1px solid #eceff5;color:#364a63;max-width:280px}
.tm-file span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.tm-file small{color:#8094ae}
.tm-time{font-size:11px;color:#a3aec2}
.tm-compose{border-top:1px solid #eceff5;padding:12px 16px}
.tm-compose-row{display:flex;align-items:flex-end;gap:10px}
.tm-compose textarea{flex:1;resize:none;border:1px solid #e3e7f0;border-radius:14px;padding:10px 14px;outline:none;max-height:160px;font:inherit}
.tm-compose textarea:focus{border-color:#1f2b3a}
.tm-attach,.tm-send{flex:0 0 42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;margin:0}
.tm-attach{background:#f0f2f8;color:#526484}
.tm-send{border:0;background:#1f2b3a;color:#fff}
.tm-files{display:flex;flex-wrap:wrap;gap:6px}
.tm-files span{margin-bottom:8px;padding:3px 10px;border-radius:999px;background:#f0f2f8;font-size:12px;color:#526484}
@media (max-width:767px){.tm{grid-template-columns:1fr;height:calc(100vh - 160px)}.tm .is-hidden-mobile{display:none}.tm-message{max-width:92%}}
/* RH */
.hr-balance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hr-balance div{display:flex;flex-direction:column;padding:12px;border-radius:12px;background:#f5f6fa}
.hr-balance span{font-size:12px;color:#8094ae}
.hr-balance strong{font-size:22px;color:#1f2b3a}
.hr-balance .is-left{background:#e9f7f1}
.hr-balance .is-left strong{color:#11845f}
.hr-payroll td{vertical-align:middle}
.hr-num{width:62px;text-align:end;padding-left:6px;padding-right:6px}
/* Comptabilité */
.acc-nav{display:flex;flex-wrap:wrap}
.acc-period{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;align-items:center}
.acc-dates{display:flex;gap:.4rem;align-items:center}
.acc-dates .form-control{width:auto}
.acc-table td,.acc-table th{vertical-align:middle;font-size:.84rem}
.acc-entry{border-bottom:2px solid #e5e9f2}
.acc-entry td{padding-top:.4rem;padding-bottom:.4rem}
.acc-credit-line{padding-inline-start:2rem!important}
.acc-class-row td{background:#f5f6fa;font-weight:600;color:#364a63;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}
.acc-sub-row td{font-weight:600;color:#526484;border-bottom:2px solid #e5e9f2}
.acc-statement td{font-size:.86rem;padding:.5rem 1rem}
.acc-statement .is-total td{font-weight:600;color:#526484}
.acc-statement .is-result td{font-weight:700;background:#fafbfc}
.acc-statement .is-grand td{font-weight:800;font-size:.95rem;background:#eef0f5}
.acc-counts{display:flex;gap:10px}
.acc-counts div{flex:1;display:flex;flex-direction:column;padding:12px;border-radius:12px;background:#f5f6fa}
.acc-counts strong{font-size:22px;color:#1f2b3a}
.acc-counts span{font-size:12px;color:#8094ae}
.acc-sources{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.35rem .8rem;font-size:.82rem;color:#526484}
.acc-sources .icon{color:#1ee0ac;margin-inline-end:.35rem}
.acc-dl{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;margin:0}
.acc-dl dd{margin:0;text-align:end}
.acc-deadlines{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}
.acc-deadlines li{display:flex;gap:.8rem;align-items:center;font-size:.85rem}
.acc-deadlines li.is-past{opacity:.45}
.acc-day{display:flex;flex-direction:column;align-items:center;min-width:44px;padding:.25rem;border-radius:10px;background:#f5f6fa;font-size:.68rem;color:#8094ae;text-transform:uppercase;line-height:1.2}
.acc-day strong{font-size:1rem;color:#1f2b3a}
.acc-tag{display:inline-block;padding:.05rem .45rem;border-radius:6px;font-size:.7rem;font-weight:600;background:#eef0f5;color:#526484}
.acc-tag.is-vat{background:#e8f0ff;color:#3a62d6}
.acc-tag.is-is{background:#fff3e0;color:#c46a00}
.acc-tag.is-ir{background:#f3e8ff;color:#7b3fd1}
.acc-tag.is-cnss{background:#e9f7f1;color:#11845f}
.acc-calendar{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.lg-stats .acc-due strong{color:#e85347}
.lg-stats .acc-credit strong{color:#11845f}
/* Store templates by sector */
.tpl-sectors{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tpl-sectors button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px solid #e3e7f0;border-radius:12px;background:#fff;color:#526484;font-weight:600;font-size:13.5px;transition:border-color .15s,background .15s}
.tpl-sectors button .icon{font-size:17px}
.tpl-sectors button small{font-size:11px;font-weight:600;color:#8094ae;background:#f0f2f7;border-radius:20px;padding:1px 7px}
.tpl-sectors button:hover{border-color:#c5ccda}
.tpl-sectors button.is-current{border-color:#1f2b3a;background:#1f2b3a;color:#fff}
.tpl-sectors button.is-current small{background:rgba(255,255,255,.18);color:#fff}
.tpl-sector-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.tpl-sector-head h5{font-size:1.15rem;font-weight:700;color:#1f2b3a}
.tpl-sector-icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:12px;background:#f0f2f7;color:#1f2b3a;font-size:20px}
.tpl-industrie .tpl-bar,.tpl-industrie .tpl-hero{background:#14213d}.tpl-industrie .tpl-hero b:first-child{background:#fff}.tpl-industrie .tpl-row b{background:#eef1f6;border-left:3px solid #14213d;border-radius:2px}
.tpl-usine{background:#f3f4f6}.tpl-usine .tpl-hero{background-color:#fff;background-image:linear-gradient(#e3e7f0 1px,transparent 1px),linear-gradient(90deg,#e3e7f0 1px,transparent 1px);background-size:8px 8px;border-radius:2px}.tpl-usine .tpl-row b{background:#fff;border:1px solid #d6dbe5;border-radius:2px}
.tpl-btp .tpl-hero{background:#111;border-bottom:5px solid #f5b800;border-radius:2px}.tpl-btp .tpl-hero b:first-child{background:#f5b800}.tpl-btp .tpl-row b{background:#fff6d6;border-radius:2px}
.tpl-transport .tpl-hero{background:linear-gradient(90deg,#0b2545,#13315c)}.tpl-transport .tpl-hero b:first-child{background:#fff}.tpl-transport .tpl-row{grid-template-columns:1fr;gap:3px}.tpl-transport .tpl-row b{background:#e7eef7;height:4px}
.tpl-agro{background:#f6faf2}.tpl-agro .tpl-hero{background:#e3f0d7;border-radius:10px}.tpl-agro .tpl-hero b:first-child{background:#2f5d1e}.tpl-agro .tpl-row b{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(47,93,30,.15)}
.tpl-tech .tpl-hero{background:linear-gradient(135deg,#6576ff,#a855f7);border-radius:10px}.tpl-tech .tpl-hero b:first-child{background:#fff}.tpl-tech .tpl-row b{background:#f1efff;border-radius:8px}
.tpl-cafe{background:#faf6f0}.tpl-cafe .tpl-hero{background:#4a2c1d;align-items:center}.tpl-cafe .tpl-hero b:first-child{background:#f1e2cf}.tpl-cafe .tpl-row{grid-template-columns:1fr;gap:3px}.tpl-cafe .tpl-row b{height:3px;border-bottom:1px dotted #b08b6e;background:none}
.tpl-riad{background:#fbf5ee}.tpl-riad .tpl-hero{background-color:#b5502f;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22) 2px,transparent 3px);background-size:9px 9px;align-items:center}.tpl-riad .tpl-hero b:first-child{background:#fff}.tpl-riad .tpl-row b{background:#f3e2d4;border-radius:10px 10px 2px 2px}
.tpl-traiteur{background:#111;border-color:#2b2b2b}.tpl-traiteur .tpl-bar{background:#2b2b2b}.tpl-traiteur .tpl-hero{background:#111;align-items:center;border:1px solid #b8975a}.tpl-traiteur .tpl-hero b:first-child{background:#b8975a}.tpl-traiteur .tpl-row{grid-template-columns:1fr;gap:3px}.tpl-traiteur .tpl-row b{height:3px;border-bottom:1px dotted #b8975a;background:none}
.tpl-patisserie{background:#fff7f9}.tpl-patisserie .tpl-hero{background:#ffe1ea;border-radius:14px;align-items:center}.tpl-patisserie .tpl-hero b:first-child{background:#c2185b}.tpl-patisserie .tpl-row b{background:#fff;border:1px dashed #f5b5c8;border-radius:10px}
.tpl-dentaire .tpl-hero{background:#e6f7f5;border-radius:12px}.tpl-dentaire .tpl-hero b:first-child{background:#0f766e}.tpl-dentaire .tpl-row b{background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(15,118,110,.15)}
.tpl-spa{background:#f7f2ea}.tpl-spa .tpl-hero{background:#ece2d3;align-items:center;border-radius:40px}.tpl-spa .tpl-hero b:first-child{background:#7a6248}.tpl-spa .tpl-row b{background:#fffaf3;border-radius:20px}
.tpl-coiffure{background:#141014;border-color:#2b2229}.tpl-coiffure .tpl-bar{background:#2b2229}.tpl-coiffure .tpl-hero{background:linear-gradient(135deg,#2b2229,#141014);align-items:center}.tpl-coiffure .tpl-hero b:first-child{background:#e8a0b4}.tpl-coiffure .tpl-row b{background:#2b2229}
.tpl-sport{background:#0d0f14;border-color:#22262f}.tpl-sport .tpl-bar{background:#22262f}.tpl-sport .tpl-hero{background:#0d0f14;border-left:5px solid #c6ff00;border-radius:2px}.tpl-sport .tpl-hero b:first-child{background:#c6ff00;transform:skewX(-12deg)}.tpl-sport .tpl-row b{background:#1a1e26}
.tpl-ecole .tpl-hero{background:#e8f1ff;border-radius:12px}.tpl-ecole .tpl-hero b:first-child{background:#1d4ed8}.tpl-ecole .tpl-row b{background:#fff7d6;border-radius:50%;width:70%;justify-self:center}
.tpl-immobilier .tpl-hero{background:linear-gradient(180deg,#cfd8e6,#9fb0c8);align-items:flex-start;justify-content:flex-end}.tpl-immobilier .tpl-hero b:first-child{background:#0b1f3a}.tpl-immobilier .tpl-row b{background:#f3f5f9;border-top:3px solid #0b1f3a}
.tpl-garage{background:#1d2026;border-color:#30343c}.tpl-garage .tpl-bar{background:#30343c}.tpl-garage .tpl-hero{background:#1d2026;border-bottom:4px solid #e11d48;border-radius:2px}.tpl-garage .tpl-hero b:first-child{background:#fff}.tpl-garage .tpl-row b{background:#2a2e36;border-radius:2px}
.tpl-evenement .tpl-hero{background:linear-gradient(135deg,#2a0845,#6441a5);align-items:center}.tpl-evenement .tpl-hero b:first-child{background:#ffd166}.tpl-evenement .tpl-row b{background:#f3edff;border-radius:6px}
.tpl-mode .tpl-hero{background:#111;border-radius:0}.tpl-mode .tpl-hero b:first-child{background:#fff}.tpl-mode .tpl-row{gap:1px}.tpl-mode .tpl-row b{background:#e5e5e5;border-radius:0}
.tpl-electro .tpl-hero{background:#f5f7fa}.tpl-electro .tpl-hero b:first-child{background:#0071e3}.tpl-electro .tpl-row b{background:#f5f7fa;border-radius:6px}
.tpl-chimie .tpl-hero{background:linear-gradient(135deg,#e0f5fa,#fff)}.tpl-chimie .tpl-hero b:first-child{background:#0891b2}.tpl-chimie .tpl-row b{background:#fff;border:1px solid #bde7f1}
.tpl-textile .tpl-hero{background-color:#7c2d3a;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 3px,transparent 3px 6px)}.tpl-textile .tpl-hero b:first-child{background:#fff}.tpl-textile .tpl-row b{background:#f8f1ea}
.tpl-energie .tpl-hero{background:linear-gradient(120deg,#0f3d2e,#16a34a 70%,#facc15)}.tpl-energie .tpl-hero b:first-child{background:#fff}.tpl-energie .tpl-row b{background:#f3fbf5;border-radius:6px}
.tpl-finance .tpl-hero{background:#0f2e1f}.tpl-finance .tpl-hero b:first-child{background:#c9a85c}.tpl-finance .tpl-row b{background:#fff;border-top:2px solid #c9a85c;border-radius:0}
.tpl-digital .tpl-hero{background:radial-gradient(circle at 20% 30%,#ffd6e7,transparent 50%),radial-gradient(circle at 80% 40%,#d6e4ff,transparent 50%),#fff;border-radius:10px}.tpl-digital .tpl-row b:nth-child(1){background:#fff0f6}.tpl-digital .tpl-row b:nth-child(2){background:#eef3ff}.tpl-digital .tpl-row b:nth-child(3){background:#fff8e1}
.tpl-rh .tpl-hero{background:#f3edff;border-radius:10px}.tpl-rh .tpl-hero b:first-child{background:#7c3aed}.tpl-rh .tpl-row b{background:#fff;border-radius:50%;width:60%;justify-self:center;box-shadow:0 1px 4px rgba(124,58,237,.25)}
.tpl-snack .tpl-hero{background:#dc2626}.tpl-snack .tpl-hero b:first-child{background:#fde047}.tpl-snack .tpl-row{grid-template-columns:1fr;gap:3px}.tpl-snack .tpl-row b{height:3px;border-bottom:1px dotted #dc2626;background:none}
.tpl-boulangerie{background:#fffaf3}.tpl-boulangerie .tpl-hero{background:#f3e3c7;align-items:center}.tpl-boulangerie .tpl-hero b:first-child{background:#b45309}.tpl-boulangerie .tpl-row{grid-template-columns:1fr;gap:3px}.tpl-boulangerie .tpl-row b{height:3px;border-bottom:1px dotted #d6b98c;background:none}
.tpl-jus .tpl-hero{background:linear-gradient(135deg,#bbf7d0,#fed7aa);border-radius:12px}.tpl-jus .tpl-hero b:first-child{background:#ea580c}.tpl-jus .tpl-row{grid-template-columns:1fr;gap:3px}.tpl-jus .tpl-row b{height:3px;border-bottom:1px dotted #16a34a;background:none}
.tpl-pharmacie .tpl-hero{background:linear-gradient(90deg,#e6f6ef,#fff);position:relative;padding-inline-start:22px}.tpl-pharmacie .tpl-hero::before{content:"";position:absolute;inset-inline-start:6px;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(#059669,#059669) center/4px 12px no-repeat,linear-gradient(#059669,#059669) center/12px 4px no-repeat}.tpl-pharmacie .tpl-row b{background:#fff;border-inline-start:2px solid #059669}
.tpl-kine .tpl-hero{background:radial-gradient(120% 80% at 100% 0,#dbe7ff,transparent 60%),#fff;border-radius:10px}.tpl-kine .tpl-hero b:first-child{background:#2563eb}.tpl-kine .tpl-row b{background:#f5f8ff;border-radius:8px}
.tpl-clinique .tpl-bar{background:#1e3a8a}.tpl-clinique .tpl-hero{background:#1e3a8a}.tpl-clinique .tpl-hero b:first-child{background:#fff}.tpl-clinique .tpl-row b{background:#fff;border-top:2px solid #3b82f6}
.tpl-nettoyage .tpl-hero{background:radial-gradient(circle at 80% 40%,rgba(14,165,233,.3) 0 10px,transparent 11px),linear-gradient(180deg,#e0f4fd,#fff);border-radius:10px}.tpl-nettoyage .tpl-hero b:first-child{background:#0ea5e9}.tpl-nettoyage .tpl-row b{background:#f0f9ff;border-radius:8px}
.tpl-menuiserie .tpl-hero{background:linear-gradient(90deg,#6b3e1f,#8b5a2b)}.tpl-menuiserie .tpl-hero b:first-child{background:#f3d3a6}.tpl-menuiserie .tpl-row b{background:#f7efe4}
.tpl-photo{background:#0b0b0b;border-color:#262626}.tpl-photo .tpl-bar{background:#262626}.tpl-photo .tpl-hero{background:#0b0b0b}.tpl-photo .tpl-hero b:first-child{background:#f5f5f5;height:5px}.tpl-photo .tpl-row{gap:1px}.tpl-photo .tpl-row b{background:#262626;border-radius:0}
.tpl-voyage .tpl-hero{background:linear-gradient(180deg,#7dd3fc,#e0f2fe);border-radius:10px}.tpl-voyage .tpl-hero b:first-child{background:#0369a1}.tpl-voyage .tpl-row b{background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(2,132,199,.2)}
.tpl-desert .tpl-hero{background:linear-gradient(180deg,#f97316,#fdba74 60%,#fde7c7);align-items:center}.tpl-desert .tpl-hero b:first-child{background:#3b1a08}.tpl-desert .tpl-row b{background:#fbf1e4}
.tpl-surf .tpl-hero{background:linear-gradient(180deg,#0e7490,#22d3ee);border-radius:5px 5px 40% 40%}.tpl-surf .tpl-hero b:first-child{background:#fff}.tpl-surf .tpl-row b{background:#f0fbfd;border-radius:10px}
.tpl-montagne .tpl-hero{background:linear-gradient(160deg,transparent 60%,#c4d9c8 60.5%),linear-gradient(200deg,transparent 55%,#a7c4ad 55.5%),#eef5ef;align-items:center}.tpl-montagne .tpl-hero b:first-child{background:#166534}.tpl-montagne .tpl-row b{background:#f6faf6;border-bottom:2px solid #166534;border-radius:0}
.tpl-plage .tpl-hero{background:linear-gradient(180deg,#99f6e4 0,#ccfbf1 60%,#fdf0d5 61%);border-radius:12px}.tpl-plage .tpl-hero b:first-child{background:#0d9488}.tpl-plage .tpl-row b{background:#fdf7ec;border-radius:12px}
.tpl-location .tpl-hero{background:linear-gradient(90deg,#facc15 50%,transparent 50%) 0 calc(100% - 5px)/14px 2px repeat-x,#27272a}.tpl-location .tpl-hero b:first-child{background:#fff}.tpl-location .tpl-row b{background:#fff;border-inline-start:3px solid #facc15}
.tpl-loisirs .tpl-hero{background:radial-gradient(circle at 15% 30%,#fde047 0 8px,transparent 9px),radial-gradient(circle at 88% 25%,#60a5fa 0 6px,transparent 7px),radial-gradient(circle at 80% 80%,#34d399 0 7px,transparent 8px),#fff5fb;border-radius:12px}.tpl-loisirs .tpl-hero b:first-child{background:#db2777}.tpl-loisirs .tpl-row b:nth-child(odd){background:#fff7d6;border-radius:10px}.tpl-loisirs .tpl-row b:nth-child(even){background:#e0f2fe;border-radius:10px}
.tpl-guide .tpl-hero{background-color:#1e3a8a;background-image:radial-gradient(circle,rgba(250,204,21,.4) 1px,transparent 1.5px);background-size:6px 6px;align-items:center}.tpl-guide .tpl-hero b:first-child{background:#facc15}.tpl-guide .tpl-row b{background:#f6f3ec}
/* Ma boutique: à propos & coordonnées */
.st-contact-rows{display:flex;flex-direction:column;gap:18px}
.st-contact-row{display:flex;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #f0f2f7}
.st-contact-row:last-child{border-bottom:0;padding-bottom:0}
.st-show{flex:0 0 auto;margin-top:30px;min-width:92px}
.st-social-input .form-icon{display:flex;align-items:center;justify-content:center;color:#8094ae}
.st-social-input .form-control{padding-inline-start:2.6rem}
/* Ma boutique → Réglages (rebuilt): side menu, panes, page builder, save bar */
.sp-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}
.sp-menu.nav-tabs{position:sticky;top:90px;display:flex;flex-direction:column;gap:4px;border:0;padding:8px;background:#fff;border-radius:14px;box-shadow:0 0 0 1px #e5e9f2}
.sp-menu.nav-tabs .nav-link{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border:0!important;border-radius:10px;color:#526484;font-weight:600;font-size:14px;background:transparent}
.sp-menu.nav-tabs .nav-link::after{display:none}
.sp-menu.nav-tabs .nav-link .icon{font-size:18px}
.sp-menu.nav-tabs .nav-link small{margin-inline-start:auto;font-size:11px;background:#eef0f5;color:#526484;border-radius:20px;padding:1px 8px}
.sp-menu.nav-tabs .nav-link:hover{background:#f5f6fa;color:#1f2b3a}
.sp-menu.nav-tabs .nav-link.active{background:#1f2b3a;color:#fff}
.sp-menu.nav-tabs .nav-link.active small{background:rgba(255,255,255,.18);color:#fff}
.sp-panes{min-width:0;padding-bottom:90px}
@media (max-width:991px){.sp-layout{grid-template-columns:1fr}.sp-menu.nav-tabs{position:static;flex-direction:row;overflow-x:auto}.sp-menu.nav-tabs .nav-link{white-space:nowrap}}
.sp-switch{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;margin:0;cursor:pointer;border-bottom:1px solid #f0f2f7}
.sp-switch:last-child{border-bottom:0;padding-bottom:0}.sp-switch:first-child{padding-top:0}
.sp-switch strong{display:block;color:#1f2b3a;font-weight:600}
.sp-switch small{display:block;color:#8094ae;font-size:12.5px;margin-top:2px}
.sp-current{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid #e5e9f2;border-radius:14px;background:#fafbfc}
.sp-current .tpl-thumb{width:150px;flex:0 0 150px}
.sp-rows{display:flex;flex-direction:column}
.sp-row{display:grid;grid-template-columns:150px 1fr auto;gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid #f0f2f7}
.sp-row:last-child{border-bottom:0;padding-bottom:0}.sp-row:first-child{padding-top:0}
.sp-row-label{margin:10px 0 0;font-weight:600;color:#364a63;font-size:14px}
@media (max-width:767px){.sp-row{grid-template-columns:1fr auto}.sp-row-label{grid-column:1/-1;margin:0}}
.sp-show{display:flex;flex-direction:column;align-items:center;gap:2px;margin:8px 0 0;cursor:pointer;min-width:60px}
.sp-show small{font-size:11px;color:#8094ae}
.sp-savebar{position:sticky;bottom:16px;z-index:5;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:-70px;padding:12px 16px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 8px 30px rgba(31,43,58,.12),0 0 0 1px #e5e9f2}
.sp-savebar span{margin-inline-end:auto}
#sp-templates .tpl-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
/* Page builder */
.sb-list{display:flex;flex-direction:column;gap:10px}
.sb-section{background:#fff;border:1px solid #e5e9f2;border-radius:14px;transition:box-shadow .2s,opacity .18s,transform .18s}
.sb-section.is-off{background:#fafbfc}
.sb-section.is-off .sb-name,.sb-section.is-off .sb-icon{opacity:.5}
.sb-section.is-moved{box-shadow:0 0 0 3px rgba(101,118,255,.25)}
.sb-section.is-removing{opacity:0;transform:scale(.98)}
.sb-head{display:flex;align-items:center;gap:12px;padding:10px 12px}
.sb-icon{display:inline-flex;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:11px;background:#f0f2f7;color:#1f2b3a;font-size:19px}
.sb-name{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;border:0;background:none;padding:0;text-align:start}
.sb-name strong{color:#1f2b3a;font-size:14.5px}
.sb-name small{color:#8094ae;font-size:12.5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-tools{display:flex;align-items:center;gap:2px}
.sb-tools .form-switch{margin-inline-end:6px}
.sb-tools [data-toggle-section] .icon{transition:transform .2s}
.sb-section.is-open .sb-tools [data-toggle-section] .icon{transform:rotate(180deg)}
.sb-body{display:none;padding:4px 16px 18px 64px}
.sb-section.is-open .sb-body{display:block}
@media (max-width:767px){.sb-body{padding-inline-start:16px}.sb-tools [data-move]{display:none}}
.sb-items{display:flex;flex-direction:column;gap:8px}
.sb-item{display:flex;gap:6px;align-items:flex-start;padding:10px;border-radius:10px;background:#f7f8fb}
.sb-item-fields{flex:1;display:flex;flex-direction:column;gap:6px}
.sb-section[data-type="stats"] .sb-item-fields{flex-direction:row}
.sb-photos{display:flex;flex-wrap:wrap;gap:10px}
.sb-photo,.sb-photo-add{position:relative;width:110px;height:84px;border-radius:10px;overflow:hidden}
.sb-photo img{width:100%;height:100%;object-fit:cover}
.sb-photo.is-new{outline:2px dashed #6576ff;outline-offset:-2px}
.sb-photo button{position:absolute;top:4px;inset-inline-end:4px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}
.sb-photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1.5px dashed #c5ccda;color:#526484;font-size:12px;cursor:pointer;margin:0}
.sb-photo-add:hover{border-color:#6576ff;color:#6576ff}
.sb-note{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:#f0f4ff;color:#364a63;font-size:13px}
.sb-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.sb-type{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:1.5px solid #e5e9f2;border-radius:14px;background:#fff;text-align:start;transition:border-color .15s,transform .15s}
.sb-type:hover:not(:disabled){border-color:#1f2b3a;transform:translateY(-1px)}
.sb-type strong{color:#1f2b3a;font-size:14px}
.sb-type small{color:#8094ae;font-size:12px;line-height:1.4}
.sb-type-used{display:none;font-style:normal;font-size:11px;color:#8094ae}
.sb-type.is-used{opacity:.5;cursor:not-allowed}
.sb-type.is-used .sb-type-used{display:block}
.sp-panes.tab-content{margin-top:0}.sp-panes>.tab-pane>.card:first-child,.sp-panes>.tab-pane>div:first-child{margin-top:0}
/* Support */
.sup-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.25rem}
.sup-stats>div{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e5e9f2;border-radius:14px}
.sup-stats strong{display:block;font-size:22px;line-height:1.1;color:#1f2b3a}
.sup-stats small{color:#8094ae;font-size:12.5px}
.sup-stat-ic{display:inline-flex;flex:0 0 42px;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;font-size:20px}
.sup-stat-ic.is-open{background:#fff4e5;color:#c26a00}.sup-stat-ic.is-answered{background:#e8f0ff;color:#3a62d6}.sup-stat-ic.is-resolved{background:#e6f7ef;color:#0f9b6f}.sup-stat-ic.is-closed{background:#f0f2f7;color:#6b7a90}
@media (max-width:767px){.sup-stats{grid-template-columns:repeat(2,1fr)}}
.sup-list{display:flex;flex-direction:column}
.sup-row{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #f0f2f7;color:inherit;transition:background .15s}
.sup-row:last-child{border-bottom:0}
.sup-row:hover{background:#fafbfd}
.sup-row.is-unread strong{font-weight:700}
.sup-row.is-unread .sup-cat-ic{box-shadow:0 0 0 2px #6576ff}
.sup-cat-ic{display:inline-flex;flex:0 0 42px;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;background:#f0f2f7;color:#364a63;font-size:19px}
.sup-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sup-row-main strong{color:#1f2b3a;font-weight:600}
.sup-row-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sup-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#6b7a90;font-weight:600}
.sup-num.is-lg{font-size:13px;padding:2px 8px;border-radius:6px;background:#f0f2f7}
.sup-cat{font-size:11.5px;font-weight:600;color:#526484;background:#f0f2f7;border-radius:6px;padding:1px 7px}
.sup-cat.is-plan{background:#efeaff;color:#6d4ce0}
.sup-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.sup-row-go{color:#c5ccda}
[dir=rtl] .sup-row-go{transform:scaleX(-1)}
.sup-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.sup-status i{width:7px;height:7px;border-radius:50%;background:currentColor}
.sup-status.is-open{background:#fff4e5;color:#b45f00}.sup-status.is-answered{background:#e8f0ff;color:#3a62d6}.sup-status.is-resolved{background:#e6f7ef;color:#0f8a63}.sup-status.is-closed{background:#f0f2f7;color:#6b7a90}
.sup-priority{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sup-priority.is-high{background:#fff1e6;color:#c2410c}.sup-priority.is-urgent{background:#fde8ea;color:#c81e3c}
/* New request */
.sup-step{display:inline-flex;width:24px;height:24px;margin-inline-end:8px;border-radius:50%;align-items:center;justify-content:center;background:#1f2b3a;color:#fff;font-size:12px}
.sup-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.sup-cat-card{margin:0;cursor:pointer}
.sup-cat-card input{position:absolute;opacity:0}
.sup-cat-card span{display:flex;align-items:center;gap:10px;padding:12px;border:1.5px solid #e5e9f2;border-radius:12px;background:#fff;transition:border-color .15s,background .15s}
.sup-cat-card .icon{font-size:19px;color:#526484}
.sup-cat-card strong{font-size:13.5px;font-weight:600;color:#364a63;line-height:1.25}
.sup-cat-card:hover span{border-color:#c5ccda}
.sup-cat-card input:checked+span{border-color:#1f2b3a;background:#f7f8fb;box-shadow:0 0 0 3px rgba(31,43,58,.08)}
.sup-cat-card input:checked+span .icon{color:#6576ff}
.sup-cat-card input:focus-visible+span{outline:2px solid #6576ff}
.sup-priorities{display:flex;gap:6px}
.sup-priorities label{flex:1;margin:0;cursor:pointer}
.sup-priorities input{position:absolute;opacity:0}
.sup-priorities span{display:block;text-align:center;padding:9px 6px;border:1.5px solid #e5e9f2;border-radius:10px;font-size:13px;font-weight:600;color:#526484}
.sup-priorities input:checked+.is-normal{border-color:#1f2b3a;color:#1f2b3a}
.sup-priorities input:checked+.is-high{border-color:#c2410c;color:#c2410c;background:#fff8f2}
.sup-priorities input:checked+.is-urgent{border-color:#c81e3c;color:#c81e3c;background:#fff5f6}
.sup-drop{display:flex;align-items:center;gap:12px;margin:0;padding:16px;border:1.5px dashed #c5ccda;border-radius:12px;cursor:pointer;color:#526484}
.sup-drop:hover{border-color:#6576ff}
.sup-drop .icon{font-size:22px}
.sup-drop strong{display:block;color:#364a63}
.sup-drop small{color:#8094ae}
/* Ticket */
.sup-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}
@media (max-width:991px){.sup-layout{grid-template-columns:1fr}}
.sup-side{position:sticky;top:90px}
.sup-thread{display:flex;flex-direction:column;gap:18px}
.sup-msg{display:flex;gap:12px;max-width:88%}
.sup-msg.is-mine{flex-direction:row-reverse;margin-inline-start:auto}
.sup-avatar{display:inline-flex;flex:0 0 36px;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;background:#e8ebf3;color:#364a63;font-weight:700;font-size:14px;overflow:hidden}
.sup-msg.is-side .sup-avatar{background:#1f2b3a}
.sup-msg.is-side .sup-avatar img{width:20px;height:20px}
.sup-msg-body{min-width:0}
.sup-msg-body header{display:flex;gap:8px;align-items:baseline;margin-bottom:4px;font-size:12.5px}
.sup-msg.is-mine .sup-msg-body header{justify-content:flex-end}
.sup-msg-body header strong{color:#1f2b3a}
.sup-msg-body header time{color:#8094ae}
.sup-text{padding:12px 16px;border-radius:4px 16px 16px 16px;background:#f5f6fa;color:#364a63;line-height:1.6;overflow-wrap:anywhere}
.sup-msg.is-mine .sup-text{border-radius:16px 4px 16px 16px;background:#1f2b3a;color:#fff}
.sup-msg.is-side:not(.is-mine) .sup-text{background:#eef1ff}
.sup-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.sup-msg.is-mine .sup-files{justify-content:flex-end}
.sup-file{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border:1px solid #e5e9f2;border-radius:10px;background:#fff;max-width:260px;color:#364a63}
.sup-file img{width:44px;height:44px;border-radius:7px;object-fit:cover}
.sup-file-ext{display:inline-flex;width:44px;height:44px;border-radius:7px;align-items:center;justify-content:center;background:#fde8ea;color:#c81e3c;font-size:11px;font-weight:700}
.sup-file-name{min-width:0;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sup-file-name small{display:block;font-weight:400;color:#8094ae}
.sup-event{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12.5px;color:#6b7a90;position:relative}
.sup-event::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #e5e9f2;z-index:0}
.sup-event span,.sup-event time{position:relative;z-index:1;background:#fff;padding:0 8px}
.sup-event span{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.sup-event.is-resolved span,.sup-event.is-confirmed span{color:#0f8a63}
.sup-event.is-reopened span{color:#b45f00}
.sup-composer textarea{resize:vertical}
.sup-composer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.sup-attach{margin:0;cursor:pointer}
.sup-resolved,.sup-closed{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;border-radius:12px}
.sup-resolved{background:#e9f8f1}
.sup-resolved-ic{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;background:#fff;color:#0f9b6f;font-size:20px}
.sup-resolved strong,.sup-closed strong{color:#1f2b3a}
.sup-resolved p,.sup-closed p{margin:2px 0 0;color:#526484;font-size:13.5px}
.sup-closed{background:#f5f6fa}
.sup-closed>.icon{font-size:22px;color:#6b7a90}
.sup-reopen{margin-top:12px}
.sup-reopen summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:600;color:#b45f00;list-style:none}
.sup-reopen summary::-webkit-details-marker{display:none}
.sup-reopen[open] summary{margin-bottom:10px}
.sup-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0;font-size:13.5px}
.sup-dl dt{color:#8094ae;font-weight:500}
.sup-dl dd{margin:0;color:#364a63;text-align:end}
.sup-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:s}
.sup-steps li{position:relative;padding-inline-start:30px;counter-increment:s;font-size:12.5px;color:#8094ae}
.sup-steps li::before{content:counter(s);position:absolute;inset-inline-start:0;top:0;width:20px;height:20px;border-radius:50%;background:#f0f2f7;color:#6b7a90;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sup-steps li strong{display:block;color:#364a63;font-size:13px}
.sup-steps li.is-current::before{background:#6576ff;color:#fff}
.sup-steps li.is-current strong{color:#6576ff}
/* Super admin header: support, notifications, user */
.sa-head-icon{position:relative}
.sa-head-count{position:absolute;top:-2px;inset-inline-end:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#6576ff;color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff}
.sa-head-count.is-red{background:#e5354f}
.sa-head-count[hidden]{display:none}
.sa-head-icon.is-alert .icon{color:#e5354f}
.sa-head-icon.is-alert::after{content:"";position:absolute;top:-2px;inset-inline-end:-4px;width:18px;height:18px;border-radius:50%;background:rgba(229,53,79,.45);animation:sa-pulse 1.6s ease-out infinite;z-index:-1}
@keyframes sa-pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.sa-notif-menu{padding:0;width:360px;overflow:hidden}
.sa-notif-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #eef0f5}
.sa-notif-head strong{color:#1f2b3a}
.sa-notif-head span{font-size:12px;font-weight:600;color:#6576ff;background:#eef0ff;border-radius:999px;padding:2px 9px}
.sa-notif-item{display:flex;gap:12px;padding:13px 18px;border-bottom:1px solid #f3f4f8;color:inherit;transition:background .15s}
.sa-notif-item:hover{background:#f7f8fb}
.sa-notif-item.is-unread{background:#f7f8ff}
.sa-notif-item.is-unread .sa-notif-text strong::after{content:"";display:inline-block;width:7px;height:7px;margin-inline-start:6px;border-radius:50%;background:#6576ff;vertical-align:middle}
.sa-notif-ic{display:inline-flex;flex:0 0 38px;width:38px;height:38px;border-radius:11px;align-items:center;justify-content:center;font-size:18px;background:#f0f2f7;color:#526484}
.sa-notif-ic.is-wallet-in{background:#e6f7ef;color:#0f9b6f}
.sa-notif-ic.is-chat{background:#fff1e6;color:#c2410c}
.sa-notif-ic.is-file-text{background:#e8f0ff;color:#3a62d6}
.sa-notif-text{min-width:0;display:flex;flex-direction:column;gap:1px}
.sa-notif-text strong{font-size:13.5px;color:#1f2b3a;font-weight:600}
.sa-notif-text span{font-size:12.5px;color:#526484;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sa-notif-text small{font-size:11.5px;color:#8094ae}
.sa-notif-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 18px;color:#8094ae}
.sa-notif-empty .icon{font-size:24px}
.sa-notif-all{display:flex;justify-content:center;align-items:center;gap:6px;padding:12px;font-weight:600;font-size:13px;color:#6576ff;background:#fafbfd}
.sa-notif-all:hover{background:#f3f4fa}
[dir=rtl] .sa-notif-all .icon{transform:scaleX(-1)}
.sa-avatar{background:linear-gradient(135deg,#1f2b3a,#3b4a6b)!important;color:#f5c451!important}
.sa-role-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:linear-gradient(90deg,#f5c451,#e8a317);color:#3b2a00;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.6}
.sa-role-pill .icon{font-size:12px}
.sa-user-card{background:linear-gradient(135deg,#fffaf0,#fff)}
.sa-target{scroll-margin-top:90px}
.sa-target:target .card{box-shadow:0 0 0 3px #6576ff,0 12px 30px rgba(101,118,255,.18);animation:sa-flash 1.6s ease-out 2}
@keyframes sa-flash{50%{box-shadow:0 0 0 6px rgba(101,118,255,.35)}}
/* Super admin header: e-mail queue */
.sa-head-count.is-amber{background:#f59e0b}
.sa-mailq-menu{padding:0;width:380px;overflow:hidden}
.sa-mailq-failed{font-size:12px;font-weight:600;color:#e5354f;background:#fde8ea;border-radius:999px;padding:2px 9px}
.sa-mailq-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}
.sa-mailq-card{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:#f5f6fa;color:inherit;min-width:0}
a.sa-mailq-card:hover{background:#eef0ff}
.sa-mailq-card span{font-size:11px;font-weight:600;color:#8094ae;text-transform:uppercase;letter-spacing:.04em;line-height:1.3}
.sa-mailq-card strong{font-size:24px;line-height:1.15;color:#1f2b3a}
.sa-mailq-card strong small{font-size:13px;color:#8094ae;font-weight:600}
.sa-mailq-card small{font-size:11.5px;color:#8094ae;line-height:1.35}
.sa-mailq-bar{display:block;height:6px;margin-top:6px;border-radius:3px;background:#e3e7f0;overflow:hidden}
.sa-mailq-bar b{display:block;height:100%;background:linear-gradient(90deg,#6576ff,#8b5cf6);border-radius:3px}
.sa-mailq-priority{display:flex;gap:8px;align-items:flex-start;margin:0 14px 12px;padding:10px 12px;border-radius:10px;background:#e9f8f1;color:#14532d;font-size:12.5px;line-height:1.45}
.sa-mailq-priority .icon{color:#0f9b6f;font-size:15px;margin-top:1px}
.sa-mailq-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background:#fafbfd;border-top:1px solid #eef0f5}
.sa-mailq-foot a{font-weight:600;font-size:13px;color:#6576ff}
/* Header: till and tickets (the POS has no menu section) */
.header-pos{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;background:#1f2b3a;color:#fff;font-weight:600;font-size:13.5px;box-shadow:0 4px 12px rgba(31,43,58,.18);transition:transform .15s,box-shadow .15s}
.header-pos .icon{font-size:17px}
.header-pos:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,43,58,.22)}
.header-pos.is-light{background:#f0f2f7;color:#364a63;box-shadow:none}
.header-pos.is-light:hover{color:#1f2b3a;background:#e6e9f1}
.header-pos.is-current{outline:2px solid #6576ff;outline-offset:2px}
@media (max-width:575px){.header-pos{padding:0 11px}.header-pos span{display:none}}
.header-alert.is-stock{background:#fde8ea;color:#c81e3c}
.header-alert.is-stock:hover{background:#fbd5da;color:#9f1239}
.header-alert.is-stock .header-alert-dot{background:#e5354f;box-shadow:0 0 0 0 rgba(229,53,79,.6)}
/* Item form: gross margin, its rate right under the amount */
.price-summary .is-margin{align-items:flex-start}
.price-margin{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.price-margin small{font-size:.78rem;font-weight:600;color:#0f9b6f}
/* Viewer of photos and documents (pop-up) */
html.fv-open{overflow:hidden}
.fv{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;background:rgba(10,13,20,.92);backdrop-filter:blur(6px);animation:fv-in .18s ease-out}
.fv[hidden]{display:none}
@keyframes fv-in{from{opacity:0}to{opacity:1}}
.fv-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;color:#fff}
.fv-title{min-width:0;display:flex;align-items:baseline;gap:10px}
.fv-title strong{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fv-title span{font-size:12.5px;color:rgba(255,255,255,.6);white-space:nowrap}
.fv-actions{display:flex;gap:8px;flex:0 0 auto}
.fv-btn{display:inline-flex;align-items:center;gap:6px;height:38px;min-width:38px;justify-content:center;padding:0 12px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;font-weight:600;font-size:13.5px;cursor:pointer}
.fv-btn:hover{background:rgba(255,255,255,.2);color:#fff}
.fv-btn.is-primary{background:#6576ff}
.fv-btn.is-primary:hover{background:#5468f5}
.fv-btn .icon{font-size:17px}
.fv-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 72px 12px}
.fv-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:fv-in .2s ease-out}
.fv-stage iframe{width:min(1000px,100%);height:100%;border:0;border-radius:8px;background:#fff}
.fv-none{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;border-radius:16px;background:rgba(255,255,255,.08);color:#fff;text-align:center}
.fv-none .icon{font-size:42px;opacity:.8}
.fv-none span{color:rgba(255,255,255,.7);font-size:13.5px}
.fv-nav{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.fv-nav:hover{background:rgba(255,255,255,.26)}
.fv-nav.is-prev{left:14px}.fv-nav.is-next{right:14px}
.fv.is-single .fv-nav,.fv.is-single .fv-thumbs{display:none}
.fv-thumbs{display:flex;justify-content:center;gap:8px;padding:10px 18px 16px;overflow-x:auto}
.fv-thumbs button{flex:0 0 56px;width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.1);color:#fff;font-size:11px;font-weight:700;opacity:.6;cursor:pointer}
.fv-thumbs button img{width:100%;height:100%;object-fit:cover}
.fv-thumbs button.is-current{border-color:#fff;opacity:1}
@media (max-width:767px){.fv-stage{padding:0 8px 8px}.fv-nav{display:none}.fv-btn span{display:none}}
/* Buttons: blue = add, yellow = edit, white = back. Edit buttons in soft yellow with dark text. */
.btn-warning{background:#ffc93c;border-color:#ffc93c;color:#3b2a00}
.btn-warning:hover,.btn-warning:focus{background:#f5b800;border-color:#f5b800;color:#2b1f00}
.btn-warning .icon{color:inherit}
/* Arabic (right to left): the arrows of "Retour", "Voir tout"… point the other way. */
[dir=rtl] .icon.ni-arrow-left,[dir=rtl] .icon.ni-arrow-right,[dir=rtl] .icon.ni-arrow-long-left,[dir=rtl] .icon.ni-arrow-long-right{display:inline-block;transform:scaleX(-1)}
/* E-mail queue page: cards, cron, time left of each e-mail */
.sa-mailq-cards.is-page{grid-template-columns:repeat(4,1fr);padding:0;gap:12px}
.sa-mailq-cards.is-page .sa-mailq-card{background:#fff;border:1px solid #e5e9f2;padding:16px}
@media (max-width:767px){.sa-mailq-cards.is-page{grid-template-columns:repeat(2,1fr)}}
.sa-cron{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:#f1f3f7;border:1px solid #e3e7ef;color:#364a63}
.sa-cron>.icon{font-size:22px;color:#6b7a90;margin-top:2px}
.sa-cron strong{display:block;color:#1f2b3a}
.sa-cron p{margin:2px 0 10px;font-size:13px;color:#526484}
.sa-cron small{display:block;margin-top:8px;font-size:12px;color:#8094ae}
.sa-cron-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sa-cron-line code{flex:1;min-width:0;padding:10px 12px;border-radius:9px;background:#1f2b3a;color:#e6e9f2;font-size:12.5px;overflow-x:auto;white-space:nowrap}
.sa-eta{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;font-weight:600;color:#3a62d6}
.sup-contact{display:flex;flex-direction:column;gap:8px}
.sup-contact a{display:flex;align-items:center;gap:8px;color:var(--bs-body-color,#364a63);word-break:break-all}
.sup-contact a:hover{color:#6576ff}
.sup-contact a .icon{font-size:16px;color:#8094ae}
.sup-contact a.is-wa{color:#16a34a;font-weight:600}
.sup-contact a.is-wa .icon{color:#16a34a}
.sa-access{display:flex;flex-wrap:wrap;gap:10px}
.sd-test{display:flex;gap:10px;max-width:560px}
/* Super admin → Paramètres: tabs above every settings page */
.sa-settings-head{margin-bottom:26px}
.sa-settings-title{font-size:26px;font-weight:700;color:#1c2b46;margin:0 0 14px}
.sa-settings-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:5px;background:#fff;border:1px solid #e5e9f2;border-radius:14px;scrollbar-width:none}
.sa-settings-tabs::-webkit-scrollbar{display:none}
.sa-settings-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:10px;color:#526484;font-weight:500;font-size:14px;white-space:nowrap;text-decoration:none;transition:background .15s,color .15s}
.sa-settings-tabs a .icon{font-size:16px}
.sa-settings-tabs a:hover{background:#f5f6fa;color:#1c2b46}
.sa-settings-tabs a.is-current{background:#1c2b46;color:#fff}
.sa-settings-head + .nk-block-head .page-title{font-size:20px}
.sa-used-in{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:#526484}.sa-used-in li{display:flex;gap:8px;align-items:center}.sa-used-in .icon{color:#1ee0ac}
.sa-issuer{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:#f0f7ff;border:1px solid #d6e7ff}
.sa-issuer .icon{font-size:22px;color:#6576ff;margin-top:2px}
.sa-issuer div{display:flex;flex-direction:column;gap:2px}
.sa-issuer span{color:#526484;font-size:13.5px}
.sa-issuer small{color:#16a34a;font-weight:600}
/* Document form: "+ Nouveau client" and "Client Side" above the customer field */
.doc-partner-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.doc-partner-head .form-label{margin-bottom:0}
.doc-partner-actions{display:flex;gap:6px;flex-wrap:wrap}
.doc-partner-actions .btn-xs{padding:3px 10px;font-size:12px;border-radius:8px;display:inline-flex;align-items:center;gap:4px}
.doc-partner-actions .btn-xs .icon{font-size:13px}
.doc-side-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;margin-bottom:8px;border-radius:10px;background:#fff7e6;border:1px solid #ffe0a3;color:#7a4b00;font-size:13px}
.doc-side-banner.is-done{background:#ecfdf3;border-color:#b7ebcd;color:#166534}
.doc-side-banner span{flex:1}
.doc-text-link{border:0;background:none;padding:0;color:#6576ff;font-size:13px;font-weight:600;cursor:pointer}
.doc-text-link:hover{text-decoration:underline}
.doc-partner-actions{align-items:center;gap:12px}
/* Paramètres → Moyens de paiement */
.pm-head{display:flex;align-items:flex-start;gap:14px}
.pm-ic{flex:none;display:inline-flex;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;background:#eef2ff;color:#6576ff;font-size:20px}
.pm-card.is-on .pm-ic{background:#e6f9f1;color:#16a34a}
.pm-card.is-soon{opacity:.85}
.pm-card.is-soon .pm-ic{background:#f1f3f7;color:#8094ae}
.pm-rib{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:16px;padding:12px 14px;border-radius:10px;background:#f5f6fa;font-size:13.5px;color:#526484}
.pm-rib strong{color:#1c2b46;letter-spacing:.03em}
.pm-rib a{margin-inline-start:auto;font-weight:600}
.pm-keys{margin-top:14px}
.pm-keys summary{cursor:pointer;color:#6576ff;font-size:13px;font-weight:600}
/* Mon abonnement → Changer de pack: monthly / yearly prices */
.cycle-gift{margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:#e6f9f1;color:#0b8f67;font-size:11px;font-weight:700}
.cycle-tip{display:flex;align-items:center;gap:8px;margin:0;padding:9px 12px;border-radius:10px;background:#fff7e6;color:#7a4b00;font-size:13px}
.cycle-tip.is-ok{background:#ecfdf3;color:#166534}
.cycle-tip .icon{font-size:16px}
.cycle-tip[hidden],.plan-choice [hidden]{display:none!important}
.plan-save{display:block;font-style:normal;color:#0b8f67;font-size:12px;font-weight:600;margin-top:2px}
/* Mon abonnement: payment methods (bank transfer now, card and PayPal soon) */
.pay-menu{min-width:280px;padding:6px}
.pay-menu-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#1c2b46;text-decoration:none}
.pay-menu-item .icon{font-size:18px;color:#6576ff}
.pay-menu-item span{display:flex;flex-direction:column}
.pay-menu-item strong{font-size:13.5px;font-weight:600}
.pay-menu-item small{font-size:12px;color:#16a34a}
a.pay-menu-item:hover{background:#f5f6fa}
.pay-menu-item.is-soon{opacity:.55;cursor:not-allowed}
.pay-menu-item.is-soon .icon,.pay-menu-item.is-soon small{color:#8094ae}
.pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pay-method{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid #e5e9f2;background:#fff;color:#1c2b46;text-decoration:none}
.pay-method .icon{font-size:22px}
.pay-method span{display:flex;flex-direction:column}
.pay-method strong{font-size:14px}
.pay-method small{font-size:12px}
.pay-method.is-on{border-color:#b7ebcd;background:#f3fcf7}
.pay-method.is-on .icon,.pay-method.is-on small{color:#16a34a}
.pay-method.is-soon{background:#f5f6fa;color:#8094ae;filter:grayscale(1);cursor:not-allowed}
#payment-transfer{scroll-margin-top:90px}
#payment-transfer.is-flash .card{box-shadow:0 0 0 3px rgba(101,118,255,.35);transition:box-shadow .3s}
@media (max-width:767px){.pay-methods{grid-template-columns:1fr}}
#payment{scroll-margin-top:90px}
.pm-qr{display:flex;gap:16px;align-items:flex-start}
.pm-qr img,.pm-qr-empty{width:120px;height:120px;border-radius:12px;border:1px solid #e5e9f2;object-fit:contain;background:#fff;flex:none}
.pm-qr-empty{display:inline-flex;align-items:center;justify-content:center;font-size:40px;color:#c4cad6;background:#f5f6fa}
.pm-qr > div{flex:1}
.pay-qr{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;background:#f5f6fa}
.pay-qr img{width:96px;height:96px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #e5e9f2}
.pay-qr span{display:flex;flex-direction:column;gap:2px}
.pay-qr small{color:#8094ae;font-size:12.5px}
.pay-steps{font-size:13.5px;color:#526484}
.pay-steps ol{margin:6px 0 0;padding-inline-start:20px;list-style:decimal}
.pay-steps li{margin-bottom:3px}
/* Mon abonnement: reminder with the provisional invoice */
.sub-reminder{display:flex;gap:22px;align-items:stretch;padding:20px;border-radius:18px;background:linear-gradient(135deg,#fff8eb,#fff);border:1px solid #ffe0a3}
.sub-reminder-thumb{flex:none;position:relative;width:190px;height:268px;border-radius:10px;overflow:hidden;background:#fff;border:1px solid #eadfc6;box-shadow:0 14px 30px -18px rgba(0,0,0,.35);display:block}
.sub-reminder-thumb iframe{width:794px;height:1123px;border:0;transform:scale(.2393);transform-origin:0 0;pointer-events:none}
[dir=rtl] .sub-reminder-thumb iframe{transform-origin:100% 0}
.sub-reminder-thumb:hover{box-shadow:0 18px 36px -16px rgba(0,0,0,.45)}
.sub-reminder-body{flex:1;display:flex;flex-direction:column;gap:6px}
.sub-reminder-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#ffedc2;color:#7a4b00;font-size:12px;font-weight:700}
.sub-reminder-body h5{margin:4px 0 0}
.sub-reminder-body p{margin:0;color:#526484}
.sub-reminder-total{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.sub-reminder-total span{color:#8094ae;font-size:13px}
.sub-reminder-total strong{font-size:26px;color:#1c2b46}
.sub-reminder-total small{color:#8094ae}
.sub-reminder-nb{font-size:12.5px;color:#8a6d3b!important}
.sub-reminder-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
@media (max-width:640px){.sub-reminder{flex-direction:column}.sub-reminder-thumb{width:100%;height:220px}.sub-reminder-thumb iframe{transform:scale(.4)}}
.sa-go{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,#f5c451,#e8a317);color:#3b2a00!important;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 12px -6px rgba(232,163,23,.8)}.sa-go .icon{font-size:15px}.sa-go:hover{filter:brightness(1.05)}
.sub-lifetime{background:linear-gradient(135deg,#fffaf0,#fff);border-color:#f3dfa6}
.sub-lifetime-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.sub-lifetime-list li{display:flex;align-items:center;gap:8px;color:#364a63}
.sub-lifetime-list .icon{color:#e8a317;font-size:18px}
.file-list.is-compact .file-thumb{width:40px;height:40px}
.file-list.is-compact li{padding:8px 0}
/* Scanner of purchase documents: waiting layer while the document is read */
.doc-scan-busy{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.82);backdrop-filter:blur(2px);font-weight:600;color:#1c2b46}
.doc-scan-busy[hidden]{display:none}
.sa-ai-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;border:1px solid #e5e9f2;border-radius:12px}
.sa-ai-ic{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:#f3efff;color:#7c3aed;font-size:20px}
/* Scanner: what was read, on top of the list, and the new row lit up for a few seconds */
.scan-result{border:1px solid #b7ebcd;background:#f3fcf7;border-radius:16px;padding:18px 20px;animation:scan-in .35s ease-out}
.scan-result.has-issues{border-color:#ffd88a;background:#fffaf0}
.scan-result-head{display:flex;align-items:flex-start;gap:12px}
.scan-result-head strong{display:block;font-size:15.5px;color:#1c2b46}
.scan-result-head small{color:#526484}
.scan-result-ic{font-size:26px;color:#16a34a;line-height:1}
.scan-result.has-issues .scan-result-ic{color:#d97706}
.scan-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px;margin:14px 0 0}
.scan-result-grid div{background:#fff;border-radius:10px;padding:8px 12px;border:1px solid rgba(0,0,0,.05)}
.scan-result-grid dt{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8094ae;margin:0}
.scan-result-grid dd{margin:2px 0 0;font-weight:600;color:#1c2b46}
.scan-result-grid dd small{display:block;font-weight:400;color:#8094ae;font-size:12px}
.scan-result-grid dd.is-total{color:#6576ff;font-size:16px}
.scan-result-lines{list-style:none;padding:0;margin:12px 0 0;font-size:13.5px;color:#364a63}
.scan-result-lines li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dashed rgba(0,0,0,.08)}
.scan-result-issues{margin-top:12px;font-size:13.5px;color:#7a4b00}
.scan-result-issues ul{margin:4px 0 0;padding-inline-start:18px}
.scan-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@keyframes scan-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nk-tb-item.is-just-added{animation:row-new 6s ease-out}
.nk-tb-item.is-just-added>.nk-tb-col{background:transparent}
@keyframes row-new{0%,55%{background:#fff3c4}100%{background:transparent}}
/* Company address whose store is closed: countdown to Side */
.store-closed-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff1f2;color:#be123c;font-weight:700}
.store-closed-count{position:relative;width:76px;height:76px;margin:0 auto;display:flex;align-items:center;justify-content:center;--total:10;--left:10}
.store-closed-count svg{position:absolute;inset:0;transform:rotate(-90deg)}
.store-closed-count circle{fill:none;stroke:#eef0f5;stroke-width:3.5}
.store-closed-count circle.is-progress{stroke:#6576ff;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:calc(119.4 - 119.4 * var(--left) / var(--total));transition:stroke-dashoffset 1s linear}
.store-closed-count strong{font-size:26px;color:#1c2b46}
/* Sign-in / sign-up: real screens of Side (neutral data) in the side slider */
.auth-shot{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 24px 50px -24px rgba(31,43,58,.45);border:1px solid #e5e9f2}
.auth-shot img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top}
.auth-shots .nk-feature-content h4{font-size:20px}
.auth-shots .nk-feature-content p{color:#526484}
/* Sign-up: pack choice */
.reg-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:480px){.reg-plans{grid-template-columns:1fr}}
.reg-plan{margin:0;cursor:pointer}
.reg-plan input{position:absolute;opacity:0}
.reg-plan span{display:flex;flex-direction:column;gap:2px;height:100%;padding:12px 14px;border:1.5px solid #e5e9f2;border-radius:12px;transition:border-color .15s,box-shadow .15s}
.reg-plan strong{color:#1c2b46}
.reg-plan small{color:#526484;font-weight:600}
.reg-plan em{font-style:normal;font-size:12px;color:#8094ae;line-height:1.4}
.reg-plan input:checked+span{border-color:#6576ff;box-shadow:0 0 0 3px rgba(101,118,255,.15);background:#f7f8ff}
.reg-plan input:focus-visible+span{outline:2px solid #6576ff;outline-offset:2px}

/* Super admin · one company: tiles at a glance (each opens where it is changed) */
.sa-glance{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}
@media (max-width:1199px){.sa-glance{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:575px){.sa-glance{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sa-glance-tile{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1rem;background:#fff;border:1px solid var(--side-border,#eceff5);border-radius:12px;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
a.sa-glance-tile:hover{border-color:var(--bs-primary,#6e3bf5);box-shadow:0 4px 14px rgba(31,43,58,.06);color:inherit}
.sa-glance-label{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#8094ae;text-transform:uppercase;letter-spacing:.04em}
.sa-glance-tile strong{font-size:1.05rem;color:#1f2b3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-glance-tile small{color:#8094ae;font-size:.78rem}
.sa-glance-edit{position:absolute;top:.85rem;inset-inline-end:.9rem;font-size:.72rem;color:var(--bs-primary,#6e3bf5);opacity:0;transition:opacity .15s}
a.sa-glance-tile:hover .sa-glance-edit,a.sa-glance-tile:focus .sa-glance-edit{opacity:1}
@media (hover:none){.sa-glance-edit{opacity:1}}

/* Super admin · subscription tab in numbered sections */
.sa-sub{max-width:880px}
.sa-sub-section{margin-bottom:1rem;scroll-margin-top:90px}
.sa-sub-section:target{border-color:var(--bs-primary,#6e3bf5);box-shadow:0 0 0 3px rgba(110,59,245,.12)}
.sa-sub-head{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:1rem}
.sa-sub-num{flex:none;width:26px;height:26px;border-radius:50%;background:#f1ecfe;color:var(--bs-primary,#6e3bf5);font-weight:600;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.sa-pack-price{display:flex;gap:.4rem;align-items:center;padding:.6rem .8rem;background:#f7f8fb;border-radius:8px;font-size:.85rem;color:#526484;margin-bottom:1rem}
.sa-sub-save{padding:.25rem 0 .5rem}
#acces,#ia{scroll-margin-top:90px}