:root{--crm-bg:#f1f3f6;--crm-ink:#273241;--crm-border:#e0e5eb;--crm-sidebar:208px;--crm-header:56px}
body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;background:var(--crm-bg)!important;color:var(--crm-ink);font-size:13px!important;line-height:1.45}
body:has(.crm-sidebar){padding:calc(var(--crm-header) + 32px) 18px 16px calc(var(--crm-sidebar) + 18px)!important;margin:0!important}
.crm-header.header{position:fixed;z-index:1100;top:0;left:0;right:0;height:var(--crm-header);box-sizing:border-box;margin:0!important;padding:8px 18px!important;display:flex!important;align-items:center;gap:16px;box-shadow:0 1px 5px #16203020;color:var(--crm-header-ink)}
.crm-header .logo{width:calc(var(--crm-sidebar) - 18px);flex-shrink:0}.crm-header .logo img{max-width:166px;height:auto;max-height:34px;object-fit:contain}.crm-header a{color:var(--crm-header-ink);text-decoration:none}.crm-header-title{font-size:14px;font-weight:650}.crm-account{font-size:12px;white-space:nowrap;margin-left:auto}.crm-header-search{display:flex;margin-left:auto;max-width:300px;flex:1;gap:0;border-radius:6px;background:#ffffffeb;overflow:hidden}.crm-header-search input{min-width:0;flex:1;border:0!important;background:transparent!important;padding:7px 10px!important;height:32px!important;color:#273241}.crm-header-search button{border:0;background:transparent;color:#273241;padding:0 10px;font-size:19px}
.crm-sidebar{position:fixed;z-index:1000;top:var(--crm-header);left:0;bottom:0;width:var(--crm-sidebar);box-sizing:border-box;background:#283343;color:#e8edf5;padding:14px 10px;overflow:auto}.crm-nav-label,.crm-sidebar summary{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#99a9ba;padding:12px 10px 6px}.crm-sidebar a{display:block;padding:8px 11px;margin:2px 0;color:#dbe4f0;text-decoration:none;font-size:12px;border-radius:5px;border-left:3px solid transparent}.crm-sidebar a:hover{background:#ffffff0b;color:#fff}.crm-sidebar a[aria-current]{background:#ffffff14;color:#fff;border-left-color:var(--crm-accent);font-weight:700}.crm-sidebar details{margin:0!important}.crm-sidebar summary{cursor:pointer}.crm-menu-toggle,.crm-menu-overlay{display:none}.crm-breadcrumb{position:absolute;top:calc(var(--crm-header) + 8px);left:calc(var(--crm-sidebar) + 20px);display:flex;gap:9px;font-size:11px;color:#778497}.crm-breadcrumb a{color:#637389;text-decoration:none}
h1,.bk-main h1,.hero h1{font-size:23px!important;font-weight:650!important;letter-spacing:-.45px;margin:0 0 10px!important}h2{font-size:16px!important;font-weight:650}h3{font-size:14px!important}.hero:not(.a4-container){background:transparent!important;box-shadow:none!important;border:0!important;padding:8px 0!important;margin:0!important;max-width:none!important}.hero>.container{padding:0!important;max-width:none!important}.tabs{display:none!important}.bk-main,.main,.companies-container,.invoice-list-container,.table-container,.admin-wrap{max-width:none!important;margin:0 0 14px!important;padding:0!important}.card,.bk-card{border-radius:8px!important;border:1px solid var(--crm-border)!important;box-shadow:0 2px 8px #17202c04!important;padding:14px!important;margin:0 0 12px!important}.dashboard{margin:0!important}.container{max-width:none!important}.table-container,.invoice-list-container,.admin-wrap{background:#fff;border:1px solid var(--crm-border);border-radius:8px;padding:12px!important;overflow-x:auto}.crm-page-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}.crm-page-heading>span{color:#7a8898;font-size:12px}
table{border-collapse:collapse}table th{font-size:11px!important;color:#57667b;background:#f3f5f8!important;font-weight:650;white-space:nowrap}table th,table td{padding:9px 10px!important;border-bottom:1px solid var(--crm-border);vertical-align:middle!important}table tbody tr:hover{background:#f7fafb!important}table td{font-size:12px!important}input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea{border:1px solid #d4dce5;border-radius:5px!important;font:inherit;color:#273241;min-height:32px;box-sizing:border-box}input[type="checkbox"]{accent-color:#16827a}.bk-button,.btn-primary,.btn-menu,.btn.primary,button[type="submit"]{border-radius:5px!important;font-size:12px!important;letter-spacing:0!important;min-height:32px;font-weight:600}.bk-button,.btn-primary,.btn.primary{background:#16827a!important;border-color:#16827a!important;color:white!important}.bk-button.secondary,.btn.ghost{background:white!important;color:#344457!important;border:1px solid #d0d9e3!important}.bk-toolbar,.bk-inline{gap:7px}.bk-main .bk-table-wrap{border-radius:6px}.bk-status{font-size:10px!important;padding:3px 7px!important;white-space:nowrap}.bk-metrics{gap:10px}.bk-metrics>div{padding:12px!important}.muted{color:#7a8898}.status-form{max-width:190px;grid-template-columns:1fr 1fr!important}.invoice-payment-date{grid-column:1/-1;font-size:10px;color:#7b8999}.status-form button{grid-column:1/-1}.invoice-payment-breakdown{font-size:11px}.invoice-list-container .actions-stack{gap:5px}#invoice-list-table td[data-label="Статус"]{min-width:190px}.invoice-list-container .btn-download{background:#16827a!important}.crm-document-editor{margin:0 0 14px;max-width:100%}.crm-document-editor>summary{display:inline-flex;align-items:center;border-radius:5px;background:#16827a;color:white;font-size:12px;font-weight:650;padding:8px 13px;cursor:pointer;list-style:none}.crm-document-editor>summary::-webkit-details-marker{display:none}.crm-document-editor[open]>summary{margin-bottom:12px}.crm-document-editor .a4-container{margin:10px auto!important}.crm-document-editor>form{margin:0}.dataTables_wrapper .dataTables_filter input{min-height:30px!important;width:180px}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_info,.dataTables_paginate{font-size:11px!important;margin:0 0 10px!important}footer{margin-top:20px!important;font-size:11px;color:#8794a6}
.crm-home-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:12px;margin:12px 0}.crm-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0}.crm-kpi{background:#fff;border:1px solid var(--crm-border);border-radius:8px;padding:16px}.crm-kpi small{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#7d8997;display:block}.crm-kpi strong{font-size:24px;font-weight:650;display:block;letter-spacing:-.6px;margin:6px 0}.crm-kpi{color:var(--crm-ink);text-decoration:none}.crm-kpi:hover{border-color:#99bebb}.crm-kpi a{font-size:11px;color:#16827a;text-decoration:none}.crm-chart{display:flex;align-items:end;gap:16px;height:160px;padding:8px 0 0}.crm-chart>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;min-width:0}.crm-chart-col>div{display:block;width:70%;min-height:2px;background:#8ab8ed;border-radius:3px 3px 0 0}.crm-chart small{font-size:10px;color:#8794a6;margin-top:6px}.crm-chart-col>span{font-size:9px;font-weight:500;margin-bottom:6px;white-space:nowrap}.crm-donut{width:124px;height:124px;border-radius:50%;margin:12px auto;display:grid;place-items:center;background:conic-gradient(#16827a var(--progress),#e7edf3 0)}.crm-donut strong{background:#fff;border-radius:50%;width:90px;height:90px;display:grid;place-items:center;font-size:26px;font-weight:650}.crm-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.crm-card-title a{font-size:11px;color:#16827a;text-decoration:none}.reminder-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:12px 0!important;gap:12px!important}.reminder-card{border:1px solid var(--crm-border)!important;border-radius:8px!important;background:#fff!important;padding:14px!important;box-shadow:none!important}.reminder-card ul{padding-left:16px}.reminder-card li{font-size:12px!important}.reminder-card a{padding:6px 10px!important;border-radius:5px!important;background:#16827a!important;font-size:11px!important}.qr-main,.main{max-width:1400px!important}.qr-grid{gap:12px!important}
@media(min-width:1000px){.crm-home-grid .bk-card{margin:0!important}}
@media(max-width:1000px){.crm-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-home-grid{grid-template-columns:1fr}.crm-header-search{max-width:220px}.crm-header-title{display:none}.crm-kpi strong{font-size:22px}}
@media(max-width:768px){body:has(.crm-sidebar){padding:92px 10px 12px!important}.crm-header.header{padding:8px 10px!important;gap:10px}.crm-header .logo{width:auto;margin-right:auto}.crm-header .logo img{max-width:115px;max-height:28px}.crm-menu-toggle{display:block;background:transparent;border:1px solid #ffffff60;border-radius:5px;color:var(--crm-header-ink);font-size:19px;min-width:34px;min-height:34px;order:-1}.crm-header-search{display:none}.crm-account{font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:135px;margin-left:0}.crm-sidebar{visibility:hidden;transform:translateX(-100%);transition:transform .15s ease;top:var(--crm-header);width:230px;z-index:1200}.crm-menu-open .crm-sidebar{visibility:visible;transform:translateX(0)}.crm-menu-overlay:not([hidden]){display:block;position:fixed;inset:var(--crm-header) 0 0;background:#18233166;border:0;z-index:1150}.crm-breadcrumb{left:12px}.crm-kpis{gap:8px}.crm-kpi{padding:12px}.crm-kpi strong{font-size:20px}.crm-kpi small{font-size:9px}.crm-page-heading{display:block}.crm-chart{gap:6px;height:135px}.crm-chart-col>span{font-size:8px}.reminder-grid{grid-template-columns:1fr!important}.crm-home-grid{gap:8px}.crm-document-editor .a4-container{max-width:100%!important;width:100%!important}.invoice-list-container{padding:8px!important}.bk-main,.main{min-width:0}.bk-toolbar{align-items:center}.bk-metrics>div{min-width:0;flex:1 1 130px}.bk-metrics strong{font-size:20px}.status-form{max-width:none}.crm-header a:focus-visible,.crm-sidebar a:focus-visible{outline-color:#c1e9e5}.qr-main{padding:0!important}.qr-grid{grid-template-columns:1fr!important}.card .grid{grid-template-columns:1fr!important}.card{overflow-wrap:anywhere}.card input{max-width:100%}.dataTables_wrapper .dataTables_filter{text-align:left!important;float:none!important}.dataTables_wrapper .dataTables_length{float:none!important;text-align:left!important}.dataTables_wrapper .dataTables_filter input{max-width:170px}#invoice-list-table td[data-label="Статус"]{min-width:0}.table-container table,.admin-wrap table{min-width:600px}.bk-table{min-width:600px}.crm-account{color:var(--crm-header-ink)!important}}
@media print{.crm-header,.crm-sidebar,.crm-breadcrumb,.crm-menu-overlay,.crm-document-editor>summary{display:none!important}body:has(.crm-sidebar){padding:0!important}.crm-document-editor:not([open]){display:none!important}}

.crm-kpi strong small{display:inline;font-size:12px;text-transform:none}.crm-home-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:12px;margin-bottom:12px}.bk-num{text-align:right}.crm-card-title .bk-button{color:#fff}.crm-chart-col>div{flex-shrink:1}.crm-chart-col>span{flex-shrink:0}.qr-main .qr-layout{min-width:0}
@media(max-width:1000px){.crm-home-grid{grid-template-columns:1fr}}

.main,.card,.grid,.stack{min-width:0;box-sizing:border-box}.table-wrap{max-width:100%;overflow-x:auto!important;box-sizing:border-box}#companies-table{min-width:1100px;table-layout:auto!important}#individuals-table{min-width:500px}.crm-chart-col>span{font-size:9px!important}
@media(max-width:768px){.main .grid.two{grid-template-columns:minmax(0,1fr)!important}.kicker,.search{flex-wrap:wrap}.search input{width:100%;max-width:240px}.crm-card-title{align-items:flex-start;flex-wrap:wrap}.crm-chart-col>span{font-size:8px!important}}
body:has(.crm-sidebar)>.main,body:has(.crm-sidebar)>.bk-main,body:has(.crm-sidebar)>.qr-main,body:has(.crm-sidebar)>.table-container,body:has(.crm-sidebar)>.invoice-list-container{width:100%!important;max-width:100%!important;box-sizing:border-box}

.crm-commission{margin:6px 0}.crm-commission summary{color:#62768b;font-size:10px;cursor:pointer}.crm-commission .status-form{margin:8px 0 0}.invoice-payment-date{display:block;margin-top:4px}.status-form button,.btn.success,.qr-btn.success{background:#16827a!important;color:#fff!important}.qr-btn,.topbar .btn,.filters .btn{border-radius:5px!important;padding:7px 11px!important;font-size:12px!important}.page-title,.page-sub{text-align:left!important}.crm-dashboard .bk-table td{white-space:normal}#invoice-list-table td{padding-top:10px!important;padding-bottom:10px!important}
@media(max-width:600px){.bk-table{min-width:0!important}.bk-table-wrap{overflow:visible!important}.crm-dashboard .bk-table td{padding:3px!important}.bk-table td[data-label]::before{text-align:left}.bk-table td.bk-number{white-space:normal}}
@media(min-width:769px){#invoice-list-table_wrapper .invoice-custom-controls{display:inline-flex!important;width:auto!important;float:left;margin:0 0 10px!important}#invoice-list-table_wrapper .dataTables_filter{float:right!important;width:auto!important;margin:0 0 10px!important}#invoice-list-table_wrapper .dataTables_filter label{display:inline-flex!important;align-items:center!important;gap:8px!important}#invoice-list-table_wrapper .dataTables_filter input{height:32px!important}#invoice-list-table{clear:both}}

.qr-main .qr-btn:not(.ghost):not(.danger),.main .btn:not(.ghost):not(.danger):not(.btn-outline-danger){background:#16827a!important;color:#fff!important}

.crm-qr-manager .grid{grid-template-columns:230px minmax(0,1fr)!important;gap:14px!important}.crm-qr-manager table{min-width:0!important;table-layout:fixed!important}.crm-qr-manager table th{width:auto!important}.crm-qr-manager td{overflow-wrap:anywhere}.crm-qr-manager .rowbtns{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.crm-qr-manager .rowbtns .btn{font-size:11px!important;padding:6px 8px!important}
@media(max-width:768px){.crm-qr-manager .grid{grid-template-columns:minmax(0,1fr)!important}.crm-qr-manager table,.crm-qr-manager tbody{display:block;width:100%}.crm-qr-manager thead{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.crm-qr-manager tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;border:1px solid var(--crm-border);border-radius:6px;margin-bottom:10px;padding:8px}.crm-qr-manager td{display:block;border:0;padding:3px!important;min-width:0}.crm-qr-manager td::before{content:attr(data-label);display:block;font-size:10px;font-weight:650;color:#7a8899;margin-bottom:4px}.crm-qr-manager td:last-child,.crm-qr-manager td[colspan]{grid-column:1/-1}.crm-qr-manager .rowbtns{flex-direction:row;flex-wrap:wrap}.crm-qr-manager .rowbtns .btn{width:auto!important}}

/* Home uses the actual device width and keeps dense metrics readable. */
.crm-dashboard .crm-kpi,.crm-dashboard .crm-home-grid>.bk-card{min-width:0;box-sizing:border-box}.crm-dashboard .crm-kpi strong{overflow-wrap:anywhere}.crm-dashboard .crm-kpi>span{display:block;line-height:1.35}
@media(max-width:600px){.crm-dashboard{padding:0!important}.crm-dashboard>.crm-card-title{gap:8px;margin-bottom:12px}.crm-dashboard>.crm-card-title .bk-button{width:100%;box-sizing:border-box}.crm-dashboard .crm-kpis{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.crm-dashboard .crm-kpi{padding:10px}.crm-dashboard .crm-kpi strong{font-size:18px;letter-spacing:-.25px}.crm-dashboard .crm-kpi>span{font-size:12px}.crm-dashboard .crm-kpi>small{font-size:9px;line-height:1.4}.crm-dashboard .crm-home-grid{grid-template-columns:minmax(0,1fr)}.crm-dashboard .crm-chart{gap:5px}.crm-dashboard .bk-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.crm-dashboard .bk-table td:first-child{grid-column:1/-1}.crm-dashboard .bk-table td[data-label="Статус"]{grid-column:auto}.crm-dashboard .bk-table td a{overflow-wrap:anywhere}}
@media(max-width:350px){.crm-dashboard .crm-kpis{grid-template-columns:minmax(0,1fr)}.crm-dashboard .crm-chart-col>span{font-size:7px!important}}

/* The desktop sidebar can be hidden; mobile keeps its independent drawer. */
.crm-header .crm-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:1px solid #ffffff60;border-radius:5px;color:var(--crm-header-ink);font-size:19px;width:34px;height:34px;min-width:34px;min-height:34px;order:-1;cursor:pointer}
.crm-header .crm-menu-toggle:hover{background:#ffffff18}
@media(min-width:769px){
 body.crm-sidebar-collapsed:has(.crm-sidebar){--crm-sidebar:0px}
 body.crm-sidebar-collapsed .crm-sidebar{visibility:hidden;pointer-events:none;transform:translateX(-100%)}
 body.crm-sidebar-collapsed .crm-header .logo{width:auto}
}