/* WowDash parity: native header controls, responsive sidebar and theme tokens. */
.sidebar-logo .light-logo,.sidebar-logo .dark-logo{max-width:148px;height:auto}.sidebar-logo .dark-logo,.sidebar-logo .logo-icon{display:none}.sidebar.active .sidebar-logo .light-logo,.sidebar.active .sidebar-logo .dark-logo{display:none}.sidebar.active .sidebar-logo .logo-icon{display:block;width:34px}.sidebar-menu-group-title{padding:12px 24px 6px;color:var(--text-secondary-light);font-size:11px;font-weight:700;letter-spacing:.08em}.sidebar-toggle,.sidebar-mobile-toggle,.theme-toggle{width:40px;height:40px;border:0;border-radius:50%;background:var(--neutral-200);color:var(--text-primary-light);display:inline-grid;place-items:center;font-size:21px;transition:.2s}.theme-toggle:hover,.sidebar-toggle:hover,.sidebar-mobile-toggle:hover{background:var(--primary-100);color:var(--primary-600)}.guest-theme-toggle{position:fixed;right:22px;top:22px;z-index:20;box-shadow:0 8px 24px rgba(15,23,42,.12)}.sidebar-toggle .icon.active{display:none}.sidebar-toggle.active .icon.active{display:block}.sidebar-toggle.active .icon.non-active{display:none}.sidebar-mobile-toggle{display:none}.auth-brand img{max-width:165px}.auth-logo-dark{display:none}.math-captcha{display:grid;grid-template-columns:42px 1fr 120px;align-items:center;gap:12px;padding:12px;border:1px solid var(--neutral-300);border-radius:12px;background:var(--neutral-50)}.math-captcha-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--primary-100);color:var(--primary-600);font-size:21px}.math-captcha-task{display:flex;flex-direction:column}.math-captcha-task span{color:var(--text-secondary-light);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.math-captcha-task strong{font-size:18px}.math-captcha .form-control{text-align:center;font-weight:700}.np-field{position:relative}.np-suggestions{position:absolute;z-index:1055;left:0;right:0;top:calc(100% - 1px);max-height:300px;overflow:auto;background:var(--white);border:1px solid var(--neutral-300);border-radius:0 0 12px 12px;box-shadow:0 18px 38px rgba(15,23,42,.15)}.np-option{width:100%;border:0;border-bottom:1px solid var(--neutral-200);background:transparent;color:var(--text-primary-light);padding:11px 13px;display:flex;text-align:left;gap:9px;align-items:flex-start;font-size:13px}.np-option:last-child{border-bottom:0}.np-option:hover,.np-option:focus{background:var(--primary-50);color:var(--primary-600)}.np-option i{font-size:17px;margin-top:1px}.np-loading,.np-empty,.np-error{padding:14px;color:var(--text-secondary-light);font-size:12px}.np-loading i{display:inline-block;animation:np-spin 1s linear infinite}.np-error{color:var(--danger-600)}@keyframes np-spin{to{transform:rotate(360deg)}}
[data-theme=dark]{color-scheme:dark;--crm-bg:var(--neutral-900);--crm-card:var(--neutral-800);--crm-ink:var(--white);--crm-muted:var(--neutral-400);--crm-border:var(--neutral-700)}[data-theme=dark] body,[data-theme=dark] .dashboard-main{background:var(--neutral-900);color:var(--text-primary-light)}[data-theme=dark] .navbar-header,[data-theme=dark] .sidebar,[data-theme=dark] .card,[data-theme=dark] .card-header,[data-theme=dark] .form-section,[data-theme=dark] .auth-card{background:var(--neutral-800);border-color:var(--neutral-700)}[data-theme=dark] .crm-table th{background:var(--neutral-700)!important;color:var(--neutral-300)}[data-theme=dark] .crm-table td{color:var(--neutral-200);border-color:var(--neutral-700)}[data-theme=dark] .crm-table tbody tr:hover{background:var(--neutral-700)}[data-theme=dark] .form-control,[data-theme=dark] .form-select,[data-theme=dark] .search-field input{background:var(--neutral-700);border-color:var(--neutral-600);color:var(--white)}[data-theme=dark] .btn-light,[data-theme=dark] .row-action,[data-theme=dark] .icon-button{background:var(--neutral-700);border-color:var(--neutral-600);color:var(--neutral-200)}[data-theme=dark] .section-title{border-color:var(--neutral-700)}[data-theme=dark] .metric-card{filter:saturate(.8) brightness(.72);color:#fff}[data-theme=dark] .metric-card span,[data-theme=dark] .metric-card small{color:#e5e7eb}[data-theme=dark] .sidebar-logo .light-logo,[data-theme=dark] .auth-logo-light{display:none}[data-theme=dark] .sidebar-logo .dark-logo,[data-theme=dark] .auth-logo-dark{display:block}[data-theme=dark] .sidebar.active .sidebar-logo .dark-logo{display:none}[data-theme=dark] .sidebar.active .sidebar-logo .logo-icon{display:block}[data-theme=dark] .math-captcha{background:var(--neutral-700);border-color:var(--neutral-600)}[data-theme=dark] .np-suggestions{background:var(--neutral-800);border-color:var(--neutral-600)}[data-theme=dark] .np-option{border-color:var(--neutral-700)}[data-theme=dark] .np-option:hover{background:var(--neutral-700)}[data-theme=dark] .d-footer{border-color:var(--neutral-700)}
@media(max-width:1199px){.sidebar-toggle{display:none}.sidebar-mobile-toggle{display:inline-grid}.sidebar{z-index:1200}.sidebar-close-btn{display:grid!important;place-items:center}}
@media(max-width:575px){.math-captcha{grid-template-columns:42px 1fr}.math-captcha .form-control{grid-column:1/-1}.theme-toggle,.icon-button{width:38px;height:38px}.navbar-header .gap-3{gap:.5rem!important}}
.size-range-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px}.size-range-card{overflow:hidden}.size-range-card .card-header small{display:block;color:var(--text-secondary-light);margin-bottom:4px}.stock-value.low{color:var(--danger-600);font-weight:700}.product-row{flex-wrap:wrap;align-items:flex-start}.product-size-options{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;padding:12px;background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px}.product-size-options[hidden]{display:none!important}.product-size-box{display:grid;gap:5px}.product-size-box label{display:flex;justify-content:space-between;align-items:center}.size-recommended{color:var(--success-600);font-size:10px;font-weight:700}.size-range-hint{display:block;color:var(--text-secondary-light);font-size:10px}.size-match-note{width:100%;font-size:11px;color:var(--text-secondary-light);display:flex;gap:6px;align-items:center}.size-match-note.success{color:var(--success-600)}.size-match-note.warning{color:var(--warning-600)}[data-theme=dark] .product-size-options{background:var(--neutral-700);border-color:var(--neutral-600)}
.selected-product-preview{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--neutral-200);font-weight:700}.selected-product-preview img{width:76px;height:76px;object-fit:cover;border-radius:12px;background:var(--neutral-100)}html[data-theme=dark] .selected-product-preview{border-color:#4b5563}

/* Stable WowDash sidebar states. */
@media(min-width:1200px){.sidebar.active,.sidebar.active:hover{width:4.875rem!important}.sidebar.active .sidebar-help{display:none}.sidebar.active .sidebar-menu-area{padding-inline:.65rem}.sidebar.active .sidebar-menu li a{justify-content:center;margin-inline:0;padding-inline:.75rem}.sidebar.active:hover .sidebar-logo img.light-logo,.sidebar.active:hover .sidebar-logo img.dark-logo{display:none}.sidebar.active:hover .sidebar-logo img.logo-icon{display:inline-block}.sidebar.active:hover .sidebar-menu li a span,.sidebar.active:hover .sidebar-menu li.sidebar-menu-group-title{display:none}.sidebar.active:hover .sidebar-menu li a .menu-icon{margin-inline-end:0}}
body::after{position:fixed;height:100vh;pointer-events:none}body.overlay-active::after{pointer-events:auto}

/* WowDash light/dark surfaces using the original palette. */
html[data-theme=dark]{color-scheme:dark;--crm-bg:#1b2431;--crm-card:#273142;--crm-ink:#f5f6fa;--crm-muted:#9ca3af;--crm-border:#3b4657}
html[data-theme=dark] body,html[data-theme=dark] .dashboard-main{background:#1b2431!important;color:#d1d5db}
html[data-theme=dark] .crm-auth{background:#1b2431!important}
html[data-theme=dark] .navbar-header,html[data-theme=dark] .sidebar,html[data-theme=dark] .card,html[data-theme=dark] .card-header,html[data-theme=dark] .form-section,html[data-theme=dark] .auth-card,html[data-theme=dark] .d-footer{background:#273142!important;border-color:#3b4657!important}
html[data-theme=dark] .crm-table th{background:#323d4e!important;color:#d1d5db}html[data-theme=dark] .crm-table td{color:#ebecf0;border-color:#3b4657}html[data-theme=dark] .crm-table tbody tr:hover{background:#303b4b}
html[data-theme=dark] .form-control,html[data-theme=dark] .form-select,html[data-theme=dark] .search-field input{background:#323d4e!important;border-color:#4b5563!important;color:#f5f6fa!important}html[data-theme=dark] .form-control::placeholder,html[data-theme=dark] .search-field input::placeholder{color:#9ca3af}
html[data-theme=dark] label,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6,html[data-theme=dark] strong{color:#f5f6fa}
html[data-theme=dark] .btn-light,html[data-theme=dark] .row-action,html[data-theme=dark] .icon-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .sidebar-toggle,html[data-theme=dark] .sidebar-mobile-toggle{background:#323d4e!important;border-color:#4b5563!important;color:#ebecf0!important}
html[data-theme=dark] .section-title,html[data-theme=dark] .sidebar-help,html[data-theme=dark] .profile-meta{border-color:#3b4657!important}html[data-theme=dark] .sidebar-menu li a:hover,html[data-theme=dark] .sidebar-menu li a.active-page{background:#323d4e;color:#8b8dff}html[data-theme=dark] .telegram-check,html[data-theme=dark] .settings-switch{background:#303b4b;border-color:#4b5563}html[data-theme=dark] .settings-service-icon.telegram{background:#263f52}
html[data-theme=dark] .product-size-options,html[data-theme=dark] .math-captcha,html[data-theme=dark] .np-suggestions{background:#323d4e!important;border-color:#4b5563!important}html[data-theme=dark] .np-option{border-color:#4b5563;color:#ebecf0}html[data-theme=dark] .np-option:hover{background:#3a4658}
html[data-theme=dark] .metric-card{filter:none;color:#f5f6fa}html[data-theme=dark] .metric-card.blue{background:#263a55}html[data-theme=dark] .metric-card.violet{background:#393451}html[data-theme=dark] .metric-card.orange{background:#4b3a27}html[data-theme=dark] .metric-card.green{background:#24463d}html[data-theme=dark] .metric-card span,html[data-theme=dark] .metric-card small{color:#d1d5db}

.user-profile-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.profile-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,700px);gap:24px;align-items:start}.profile-summary{text-align:center}.profile-avatar{width:88px;height:88px;margin:8px auto 16px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;font-size:34px;font-weight:800}.profile-summary h4{margin-bottom:4px}.profile-summary>div>p{color:var(--text-secondary-light);margin-bottom:24px}.profile-meta{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--crm-border);text-align:left}.profile-meta span{color:var(--text-secondary-light);font-size:12px}.justify-self-start{justify-self:start}
.application-filters{display:block}.application-filter-main{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}.application-filter-main .search-field{flex:1;min-width:240px}.application-list-preferences{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--crm-border)}.application-filter-count{display:inline-flex;align-items:center;gap:5px;margin-right:auto;padding:7px 10px;border:1px solid var(--crm-border);border-radius:9px;background:var(--neutral-50);color:var(--text-secondary-light);font-size:11px;white-space:nowrap}.application-filter-count i{color:var(--primary-600);font-size:14px}.application-filter-count strong{color:var(--crm-ink);font-size:12px}.application-list-preferences .list-order-filter{width:190px}.application-list-preferences .per-page-filter{width:105px}.application-list-preferences .form-select{width:100%;height:38px;padding-block:6px;font-size:12px}.date-filter{display:grid;gap:5px}.date-filter span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary-light)}.date-filter .form-control{width:155px;padding-block:.63rem}.filter-reset{width:42px;height:42px;display:grid;place-items:center;padding:0}.export-applications{width:140px;max-width:100%;overflow:hidden;padding-inline:12px!important;font-size:13px;line-height:1;white-space:nowrap;text-overflow:ellipsis}html[data-theme=dark] .application-list-preferences{border-color:#465266}html[data-theme=dark] .application-filter-count{border-color:#465266;background:#303a49;color:#b8c2d1}html[data-theme=dark] .application-filter-count strong{color:#f3f4f6}
.settings-grid{display:grid;grid-template-columns:minmax(0,720px) minmax(260px,1fr);gap:24px;align-items:start}.settings-grid-single{grid-template-columns:minmax(0,720px)}.settings-service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:24px}.settings-service-icon.telegram{background:#e8f5ff;color:#229ed9}.form-hint{display:block;color:var(--text-secondary-light);font-weight:400;margin-top:6px}.settings-switch{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--crm-border);border-radius:12px;cursor:pointer}.settings-switch>input{position:absolute;opacity:0}.settings-switch>span{width:44px;height:24px;border-radius:999px;background:var(--neutral-300);position:relative;flex:0 0 auto}.settings-switch>span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.settings-switch>input:checked+span{background:var(--primary-600)}.settings-switch>input:checked+span:after{transform:translateX(20px)}.settings-switch div{display:grid}.settings-switch small{color:var(--text-secondary-light);font-weight:400}.settings-status{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:10px;font-size:12px}.settings-status.ready{background:var(--success-100);color:var(--success-600)}.settings-status.pending{background:var(--warning-100);color:var(--warning-600)}
@media(max-width:991px){.profile-grid,.settings-grid{grid-template-columns:1fr}.application-filter-main .search-field{min-width:100%}}
@media(max-width:575px){.application-list-preferences{justify-content:stretch;flex-wrap:wrap}.application-filter-count{width:100%;margin-right:0;justify-content:center}.application-list-preferences .list-order-filter,.application-list-preferences .per-page-filter{width:auto;flex:1}.date-filter{flex:1}.date-filter .form-control{width:100%}.export-applications{width:100%}}

.client-search{display:flex;align-items:center;gap:10px}.client-search .search-field{flex:1;max-width:560px}.client-name-link{text-decoration:none;color:var(--text-primary-light)}.client-name-link:hover{color:var(--primary-600)}.orders-count{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 9px;border-radius:999px;background:var(--primary-100);color:var(--primary-600);font-size:12px;font-weight:800}.orders-count.large{height:38px;min-width:44px;font-size:15px}.client-card-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.client-contact-card{text-align:center}.client-avatar{width:82px;height:82px;border-radius:24px;margin:4px auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;font-size:32px;font-weight:800}.client-contact-card h5{margin-bottom:3px}.client-contact-card>div>p{color:var(--text-secondary-light)}.client-contact-row{display:grid;gap:3px;text-align:left;padding:13px 0;border-top:1px solid var(--crm-border)}.client-contact-row span{font-size:11px;color:var(--text-secondary-light)}.client-contact-row span i{margin-right:5px}.client-contact-row strong{font-size:13px}.client-note{text-align:left;padding:14px;border-radius:12px;background:var(--neutral-50);margin-top:12px}.client-note span{font-size:10px;text-transform:uppercase;color:var(--text-secondary-light)}.client-note p{margin:5px 0 0;font-size:13px}html[data-theme=dark] .client-contact-row{border-color:#3b4657}html[data-theme=dark] .client-note{background:#323d4e}
@media(max-width:991px){.client-card-grid{grid-template-columns:1fr}.client-contact-card{max-width:none}.client-search{flex-wrap:wrap}.client-search .search-field{min-width:100%;max-width:none}}
.client-match-notice{display:flex;align-items:center;gap:11px;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--success-50);border:1px solid var(--success-200);color:var(--success-700)}.client-match-notice[hidden]{display:none!important}.client-match-notice>i{font-size:22px}.client-match-notice>span{display:grid;flex:1}.client-match-notice small{color:var(--text-secondary-light)}.client-match-notice a{font-size:12px;font-weight:700;color:var(--primary-600);text-decoration:none}html[data-theme=dark] .client-match-notice{background:#24463d;border-color:#356254;color:#a7f3d0}
@media(max-width:575px){.client-match-notice{align-items:flex-start;flex-wrap:wrap}.client-match-notice a{width:100%;padding-left:33px}}

.theme-switch{position:relative;width:76px;height:40px;padding:0 7px;border:1px solid var(--neutral-300);border-radius:999px;background:#f1f3f8;display:flex;align-items:center;justify-content:space-between;color:#657084;box-shadow:inset 0 1px 2px rgba(15,23,42,.05);cursor:pointer}.theme-switch-icon{position:relative;z-index:2;width:24px;height:24px;display:grid;place-items:center;font-size:15px;line-height:1}.theme-switch-icon.moon{font-size:13px;color:#667085;text-shadow:-4px -2px 0 #f1f3f8}.theme-switch-thumb{position:absolute;z-index:1;left:4px;top:4px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(30,41,59,.18);transition:transform .22s ease}.theme-switch[data-theme=dark] .theme-switch-thumb{transform:translateX(36px);background:#46546a}.theme-switch[data-theme=dark]{background:#202a38;border-color:#46546a;color:#fbbf24}.theme-switch[data-theme=dark] .moon{color:#c7d2fe;text-shadow:-4px -2px 0 #202a38}.guest-theme-toggle{position:fixed;right:22px;top:22px;z-index:20}.sidebar-logo{overflow:hidden}.sidebar-logo img.light-logo,.sidebar-logo img.dark-logo{width:174px;max-width:174px}.sidebar.active .sidebar-logo{justify-content:center;padding-inline:0}.sidebar.active .sidebar-logo img.logo-icon{width:42px;max-width:42px}

.theme-switch::after{content:none!important;display:none!important}.theme-switch-icon.moon{text-shadow:none}.theme-switch-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-switch[data-theme=light] .sun{color:#e89611}.theme-switch[data-theme=light] .moon{color:#7b8495}.theme-switch[data-theme=dark] .sun{color:#8792a5}.theme-switch[data-theme=dark] .moon{color:#eef0ff}.theme-switch[data-theme=dark] .theme-switch-thumb{background:#526078;box-shadow:0 3px 10px rgba(5,10,20,.32)}.telegram-check{transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.telegram-check:has(input:checked){border-color:rgba(34,158,217,.55);background:rgba(34,158,217,.09);box-shadow:0 0 0 3px rgba(34,158,217,.08)}html[data-theme=dark] .telegram-check:has(input:checked){border-color:rgba(69,181,235,.55);background:rgba(34,158,217,.14)}.order-save-button{width:100%;min-height:50px;border-radius:12px;font-weight:700;box-shadow:0 10px 22px rgba(72,87,255,.22)}
.mobile-profile-icon{display:none}.crm-navbar .user-menu form{margin:0}.crm-navbar .mobile-logout{display:grid;place-items:center;text-decoration:none}
@media(max-width:991px){.crm-navbar{padding:9px 12px!important}.crm-navbar>.row{width:100%;flex-wrap:nowrap;margin:0}.crm-navbar>.row>.col-auto{min-width:0;padding:0}.crm-navbar>.row>.col-auto:first-child{flex:1 1 auto}.crm-navbar>.row>.col-auto:last-child{flex:0 0 auto}.crm-navbar>.row>.col-auto:first-child>.d-flex{min-width:0;gap:8px!important}.crm-navbar>.row>.col-auto:last-child>.d-flex{gap:7px!important}.crm-navbar .sidebar-toggle{display:none}.crm-navbar .sidebar-mobile-toggle{display:inline-grid;width:34px;height:34px;flex:0 0 34px;font-size:18px}.crm-navbar h6{overflow:hidden;max-width:clamp(110px,24vw,220px);font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.crm-navbar h6+small{display:block;overflow:hidden;max-width:clamp(110px,24vw,220px);font-size:8px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.crm-navbar .theme-switch{width:60px;height:34px;flex:0 0 60px;padding:0 5px}.crm-navbar .theme-switch-icon{width:20px;height:20px}.crm-navbar .theme-switch-icon svg{width:14px;height:14px}.crm-navbar .theme-switch-thumb{left:3px;top:3px;width:26px;height:26px}.crm-navbar .theme-switch[data-theme=dark] .theme-switch-thumb{transform:translateX(28px)}.crm-navbar .user-profile-link{gap:0}.crm-navbar .user-profile-copy{display:none!important}.crm-navbar .avatar-initial{width:34px;height:34px;border-radius:10px;font-size:17px}.crm-navbar .avatar-letter{display:none}.crm-navbar .mobile-profile-icon{display:block}.crm-navbar .mobile-logout{width:30px;height:34px;padding:0!important;font-size:17px}.crm-navbar .user-menu{gap:4px}}
@media(max-width:390px){.crm-navbar h6,.crm-navbar h6+small{max-width:105px}.crm-navbar>.row>.col-auto:last-child>.d-flex{gap:5px!important}.crm-navbar .theme-switch{width:56px;flex-basis:56px}.crm-navbar .theme-switch[data-theme=dark] .theme-switch-thumb{transform:translateX(24px)}}

.settings-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid var(--crm-border);border-radius:14px;background:var(--crm-card)}.settings-tabs a{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;color:var(--text-secondary-light);font-size:13px;font-weight:700;text-decoration:none}.settings-tabs a:hover,.settings-tabs a.active{background:var(--primary-100);color:var(--primary-600)}.user-create-grid,.user-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.user-admin-card{overflow:hidden}.user-admin-summary{display:grid;grid-template-columns:44px minmax(220px,1fr) auto auto 24px;align-items:center;gap:13px;padding:16px 20px;cursor:pointer;list-style:none}.user-admin-summary::-webkit-details-marker{display:none}.user-admin-summary>span:nth-child(2){display:grid}.user-admin-summary small{color:var(--text-secondary-light);font-size:12px}.user-list-avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;font-weight:800}.details-arrow{font-size:20px;transition:transform .2s}.user-admin-card[open] .details-arrow{transform:rotate(180deg)}.role-badge,.account-state{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.role-admin{background:#ede9fe;color:#6d28d9}.role-manager{background:#dbeafe;color:#2563eb}.role-operator{background:#dcfce7;color:#15803d}.account-state.active{background:var(--success-100);color:var(--success-600)}.account-state.disabled{background:var(--neutral-200);color:var(--text-secondary-light)}.permission-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.permission-heading small{color:var(--text-secondary-light)}.permission-heading>span{padding:6px 10px;border-radius:999px;background:var(--primary-100);color:var(--primary-600);font-size:11px;font-weight:800}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.permission-check{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--crm-border);border-radius:10px;cursor:pointer}.permission-check input{margin-top:3px}.permission-check span{display:grid;min-width:0}.permission-check strong{font-size:12px}.permission-check small{overflow:hidden;color:var(--text-secondary-light);font-size:10px;text-overflow:ellipsis}.user-delete-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--crm-border)}.role-settings-grid{display:grid;gap:18px}.role-permissions{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme=dark] .settings-tabs{background:#273142;border-color:#3b4657}html[data-theme=dark] .settings-tabs a.active,html[data-theme=dark] .settings-tabs a:hover{background:#323d4e;color:#9da4ff}html[data-theme=dark] .permission-check{border-color:#4b5563;background:#303b4b}html[data-theme=dark] .account-state.disabled{background:#3b4657;color:#d1d5db}
@media(max-width:991px){.user-create-grid,.user-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-grid,.role-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}.user-admin-summary{grid-template-columns:44px minmax(0,1fr) auto 24px}.user-admin-summary .account-state{display:none}}
@media(max-width:575px){.settings-tabs a{flex:1;justify-content:center;padding-inline:8px}.user-create-grid,.user-edit-grid,.permission-grid,.role-permissions{grid-template-columns:1fr}.user-admin-summary{grid-template-columns:40px minmax(0,1fr) 20px;padding:14px}.user-admin-summary .role-badge{display:none}}

/* Admin settings stay visible above the CRM status card on every screen height. */
.sidebar{height:100vh;display:flex;flex-direction:column;overflow:hidden}.sidebar>div:first-of-type{flex:0 0 auto}.sidebar-menu-area{height:auto!important;min-height:0;flex:1 1 auto;overflow-y:auto}.sidebar-admin-area{flex:0 0 auto;padding:6px 16px 0;border-top:1px solid var(--crm-border);background:var(--crm-card)}.sidebar-settings-menu summary{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border-radius:10px;color:#5f6673;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.sidebar-settings-menu summary::-webkit-details-marker{display:none}.sidebar-settings-menu summary:hover,.sidebar-settings-menu summary.active-page{background:#f0f1ff;color:var(--crm-primary)}.sidebar-settings-menu summary .menu-icon{font-size:20px}.sidebar-settings-menu summary span{flex:1}.settings-chevron{font-size:18px;transition:transform .2s}.sidebar-settings-menu[open] .settings-chevron{transform:rotate(180deg)}.sidebar-settings-links{display:grid;gap:3px;padding:5px 0 2px 31px}.sidebar-settings-links a{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;color:#6b7280;font-size:12px;font-weight:600;text-decoration:none}.sidebar-settings-links a i{font-size:17px}.sidebar-settings-links a:hover,.sidebar-settings-links a.active{background:var(--primary-50);color:var(--primary-600)}.sidebar-help{flex:0 0 auto}.sidebar.active .sidebar-admin-area{padding-inline:10px}.sidebar.active .sidebar-settings-menu summary{justify-content:center;padding-inline:8px}.sidebar.active .sidebar-settings-menu summary span,.sidebar.active .sidebar-settings-menu .settings-chevron,.sidebar.active .sidebar-settings-links{display:none}html[data-theme=dark] .sidebar-admin-area{background:#273142;border-color:#3b4657}html[data-theme=dark] .sidebar-settings-menu summary:hover,html[data-theme=dark] .sidebar-settings-menu summary.active-page,html[data-theme=dark] .sidebar-settings-links a:hover,html[data-theme=dark] .sidebar-settings-links a.active{background:#323d4e;color:#9da4ff}

.product-media-layout{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:24px;align-items:start}.product-upload-card{position:sticky;top:92px}.photo-upload-zone{display:flex;align-items:center;gap:13px;padding:16px;border:1px dashed var(--primary-300);border-radius:13px;background:var(--primary-50);cursor:pointer}.photo-upload-zone>i{font-size:28px;color:var(--primary-600)}.photo-upload-zone>span{display:grid;flex:1}.photo-upload-zone small{color:var(--text-secondary-light);font-weight:400}.photo-upload-zone input{max-width:150px;font-size:11px}.photo-selection{padding:10px 12px;border-radius:10px;background:var(--neutral-50);color:var(--text-secondary-light);font-size:11px;overflow-wrap:anywhere}.product-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.product-photo-card{overflow:hidden;border:1px solid var(--crm-border);border-radius:13px}.product-photo-card.primary{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100)}.product-photo-image{position:relative;aspect-ratio:1;background:var(--neutral-100)}.product-photo-image img{width:100%;height:100%;object-fit:cover}.product-photo-image>span{position:absolute;left:8px;top:8px;padding:5px 8px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:10px;font-weight:800}.product-photo-actions{display:flex;justify-content:flex-end;gap:7px;padding:9px}.empty-photo-gallery{min-height:280px;display:grid;place-items:center;align-content:center;gap:5px;color:var(--text-secondary-light);text-align:center}.empty-photo-gallery i{font-size:42px}.product-table-photo,.order-product-photo{width:54px;height:54px;border-radius:11px;display:grid;place-items:center;overflow:hidden;background:var(--neutral-100);color:var(--text-secondary-light);font-size:22px}.product-table-photo img,.order-product-photo img{width:100%;height:100%;object-fit:cover}.order-product-photo{width:62px;height:62px}.settings-service-icon.nova-poshta{background:#fff0e8;color:#f15a24}.np-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.shipment-value,.delivery-quote,.volume-weight-result,.ttn-number{display:grid;gap:3px;padding:12px;border-radius:11px;background:var(--neutral-50)}.shipment-value span,.delivery-quote span,.volume-weight-result span,.ttn-number span,.shipment-summary span{font-size:10px;text-transform:uppercase;color:var(--text-secondary-light)}.shipment-value small,.delivery-quote small{color:var(--text-secondary-light)}.shipment-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.volume-weight-result{background:var(--primary-50);color:var(--primary-700)}.ttn-number{margin-bottom:14px;background:var(--success-50);color:var(--success-700)}.ttn-number strong{font-size:20px;letter-spacing:.04em}.shipment-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.shipment-summary div{display:grid;gap:3px}html[data-theme=dark] .photo-upload-zone,html[data-theme=dark] .volume-weight-result{background:#303b4b;border-color:#4b5563}html[data-theme=dark] .photo-selection,html[data-theme=dark] .shipment-value,html[data-theme=dark] .delivery-quote,html[data-theme=dark] .ttn-number{background:#323d4e}html[data-theme=dark] .product-photo-card{border-color:#4b5563}html[data-theme=dark] .product-photo-image,html[data-theme=dark] .product-table-photo,html[data-theme=dark] .order-product-photo{background:#323d4e}
@media(max-width:991px){.product-media-layout{grid-template-columns:1fr}.product-upload-card{position:static}}
@media(max-width:575px){.np-settings-grid,.shipment-summary{grid-template-columns:1fr}.photo-upload-zone{align-items:flex-start;flex-wrap:wrap}.photo-upload-zone input{max-width:100%;width:100%}}

.product-editor-card{max-width:1050px}.product-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.variant-pills{display:flex;flex-wrap:wrap;gap:8px}.variant-pills>span{display:grid;padding:8px 11px;border:1px solid var(--crm-border);border-radius:10px;background:var(--neutral-50);font-size:12px;font-weight:800}.variant-pills small{color:var(--text-secondary-light);font-size:9px;font-weight:500}html[data-theme=dark] .variant-pills>span{background:#323d4e;border-color:#4b5563}@media(max-width:767px){.product-editor-grid{grid-template-columns:1fr}}
.products-table .product-actions-column{width:64px;min-width:64px;text-align:center}.product-actions-dropdown{display:inline-block}.product-actions-toggle{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--crm-border);border-radius:10px;background:var(--neutral-50);color:var(--text-secondary-light);font-size:22px;line-height:1;transition:.18s}.product-actions-toggle:hover,.product-actions-toggle[aria-expanded=true]{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-600)}.product-actions-dropdown .dropdown-menu{min-width:190px;padding:7px;border:1px solid var(--crm-border);border-radius:12px;box-shadow:0 14px 34px rgba(15,23,42,.16)}.product-actions-dropdown .dropdown-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:var(--text-primary-light);font-size:12px;font-weight:700}.product-actions-dropdown .dropdown-item i{width:18px;color:var(--text-secondary-light);font-size:17px;text-align:center}.product-actions-dropdown .dropdown-item:hover{background:var(--primary-50);color:var(--primary-600)}.product-actions-dropdown form{margin:0}.product-actions-dropdown .product-delete-action,.product-actions-dropdown .product-delete-action i{color:var(--danger-600)}.product-actions-dropdown .dropdown-divider{margin:5px 0;border-color:var(--crm-border)}html[data-theme=dark] .product-actions-toggle{border-color:#465266;background:#303a49;color:#cbd5e1}html[data-theme=dark] .product-actions-toggle:hover,html[data-theme=dark] .product-actions-toggle[aria-expanded=true]{background:#35405a;color:#9da4ff}html[data-theme=dark] .product-actions-dropdown .dropdown-menu{border-color:#465266;background:#273142}html[data-theme=dark] .product-actions-dropdown .dropdown-item{color:#e8edf5}html[data-theme=dark] .product-actions-dropdown .dropdown-item:hover{background:#35405a;color:#9da4ff}@media(min-width:1200px){.products-table-responsive{overflow:visible}}
.product-search-button{width:46px;height:46px;flex:0 0 46px;padding:0!important;font-size:20px}

.bulk-action-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--crm-border);border-radius:14px;background:var(--crm-card);box-shadow:0 4px 18px rgba(31,42,75,.025)}.bulk-action-bar .form-select{width:min(230px,100%)}.bulk-selection-count{display:flex;align-items:center;gap:8px;margin-right:6px;color:var(--text-secondary-light);font-size:13px;white-space:nowrap}.bulk-selection-count i{font-size:20px;color:var(--primary-600)}.bulk-selection-count strong{color:var(--text-primary-light)}.bulk-action-bar button:disabled{opacity:.45;cursor:not-allowed}html[data-theme=dark] .bulk-action-bar{background:#273142;border-color:#3b4657}@media(max-width:767px){.bulk-action-bar{align-items:stretch;flex-wrap:wrap}.bulk-action-bar .form-select{order:2;width:100%}.bulk-action-bar .btn{flex:1}.bulk-action-bar .ms-auto{margin-left:0!important}}

.permission-check input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;accent-color:var(--primary-600);cursor:pointer}.permission-check input[type=checkbox]:disabled{cursor:not-allowed}.permission-check:has(input:checked){border-color:var(--primary-300);background:var(--primary-50)}.permission-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.permission-tools>span{color:var(--text-secondary-light);font-size:12px}.permission-tools>div{display:flex;gap:7px}html[data-theme=dark] .permission-check:has(input:checked){background:#35405a;border-color:#686be8}@media(max-width:575px){.permission-tools{align-items:flex-start;flex-direction:column}}

/* Reliable Bootstrap table surfaces and high-contrast bulk checkboxes. */
.crm-table .form-check-input{width:19px;height:19px;margin:0;border:2px solid #9aa3b2;border-radius:5px;background-color:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.08);cursor:pointer}.crm-table .form-check-input:hover{border-color:var(--primary-600);box-shadow:0 0 0 3px rgba(72,127,255,.14)}.crm-table .form-check-input:checked,.crm-table .form-check-input:indeterminate{border-color:#487fff;background-color:#487fff;box-shadow:0 0 0 3px rgba(72,127,255,.2)}.crm-table tbody tr:has([data-bulk-item]:checked)>td{background:#eef3ff!important}.crm-table tbody tr:has([data-bulk-item]:checked){box-shadow:inset 4px 0 #487fff}
html[data-theme=dark] .table,html[data-theme=dark] .crm-table{--bs-table-bg:#273142;--bs-table-color:#e8edf5;--bs-table-border-color:#465266;--bs-table-striped-bg:#2c3748;--bs-table-hover-bg:#303c4e;color:#e8edf5!important;background:#273142!important}
html[data-theme=dark] .crm-table>:not(caption)>*>*{color:#e8edf5!important;background-color:#273142!important;border-color:#465266!important;box-shadow:none!important}
html[data-theme=dark] .crm-table>thead>tr>th{color:#dce3ee!important;background-color:#344054!important;border-color:#465266!important}
html[data-theme=dark] .crm-table>tbody>tr:hover>td{background-color:#303c4e!important}
html[data-theme=dark] .crm-table>tbody>tr:has([data-bulk-item]:checked)>td{background-color:#344262!important}
html[data-theme=dark] .crm-table td strong,html[data-theme=dark] .crm-table td a:not(.btn),html[data-theme=dark] .crm-table .stock-value{color:#f7f9fc}
html[data-theme=dark] .crm-table td small{color:#aeb8c8}
html[data-theme=dark] .crm-table .form-check-input{border-color:#aeb8c8;background-color:#1d2633;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
html[data-theme=dark] .crm-table .form-check-input:hover{border-color:#8faeff;box-shadow:0 0 0 3px rgba(72,127,255,.28)}
html[data-theme=dark] .crm-table .form-check-input:checked,html[data-theme=dark] .crm-table .form-check-input:indeterminate{border-color:#6f9cff;background-color:#487fff;box-shadow:0 0 0 3px rgba(72,127,255,.32)}
html[data-theme=dark] .table-responsive,html[data-theme=dark] .table-footer{background:#273142;color:#b8c2d1;border-color:#465266}

/* Compact order list with inline status and quick Telegram action. */
.applications-compact-table{overflow-x:auto}.applications-compact-table .crm-table{width:100%;min-width:1060px;table-layout:fixed}.applications-compact-table .crm-table th,.applications-compact-table .crm-table td{padding:8px 10px!important;vertical-align:middle}.applications-compact-table .application-select-cell{width:52px;text-align:center}.applications-compact-table .application-id-cell{width:160px}.applications-compact-table .application-client-cell{width:170px}.applications-compact-table .application-products-cell{width:auto}.applications-compact-table .application-status-cell{width:170px}.applications-compact-table .application-assignee-cell{width:130px}.applications-compact-table .application-actions-cell{width:164px}.applications-compact-table .application-number{display:block;overflow:hidden;color:var(--primary-600);font-size:12px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;word-break:normal;overflow-wrap:normal}.applications-compact-table .application-number+small{display:block;margin-top:2px;font-size:10px;line-height:1.2;white-space:nowrap}.applications-compact-table .application-client-cell strong{display:-webkit-box;overflow:hidden;font-size:12px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.applications-compact-table .application-client-cell small{display:block;margin-top:2px;font-size:10px;line-height:1.2;white-space:nowrap}.compact-products{max-width:none!important;overflow:hidden;font-size:12px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.inline-status-form{margin:0}.inline-status-form .form-select,.inline-assignee-form .form-select{width:100%;min-width:0!important;max-width:none!important;height:34px;padding:4px 28px 4px 9px;border-radius:9px;font-size:11px}.application-row-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.application-row-actions form{margin:0}.application-row-actions .telegram-action,.application-row-actions .telegram-state,.application-row-actions .ttn-action,.application-row-actions .row-action{width:32px;height:32px;flex:0 0 32px}.telegram-action,.telegram-state{display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#229ed9;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 4px 10px rgba(34,158,217,.24)}.telegram-action:hover{background:#168dcc;transform:translateY(-1px)}.telegram-action.queued{background:#e7a51a;color:#fff}.telegram-action.sent{background:#229ed9;color:#fff}.telegram-action.failed{background:#e35a45;color:#fff}.ttn-action{display:grid;place-items:center;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:16px}.ttn-action.active{border-color:#b9e2d1;background:#e8f8f0;color:#169b62;cursor:pointer}.ttn-action.active:hover{border-color:#169b62;background:#d9f3e7}.ttn-action.disabled{border-color:#e4e7ec;background:#f3f4f6;color:#a5acb8;cursor:not-allowed}.row-action.edit-action{color:var(--primary-600)}html[data-theme=dark] .telegram-action,html[data-theme=dark] .telegram-state{background:#229ed9;color:#fff}html[data-theme=dark] .telegram-action.queued{background:#c18414}html[data-theme=dark] .ttn-action.active{border-color:#3b7059;background:#2e4c40;color:#6ee7ac}html[data-theme=dark] .ttn-action.disabled{border-color:#465266;background:#303a49;color:#727f91}html[data-theme=dark] .inline-status-form .form-select{background-color:#323d4e;border-color:#4b5563;color:#f3f4f6}@media(max-width:767px){.applications-compact-table .crm-table{min-width:980px}.applications-compact-table .crm-table th,.applications-compact-table .crm-table td{padding:7px 8px!important}}
.np-shipment-card .card-header{padding:14px 16px}.np-shipment-card .card-body{padding:16px}.np-shipment-card .shipment-summary{gap:8px;margin-bottom:12px}.np-shipment-card .shipment-summary div,.np-shipment-card .shipment-value,.np-shipment-card .delivery-quote,.np-shipment-card .volume-weight-result,.np-shipment-card .ttn-number{padding:9px 10px}.np-shipment-card .shipment-dimensions{gap:8px}.np-shipment-card .settings-switch{padding:10px}
.applications-list-card>.card-body{padding:14px 16px}.applications-list-card .filter-bar{gap:8px}
@media(min-width:1200px){.application-filter-main{display:grid;grid-template-columns:minmax(220px,1fr) minmax(135px,170px) 150px 150px 42px 140px;gap:8px}.application-filter-main .search-field{min-width:0}.application-filter-main .form-select,.application-filter-main .date-filter .form-control{width:100%;max-width:none;height:42px}.application-filter-main .date-filter{min-width:0}.application-filter-main .export-applications{width:140px;height:42px}}
.export-settings-modal{overflow:hidden;border:1px solid var(--crm-border);border-radius:16px;background:var(--crm-card);color:var(--crm-ink)}.export-settings-modal .modal-header{align-items:flex-start;padding:20px 22px 16px;border-color:var(--crm-border)}.export-settings-modal .modal-header h5{margin:3px 0 2px;font-weight:800}.export-settings-modal .modal-header p{color:var(--text-secondary-light);font-size:12px}.export-settings-modal .modal-body{padding:18px 22px}.export-settings-modal .modal-footer{padding:14px 22px;border-color:var(--crm-border)}.export-fields-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--text-secondary-light);font-size:12px}.export-fields-toolbar>div{display:flex;gap:7px}.export-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.export-field-option{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:10px;border:1px solid var(--crm-border);border-radius:11px;background:var(--neutral-50);cursor:pointer}.export-field-option:hover{border-color:var(--primary-300)}.export-field-option:has(input:checked){border-color:var(--primary-400);background:var(--primary-50);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-500) 10%,transparent)}.export-field-option input{width:17px;height:17px;flex:0 0 17px;margin-top:2px;accent-color:var(--primary-600)}.export-field-option span{display:grid;min-width:0}.export-field-option strong{overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis}.export-field-option small{margin-top:2px;color:var(--text-secondary-light);font-size:9px}html[data-theme=dark] .export-settings-modal{border-color:#465266;background:#273142;color:#f3f4f6}html[data-theme=dark] .export-settings-modal .modal-header,html[data-theme=dark] .export-settings-modal .modal-footer{border-color:#465266}html[data-theme=dark] .export-settings-modal .btn-close{filter:invert(1) grayscale(1)}html[data-theme=dark] .export-field-option{border-color:#465266;background:#303a49}html[data-theme=dark] .export-field-option:has(input:checked){border-color:#686be8;background:#35405a}@media(max-width:767px){.export-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.export-field-grid{grid-template-columns:1fr}.export-fields-toolbar{align-items:flex-start;flex-direction:column}.export-fields-toolbar>div{width:100%}.export-fields-toolbar .btn{flex:1}}
.telegram-detail-button{border-color:#229ed9;background:#229ed9;color:#fff}.telegram-detail-button:hover{border-color:#168dcc;background:#168dcc;color:#fff}.compact-edit-section{padding:18px;margin-bottom:14px}.compact-edit-section .section-title{padding-bottom:12px;margin-bottom:14px}.edit-order-products{display:grid;gap:8px}.edit-order-products>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--crm-border);border-radius:10px;background:var(--neutral-50)}.edit-order-products span{color:var(--text-secondary-light);font-size:12px}html[data-theme=dark] .edit-order-products>div{border-color:#465266;background:#303a49}
.edit-product-rows{display:grid;gap:10px}.edit-product-row{padding:12px;border:1px solid var(--crm-border);border-radius:12px;background:var(--neutral-50)}.edit-product-row>select{flex:1;min-width:240px}.edit-product-row>.qty{flex:0 0 82px}.edit-product-row>.remove-product{flex:0 0 42px}.edit-product-row .product-size-options{margin-top:2px;padding:10px}.edit-product-row .selected-product-preview img{width:54px;height:54px}.edit-product-row .selected-product-preview{padding-bottom:8px;font-size:12px}html[data-theme=dark] .edit-product-row{border-color:#465266;background:#303a49}@media(max-width:575px){.edit-product-row>select{width:100%;min-width:0}.edit-product-row>.qty{max-width:none;flex:1}}
.import-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:20px;align-items:start}.import-upload{min-height:120px}.import-columns{display:grid;gap:9px}.import-columns>div{display:grid;grid-template-columns:110px 100px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--crm-border)}.import-columns>div:last-child{border-bottom:0}.import-columns span{width:max-content;padding:4px 7px;border-radius:999px;background:var(--primary-100);color:var(--primary-600);font-size:9px;font-weight:800}.import-columns small{color:var(--text-secondary-light)}html[data-theme=dark] .import-columns>div{border-color:#465266}@media(max-width:991px){.import-layout{grid-template-columns:1fr}}@media(max-width:575px){.import-columns>div{grid-template-columns:1fr}.import-upload{align-items:flex-start;flex-wrap:wrap}.import-upload input{width:100%}}

/* Compact, color-coded order statuses and unmistakable Telegram glyphs. */
.status-select{--status-color:#667085;min-height:34px!important;padding-top:5px!important;padding-bottom:5px!important;border-color:color-mix(in srgb,var(--status-color) 42%,#d9dee7)!important;background-color:color-mix(in srgb,var(--status-color) 11%,#fff)!important;color:var(--status-color)!important;font-size:12px!important;font-weight:800!important;box-shadow:inset 3px 0 var(--status-color)}.status-select:focus{border-color:var(--status-color)!important;box-shadow:inset 3px 0 var(--status-color),0 0 0 3px color-mix(in srgb,var(--status-color) 18%,transparent)!important}.telegram-logo{display:block;width:20px;height:20px;fill:currentColor}.telegram-detail-button{display:inline-flex;align-items:center;gap:8px}.telegram-detail-button .telegram-logo{width:19px;height:19px}.telegram-action,.telegram-state{border-radius:9px!important}.comment-content{min-width:0}.comment-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.comment-delete{width:30px;height:30px;padding:0;border:1px solid #ffd0c7;border-radius:8px;background:#fff5f2;color:#e5482d}.comment-delete:hover{background:#ffe5df}.inline-status-form .status-select{max-width:160px}html[data-theme=dark] .status-select{border-color:color-mix(in srgb,var(--status-color) 65%,#4b5563)!important;background-color:color-mix(in srgb,var(--status-color) 17%,#273142)!important;color:color-mix(in srgb,var(--status-color) 65%,#fff)!important}html[data-theme=dark] .comment-delete{border-color:#714638;background:#3d302f;color:#ff8b73}
.inline-assignee-form{margin:0}.inline-assignee-form .form-select{width:108px!important;min-width:108px!important;max-width:108px!important;padding:6px 25px 6px 8px;font-size:10px;font-weight:700;text-overflow:ellipsis}

/* Inventory management and reports. */
.inventory-stock-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inventory-stock-form .btn{align-self:end}.warehouse-list{display:grid;gap:9px}.warehouse-list form{display:grid;grid-template-columns:minmax(130px,1fr) auto 42px;align-items:center;gap:9px;padding:9px;border:1px solid var(--crm-border);border-radius:11px}.warehouse-list .settings-switch{padding:0;border:0;background:transparent}.warehouse-list .settings-switch small{display:none}.inventory-inline-edit{display:flex;gap:6px}.inventory-inline-edit .form-control{width:90px;padding:6px 8px}.inventory-inline-edit .btn{width:36px;padding:0}.report-filters{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr)) auto;align-items:end;gap:12px}.report-bars{display:grid;gap:11px}.report-bar-row{display:grid;grid-template-columns:48px minmax(100px,1fr) 30px 90px;align-items:center;gap:9px;font-size:11px}.report-bar-row>div{height:8px;overflow:hidden;border-radius:999px;background:var(--neutral-200)}.report-bar-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-500),#7b61ff)}.report-bar-row strong{text-align:right}.report-bar-row small{text-align:right;color:var(--text-secondary-light)}html[data-theme=dark] .warehouse-list form{border-color:#465266;background:#303a49}html[data-theme=dark] .report-bar-row>div{background:#3c4758}@media(max-width:1199px){.report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.report-filters .btn{width:100%}}@media(max-width:767px){.inventory-stock-form,.report-filters{grid-template-columns:1fr}.warehouse-list form{grid-template-columns:1fr auto}.warehouse-list form>.form-control{grid-column:1/-1}.report-bar-row{grid-template-columns:42px minmax(80px,1fr) 25px}.report-bar-row small{display:none}}

/* Short action notifications at the top of the workspace. */
.crm-toast{
  top:88px;
  right:24px;
  bottom:auto;
  max-width:min(420px,calc(100vw - 32px));
  transform:translateY(-10px);
  box-shadow:0 12px 32px rgba(15,23,42,.24)
}
.crm-toast.show{transform:none}
@media(max-width:575px){
  .crm-toast{
    top:72px;
    right:12px;
    left:12px;
    max-width:none;
    text-align:center
  }
}

/* Compact products and inline comments in the application list. */
.applications-compact-table .crm-table{min-width:1240px}
.applications-compact-table .application-products-cell{width:190px}
.applications-compact-table .application-comments-cell{width:190px}
.application-product-summary{display:flex;align-items:center;gap:8px;min-width:0;cursor:help}
.application-product-thumb{display:grid;width:34px;height:34px;flex:0 0 34px;overflow:hidden;place-items:center;border:1px solid var(--crm-border);border-radius:8px;background:var(--neutral-100);color:var(--text-secondary-light);font-size:16px}
.application-product-thumb img{width:100%;height:100%;object-fit:cover}
.application-product-summary strong{display:block;min-width:0;overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.application-comment-preview{display:grid;width:100%;min-width:0;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 6px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--crm-ink);text-align:left}
.application-comment-preview:hover{border-color:var(--primary-200);background:var(--primary-50)}
.application-comment-preview>i{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:var(--primary-100);color:var(--primary-600);font-size:14px}
.application-comment-preview>span{display:grid;min-width:0}
.application-comment-preview strong{overflow:hidden;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.application-comment-preview small{overflow:hidden;margin-top:1px;color:var(--text-secondary-light);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.application-comment-preview em{display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border-radius:999px;background:var(--primary-100);color:var(--primary-600);font-size:8px;font-style:normal;font-weight:800}
.application-comment-preview.is-empty strong{color:var(--text-secondary-light);font-weight:700}
.application-comments-dialog{max-width:620px}
.application-comments-modal{overflow:hidden;border:1px solid var(--crm-border);border-radius:16px;background:var(--crm-card);color:var(--crm-ink)}
.application-comments-header{padding:18px 20px 14px;border-color:var(--crm-border)}
.application-comments-header h5{margin-top:3px;font-weight:800}
.application-comments-modal .modal-body{padding:16px 20px 20px}
.comments-modal-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:180px;color:var(--text-secondary-light)}
.modal-comment-form{padding-bottom:16px;border-bottom:1px solid var(--crm-border)}
.modal-comment-form>label{display:block;margin-bottom:6px}
.modal-comment-compose{display:flex;align-items:flex-end;gap:8px}
.modal-comment-compose textarea{min-height:76px;resize:vertical}
.modal-comment-compose .btn{display:inline-flex;align-items:center;gap:6px;height:42px;flex:0 0 auto}
.comments-modal-timeline{display:grid;max-height:390px;margin-top:16px;overflow:auto}
.comments-modal-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:11px 0;border-bottom:1px solid var(--crm-border)}
.comments-modal-item:first-child{padding-top:0}
.comments-modal-item:last-child{border-bottom:0;padding-bottom:0}
.comments-modal-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--primary-100);color:var(--primary-600);font-size:12px;font-weight:800}
.comments-modal-item header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.comments-modal-item header strong{font-size:11px}
.comments-modal-item time{color:var(--text-secondary-light);font-size:9px;white-space:nowrap}
.comments-modal-item p{margin:5px 0 0;color:var(--crm-ink);font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.comments-modal-empty{display:grid;min-height:150px;place-items:center;align-content:center;gap:5px;color:var(--text-secondary-light);text-align:center}
.comments-modal-empty i{font-size:26px;color:var(--primary-500)}
.comments-modal-empty strong{color:var(--crm-ink);font-size:12px}
.comments-modal-empty span{font-size:10px}
html[data-theme=dark] .application-product-thumb,html[data-theme=dark] .application-comments-modal{border-color:#465266;background:#303a49}
html[data-theme=dark] .application-comment-preview{color:#f3f4f6}
html[data-theme=dark] .application-comment-preview:hover{border-color:#515b8e;background:#333d55}
html[data-theme=dark] .application-comments-header,html[data-theme=dark] .modal-comment-form,html[data-theme=dark] .comments-modal-item{border-color:#465266}
html[data-theme=dark] .comments-modal-item p,html[data-theme=dark] .comments-modal-empty strong{color:#f3f4f6}
html[data-theme=dark] .application-comments-modal .btn-close{filter:invert(1) grayscale(1)}
@media(max-width:575px){.application-comments-dialog{margin:10px}.application-comments-modal .modal-body{padding:14px}.modal-comment-compose{align-items:stretch;flex-direction:column}.modal-comment-compose .btn{justify-content:center;width:100%}.comments-modal-timeline{max-height:48vh}}

/* Desktop order table: keep every action visible without a horizontal scrollbar. */
@media(min-width:992px){
  .applications-compact-table{overflow-x:hidden}
  .applications-compact-table .crm-table{width:100%!important;min-width:0!important;table-layout:fixed}
  .applications-compact-table .crm-table th,.applications-compact-table .crm-table td{padding:6px 5px!important}
  .applications-compact-table .crm-table th{font-size:8px;line-height:1.15;white-space:normal}
  .applications-compact-table .application-select-cell{width:38px}
  .applications-compact-table .application-id-cell{width:132px}
  .applications-compact-table .application-client-cell{width:132px}
  .applications-compact-table .application-products-cell{width:160px}
  .applications-compact-table .application-comments-cell{width:148px}
  .applications-compact-table .application-status-cell{width:142px}
  .applications-compact-table .application-assignee-cell{width:108px}
  .applications-compact-table .application-actions-cell{width:128px}
  .applications-compact-table .application-number{font-size:10px}
  .applications-compact-table .application-number+small{font-size:8px}
  .applications-compact-table .application-client-cell strong{font-size:10px;-webkit-line-clamp:1}
  .applications-compact-table .application-client-cell small{font-size:8px}
  .application-product-summary{gap:5px}
  .application-product-thumb{width:28px;height:28px;flex-basis:28px;border-radius:7px;font-size:13px}
  .application-product-summary strong{font-size:9px}
  .application-comment-preview{grid-template-columns:22px minmax(0,1fr) auto;gap:4px;padding:3px}
  .application-comment-preview>i{width:22px;height:22px;font-size:12px}
  .application-comment-preview strong{font-size:9px}
  .application-comment-preview small{font-size:7px}
  .application-comment-preview em{min-width:17px;height:17px;padding:0 4px;font-size:7px}
  .inline-status-form .status-select{width:100%;max-width:none!important;min-height:30px!important;height:30px!important;padding:3px 22px 3px 8px!important;font-size:9px!important;text-overflow:ellipsis}
  .inline-assignee-form .form-select{width:98px!important;min-width:98px!important;max-width:98px!important;height:30px;padding:3px 21px 3px 6px;font-size:8px}
  .application-row-actions{justify-content:flex-end;gap:3px}
  .application-row-actions .telegram-action,.application-row-actions .telegram-state,.application-row-actions .ttn-action,.application-row-actions .row-action{width:28px;height:28px;flex-basis:28px;border-radius:7px!important;font-size:13px}
  .application-row-actions .telegram-logo{width:16px;height:16px}
}

/* Comment composer, emoji shortcuts and bounded scrolling. */
.application-comments-modal{max-height:calc(100vh - 32px)}
.application-comments-modal .modal-body{display:flex;min-height:0;max-height:calc(100vh - 125px);flex-direction:column;overflow:hidden}
.modal-comment-form{flex:0 0 auto}
.modal-comment-compose textarea{max-height:150px;overflow-y:auto}
.comment-emoji-picker{display:flex;align-items:center;gap:3px;margin-top:8px;padding:7px;overflow-x:auto;border:1px solid var(--crm-border);border-radius:10px;background:var(--neutral-50);scrollbar-width:thin}
.comment-emoji-picker button{display:grid;width:28px;height:28px;flex:0 0 28px;padding:0;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:16px;line-height:1;cursor:pointer}
.comment-emoji-picker button:hover,.comment-emoji-picker button:focus-visible{border-color:var(--primary-300);background:var(--primary-100);outline:0;transform:translateY(-1px)}
.comments-modal-timeline{min-height:120px;max-height:none;flex:1 1 auto;padding-right:5px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--primary-300) transparent}
.comments-modal-timeline::-webkit-scrollbar,.comments-modal-item p::-webkit-scrollbar{width:6px;height:6px}
.comments-modal-timeline::-webkit-scrollbar-thumb,.comments-modal-item p::-webkit-scrollbar-thumb{border-radius:999px;background:var(--primary-300)}
.comments-modal-item{align-items:start}
.comments-modal-item>div{min-width:0}
.comments-modal-item p{max-height:140px;padding-right:5px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--primary-300) transparent}
html[data-theme=dark] .comment-emoji-picker{border-color:#465266;background:#303a49}
@media(max-width:575px){.application-comments-modal{max-height:calc(100vh - 20px)}.application-comments-modal .modal-body{max-height:calc(100vh - 105px)}.comment-emoji-picker button{width:30px;height:30px;flex-basis:30px}}

/* Chat-style application comments. */
.application-comments-modal .modal-body{padding:0;background:var(--neutral-50)}
.comments-modal-timeline{display:flex;min-height:260px;margin:0;padding:16px 18px;flex:1 1 auto;flex-direction:column;gap:8px;background:linear-gradient(180deg,var(--neutral-50),var(--crm-card));scroll-behavior:smooth}
.comments-modal-item{display:flex;align-items:flex-end;gap:8px;padding:0;border:0}
.comments-modal-item.is-own{flex-direction:row-reverse}
.comments-modal-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;font-size:10px}
.comments-modal-message{min-width:0;max-width:min(78%,440px);padding:9px 11px;border:1px solid var(--crm-border);border-radius:14px 14px 14px 4px;background:var(--crm-card);box-shadow:0 3px 10px rgba(15,23,42,.05)}
.comments-modal-item.is-own .comments-modal-message{border-color:var(--primary-500);border-radius:14px 14px 4px 14px;background:var(--primary-600);color:#fff}
.comments-modal-message header{display:flex;align-items:center;gap:9px;margin-bottom:3px}
.comments-modal-message header strong{overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.comments-modal-message time{margin-left:auto;color:var(--text-secondary-light);font-size:8px;white-space:nowrap}
.comments-modal-item.is-own .comments-modal-message time{color:rgba(255,255,255,.72)}
.comments-modal-message p{max-height:180px;margin:0;padding-right:3px;overflow:auto;color:inherit;font-size:12px;line-height:1.45;overflow-wrap:anywhere;white-space:normal}
.modal-comment-form{position:relative;z-index:3;padding:12px 14px;border-top:1px solid var(--crm-border);border-bottom:0;background:var(--crm-card);box-shadow:0 -7px 18px rgba(15,23,42,.04)}
.modal-comment-compose{display:block;padding:6px;border:1px solid var(--crm-border);border-radius:14px;background:var(--neutral-50)}
.modal-comment-compose:focus-within{border-color:var(--primary-400);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-500) 12%,transparent)}
.modal-comment-compose textarea{display:block;width:100%;min-height:70px;max-height:150px;padding:10px 11px;border:0!important;background:transparent!important;box-shadow:none!important;resize:vertical}
.comment-composer-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:7px;padding-top:7px;border-top:1px solid var(--crm-border)}
.comment-emoji-menu{min-width:0}
.comment-emoji-toggle{display:inline-flex;height:38px;align-items:center;gap:6px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:var(--text-secondary-light);font-size:18px;cursor:pointer}
.comment-emoji-toggle span{font-size:10px;font-weight:800}
.comment-emoji-toggle:hover,.comment-emoji-menu.is-open .comment-emoji-toggle{background:var(--primary-100);color:var(--primary-600)}
.comment-emoji-picker{position:static;display:grid;width:250px;margin:6px 0 0;padding:9px;grid-template-columns:repeat(5,1fr);gap:4px;overflow:visible;border:1px solid var(--crm-border);border-radius:13px;background:var(--crm-card);box-shadow:0 8px 20px rgba(15,23,42,.1)}
.comment-emoji-picker[hidden]{display:none!important}
.comment-emoji-picker:after{display:none}
.comment-emoji-picker button{width:38px;height:34px;min-width:0;place-self:center;border-radius:8px;font-size:19px}
.comment-send-button{display:inline-flex;height:38px;align-items:center;flex:0 0 auto;gap:6px;padding:0 13px;border-radius:10px}
.comment-send-button i{font-size:17px}
.modal-comment-delete-form{margin:0}
.modal-comment-delete-form button{display:grid;width:23px;height:23px;padding:0;place-items:center;border:0;border-radius:7px;background:transparent;color:#e5482d;font-size:12px}
.modal-comment-delete-form button:hover{background:#fff0ed}
.comments-modal-item.is-own .modal-comment-delete-form button{color:#fff}
.comments-modal-item.is-own .modal-comment-delete-form button:hover{background:rgba(255,255,255,.16)}
html[data-theme=dark] .application-comments-modal .modal-body,html[data-theme=dark] .comments-modal-timeline{background:#202a38}
html[data-theme=dark] .comments-modal-message{border-color:#465266;background:#303b4c;color:#f5f7fb}
html[data-theme=dark] .comments-modal-item.is-own .comments-modal-message{border-color:#696af0;background:#5b5ce2;color:#fff}
html[data-theme=dark] .modal-comment-form{border-color:#465266;background:#273142}
html[data-theme=dark] .modal-comment-compose{border-color:#465266;background:#303b4c}
html[data-theme=dark] .comment-emoji-picker{border-color:#566175;background:#303b4c}
html[data-theme=dark] .comment-emoji-picker:after{border-color:#566175;background:#303b4c}
html[data-theme=dark] .comment-composer-toolbar{border-color:#465266}
@media(max-width:575px){.comments-modal-timeline{min-height:220px;padding:12px}.comments-modal-message{max-width:86%}.modal-comment-form{padding:10px}.comment-send-button{width:38px;padding:0;justify-content:center}.comment-send-button span{display:none}.comment-emoji-picker{width:min(232px,calc(100vw - 70px))}}

/* Keep the complete chat composer visible and scroll only the message history. */
.application-comments-dialog{width:min(760px,calc(100vw - 24px));max-width:760px!important;height:min(680px,calc(100vh - 24px));margin-right:auto;margin-left:auto}
.application-comments-modal{display:flex;width:100%;height:100%;max-height:100%!important;flex-direction:column}
.application-comments-header{flex:0 0 auto;padding:15px 20px 13px}
.application-comments-header .eyebrow{font-size:9px}
.application-comments-header .modal-title{margin-top:5px;font-size:30px;line-height:1.1}
.application-comments-modal>.modal-body{display:flex;height:auto;min-height:0;max-height:none!important;flex:1 1 auto;flex-direction:column;overflow:hidden!important}
.comments-modal-timeline{min-height:0!important;flex:1 1 0;overflow-x:hidden;overflow-y:scroll!important;scrollbar-gutter:stable}
.comments-modal-timeline::-webkit-scrollbar{width:10px}
.comments-modal-timeline::-webkit-scrollbar-track{border-radius:999px;background:var(--neutral-100)}
.comments-modal-timeline::-webkit-scrollbar-thumb{border:2px solid var(--neutral-100);border-radius:999px;background:var(--primary-400)}
.modal-comment-form{flex:0 0 auto}
html[data-theme=dark] .comments-modal-timeline::-webkit-scrollbar-track{background:#303b4c}
html[data-theme=dark] .comments-modal-timeline::-webkit-scrollbar-thumb{border-color:#303b4c;background:#7778ee}
@media(max-width:575px){.application-comments-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);margin:8px}.application-comments-header{padding:13px 14px 11px}.application-comments-header .modal-title{font-size:25px}.comments-modal-timeline{padding:10px}.modal-comment-compose textarea{min-height:58px}}
/* Statuses, clients, inventory and reports */
.status-create-grid{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(160px,1fr) 90px 100px auto auto auto;gap:12px;align-items:end}.status-settings-list{padding:0 24px}.status-settings-row{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--border-color,#e7e9ee)}.status-settings-row:last-child{border-bottom:0}.status-edit-grid{display:grid;grid-template-columns:18px minmax(170px,1.4fr) minmax(130px,1fr) 82px 86px auto auto 100px 44px;align-items:center;gap:10px;flex:1}.status-edit-grid label>span{display:block;font-size:11px;color:var(--text-secondary-light,#6b7280);margin-bottom:4px}.status-color-dot{width:14px;height:14px;border-radius:50%;background:var(--status);box-shadow:0 0 0 4px color-mix(in srgb,var(--status) 18%,transparent)}.status-usage{white-space:nowrap;color:var(--text-secondary-light,#6b7280)}
.client-filter-grid{display:grid;grid-template-columns:minmax(250px,1fr) 180px 180px auto auto;gap:12px;align-items:end}.filter-result-count{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:8px 12px;background:var(--surface-soft,#f6f7fb);border-radius:10px;color:var(--text-secondary)}.client-row-actions,.inventory-row-actions{display:flex;align-items:center;gap:6px}.client-row-actions form{margin:0}.row-action.danger{border:0;color:#e5484d}.row-action:disabled{opacity:.35;cursor:not-allowed}.client-edit-card{max-width:1000px}.client-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.client-edit-comment{grid-column:1/-1}.client-edit-actions{grid-column:1/-1;display:flex;gap:10px}
.warehouse-item{display:flex;align-items:center;gap:8px}.warehouse-item>form:first-child{flex:1}.inventory-bulk-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--surface-soft,#f7f8fb);border-top:1px solid var(--border-color,#e7e9ee);border-bottom:1px solid var(--border-color,#e7e9ee)}.inventory-bulk-bar .form-select{max-width:240px}.inventory-thumb{width:46px;height:46px;object-fit:cover;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-soft,#f1f3f8)}.inventory-thumb.placeholder{font-size:22px}.inventory-table td small{display:block;color:var(--text-secondary);margin-top:3px}.inventory-disabled{opacity:.58}.inventory-row-actions .inventory-inline-edit{min-width:120px}.inventory-row-actions>a{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}
.report-chart{height:280px;display:flex;align-items:stretch;gap:8px;padding:12px 4px 0;overflow-x:auto}.report-chart-column{min-width:34px;flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bars{height:235px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--border-color,#e5e7eb)}.chart-bars i{display:block;width:min(14px,42%);border-radius:5px 5px 1px 1px;min-height:4px}.chart-bars .orders,.chart-legend .orders{background:#5f5af6}.chart-bars .revenue,.chart-legend .revenue{background:#22b07d}.report-chart-column>span{font-size:11px;color:var(--text-secondary);white-space:nowrap}.chart-legend{display:flex;justify-content:center;gap:18px;margin-top:14px}.chart-legend span{display:flex;align-items:center;gap:7px;font-size:13px}.chart-legend i{width:10px;height:10px;border-radius:3px}.empty-chart{margin:auto;color:var(--text-secondary)}.status-ring{--progress:0;width:160px;height:160px;margin:4px auto 20px;border-radius:50%;background:conic-gradient(#22b07d calc(var(--progress)*1%),#e8ecf4 0);display:grid;place-items:center;position:relative}.status-ring:before{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--card-bg,#fff)}.status-ring>div{z-index:1;text-align:center}.status-ring strong{display:block;font-size:30px}.status-ring span{font-size:12px;color:var(--text-secondary)}.status-legend{display:grid;gap:8px;max-height:180px;overflow:auto}.status-legend>div{display:flex;justify-content:space-between;gap:12px}.status-legend span{display:flex;align-items:center;gap:8px}.status-legend i{width:9px;height:9px;border-radius:50%}.source-stats{display:grid;gap:16px}.source-stats header{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px}.source-stats header span{color:var(--text-secondary);font-size:13px}.source-stats>div>div{height:8px;border-radius:20px;background:var(--surface-soft,#edf0f6);overflow:hidden}.source-stats i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5f5af6,#8f7cf7)}
html[data-theme=dark] .filter-result-count,html[data-theme=dark] .inventory-bulk-bar,html[data-theme=dark] .inventory-thumb{background:#29364a}html[data-theme=dark] .status-ring:before{background:#243146}html[data-theme=dark] .status-ring{background:conic-gradient(#35c690 calc(var(--progress)*1%),#344157 0)}
@media(max-width:1200px){.status-create-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.status-edit-grid{grid-template-columns:18px repeat(4,minmax(110px,1fr));overflow-x:auto}.client-filter-grid{grid-template-columns:1fr 1fr}.client-filter-grid .search-field{grid-column:1/-1}}
@media(max-width:767px){.status-create-grid,.client-edit-grid,.client-filter-grid{grid-template-columns:1fr}.status-create-grid>*{width:100%}.client-filter-grid .search-field{grid-column:auto}.status-settings-list{padding:0 14px}.status-settings-row{align-items:flex-start}.status-edit-grid{grid-template-columns:14px 1fr}.status-edit-grid label,.status-edit-grid .settings-switch,.status-edit-grid .status-usage,.status-edit-grid button{grid-column:2}.inventory-bulk-bar{flex-wrap:wrap}.inventory-bulk-bar .form-select{max-width:none;flex:1}.report-chart{height:240px}.chart-bars{height:195px}}

/* Keep client phone numbers readable in the compact applications table. */
.applications-compact-table .application-client-cell small{font-size:11px;line-height:1.25}
@media(min-width:992px){.applications-compact-table .application-client-cell small{font-size:10px;line-height:1.25}}

/* Compact management screens */
.module-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.module-page-heading h4{font-size:26px}.module-count{padding:7px 11px;border-radius:999px;background:var(--neutral-100);color:var(--text-secondary-light);font-size:12px;font-weight:700}.inventory-control-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:14px;align-items:start}.inventory-control-card{overflow:hidden}.compact-card-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px}.compact-card-header h6{font-size:16px;line-height:1.2;margin:0 0 2px}.compact-card-header small{font-size:11px}.compact-card-header>i{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--primary-50);color:var(--primary-600);font-size:18px}.inventory-control-card .card-body{padding:14px 16px}.inventory-stock-form.compact{display:grid;grid-template-columns:130px minmax(210px,1fr) 100px minmax(140px,.7fr) auto;gap:9px;align-items:end}.inventory-stock-form.compact label{display:grid;gap:5px}.inventory-stock-form.compact .form-control,.inventory-stock-form.compact .form-select{height:40px;padding:7px 10px}.icon-button-wide{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.warehouse-create-form{display:grid;grid-template-columns:1fr 40px;gap:8px;margin-bottom:9px}.warehouse-create-form .form-control,.warehouse-create-form .btn{height:40px}.warehouse-list.compact{gap:7px}.warehouse-list.compact .warehouse-item{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px}.warehouse-list.compact .warehouse-edit-form{display:grid;grid-template-columns:minmax(120px,1fr) 112px 40px;align-items:center;gap:7px;padding:7px;border:1px solid var(--crm-border);border-radius:10px}.warehouse-list.compact .warehouse-delete-form{display:block;padding:0;border:0;background:transparent}.warehouse-list.compact .form-control,.warehouse-list.compact .btn{height:38px}.compact-check{display:inline-flex;align-items:center;margin:0;cursor:pointer}.compact-check input{position:absolute;opacity:0;pointer-events:none}.compact-check span{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid var(--crm-border);border-radius:10px;background:var(--neutral-50);color:var(--text-secondary-light);font-size:11px;font-weight:700;white-space:nowrap}.compact-check input:checked+span{border-color:color-mix(in srgb,var(--primary-500) 45%,transparent);background:var(--primary-50);color:var(--primary-600)}.compact-check.icon span{width:100%}.compact-check.icon i{font-size:16px}.inventory-bulk-bar{padding:9px 14px}.inventory-table .crm-table td,.inventory-table td{padding-top:9px;padding-bottom:9px}.inventory-thumb{width:38px;height:38px;border-radius:8px}
.status-create-card{overflow:hidden}.status-create-card>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 17px;cursor:pointer}.status-create-card>summary::-webkit-details-marker{display:none}.status-create-card>summary>span{display:grid;grid-template-columns:32px auto;column-gap:9px;align-items:center}.status-create-card>summary>span>i{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--primary-50);color:var(--primary-600);font-size:18px}.status-create-card>summary strong{font-size:14px}.status-create-card>summary small{font-size:11px;color:var(--text-secondary-light)}.status-create-card[open]>summary{border-bottom:1px solid var(--crm-border)}.status-create-card[open]>summary>i{transform:rotate(180deg)}.status-create-card .card-body{padding:14px 17px}.status-create-grid.compact{grid-template-columns:minmax(160px,1.2fr) minmax(130px,.8fr) 70px 75px auto auto auto;gap:9px}.status-create-grid.compact .form-control,.status-create-grid.compact .btn{height:40px}.status-list-card{overflow:hidden}.status-list-heading{padding:14px 17px}.status-list-heading h6{font-size:16px}.status-compact-head,.status-compact-row{display:grid;grid-template-columns:minmax(170px,1.35fr) minmax(105px,.8fr) 52px 62px 112px 112px 82px 88px;gap:8px;align-items:center}.status-compact-head{padding:8px 16px;background:var(--neutral-50);color:var(--text-secondary-light);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-settings-list.compact{padding:0 16px}.status-compact-row{padding:9px 0;border-bottom:1px solid var(--crm-border)}.status-compact-row:last-child{border-bottom:0}.status-compact-row .form-control{height:38px;padding:6px 9px}.status-name-field{position:relative;margin:0}.status-name-field .status-color-dot{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:1}.status-name-field input{padding-left:32px}.status-compact-row code{overflow:hidden;text-overflow:ellipsis;padding:6px 8px;border-radius:8px;background:var(--neutral-100);color:var(--text-secondary-light);font-size:11px;white-space:nowrap}.status-compact-row .form-control-color{width:42px;padding:4px}.status-compact-row .compact-check span{height:38px}.status-order-input{text-align:center}.status-usage{text-align:center;font-size:12px}.status-row-actions{display:flex;justify-content:flex-end;gap:5px}.status-row-actions .btn{width:38px;height:38px;padding:0}
.client-filter-grid{grid-template-columns:minmax(230px,1fr) minmax(170px,.55fr) 150px 150px 42px auto}.clients-filter-body{padding:16px}.client-bulk-bar{display:flex;align-items:center;gap:14px;padding:9px 14px;background:var(--neutral-50);border-top:1px solid var(--crm-border);border-bottom:1px solid var(--crm-border)}.client-bulk-bar span{white-space:nowrap}.client-bulk-bar small{flex:1;color:var(--text-secondary-light)}
.profile-settings-grid{grid-template-columns:minmax(280px,390px) minmax(0,680px)}.profile-editor-card{text-align:left}.profile-editor-card .profile-photo-preview{margin:0 auto 12px}.profile-photo-preview{overflow:hidden}.profile-photo-preview img,.avatar-initial img,.comments-modal-avatar img,.timeline-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-data-form,.profile-password-form{display:grid;gap:12px}.profile-data-form label small{display:block;margin-top:4px;color:var(--text-secondary-light);font-size:10px}.profile-security-card .card-body{padding:18px}.avatar-initial{overflow:hidden}.comments-modal-avatar{overflow:hidden}.timeline-item>.timeline-avatar{width:32px;height:32px;flex:0 0 32px;margin-top:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--primary-100);color:var(--primary-600);font-size:10px;font-weight:800;box-shadow:none}.timeline-item:has(.timeline-avatar):after{display:none}
html[data-theme=dark] .module-count,html[data-theme=dark] .status-compact-head,html[data-theme=dark] .status-compact-row code,html[data-theme=dark] .compact-check span,html[data-theme=dark] .client-bulk-bar{background:#2d394c;border-color:#465266;color:#d4d9e2}html[data-theme=dark] .warehouse-list.compact .warehouse-edit-form{border-color:#465266;background:#303a49}
@media(max-width:1399px){.inventory-control-grid{grid-template-columns:1fr}.inventory-stock-form.compact{grid-template-columns:150px minmax(220px,1fr) 110px minmax(170px,.7fr) auto}.status-compact-head,.status-compact-row{grid-template-columns:minmax(160px,1.3fr) minmax(90px,.7fr) 48px 56px 48px 48px 70px 82px}.status-compact-head span:nth-child(5),.status-compact-head span:nth-child(6){font-size:0}.status-compact-row .compact-check.icon span{width:38px;padding:0}.status-compact-row .compact-check.icon b{display:none}}
@media(max-width:991px){.inventory-stock-form.compact{grid-template-columns:1fr 1fr}.inventory-stock-form.compact .icon-button-wide{width:100%}.status-create-grid.compact{grid-template-columns:1fr 1fr}.status-compact-head{display:none}.status-settings-list.compact{padding:8px 12px}.status-compact-row{grid-template-columns:minmax(150px,1fr) 90px 44px 56px 44px 44px 64px 82px;padding:8px;border:1px solid var(--crm-border);border-radius:10px;margin-bottom:8px}.client-filter-grid{grid-template-columns:1fr 1fr}.client-filter-grid .search-field{grid-column:1/-1}}
@media(max-width:575px){.module-page-heading{align-items:flex-start}.module-page-heading h4{font-size:22px}.module-count{font-size:10px}.inventory-stock-form.compact{grid-template-columns:1fr}.warehouse-list.compact .warehouse-edit-form{grid-template-columns:1fr 42px}.warehouse-list.compact .warehouse-edit-form>.form-control{grid-column:1/-1}.warehouse-list.compact .compact-check.icon span{width:42px;padding:0}.warehouse-list.compact .compact-check.icon b{display:none}.status-create-grid.compact{grid-template-columns:1fr}.status-compact-row{grid-template-columns:minmax(0,1fr) 44px 54px 44px 44px 72px}.status-compact-row code{grid-column:1}.status-name-field{grid-column:1/-1}.status-row-actions{grid-column:5/7}.status-usage{grid-column:4}.client-filter-grid{grid-template-columns:1fr}.client-filter-grid .search-field{grid-column:auto}.client-bulk-bar{align-items:stretch;flex-direction:column}.client-bulk-bar .btn{width:100%}.profile-settings-grid{grid-template-columns:1fr}}

/* Status, client and inventory selection refinements */
.status-name-field .status-color-dot{display:none}.status-name-field input{padding-left:9px}
.client-filter-stack{display:grid;gap:12px}.client-filter-row{display:grid;gap:12px;align-items:end}.client-filter-primary{grid-template-columns:minmax(280px,1fr) minmax(220px,340px)}.client-filter-secondary{grid-template-columns:190px 190px auto auto 1fr}.client-filter-secondary label{display:grid;gap:5px;margin:0;font-size:11px;font-weight:700;color:var(--text-secondary-light);text-transform:uppercase;letter-spacing:.04em}.client-filter-secondary .form-control,.client-filter-secondary .btn{height:42px}.client-filter-secondary .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.client-filter-secondary .filter-result-count{justify-self:end;align-self:end;margin:0;height:42px}
.selection-column{width:54px!important;min-width:54px!important;text-align:center!important}.crm-selection-checkbox{appearance:none;-webkit-appearance:none;width:20px;height:20px;display:inline-grid;place-content:center;margin:0;vertical-align:middle;border:2px solid #91a0b5;border-radius:6px;background:var(--neutral-0,#fff);cursor:pointer;transition:.15s ease}.crm-selection-checkbox:before{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);margin-top:-2px;transition:.12s ease}.crm-selection-checkbox:checked{border-color:var(--primary-600);background:var(--primary-600)}.crm-selection-checkbox:checked:before{transform:rotate(-45deg) scale(1)}.crm-selection-checkbox:indeterminate{border-color:var(--primary-600);background:var(--primary-600)}.crm-selection-checkbox:indeterminate:before{width:9px;height:0;border-left:0;border-bottom:2px solid #fff;transform:none;margin:0}.crm-selection-checkbox:focus-visible{outline:3px solid color-mix(in srgb,var(--primary-500) 30%,transparent);outline-offset:2px}.crm-selection-checkbox:disabled{opacity:.35;cursor:not-allowed}.inventory-bulk-bar strong{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.inventory-bulk-bar .btn:disabled{opacity:.45;cursor:not-allowed}
html[data-theme=dark] .crm-selection-checkbox{background:#202b3b;border-color:#8996aa}html[data-theme=dark] .crm-selection-checkbox:checked,html[data-theme=dark] .crm-selection-checkbox:indeterminate{background:var(--primary-500);border-color:var(--primary-500)}
@media(max-width:991px){.client-filter-primary{grid-template-columns:1fr}.client-filter-secondary{grid-template-columns:1fr 1fr auto auto}.client-filter-secondary .filter-result-count{grid-column:1/-1;justify-self:start}}
@media(max-width:575px){.client-filter-secondary{grid-template-columns:1fr 1fr}.client-filter-secondary .btn{width:100%}.client-filter-secondary .filter-result-count{grid-column:1/-1}.selection-column{width:46px!important;min-width:46px!important}}

/* Compact single-line inventory table */
.inventory-table-wrap{overflow-x:auto}.inventory-table-compact{width:100%;table-layout:fixed;min-width:960px}.inventory-table-compact th{padding:10px 7px;font-size:10px;white-space:nowrap}.inventory-table-compact td{height:58px;padding:8px 7px!important;vertical-align:middle;white-space:nowrap;overflow:hidden}.inventory-table-compact .selection-column{width:46px!important;min-width:46px!important}.inventory-photo-column{width:56px}.inventory-product-column{width:22%}.inventory-sku-column{width:14%}.inventory-size-column{width:64px;text-align:center}.inventory-warehouse-column{width:10%}.inventory-number-column{width:65px;text-align:center}.inventory-available-column{width:80px;text-align:center}.inventory-actions-column{width:145px}.inventory-ellipsis{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-product-column>.inventory-ellipsis{font-weight:750}.inventory-product-column small{display:none!important}.inventory-sku{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.inventory-size-badge{display:inline-flex;min-width:34px;max-width:54px;height:28px;padding:0 7px;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;border-radius:8px;background:var(--primary-50);color:var(--primary-600);font-size:12px;font-weight:800}.inventory-table-compact .inventory-thumb{width:36px;height:36px}.inventory-table-compact .inventory-row-actions{justify-content:flex-end;gap:5px}.inventory-table-compact .inventory-row-actions .inventory-inline-edit{min-width:0;gap:5px}.inventory-table-compact .inventory-inline-edit .form-control{width:62px;height:36px;padding:5px 7px;text-align:center}.inventory-table-compact .inventory-inline-edit .btn,.inventory-table-compact .inventory-row-actions>a{width:36px;height:36px;min-width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.inventory-table-compact .stock-value{white-space:nowrap;font-size:12px}
html[data-theme=dark] .inventory-size-badge{background:#344460;color:#9fb3ff}
@media(max-width:1199px){.inventory-table-compact{min-width:920px}.inventory-product-column{width:20%}.inventory-sku-column{width:13%}.inventory-warehouse-column{width:9%}}

/* Configurable application import */
.export-period-panel{margin-bottom:14px;padding:14px;border:1px solid var(--crm-border);border-radius:14px;background:var(--neutral-50)}.export-period-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.export-period-heading>span{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border-radius:10px;background:var(--primary-100);color:var(--primary-600);font-size:18px}.export-period-heading>div{display:grid;gap:1px}.export-period-heading strong{font-size:13px}.export-period-heading small{color:var(--text-secondary-light);font-size:10px}.export-period-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px}.export-period-grid label{display:grid;gap:5px;margin:0}.export-period-grid label>span{color:var(--text-secondary-light);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.export-period-grid .form-control,.export-period-grid .form-select{height:42px;padding-top:7px;padding-bottom:7px}
.status-history-card{overflow:hidden}.status-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px}.status-history-header>span{padding:5px 8px;border-radius:999px;background:var(--primary-100);color:var(--primary-600);font-size:9px;font-weight:800}.status-history-body{padding:6px 17px 13px}.status-history-list{display:grid}.status-history-entry{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;position:relative;padding:10px 0}.status-history-entry:not(:last-child):before{content:"";position:absolute;left:18px;top:43px;bottom:-8px;width:1px;background:var(--crm-border)}.status-history-rail{position:relative;z-index:1}.status-history-avatar{display:grid;width:36px;height:36px;overflow:hidden;place-items:center;border:3px solid var(--crm-card);border-radius:50%;background:var(--primary-100);color:var(--primary-600);box-shadow:0 0 0 1px var(--crm-border);font-size:11px;font-weight:800}.status-history-avatar img{width:100%;height:100%;object-fit:cover}.status-history-content{display:grid;min-width:0;gap:6px;padding:10px 11px;border:1px solid var(--crm-border);border-radius:12px;background:var(--neutral-50)}.status-history-content time{color:var(--text-secondary-light);font-size:9px}.status-history-content>strong{font-size:12px}.status-history-content p{display:flex;align-items:center;gap:5px;margin:0;color:var(--text-secondary-light);font-size:10px}.status-history-transition{display:flex;min-width:0;align-items:center;gap:6px}.status-history-transition span{min-width:0;overflow:hidden;padding:5px 7px;border-radius:8px;background:color-mix(in srgb,var(--status) 13%,transparent);color:var(--status);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.status-history-transition i{flex:0 0 auto;color:var(--text-secondary-light)}.status-history-entry.is-created .status-history-avatar{background:#e7f8ef;color:#15965b}.status-history-entry.is-created .status-history-content{background:color-mix(in srgb,#22b573 7%,var(--crm-card))}
html[data-theme=dark] .export-period-panel,html[data-theme=dark] .status-history-content{border-color:#465266;background:#303b4c}html[data-theme=dark] .status-history-avatar{border-color:#273142}html[data-theme=dark] .status-history-entry.is-created .status-history-content{background:#294139}
@media(max-width:767px){.export-period-grid{grid-template-columns:1fr}.status-history-body{padding-right:12px;padding-left:12px}.status-history-transition{align-items:flex-start;flex-direction:column}.status-history-transition i{transform:rotate(90deg)}}
.edit-comments-card{width:min(100%,1180px);margin-right:auto;margin-left:auto;overflow:hidden}.edit-comments-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}.edit-comments-header h6{font-size:14px}.edit-comments-header small{font-size:9px}.edit-comments-header>span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:var(--primary-100);color:var(--primary-600);font-size:9px;font-weight:800}.edit-comments-content{background:var(--neutral-50)}.edit-comments-content .comments-modal-timeline{height:150px;min-height:120px!important;max-height:150px;flex:none;padding:10px 14px;gap:6px}.edit-comments-content .comments-modal-empty{min-height:100px}.edit-comments-content .comments-modal-empty i{font-size:22px}.edit-comments-content .comments-modal-message{max-width:min(72%,520px);padding:7px 9px}.edit-comments-content .comments-modal-avatar{width:26px;height:26px;flex-basis:26px}.edit-comments-content .modal-comment-form{padding:8px 10px;border-top:1px solid var(--crm-border);box-shadow:none}.edit-comments-content .modal-comment-compose{padding:4px 6px;border-radius:11px}.edit-comments-content .modal-comment-compose textarea{min-height:44px;max-height:86px;padding:7px 8px;font-size:12px;resize:vertical}.edit-comments-content .comment-composer-toolbar{margin-top:3px;padding-top:4px}.edit-comments-content .comment-emoji-toggle,.edit-comments-content .comment-send-button{height:32px}.edit-comments-content .comment-emoji-toggle{padding:0 8px;font-size:15px}.edit-comments-content .comment-send-button{padding:0 11px}.edit-comments-content .comment-emoji-picker{width:230px;padding:7px}.edit-comments-content .comment-emoji-picker button{width:34px;height:30px;font-size:17px}html[data-theme=dark] .edit-comments-content{background:#202a38}html[data-theme=dark] .edit-comments-content .modal-comment-form{border-color:#465266}@media(max-width:575px){.edit-comments-header{padding:9px 11px}.edit-comments-content .comments-modal-timeline{height:135px;min-height:100px!important;max-height:135px;padding:9px 10px}.edit-comments-content .comments-modal-message{max-width:84%}.edit-comments-content .modal-comment-form{padding:7px 8px}.edit-comments-content .modal-comment-compose textarea{min-height:40px}.edit-comments-content .comment-send-button{width:auto}.edit-comments-content .comment-send-button span{display:inline}}
.report-period-filters{grid-template-columns:repeat(6,minmax(125px,1fr)) auto}.report-period-filters [data-report-custom-date]{transition:opacity .15s ease}.report-period-filters [data-report-custom-date].is-period-disabled{opacity:.55}.status-pie-card .card-body{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:20px}.status-pie{position:relative;display:grid;width:174px;height:174px;margin:auto;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--crm-border) 70%,transparent)}.status-pie:before{content:"";position:absolute;inset:28px;border-radius:50%;background:var(--crm-card);box-shadow:0 0 0 1px color-mix(in srgb,var(--crm-border) 70%,transparent)}.status-pie>div{position:relative;z-index:1;display:grid;text-align:center}.status-pie strong{font-size:28px;line-height:1}.status-pie span{margin-top:4px;color:var(--text-secondary-light);font-size:10px}.status-pie-legend{display:grid;max-height:230px;gap:6px;overflow:auto;padding-right:4px;scrollbar-width:thin}.status-pie-legend>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:9px;background:var(--neutral-50)}.status-pie-legend>div>span{display:flex;min-width:0;align-items:center;gap:7px}.status-pie-legend i{width:9px;height:9px;flex:0 0 9px;border-radius:50%}.status-pie-legend b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.status-pie-legend strong{display:flex;flex:0 0 auto;align-items:baseline;gap:5px;font-size:11px}.status-pie-legend small{color:var(--text-secondary-light);font-size:9px;font-weight:700}html[data-theme=dark] .status-pie:before{background:#273142}html[data-theme=dark] .status-pie-legend>div{background:#303b4c}@media(max-width:1399px){.report-period-filters{grid-template-columns:repeat(3,minmax(140px,1fr))}.report-period-filters .btn{width:100%}}@media(max-width:575px){.report-period-filters{grid-template-columns:1fr}.status-pie-card .card-body{grid-template-columns:1fr}.status-pie{width:156px;height:156px}}
.status-report-filter-card,.status-only-report-card{width:min(100%,1040px);margin-right:auto;margin-left:auto}.status-report-filter-card .card-body{padding:16px 18px}.status-report-filters{display:grid;grid-template-columns:minmax(190px,1.1fr) minmax(160px,1fr) minmax(160px,1fr) auto;align-items:end;gap:12px}.status-report-filters label{margin:0;font-size:11px;font-weight:700}.status-report-filters .btn{height:46px}.status-report-filters [data-report-custom-date]{transition:opacity .15s ease}.status-report-filters [data-report-custom-date].is-period-disabled{opacity:.5}.status-only-report-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.status-only-report-header>span{display:flex;align-items:baseline;gap:5px;padding:7px 10px;border-radius:10px;background:var(--primary-100);color:var(--primary-700);font-size:10px}.status-only-report-header>span strong{font-size:17px}.status-only-report-body{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:center;gap:30px;padding:26px}.status-only-pie{width:220px;height:220px}.status-only-pie:before{inset:37px}.status-only-pie strong{font-size:34px}.status-only-list{display:grid;gap:8px}.status-only-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 14px;padding:9px 11px;border-radius:11px;background:var(--neutral-50)}.status-only-name,.status-only-value{display:flex;align-items:center}.status-only-name{min-width:0;gap:8px}.status-only-name i{width:10px;height:10px;flex:0 0 10px;border-radius:50%}.status-only-name strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.status-only-value{gap:7px}.status-only-value>strong{font-size:13px}.status-only-value small{min-width:48px;color:var(--text-secondary-light);font-size:10px;text-align:right}.status-only-progress{grid-column:1/-1;height:4px;overflow:hidden;border-radius:999px;background:var(--neutral-200)}.status-only-progress i{display:block;height:100%;border-radius:inherit}.status-report-empty{display:grid;min-height:190px;place-items:center;align-content:center;gap:6px;color:var(--text-secondary-light);text-align:center}.status-report-empty i{font-size:32px;color:var(--primary-500)}.status-report-empty strong{color:var(--crm-ink);font-size:13px}.status-report-empty span{font-size:10px}html[data-theme=dark] .status-only-row{background:#303b4c}html[data-theme=dark] .status-only-progress{background:#465266}@media(max-width:767px){.status-report-filters{grid-template-columns:1fr 1fr}.status-report-filters label:first-child,.status-report-filters .btn{grid-column:1/-1}.status-only-report-body{grid-template-columns:1fr;padding:18px}.status-only-pie{width:190px;height:190px}.status-only-pie:before{inset:32px}}@media(max-width:479px){.status-report-filters{grid-template-columns:1fr}.status-report-filters label:first-child,.status-report-filters .btn{grid-column:auto}.status-only-report-header{align-items:flex-start;flex-direction:column}.status-only-report-body{padding:14px}.status-only-pie{width:168px;height:168px}.status-only-pie:before{inset:28px}}

/* Compact status-only report. */
.status-report-heading{width:min(100%,860px);margin-right:auto;margin-left:auto}.status-report-heading .module-icon{width:38px;height:38px;font-size:18px}.status-report-heading h4{font-size:20px}.status-report-heading p{font-size:10px}
.status-only-report-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.status-only-report-body>.status-only-pie{width:min(92%,360px);height:auto;aspect-ratio:1}.status-only-pie:before{inset:62px}.status-only-pie strong{font-size:40px}@media(max-width:767px){.status-only-report-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.status-only-report-body>.status-only-pie{width:min(92%,260px)}.status-only-pie:before{inset:45px}.status-only-pie strong{font-size:32px}}@media(max-width:575px){.status-only-report-body[style]{grid-template-columns:1fr!important}.status-only-report-body>.status-only-pie{width:min(82%,220px)}.status-only-pie:before{inset:38px}.status-only-pie strong{font-size:28px}}
.status-report-filter-card,.status-only-report-card{width:min(100%,860px)}.status-report-filter-card{margin-bottom:14px!important}.status-report-filter-card .card-body{padding:11px 13px}.status-report-filters{grid-template-columns:minmax(165px,1fr) 145px 145px auto;gap:8px}.status-report-filters label{font-size:9px}.status-report-filters .form-control,.status-report-filters .form-select{height:38px;padding-top:5px;padding-bottom:5px;font-size:11px}.status-report-filters .btn{height:38px;padding:0 13px;font-size:11px}.status-only-report-header{padding:11px 14px}.status-only-report-header h6{font-size:14px}.status-only-report-header small{font-size:9px}.status-only-report-header>span{padding:5px 8px;font-size:9px}.status-only-report-header>span strong{font-size:14px}.status-only-report-body{grid-template-columns:190px minmax(0,1fr);gap:18px;padding:16px}.status-only-pie{width:156px;height:156px}.status-only-pie:before{inset:27px}.status-only-pie strong{font-size:25px}.status-only-pie span{font-size:9px}.status-only-list{gap:5px}.status-only-row{gap:3px 10px;padding:6px 8px;border-radius:8px}.status-only-name{gap:6px}.status-only-name i{width:8px;height:8px;flex-basis:8px}.status-only-name strong{font-size:10px}.status-only-value{gap:5px}.status-only-value>strong{font-size:11px}.status-only-value small{min-width:42px;font-size:8px}.status-only-progress{height:3px}@media(max-width:767px){.status-report-filters{grid-template-columns:1fr 1fr}.status-report-filters label:first-child,.status-report-filters .btn{grid-column:1/-1}.status-only-report-body{grid-template-columns:155px minmax(0,1fr);gap:12px;padding:13px}.status-only-pie{width:138px;height:138px}.status-only-pie:before{inset:24px}}@media(max-width:575px){.status-only-report-body{grid-template-columns:1fr}.status-only-pie{width:132px;height:132px}.status-only-pie:before{inset:23px}}@media(max-width:479px){.status-report-filters{grid-template-columns:1fr}.status-report-filters label:first-child,.status-report-filters .btn{grid-column:auto}.status-only-report-header{align-items:center;flex-direction:row}}
.status-toggle{position:relative}.status-toggle input{inset:0;z-index:2;width:100%;height:100%;margin:0;cursor:pointer;pointer-events:auto}.status-toggle span{transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.status-toggle:hover span{border-color:var(--primary-400);transform:translateY(-1px)}.status-toggle input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--primary-500) 28%,transparent);outline-offset:2px}
.item-unit-price{display:inline-flex;min-width:96px;height:42px;align-items:center;justify-content:center;padding:0 10px;border:1px solid var(--crm-border);border-radius:10px;background:var(--neutral-50);font-size:11px;font-weight:800;white-space:nowrap}html[data-theme=dark] .item-unit-price{background:#303b4c;border-color:#465266}@media(max-width:575px){.item-unit-price{width:100%;justify-content:flex-start}}
.import-page-heading{margin-bottom:16px}.import-page-heading h4{margin-top:8px}.import-upload-card{overflow:hidden}.import-steps{display:grid;gap:13px}.import-steps>div{display:flex;align-items:flex-start;gap:11px}.import-steps>div>span{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:9px;background:var(--primary-100);color:var(--primary-600);font-size:12px;font-weight:800}.import-steps p{display:grid;gap:2px;margin:0}.import-steps strong{font-size:13px}.import-steps small{color:var(--text-secondary-light);font-size:11px;line-height:1.45}.import-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 15px}.import-summary>div{display:flex;min-width:0;align-items:center;gap:10px}.import-summary-icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:11px;background:#e9f8ef;color:#179957;font-size:20px}.import-summary p{display:grid;min-width:0;gap:2px;margin:0}.import-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-summary small{color:var(--text-secondary-light)}.import-mapping-card{overflow:hidden}.import-mapping-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.import-mapping-header>span{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary-light);font-size:11px}.import-mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.import-map-field{display:grid;min-width:0;gap:5px;margin:0;padding:11px;border:1px solid var(--crm-border);border-radius:12px;background:var(--neutral-50)}.import-map-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.import-map-label strong{font-size:12px}.import-map-label em{padding:3px 6px;border-radius:999px;background:#fff0ed;color:#d83b25;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}.import-map-field .form-select{height:40px;padding-top:6px;padding-bottom:6px}.import-map-field>small{overflow:hidden;color:var(--text-secondary-light);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.import-preview-section{border-top:1px solid var(--crm-border)}.import-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px}.import-preview-heading h5{margin:0;font-size:15px}.import-preview-heading span{color:var(--text-secondary-light);font-size:10px}.import-preview-table{max-height:260px;border-top:1px solid var(--crm-border)}.import-preview-table table{min-width:max-content}.import-preview-table th,.import-preview-table td{max-width:210px;padding:9px 12px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.import-preview-table th{position:sticky;top:0;z-index:1;background:var(--neutral-50);color:var(--text-secondary-light);font-size:9px;text-transform:uppercase}.import-mapping-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:13px 17px;border-top:1px solid var(--crm-border)}
html[data-theme=dark] .import-map-field,html[data-theme=dark] .import-preview-table th{border-color:#465266;background:#303b4c}html[data-theme=dark] .import-summary-icon{background:#254638;color:#62d49a}html[data-theme=dark] .import-map-label em{background:#4b3032;color:#ffaaa0}
@media(max-width:1199px){.import-mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.import-mapping-grid{grid-template-columns:1fr}.import-mapping-header{align-items:flex-start;flex-direction:column}.import-summary{align-items:stretch;flex-direction:column}.import-summary .btn{width:100%}.import-mapping-actions{align-items:stretch;flex-direction:column-reverse}.import-mapping-actions .btn{width:100%}}
.edit-np-shipment-form{display:grid;grid-template-columns:minmax(190px,1.35fr) repeat(4,minmax(105px,.7fr)) minmax(90px,.55fr) minmax(170px,1fr);gap:12px;align-items:end}.edit-np-shipment-form .shipment-value,.edit-np-shipment-form .volume-weight-result{min-height:66px}.edit-np-payment{grid-column:span 2}.edit-np-actions{display:flex;gap:10px;align-items:end}.edit-ttn-ready{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.5fr) auto;gap:18px;align-items:center}@media(max-width:1399px){.edit-np-shipment-form{grid-template-columns:repeat(4,minmax(0,1fr))}.edit-np-payment{grid-column:span 2}.edit-np-actions{grid-column:span 2}.edit-ttn-ready{grid-template-columns:1fr 2fr}.edit-ttn-ready>div:last-child{grid-column:1/-1}}@media(max-width:767px){.edit-np-shipment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-np-shipment-form .shipment-value,.edit-np-payment,.edit-np-actions{grid-column:1/-1}.edit-np-actions{display:grid}.edit-ttn-ready{grid-template-columns:1fr}.edit-ttn-ready>div:last-child{grid-column:auto}}
.edit-np-shipment-card .card-body{padding:12px 16px}.edit-np-shipment-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 10px}.edit-np-shipment-form label{font-size:12px}.edit-np-shipment-form .form-control,.edit-np-shipment-form .form-select{min-height:42px;padding-top:8px;padding-bottom:8px}.np-recipient-city,.np-recipient-branch{grid-column:span 2}.edit-np-shipment-form .shipment-value{min-height:42px;padding:7px 10px}.edit-np-shipment-form .volume-weight-result{min-height:42px;padding:7px 10px}.edit-np-payment{grid-column:span 2}.edit-np-actions{grid-column:span 2;justify-content:flex-end}.edit-np-actions .btn{min-height:42px}.np-recipient-warning{padding:8px 11px;margin-bottom:9px;font-size:12px}@media(max-width:991px){.edit-np-shipment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.np-recipient-city,.np-recipient-branch{grid-column:auto}.edit-np-payment,.edit-np-actions{grid-column:1/-1}}@media(max-width:575px){.edit-np-shipment-form{grid-template-columns:1fr}.np-recipient-city,.np-recipient-branch,.edit-np-payment,.edit-np-actions{grid-column:auto}.edit-np-actions{display:grid}}

/* Compact Nova Poshta editor. */
.edit-np-shipment-card .card-header{padding:11px 16px}.edit-np-shipment-card .card-header h6{font-size:15px}.edit-np-shipment-card .card-header small{font-size:10px}.edit-np-shipment-card .card-body{padding:11px 14px}.edit-np-shipment-form{display:grid;grid-template-columns:1fr;gap:9px}.edit-np-shipment-form label{margin:0;font-size:10px;font-weight:700}.edit-np-shipment-form .form-control,.edit-np-shipment-form .form-select{height:38px;min-height:38px;margin-top:4px!important;padding:6px 10px;font-size:11px}.np-recipient-grid,.np-address-grid,.np-parcel-grid,.np-payment-grid{display:grid;min-width:0;align-items:end;gap:8px}.np-recipient-grid,.np-address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.np-parcel-grid{grid-template-columns:minmax(130px,1.25fr) repeat(4,minmax(82px,.7fr)) minmax(105px,.9fr) 70px}.np-payment-grid{grid-template-columns:minmax(145px,.8fr) minmax(220px,1.3fr) minmax(130px,.7fr) auto}.edit-np-shipment-form .shipment-value,.edit-np-shipment-form .volume-weight-result,.edit-np-shipment-form .delivery-quote{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border-radius:9px}.edit-np-shipment-form .shipment-value span,.edit-np-shipment-form .volume-weight-result span,.edit-np-shipment-form .delivery-quote span{font-size:9px}.edit-np-shipment-form .shipment-value strong,.edit-np-shipment-form .volume-weight-result strong,.edit-np-shipment-form .delivery-quote strong{font-size:11px;white-space:nowrap}.edit-np-payment{grid-column:auto}.edit-np-actions{grid-column:auto;display:flex;justify-content:flex-end;gap:7px}.edit-np-actions .btn{min-height:38px;padding:0 11px;font-size:10px;white-space:nowrap}.np-recipient-warning{margin-bottom:8px;padding:7px 10px;font-size:10px}.product-size-options{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;padding:9px}.product-size-box{gap:4px}.product-size-box label{min-width:0;font-size:10px}.product-size-box label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-size-box .form-select{min-height:40px;font-size:11px}.selected-product-preview{grid-column:1/-1}
@media(max-width:1199px){.np-parcel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.np-parcel-grid .shipment-value,.np-parcel-grid .volume-weight-result{grid-column:span 2}.np-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-np-actions{grid-column:1/-1}}
@media(max-width:767px){.np-recipient-grid,.np-address-grid,.np-payment-grid{grid-template-columns:1fr}.np-parcel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.np-parcel-grid .shipment-value,.np-parcel-grid .volume-weight-result{grid-column:1/-1}.edit-np-actions{display:grid;grid-column:auto}.edit-np-actions .btn{width:100%}}

/* Client delivery subsection and TTN column. */
.client-delivery-compact{margin-top:12px;padding-top:11px;border-top:1px solid var(--crm-border)}.client-delivery-heading{display:flex;align-items:center;gap:8px;margin-bottom:9px}.client-delivery-heading>span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:8px;background:#fff1e6;color:#ed7a22;font-size:14px}.client-delivery-heading>div{display:grid;gap:1px}.client-delivery-heading strong{font-size:12px}.client-delivery-heading small{color:var(--text-secondary-light);font-size:9px}.client-delivery-grid{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1fr) minmax(220px,1.3fr);align-items:end;gap:9px 10px}.client-delivery-grid label{min-width:0;margin:0;font-size:10px;font-weight:700}.client-delivery-grid .form-control,.client-delivery-grid .form-select{height:40px;min-height:40px;padding-top:7px;padding-bottom:7px;font-size:11px}.client-delivery-comment{grid-column:1/-1}.applications-compact-table .application-ttn-cell{width:112px}.application-ttn-copy{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:5px;padding:5px 7px;border:1px solid #b9e2d1;border-radius:8px;background:#e8f8f0;color:#14794f;cursor:pointer}.application-ttn-copy:hover{border-color:#169b62;background:#d9f3e7}.application-ttn-copy span{overflow:hidden;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.application-ttn-copy i{flex:0 0 auto;font-size:13px}.application-ttn-empty{display:block;color:var(--text-secondary-light);text-align:center}html[data-theme=dark] .client-delivery-compact{border-color:#465266}html[data-theme=dark] .client-delivery-heading>span{background:#493b32;color:#ffab6c}html[data-theme=dark] .application-ttn-copy{border-color:#3b7059;background:#2e4c40;color:#6ee7ac}
@media(min-width:992px){.applications-compact-table .application-products-cell{width:148px}.applications-compact-table .application-comments-cell{width:136px}.applications-compact-table .application-ttn-cell{width:108px}.applications-compact-table .application-status-cell{width:136px}.applications-compact-table .application-actions-cell{width:124px}}
@media(max-width:767px){.client-delivery-grid{grid-template-columns:1fr 1fr}.client-delivery-grid label:nth-of-type(3),.client-delivery-comment{grid-column:1/-1}}
@media(max-width:575px){.client-delivery-grid{grid-template-columns:1fr}.client-delivery-grid label:nth-of-type(3),.client-delivery-comment{grid-column:auto}}
